:root{
  --ink:#050B18; --ink-raised:#0A1628; --base:#fff; --alt:#F4F6FA;
  --border:#E4E9F2; --border-dark:#1C2E4F;
  --strong:#050B18; --body:#3A4657; --muted:#6B7280;
  --on-dark:#fff; --on-dark-muted:#B8C4DC;
  --b700:#1E5A8C; --b600:#2D7FBF; --b500:#3E9BD9; --b400:#6FB8E3; --b50:#EEF5FA;
  --p700:#2A7A6F; --p600:#3BA495; --p500:#5EBFA9; --p50:#EDF7F4;
  --d700:#B32020; --d600:#E03D3D; --d50:#FDE2E2;
  --r-sm:8px; --r-md:14px; --r-lg:22px;
  --container:1200px; --pad:120px;
  --font:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,system-ui,'Malgun Gothic',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--font);color:var(--body);background:var(--base);
  font-size:16px;line-height:1.75;font-feature-settings:'tnum';-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
section{padding:128px var(--pad)}
.inner{max-width:var(--container);margin:0 auto}
.dark{background:var(--ink);color:var(--on-dark-muted)}
.alt{background:var(--alt)}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--b700);line-height:1.4}
.dark .eyebrow{color:var(--b400)}
h1{font-size:56px;font-weight:700;line-height:1.25;letter-spacing:-.015em;color:var(--strong)}
h2{font-size:40px;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--strong)}
h3{font-size:20px;font-weight:700;line-height:1.45;letter-spacing:-.005em;color:var(--strong)}
.dark h1,.dark h2,.dark h3,.dark .strong{color:var(--on-dark)}
.lead{font-size:18px;color:var(--muted);line-height:1.75}
.dark .lead{color:var(--on-dark-muted)}
.mono{font-family:var(--mono);font-size:13px;color:var(--muted)}
.dark .mono{color:var(--on-dark-muted)}
.muted{color:var(--muted)}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:var(--ink);
  display:flex;align-items:center;gap:34px;padding:22px var(--pad)}
