:root{
  --bg:#0a0a0a;
  --bg-2:#111;
  --fg:#f4f4f2;
  --muted:#a6a6a3;
  --line:rgba(255,255,255,.08);
  --accent:#f4f4f2;
  --accent-ink:#0a0a0a;
  --radius:14px;
  --maxw:960px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);}
html{scroll-behavior:smooth}
body{
  font-family: ui-sans-serif, system-ui, "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size:17px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}

/* Launch banner */
.banner{background:#f4f4f2;color:#0a0a0a;font-size:13px;font-weight:500;letter-spacing:.01em}
.banner__inner{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 22px;text-align:center;flex-wrap:wrap}
.banner__strike{color:#666;text-decoration:line-through;text-decoration-thickness:1px;margin-right:2px}
.banner__dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#0a0a0a;animation:pulse 1.6s var(--ease) infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}

/* CTA strike */
.cta__strike{color:rgba(10,10,10,.45);text-decoration:line-through;text-decoration-thickness:1px;margin-right:4px;font-weight:500}

/* Was price */
.price__was{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px;font-size:24px;font-weight:500;align-self:center}

/* Nav */
.nav{position:sticky;top:0;z-index:10;background:rgba(10,10,10,.72);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line)}
.nav__inner{display:flex;align-items:center;justify-content:space-between;height:60px}
.brand{font-weight:700;letter-spacing:.2px;font-size:18px}
.brand__dot{color:#8a8a86}

/* Buttons */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 20px;border-radius:999px;font-weight:600;font-size:15px;
  transition:transform .15s var(--ease), background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);
  cursor:pointer;border:1px solid transparent;
}
.btn:active{transform:translateY(1px)}
.btn--primary{background:var(--accent);color:var(--accent-ink)}
.btn--primary:hover{background:#fff}
.btn--ghost{border-color:var(--line);color:var(--fg)}
.btn--ghost:hover{border-color:rgba(255,255,255,.25)}
.btn--lg{padding:18px 26px;font-size:17px}

/* Hero */
.hero{padding:88px 0 56px;border-bottom:1px solid var(--line)}
.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:12px;margin:0 0 18px}
.hero__title{font-size:clamp(38px,6vw,64px);line-height:1.02;letter-spacing:-.02em;margin:0 0 18px;font-weight:700}
.hero__sub{color:var(--muted);max-width:640px;font-size:18px;margin:0 0 28px}
.hero__ctas{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.hero__meta{color:var(--muted);font-size:14px}
.pill-row{list-style:none;padding:0;margin:0;display:flex;gap:8px;flex-wrap:wrap}
.pill-row li{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:6px 10px;border-radius:999px}

/* Sections */
.section{padding:72px 0;border-bottom:1px solid var(--line)}
.section h2{font-size:clamp(26px,3.2vw,34px);letter-spacing:-.01em;margin:0 0 18px;font-weight:700}
.lead{color:var(--muted);font-size:17px;max-width:640px}

/* Grid cards */
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.card__num{color:var(--muted);font-size:12px;letter-spacing:.18em;margin-bottom:10px}
.card h3{margin:0 0 6px;font-size:18px}
.card p{margin:0;color:var(--muted)}
@media (max-width:640px){.grid{grid-template-columns:1fr}}

/* Quote */
.quote{margin:26px 0 0;padding:22px;border-left:2px solid var(--line);background:var(--bg-2);border-radius:0 var(--radius) var(--radius) 0}
.quote p{margin:0 0 8px;font-size:18px}
.quote cite{color:var(--muted);font-style:normal;font-size:13px}

/* Buy */
.buy__inner{text-align:center}
.price{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:14px 0 22px}
.price__amount{font-size:54px;font-weight:700;letter-spacing:-.02em}
.price__note{color:var(--muted);font-size:14px}
.bullets{list-style:none;padding:0;margin:24px auto 0;color:var(--muted);display:flex;gap:22px;flex-wrap:wrap;justify-content:center;font-size:14px}
.bullets li::before{content:"•";margin-right:8px;color:#555}

/* FAQ */
.faq details{border-top:1px solid var(--line);padding:16px 0}
.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font-weight:600;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--muted)}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--muted);margin:10px 0 0}

/* Footer */
.foot{padding:28px 0;color:var(--muted);font-size:13px}
.foot__inner{display:flex;justify-content:space-between;align-items:center}
.foot__links a:hover{color:var(--fg)}

/* Start page */
.start{padding:72px 0 96px}
.start h1{font-size:clamp(32px,4.4vw,46px);letter-spacing:-.02em;margin:0 0 10px}
.start__sub{color:var(--muted);margin:0 0 28px;max-width:600px}
.step{border-top:1px solid var(--line);padding:22px 0}
.step:last-child{border-bottom:1px solid var(--line)}
.step__tag{color:var(--muted);font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px}
.step h2{margin:0 0 10px;font-size:22px}
.step ul{margin:6px 0 0 18px;padding:0;color:var(--fg)}
.step ul li{margin:4px 0}
.final{margin-top:28px;font-size:20px;font-weight:600}