*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--canvas);color:var(--body);font-family:'IBM Plex Sans KR',var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
.wrap{width:min(1240px,100%);margin:0 auto;padding-left:32px;padding-right:32px}
.nav-link{font:400 14px/1.4 'IBM Plex Sans KR',var(--font-body);color:var(--body);text-decoration:none;white-space:nowrap}
.nav-link:hover{color:var(--ink)}
.breadcrumb{font:var(--mono-sm);letter-spacing:.04em;color:var(--muted);margin-bottom:28px}
.breadcrumb a{text-decoration:none;color:var(--body)}
.eyebrow{font:600 13px/1.3 var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--phase-1)}
h1{font:700 clamp(36px,5vw,62px)/1.05 'IBM Plex Sans KR',var(--font-body);letter-spacing:0;color:var(--ink);margin:16px 0 18px}
h2{font:700 clamp(26px,3vw,40px)/1.14 'IBM Plex Sans KR',var(--font-body);letter-spacing:0;color:var(--ink);margin:0}
h3{font:700 20px/1.3 'IBM Plex Sans KR',var(--font-body);letter-spacing:0;color:var(--ink);margin:0}
p{margin:0}
.lead{font:300 18px/1.68 'IBM Plex Sans KR',var(--font-body);color:var(--body-strong)}
.product-subtitle{font:700 15px/1.35 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--phase-1);margin-bottom:18px}
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:52px;align-items:center;padding-top:54px;padding-bottom:82px}
.product-visual{border:1px solid var(--hairline);background:var(--surface-card)}
.stripe{height:4px;background:var(--stripe-current)}
.visual{aspect-ratio:1/1;background:#0c0d0f;display:grid;place-items:center;padding:28px}
.visual svg{display:block;width:100%;height:100%}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--hairline);background:var(--surface-soft);margin-top:34px}
.stat{padding:20px;border-right:1px solid var(--hairline)}
.stat:last-child{border-right:none}
.stat-label{font:600 12px/1.3 var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:8px}
.stat-value{font:700 20px/1.25 var(--font-mono);letter-spacing:.02em;color:var(--ink)}
.section{padding:82px 0;border-top:1px solid var(--hairline-strong)}
.section-head{margin-bottom:30px}
.section-kicker{display:inline-block;margin-bottom:12px;font:600 13px/1.3 var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--phase-2)}
.description{max-width:920px;font:300 17px/1.75 'IBM Plex Sans KR',var(--font-body);color:var(--body-strong)}
.description p+p{margin-top:18px}
.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--hairline);background:var(--surface-card);margin:0;padding:0;list-style:none}
.feature-list li{padding:24px;border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.feature-list li:nth-child(2n){border-right:none}
.feature-list li:nth-last-child(-n+2){border-bottom:none}
.feature-title{display:block;font:700 18px/1.35 'IBM Plex Sans KR',var(--font-body);color:var(--ink);margin-bottom:8px}
.feature-copy{font:300 15px/1.62 'IBM Plex Sans KR',var(--font-body);color:var(--body-strong)}
.spec-table{border:1px solid var(--hairline);background:var(--surface-card)}
.spec-row{display:grid;grid-template-columns:240px minmax(0,1fr);border-bottom:1px solid var(--hairline)}
.spec-row:last-child{border-bottom:none}
.spec-key{padding:18px 20px;background:var(--surface-soft);font:600 13px/1.4 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--body)}
.spec-val{padding:18px 20px;font:var(--mono-md);color:var(--body-strong);letter-spacing:.02em}
.cta{border-top:1px solid var(--hairline-strong);border-bottom:1px solid var(--hairline-strong);background:var(--surface-soft)}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:44px;padding-bottom:44px}
.button-row{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid var(--electric);color:var(--ink);background:transparent;text-decoration:none;font:600 12px/1.3 var(--font-display);letter-spacing:.12em;text-transform:uppercase}
.btn.secondary{border-color:var(--hairline);color:var(--body-strong);background:var(--surface-card)}
footer{border-top:1px solid var(--hairline-strong);background:var(--canvas)}
.footer-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;font:var(--caption);color:var(--body);padding-top:22px;padding-bottom:22px}
@media (max-width:980px){
  .hero{grid-template-columns:1fr;gap:34px}
  .feature-list{grid-template-columns:1fr}
  .feature-list li,.feature-list li:nth-child(2n),.feature-list li:nth-last-child(-n+2){border-right:none;border-bottom:1px solid var(--hairline)}
  .feature-list li:last-child{border-bottom:none}
  .nav-links{display:none!important}
  .cta-inner{display:block}
  .button-row{margin-top:22px}
}
@media (max-width:640px){
  .wrap{padding-left:20px;padding-right:20px}
  header nav{height:auto!important;min-height:64px;padding-top:14px!important;padding-bottom:14px!important}
  .hero{padding-top:42px;padding-bottom:58px}
  .stats{grid-template-columns:1fr}
  .stat{border-right:none;border-bottom:1px solid var(--hairline)}
  .stat:last-child{border-bottom:none}
  .spec-row{grid-template-columns:1fr}
  .spec-key{border-bottom:1px solid var(--hairline)}
  .section{padding:58px 0}
  .footer-inner{display:block}
}