*{margin:0;padding:0;box-sizing:border-box}

:root{
  --bg:#000000;
  --s1:#0a0a0a;
  --s2:#111111;
  --b1:#1a1a1a;
  --b2:#2a2a2a;
  --t1:#ffffff;
  --t2:#888888;
  --t3:#555555;
  --r:6px;
  --serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --sans:'Geist','Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --mono:'Geist Mono','JetBrains Mono',ui-monospace,monospace;
}

html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--bg);color:var(--t1);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}

/* ═══ Nav ═══ */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(0,0,0,.85);backdrop-filter:blur(16px);border-bottom:1px solid var(--b1)}
.nav-inner{max-width:960px;margin:0 auto;padding:0 2rem;height:52px;display:flex;align-items:center;justify-content:space-between}
.nav-brand{display:flex;align-items:center;gap:.6rem}
.nav-logo{width:24px;height:24px;border-radius:5px;border:1.5px solid var(--t1);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.7rem;letter-spacing:-.02em}
.nav-name{font-size:.72rem;font-weight:700;letter-spacing:.15em;color:var(--t2)}
.nav-links{display:flex;align-items:center;gap:1.75rem}
.nav-links a{color:var(--t3);font-size:.78rem;text-decoration:none;letter-spacing:.02em;transition:color .15s}
.nav-links a:hover{color:var(--t1)}
.nav-cta{color:var(--t1)!important;border:1px solid var(--b2);padding:.3rem .75rem;border-radius:99px;font-weight:600;transition:all .15s!important}
.nav-cta:hover{background:var(--t1);color:var(--bg)!important}

/* ═══ Hero ═══ */
.hero{text-align:center;padding:10rem 2rem 5rem;max-width:700px;margin:0 auto}
.hero-rule{font-size:.65rem;letter-spacing:.25em;color:var(--t3);margin-bottom:1.5rem;font-weight:600}
.hero-title{font-family:var(--serif);font-size:clamp(3rem,8vw,5.5rem);font-weight:900;letter-spacing:.08em;line-height:1;margin-bottom:1.25rem}
.hero-sub{font-family:var(--serif);font-size:1.35rem;color:var(--t2);margin-bottom:1rem}
.hero-sub em{font-style:italic;color:var(--t1)}
.hero-desc{color:var(--t3);font-size:.88rem;max-width:440px;margin:0 auto 2.5rem}
.hero-actions{display:flex;gap:.75rem;justify-content:center}

.btn-w{display:inline-flex;align-items:center;padding:.6rem 1.5rem;background:var(--t1);color:var(--bg);border-radius:99px;font-family:var(--sans);font-size:.82rem;font-weight:700;text-decoration:none;letter-spacing:.01em;transition:all .15s;border:1px solid var(--t1)}
.btn-w:hover{background:transparent;color:var(--t1)}
.btn-ghost{display:inline-flex;align-items:center;padding:.6rem 1.5rem;background:transparent;color:var(--t2);border:1px solid var(--b2);border-radius:99px;font-family:var(--sans);font-size:.82rem;font-weight:600;text-decoration:none;transition:all .15s}
.btn-ghost:hover{color:var(--t1);border-color:var(--t3)}

/* ═══ Stats Bar ═══ */
.stats-bar{display:flex;align-items:center;justify-content:center;gap:2.5rem;padding:2.5rem 2rem;border-top:1px solid var(--b1);border-bottom:1px solid var(--b1)}
.stat{text-align:center}
.stat-num{display:block;font-family:var(--mono);font-size:1.6rem;font-weight:700;letter-spacing:-.02em}
.stat-label{font-size:.68rem;color:var(--t3);text-transform:uppercase;letter-spacing:.1em;font-weight:500}
.stat-divider{width:1px;height:32px;background:var(--b1)}

/* ═══ Sections ═══ */
.section{max-width:960px;margin:0 auto;padding:5rem 2rem}
.section-rule{font-size:.6rem;letter-spacing:.3em;color:var(--t3);text-align:center;margin-bottom:.75rem;font-weight:600}
.section-title{font-family:var(--serif);font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:3rem;letter-spacing:-.01em}

/* ═══ Features ═══ */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--b1);border:1px solid var(--b1);border-radius:10px;overflow:hidden}
.feature-card{background:var(--s1);padding:2rem 1.75rem;position:relative}
.card-num{font-family:var(--mono);font-size:.7rem;color:var(--t3);letter-spacing:.05em;display:block;margin-bottom:.75rem}
.feature-card h3{font-size:.92rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.01em}
.feature-card p{font-size:.8rem;color:var(--t3);line-height:1.55}

/* ═══ Tiers ═══ */
.tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.tier-card{background:var(--s1);border:1px solid var(--b1);border-radius:10px;padding:1.75rem 1.5rem;position:relative}
.tier-card h3{font-size:1rem;font-weight:700;margin-bottom:.25rem}
.tier-price{font-size:.75rem;color:var(--t3);margin-bottom:1rem;font-weight:500}
.tier-card ul{list-style:none;display:flex;flex-direction:column;gap:.4rem}
.tier-card li{font-size:.78rem;color:var(--t2);padding-left:1rem;position:relative}
.tier-card li::before{content:'—';position:absolute;left:0;color:var(--t3)}
.tier-featured{border-color:var(--t2)}
.tier-tag{position:absolute;top:-9px;right:1rem;font-size:.55rem;font-weight:700;letter-spacing:.15em;background:var(--t1);color:var(--bg);padding:.15rem .6rem;border-radius:99px}

/* ═══ Commands ═══ */
.cmd-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--b1);border-radius:10px;overflow:hidden}
.cmd{display:flex;align-items:center;gap:1rem;padding:.7rem 1.25rem;border-bottom:1px solid var(--b1);background:var(--s1)}
.cmd:nth-child(odd){border-right:1px solid var(--b1)}
.cmd:nth-last-child(-n+2){border-bottom:none}
.cmd code{font-family:var(--mono);font-size:.78rem;color:var(--t1);min-width:100px;font-weight:600}
.cmd span{font-size:.78rem;color:var(--t3)}

/* ═══ CTA ═══ */
.cta{text-align:center;padding:5rem 2rem;border-top:1px solid var(--b1)}
.cta h2{font-family:var(--serif);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}
.cta p{color:var(--t3);font-size:.88rem;margin-bottom:2rem}

/* ═══ Footer ═══ */
.footer{text-align:center;padding:2rem;border-top:1px solid var(--b1);font-size:.75rem;color:var(--t3)}
.footer-dot{margin:0 .4rem}

/* ═══ Reveal Animation ═══ */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease}
.reveal.visible{opacity:1;transform:none}

/* ═══ Responsive ═══ */
@media(max-width:768px){
  .feature-grid{grid-template-columns:1fr}
  .tier-grid{grid-template-columns:1fr 1fr}
  .cmd-grid{grid-template-columns:1fr}
  .cmd{border-right:none!important}
  .hero-actions{flex-direction:column;align-items:center}
  .nav-links a:not(.nav-cta){display:none}
}
@media(max-width:480px){
  .tier-grid{grid-template-columns:1fr}
  .stats-bar{gap:1.5rem}
}