.k3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}
.kc{background:#fff;border:1px solid var(--line);border-radius:6px;padding:28px 26px;position:relative;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}
.kc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--red);transform:scaleY(0);transform-origin:top;transition:transform .25s}
.kc:hover{border-color:#D9D6D2;transform:translateY(-4px);box-shadow:0 14px 34px rgba(23,24,28,.07)}
.kc:hover::before{transform:scaleY(1)}
.kc .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--red);font-weight:700}
.kc h3{font-size:18px;font-weight:800;letter-spacing:-.02em;margin:10px 0 11px;line-height:1.35}
.kc p{font-size:14px;color:var(--ink2);line-height:1.75}
.layers{display:flex;flex-direction:column;gap:12px}
.ly{display:grid;grid-template-columns:190px 1fr 230px;gap:20px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:20px 24px;align-items:center}
.ly.on{border:2px solid var(--red);background:linear-gradient(120deg,#fff 62%,var(--red-tint))}
.ly .lk{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--ink3);font-weight:700}
.ly.on .lk{color:var(--red)}
.ly h3{font-size:17.5px;font-weight:800;letter-spacing:-.015em;margin-top:5px}
.ly p{font-size:13.5px;color:var(--ink2);line-height:1.6}
.ly .who{font-size:12.5px;color:var(--ink3);text-align:right}
.lynote{margin-top:18px;font-size:14px;color:var(--ink2);border-left:4px solid var(--red);background:#fff;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:6px;padding:18px 24px}
.lynote b{color:var(--ink)}
.hn3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hc{background:#fff;border:1px solid var(--line);border-radius:6px;padding:28px 26px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}
.hc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--red);transform:scaleY(0);transform-origin:top;transition:transform .25s}
.hc:hover{border-color:#D9D6D2;transform:translateY(-4px);box-shadow:0 14px 34px rgba(23,24,28,.07)}
.hc:hover::before{transform:scaleY(1)}
.hc.on{border:2px solid var(--red);background:linear-gradient(150deg,#fff 58%,var(--red-tint))}
.hc .hk{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--ink3);display:flex;justify-content:space-between;align-items:center;gap:8px}
.hc.on .hk{color:var(--red)}
.hc h3{font-size:18px;font-weight:800;margin:10px 0 11px;letter-spacing:-.02em;line-height:1.35}
.hc p{font-size:14px;color:var(--ink2);line-height:1.75;flex:1}
.hc .bill{margin-top:14px;padding-top:12px;border-top:1px solid #F1EFED;font-size:12.5px;color:var(--ink2);line-height:1.6}
.hc .bill b{color:var(--ink)}
.hc.on .bill b{color:var(--red)}
.hfeat{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}
.hf{background:#fff;border:1px solid var(--line);border-radius:6px;padding:22px 20px;position:relative;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}
.hf::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--red);transform:scaleY(0);transform-origin:top;transition:transform .25s}
.hf:hover{border-color:#D9D6D2;transform:translateY(-4px);box-shadow:0 14px 34px rgba(23,24,28,.07)}
.hf:hover::before{transform:scaleY(1)}
.hf .t{font-size:15px;font-weight:800;letter-spacing:-.01em}
.hf p{font-size:12.8px;color:var(--ink2);margin-top:7px;line-height:1.6}
.el6{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.el{background:#fff;border:1px solid var(--line);border-radius:6px;padding:26px 24px;position:relative;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}
.el::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--red);transform:scaleY(0);transform-origin:top;transition:transform .25s}
.el:hover{border-color:#D9D6D2;transform:translateY(-4px);box-shadow:0 14px 34px rgba(23,24,28,.07)}
.el:hover::before{transform:scaleY(1)}
.el .t{font-size:17px;font-weight:800;letter-spacing:-.015em}
.el .e{font-family:var(--mono);font-size:10.5px;color:var(--ink3);letter-spacing:.08em;display:block;margin-top:3px}
.el p{font-size:13.5px;color:var(--ink2);margin-top:10px;line-height:1.65}
.el .ex{margin-top:10px;padding-top:10px;border-top:1px solid #F1EFED;font-size:12.5px;color:var(--red-deep);line-height:1.6}
.cua{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cc{background:#fff;border:1px solid var(--line);border-radius:6px;padding:26px 24px}
.cc.on{border-left:4px solid var(--red)}
.cc .t{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--ink3);display:block;margin-bottom:12px}
.cc.on .t{color:var(--red)}
.cc li{font-size:14px;color:var(--ink2);padding:8px 0 8px 16px;position:relative;border-top:1px solid #F1EFED;line-height:1.65}
.cc li:first-of-type{border-top:0}
.cc li::before{content:"";position:absolute;left:0;top:17px;width:7px;height:2px;background:var(--ink3)}
.cc.on li::before{background:var(--red)}
.wf{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
.wn{background:#fff;border:1px solid var(--line);border-radius:6px;padding:18px 18px;position:relative;text-align:center}
.wn:not(:last-child)::after{content:"→";position:absolute;right:-11px;top:50%;transform:translateY(-50%);color:var(--ink3);font-size:14px;z-index:1}
.wn .k{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--ink3)}
.wn .t{font-size:14px;font-weight:800;margin-top:5px;letter-spacing:-.01em}
.wn.agent{border:2px solid var(--red);background:var(--red-tint)}
.wn.agent .k{color:var(--red)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.sp{background:#fff;border:1px solid var(--line);border-radius:6px;padding:20px 22px}
.sp .t{font-size:15px;font-weight:800;margin-bottom:6px}
.sp p{font-size:13.5px;color:var(--ink2);line-height:1.65}
.twrap{overflow-x:auto;border:1px solid var(--line);border-radius:6px;background:#fff}
table.tb{width:100%;border-collapse:collapse;min-width:780px;font-size:13.5px}
.tb th,.tb td{padding:12px 18px;border-top:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.6}
.tb thead th{border-top:0;background:var(--mist);font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ink3);white-space:nowrap}
.tb thead th:last-child{color:var(--red)}
.tb td:first-child{font-weight:700;white-space:nowrap}
.tb td:last-child{background:var(--red-tint)}
.tb tbody tr:hover td:not(:last-child){background:#FCFBFA}
.tnote{margin-top:16px;font-size:13px;color:var(--ink3)}
.tb.plain td:last-child{background:transparent}
.tb.plain thead th:last-child{color:var(--ink3)}
.badge{font-family:var(--mono);font-size:10.5px;font-weight:700;border-radius:99px;padding:3px 10px;white-space:nowrap;display:inline-block}
.badge.ga{background:var(--red);color:#fff}
.badge.soon{background:var(--mist);color:var(--ink2);border:1px solid var(--line)}
.svcline{margin-top:16px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:6px;padding:20px 26px;font-size:14.5px;color:var(--ink2);line-height:1.7}
.svcline a{color:var(--red);font-weight:700}
.svcline a:hover{text-decoration:underline}
@media(max-width:1020px){
  .k3,.el6,.hn3{grid-template-columns:1fr 1fr}
  .hfeat{grid-template-columns:1fr 1fr}
  .ly{grid-template-columns:1fr;gap:8px}
  .ly .who{text-align:left}
  .cua,.split{grid-template-columns:1fr}
  .wf{grid-template-columns:1fr 1fr}
  .wn:not(:last-child)::after{display:none}
  .xl{grid-template-columns:1fr 1fr}
  .f{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .menu,.nav .btn{display:none}
  .hamb{display:block;background:none;border:0;font-size:24px;cursor:pointer;color:var(--ink)}
  .sec{padding:76px 0}
  .k3,.el6,.wf,.xl,.hn3,.hfeat{grid-template-columns:1fr}
  .band .wrap{grid-template-columns:1fr}
  .f{grid-template-columns:1fr}
}