@font-face { font-family:Inter; font-weight:400; font-display:swap; src:url(/assets/inter-400.woff) format("woff") }
@font-face { font-family:Inter; font-weight:600; font-display:swap; src:url(/assets/inter-600.woff) format("woff") }
@font-face { font-family:lucide; font-display:block; src:url(/assets/lucide.woff) format("woff") }
:root { --bg:#f7f7f6; --surface:#fff; --ink:#111113; --muted:#6b6b70; --faint:#9a9aa0; --line:#e7e7e4; --field:#f0f0ee;
  --ice:#3D6FE0; --ice-soft:rgba(61,111,224,.10);
  --night:#0b0b0d; --night-line:#1d1d22; --night-ink:#ececef; --night-muted:#8b8b93; --glow:#7AA7FF }
@media (prefers-color-scheme: dark) { :root { --bg:#0e0e10; --surface:#141417; --ink:#ececef; --muted:#8b8b93; --faint:#5f5f66;
  --line:#232328; --field:#1a1a1e; --ice:#7AA7FF; --ice-soft:rgba(122,167,255,.12) } }
* { box-sizing:border-box }
html,body { margin:0 }
body { background:var(--bg); color:var(--ink); font:16px/1.6 Inter, ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing:antialiased; font-feature-settings:"cv11","ss01" }
a { color:var(--ice); text-decoration:none }
a:hover { text-decoration:underline }
.ic { font-family:lucide; font-style:normal; line-height:1; display:inline-block; width:1em; text-align:center; flex:none }
.wrap { max-width:1080px; margin:0 auto; padding:0 24px }

/* Brand */
.brand { display:inline-flex; align-items:center; gap:10px; color:inherit }
.brand:hover { text-decoration:none }
.mark { display:inline-flex; align-items:flex-end; gap:3px; height:18px }
.mark i { width:4px; border-radius:2px; background:var(--glow) }
.mark i:nth-child(1) { height:45% } .mark i:nth-child(2) { height:100% } .mark i:nth-child(3) { height:70% }
.word { font-weight:600; font-size:19px; letter-spacing:-.03em }

/* Hero */
.hero { background:var(--night); color:var(--night-ink); position:relative; overflow:hidden; border-bottom:1px solid var(--night-line) }
.hero::after { content:""; position:absolute; inset:auto -20% -50% -20%; height:80%;
  background:radial-gradient(closest-side, rgba(122,167,255,.16), transparent); pointer-events:none }
.top { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:24px; padding-bottom:24px; position:relative; z-index:1 }
.top nav { display:flex; align-items:center; gap:22px; font-size:14px }
.top nav a { color:var(--night-muted) }
.top nav a:hover { color:var(--night-ink); text-decoration:none }
.intro { padding-top:72px; padding-bottom:24px; position:relative; z-index:1 }
.eyebrow { margin:0; font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--glow) }
h1 { font-size:clamp(34px, 6vw, 60px); line-height:1.05; letter-spacing:-.035em; font-weight:600; margin:14px 0 0; max-width:13em }
.lead { color:var(--night-muted); font-size:18px; max-width:34em; margin:20px 0 0 }
.cta { display:flex; flex-wrap:wrap; gap:12px; margin:34px 0 0 }
.btn { display:inline-flex; align-items:center; gap:8px; font-weight:600; border-radius:10px; padding:13px 20px; transition:opacity .15s }
.btn:hover { text-decoration:none; opacity:.88 }
.btn .ic { font-size:17px }
.hero .btn.primary { background:var(--night-ink); color:var(--night) }
.btn.quiet { color:var(--night-ink); border:1px solid var(--night-line) }
.btn.quiet:hover { border-color:var(--night-muted); opacity:1 }
.wave { display:flex; align-items:center; gap:4px; height:150px; margin:48px 0 0; position:relative; z-index:1 }
.wave i { flex:1; border-radius:3px; background:linear-gradient(var(--glow), rgba(122,167,255,.25)); opacity:.85;
  transform-origin:center; animation:breathe 2.8s ease-in-out infinite alternate }
@keyframes breathe { from { transform:scaleY(.55) } to { transform:scaleY(1) } }
@media (prefers-reduced-motion: reduce) { .wave i { animation:none } }

/* Sections */
section { padding:84px 0 0 }
h2 { font-size:clamp(24px, 3.4vw, 32px); line-height:1.15; letter-spacing:-.03em; font-weight:600; margin:10px 0 0 }
main .eyebrow { color:var(--ice) }
.grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; margin:34px 0 0 }
.card { background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:26px }
.card .ic { font-size:20px; color:var(--ice); width:40px; height:40px; line-height:40px; border-radius:10px; background:var(--ice-soft) }
.card h3 { font-size:16px; font-weight:600; margin:18px 0 0 }
.card p { color:var(--muted); margin:6px 0 0; font-size:15px }
.steps { list-style:none; padding:0; margin:34px 0 0; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; counter-reset:step }
.steps li { border-top:1px solid var(--line); padding:20px 0 0; counter-increment:step }
.steps li::before { content:counter(step, decimal-leading-zero); font-size:13px; font-weight:600; color:var(--ice); font-variant-numeric:tabular-nums }
.steps h3 { font-size:16px; font-weight:600; margin:10px 0 0 }
.steps p { color:var(--muted); margin:6px 0 0; font-size:15px }
.soon { display:inline-block; font-size:12px; font-weight:600; padding:2px 9px; border-radius:99px; background:var(--field); color:var(--muted); margin-left:6px; vertical-align:2px }
.band { margin:84px 0 0; padding:40px; border-radius:16px; background:var(--surface); border:1px solid var(--line);
  display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap }
.band h2 { margin:0; font-size:24px }
.band p { margin:6px 0 0; color:var(--muted) }
.band .btn.primary { background:var(--ink); color:var(--bg) }
footer { margin:84px 0 0; border-top:1px solid var(--line); padding:28px 0 40px; font-size:14px; color:var(--faint) }
footer .wrap { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap }
footer a { color:var(--muted) }
footer nav { display:flex; gap:18px; flex-wrap:wrap }
footer [aria-current="true"] { color:var(--ink) }

/* Not found */
.lost { min-height:100vh; display:grid; place-items:center; text-align:center; padding:24px }
.lost h1 { font-size:30px; margin:22px auto 0 }
.lost p { color:var(--muted) }

@media (max-width: 760px) {
  .top nav .hide-sm { display:none }
  .intro { padding-top:40px }
  .lead { font-size:16px }
  .wave { height:80px; margin-top:36px }
  .grid, .steps { grid-template-columns:minmax(0, 1fr) }
  section { padding-top:60px }
  .band { padding:26px; margin-top:60px }
}
.wave i:nth-child(1) { height:38%; animation-delay:0ms }
.wave i:nth-child(2) { height:76%; animation-delay:137ms }
.wave i:nth-child(3) { height:49%; animation-delay:274ms }
.wave i:nth-child(4) { height:73%; animation-delay:411ms }
.wave i:nth-child(5) { height:65%; animation-delay:548ms }
.wave i:nth-child(6) { height:66%; animation-delay:685ms }
.wave i:nth-child(7) { height:67%; animation-delay:822ms }
.wave i:nth-child(8) { height:44%; animation-delay:959ms }
.wave i:nth-child(9) { height:42%; animation-delay:1096ms }
.wave i:nth-child(10) { height:39%; animation-delay:1233ms }
.wave i:nth-child(11) { height:38%; animation-delay:1370ms }
.wave i:nth-child(12) { height:30%; animation-delay:1507ms }
.wave i:nth-child(13) { height:21%; animation-delay:44ms }
.wave i:nth-child(14) { height:31%; animation-delay:181ms }
.wave i:nth-child(15) { height:32%; animation-delay:318ms }
.wave i:nth-child(16) { height:31%; animation-delay:455ms }
.wave i:nth-child(17) { height:44%; animation-delay:592ms }
.wave i:nth-child(18) { height:38%; animation-delay:729ms }
.wave i:nth-child(19) { height:44%; animation-delay:866ms }
.wave i:nth-child(20) { height:37%; animation-delay:1003ms }
.wave i:nth-child(21) { height:43%; animation-delay:1140ms }
.wave i:nth-child(22) { height:34%; animation-delay:1277ms }
.wave i:nth-child(23) { height:29%; animation-delay:1414ms }
.wave i:nth-child(24) { height:20%; animation-delay:1551ms }
.wave i:nth-child(25) { height:14%; animation-delay:88ms }
.wave i:nth-child(26) { height:12%; animation-delay:225ms }
.wave i:nth-child(27) { height:13%; animation-delay:362ms }
.wave i:nth-child(28) { height:13%; animation-delay:499ms }
.wave i:nth-child(29) { height:19%; animation-delay:636ms }
.wave i:nth-child(30) { height:28%; animation-delay:773ms }
.wave i:nth-child(31) { height:49%; animation-delay:910ms }
.wave i:nth-child(32) { height:54%; animation-delay:1047ms }
.wave i:nth-child(33) { height:49%; animation-delay:1184ms }
.wave i:nth-child(34) { height:58%; animation-delay:1321ms }
.wave i:nth-child(35) { height:53%; animation-delay:1458ms }
.wave i:nth-child(36) { height:67%; animation-delay:1595ms }
.wave i:nth-child(37) { height:78%; animation-delay:132ms }
.wave i:nth-child(38) { height:70%; animation-delay:269ms }
.wave i:nth-child(39) { height:50%; animation-delay:406ms }
.wave i:nth-child(40) { height:52%; animation-delay:543ms }
.wave i:nth-child(41) { height:43%; animation-delay:680ms }
.wave i:nth-child(42) { height:48%; animation-delay:817ms }
.wave i:nth-child(43) { height:38%; animation-delay:954ms }
.wave i:nth-child(44) { height:35%; animation-delay:1091ms }
.wave i:nth-child(45) { height:50%; animation-delay:1228ms }
.wave i:nth-child(46) { height:58%; animation-delay:1365ms }
.wave i:nth-child(47) { height:48%; animation-delay:1502ms }
.wave i:nth-child(48) { height:57%; animation-delay:39ms }
.wave i:nth-child(49) { height:46%; animation-delay:176ms }
.wave i:nth-child(50) { height:43%; animation-delay:313ms }
.wave i:nth-child(51) { height:44%; animation-delay:450ms }
.wave i:nth-child(52) { height:34%; animation-delay:587ms }
.wave i:nth-child(53) { height:40%; animation-delay:724ms }
.wave i:nth-child(54) { height:26%; animation-delay:861ms }
.wave i:nth-child(55) { height:17%; animation-delay:998ms }
.wave i:nth-child(56) { height:13%; animation-delay:1135ms }