.nav .brand svg,.nav .brand img{height:16px;width:auto}
.nav .brand{filter:brightness(0) invert(1)}
.nav .menu{margin-left:auto;display:flex;gap:34px;font-size:14.5px;font-weight:500;color:var(--on-dark-muted)}
.nav .menu a:hover{color:#fff}
.nav .right{display:flex;align-items:center;gap:14px}
.lang-btn{background:none;border:0;cursor:pointer;font:inherit;
  font-family:var(--mono);font-size:13px;color:var(--on-dark-muted);
  letter-spacing:.04em;padding:6px 4px;transition:.15s}
.lang-btn:hover{color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;
  padding:15px 26px;border-radius:var(--r-sm);font-size:15px;font-weight:700;
  border:1px solid transparent;cursor:pointer;transition:.15s}
.btn-sm{padding:11px 18px;font-size:14px}
.btn-primary{background:var(--b600);color:#fff}
.btn-primary:hover{background:var(--b700)}
.btn-ghost-dark{border-color:var(--border-dark);color:#fff}
.btn-ghost-dark:hover{background:rgba(255,255,255,.06)}
.btn-ghost{border-color:var(--border);color:var(--strong)}
.burger{display:none;width:22px;height:16px;position:relative}
.burger i{position:absolute;left:0;height:2px;background:#fff;width:100%}
.burger i:nth-child(1){top:0}.burger i:nth-child(2){top:7px}.burger i:nth-child(3){top:14px;width:65%}

/* hero */
.hero{display:grid;grid-template-columns:8fr 4fr;gap:72px;align-items:center;
  padding:104px var(--pad) 112px}
.hero .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--p500);margin-right:10px}
.hero h1{margin:20px 0 24px}
.hero .cta{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}
.proof{display:flex;gap:28px;margin-top:40px;padding-top:24px;border-top:1px solid var(--border-dark)}
.proof b{display:block;font-size:26px;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.15}
.proof span{font-size:12.5px;font-weight:500;color:var(--on-dark-muted)}
.device{border-radius:28px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.hero .devwrap{justify-self:center;text-align:center}
.hero .devwrap .mono{margin-top:12px}

/* 02 problem */
.split{display:grid;grid-template-columns:400px 1fr;gap:80px;align-items:start}
.statrow{display:flex;align-items:center;gap:24px;padding:28px 0;border-top:1px solid var(--border)}
.statnum{flex:0 0 190px;height:74px;border-radius:10px;background:var(--b50);
  display:flex;align-items:center;justify-content:center;
  font-size:26px;font-weight:700;color:var(--b700);letter-spacing:-.01em}
.statrow h3{margin-bottom:5px}

/* 03 solution */
.steprow{display:flex;align-items:flex-start;gap:28px;padding:32px 0;border-top:1px solid var(--border)}
.stepno{flex:0 0 60px;font-size:28px;font-weight:800;color:#C7D2E0;letter-spacing:-.02em}
.chip{display:inline-block;padding:7px 12px;border-radius:var(--r-sm);
  background:#fff;border:1px solid var(--border);font-size:12px;font-weight:700;color:var(--b700)}
.alt .chip{background:#fff}

/* 04 proof */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.grid3 .device{width:100%;height:auto;aspect-ratio:1170/1900;object-fit:cover;object-position:top}
.grid3 .cap{margin-top:14px}
.grid3 .cap b{display:block;font-size:17px;font-weight:700;color:#fff;line-height:1.45}
.grid3 .cap span{font-size:13px;color:var(--on-dark-muted)}

/* 05 product */
.prow{display:flex;align-items:flex-start;gap:28px;padding:32px 0;border-top:1px solid var(--border)}
.plabel{flex:0 0 90px}
.plabel .no{font-family:var(--mono);font-size:11.5px;color:var(--muted)}
.plabel .tier{font-size:15px;font-weight:800;color:#C7D2E0;letter-spacing:-.005em}
.pmain{flex:1}
.pmain .name{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.pmain .name b{font-size:20px;font-weight:700;color:var(--strong);letter-spacing:-.005em}
.badge{padding:5px 11px;border-radius:999px;font-size:11.5px;font-weight:700}
.badge.mint{background:var(--p50);color:var(--p700)}
.badge.blue{background:var(--b50);color:var(--b700)}
.badge.amber{background:#FEF6E6;color:#B87A1A}
.prev{flex:0 0 200px;text-align:right}
.prev .k{font-family:var(--mono);font-size:11px;color:var(--muted);display:block}
.prev .v{font-size:14px;font-weight:700;color:var(--b700)}
.asset{display:flex;align-items:center;gap:36px;margin-top:20px;padding:34px 36px;
  border-radius:var(--r-md);background:var(--ink);color:var(--on-dark-muted)}
.asset .big{font-size:40px;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.2;flex:none}
.asset b{color:#fff;font-size:16px;display:block;margin-bottom:6px}
.pass{display:flex;align-items:center;gap:44px;margin-top:20px;padding:34px 36px;
  border-radius:var(--r-md);background:var(--b50);border:1px solid #CFE2F0}
.pass>div:first-child{flex:0 0 280px}
.pass .eyebrow{white-space:nowrap}
.pass .price{font-size:44px;font-weight:800;color:var(--strong);letter-spacing:-.02em;line-height:1.15;white-space:nowrap}
.pass .price small{font-size:17px;font-weight:700;color:var(--body);margin-left:8px}
.pass .tags{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.pass .tag{white-space:nowrap}
.tag{padding:6px 12px;border-radius:999px;background:#fff;font-size:11.5px;font-weight:700;color:var(--b700)}
.tag.mint{background:var(--p50);color:var(--p700)}
.pass .divider{width:1px;align-self:stretch;background:#CFE2F0}

/* 06 traction */
.metrics{display:grid;grid-template-columns:repeat(4,1fr)}
.metrics div{padding-left:36px;padding-right:36px;border-left:1px solid var(--border-dark)}
.metrics div:first-child{padding-left:0;border-left:0}
.metrics b{display:block;font-size:56px;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.15}
.metrics .l{font-size:16px;font-weight:700;color:#fff;margin-top:8px}
.metrics .s{font-family:var(--mono);font-size:12.5px;color:var(--on-dark-muted);margin-top:4px}
.award{display:flex;align-items:center;gap:28px;padding:18px 0;border-top:1px solid var(--border-dark)}
.award .d{font-family:var(--mono);font-size:13px;color:var(--b400);flex:0 0 110px}
.award .t{font-size:17px;font-weight:700;color:#fff;flex:1}
.award .o{font-size:13px;color:var(--on-dark-muted)}
.ip{margin-top:30px;padding-top:30px;border-top:1px solid var(--border-dark);display:flex;gap:56px}
.ip b{display:block;font-size:19px;font-weight:700;color:#fff;letter-spacing:-.005em}
.ip span{font-family:var(--mono);font-size:13px;color:var(--on-dark-muted)}

/* 07 team */
.team{display:flex;gap:56px;align-items:flex-start}
.team .photo{flex:0 0 380px;border-radius:var(--r-md);overflow:hidden}
.team .nm{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.team .nm b{font-size:28px;font-weight:700;color:var(--strong);letter-spacing:-.005em}
.team .nm span{font-size:15px;font-weight:500;color:var(--b700)}
.bio{display:flex;gap:20px;padding:18px 0;border-top:1px solid var(--border);margin-top:0}
.bio b{flex:0 0 150px;font-size:14px;font-weight:700;color:var(--strong)}
.bio p{font-size:14.5px;color:var(--muted);line-height:1.7}

/* 08 roadmap */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.rcard{padding:26px 24px;border-radius:12px;background:#fff;border:1px solid var(--border)}
.rcard.now{background:var(--ink);border-color:transparent}
.rcard .q{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--b50);
  color:var(--b700);font-size:11px;font-weight:700;letter-spacing:.02em}
.rcard.now .q{background:var(--p600);color:#fff}
.rcard b{display:block;margin:16px 0 8px;font-size:19px;font-weight:700;color:var(--strong);letter-spacing:-.005em}
.rcard.now b{color:#fff}
.rcard p{font-size:13.5px;color:var(--muted);line-height:1.7}
.rcard.now p{color:var(--on-dark-muted)}

/* 09 closing */
.close{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.close .track h3{color:#fff;font-size:22px;margin:12px 0 20px}
.beta{margin-top:36px;padding-top:22px;border-top:1px solid var(--border-dark)}
.beta a{color:var(--b400);font-weight:700}

/* footer */
footer{background:#02060F;color:var(--on-dark-muted);padding:72px var(--pad) 40px}
footer .top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
footer .brand img,footer .brand svg{height:18px;filter:brightness(0) invert(1)}
footer h4{font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--b400);margin-bottom:12px}
footer li{list-style:none;font-size:14px;line-height:2}
footer .bot{margin-top:56px;padding-top:22px;border-top:1px solid var(--border-dark);
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12.5px}
footer .legal{display:flex;gap:20px}
.copy{font-family:var(--mono);font-size:12px;color:#6B7A94}

@media(max-width:1200px){:root{--pad:40px}}
@media(max-width:900px){
  :root{--pad:20px}
  section{padding:72px var(--pad)}
  h1{font-size:27px;letter-spacing:-.02em}h2{font-size:26px}h3{font-size:18px}
  .lead{font-size:16px}
  .nav{padding:18px var(--pad);gap:0}
  .nav .menu,.nav .right{display:none}
  .burger{display:block;margin-left:auto}
  .hero{grid-template-columns:1fr;gap:32px;padding:56px var(--pad) 64px}
  .hero .cta{flex-direction:column}
  .hero .cta .btn{width:100%}
  .proof{flex-direction:column;gap:0}
  .proof>div{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--border-dark)}
  .proof>div:first-child{border-top:0}
  .proof b{font-size:28px;flex:0 0 120px}
  .split,.grid3,.grid4,.close,.team{grid-template-columns:1fr;display:grid;gap:24px}
  .team .photo{flex:none;width:100%}
  .statrow,.steprow,.prow,.award,.bio{flex-direction:column;align-items:flex-start;gap:10px}
  .statnum{flex:none;width:100%}
  .prev{text-align:left;flex:none}
  .metrics{grid-template-columns:1fr 1fr;gap:12px}
  .metrics div{padding:20px 18px;border-left:0;border-radius:12px;background:rgba(255,255,255,.07)}
  .metrics div:first-child{padding:20px 18px}
  .metrics b{font-size:28px}
  .asset,.pass{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 22px}
  .pass .divider{display:none}
  .ip{flex-direction:column;gap:14px}
  footer{padding:52px var(--pad) 40px}
  footer .top{grid-template-columns:1fr;gap:28px}
}