/* ===== chrome ===== */
.progress{position:fixed;top:0;left:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);z-index:70;
  background:linear-gradient(90deg,var(--amber),var(--burnt));box-shadow:0 0 12px #f5a52488}
.cursor-glow{display:none}

/* ===== nav ===== */
.nav{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;
  padding:18px 40px;background:linear-gradient(#060607cc,#06060700);backdrop-filter:blur(4px)}
.brand{display:flex;align-items:center;gap:12px}
.brand-logo{width:34px;height:34px;display:inline-block}
.brand-word{font-weight:800;letter-spacing:1.5px;font-size:14px}
.nav-mid{display:flex;gap:28px}.nav-mid a{font-size:13px;color:var(--dim)}.nav-mid a:hover{color:var(--amber)}

/* ===== hero (flat terminal, no 3D) ===== */
.hero{position:relative;z-index:5;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;
  padding:130px 24px 80px;overflow:hidden}
/* faint static blueprint grid — engineering vibe, zero glow */
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}
/* prompt tick on the left rail */
.hero-copy{max-width:840px;margin:0 auto;position:relative;padding-top:26px}
.hero-copy::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);height:2px;width:56px;background:var(--amber);opacity:.55}
.eyebrow{font-size:12px;letter-spacing:3px;color:var(--teal);margin-bottom:22px}
.hero h1{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:64px;line-height:1.08;font-weight:700;letter-spacing:-1.5px;margin:0 0 24px}
.hero h1 em{font-style:normal;color:var(--amber)}
.sub{max-width:560px;color:var(--muted);line-height:1.7;font-size:17px;margin:0 auto 22px}
.struck{font-size:16px;letter-spacing:1px;margin-bottom:30px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center}
.struck s{color:#5c564a;text-decoration:line-through;text-decoration-color:var(--burnt)}.struck b{color:var(--amber)}
.cta{display:flex;align-items:center;gap:22px;justify-content:center}
.link{font-size:14px;color:var(--text);border-bottom:1px solid #ffffff22;padding-bottom:2px}.link:hover{color:var(--amber)}
.scroll-hint{margin-top:44px;font-size:12px;letter-spacing:2px;color:var(--dim);animation:bob 2.4s ease-in-out infinite}
@keyframes bob{0%,100%{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}

/* ===== marquee ===== */
.strip{position:relative;z-index:5;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:13px 20px;background:#0a0b0dcc;backdrop-filter:blur(6px);
  display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:12.5px;letter-spacing:1px}
.strip span{color:#9a9484}.strip s{color:#f5a52466;text-decoration:none}

/* ===== generic section ===== */
.section{position:relative;z-index:5;background:linear-gradient(180deg,#060607f2,#08090bf7);padding:110px 40px;border-bottom:1px solid var(--line);overflow:hidden}
.section.alt{background:linear-gradient(180deg,#08090bf7,#0a0b0df7)}
.section-head{max-width:1000px;margin:0 auto 48px}
.section-head h2{margin:8px 0 0}
.big{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:33px;font-weight:700;letter-spacing:-1px;line-height:1.14;margin:8px 0 0}
.big em{font-style:normal;color:var(--amber)}
.lead{max-width:620px;color:var(--muted);line-height:1.75;font-size:17px;margin:22px 0 0}
.ghost-num{position:absolute;right:4%;top:10%;font-size:128px;font-weight:800;color:#ffffff05;letter-spacing:-6px;pointer-events:none;z-index:0;will-change:transform}

/* ===== story ===== */
.story-inner,.proof-inner{max-width:1000px;margin:0 auto;position:relative;z-index:2}
.leak-wall{margin-top:34px;display:flex;flex-wrap:wrap;gap:10px;max-width:640px}
.leak{font-size:13px;color:#6b6456;border:1px solid #ffffff10;border-radius:8px;padding:7px 12px;
  text-decoration:line-through;text-decoration-color:var(--burnt);background:#0000004d}

/* ===== steps ===== */
.steps{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.step{display:flex;gap:24px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);
  border-radius:16px;padding:26px 28px;transition:border-color .3s,transform .3s}
.step:hover{border-color:#f5a52455;transform:translateX(6px)}
.step-n{color:var(--amber);font-size:26px;font-weight:800;min-width:46px}
.step h3{margin:0 0 8px;font-size:22px}
.step p{color:var(--muted);line-height:1.7;font-size:15px;margin:0}
.step p b{color:var(--teal)}

/* ===== stats ===== */
.stats-sec{background:#060607f7}
.stats{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}
.stat b{display:block;font-size:44px;font-weight:800;color:var(--amber);letter-spacing:-1px}
.stat span{color:var(--dim);font-size:13px;letter-spacing:1px}

/* ===== proof ===== */
.struck-big s{color:#4d4740;text-decoration:line-through;text-decoration-color:var(--burnt);margin-right:18px}
.terminal{margin-top:34px;max-width:680px;background:#05060a;border:1px solid #ffffff12;border-radius:12px;overflow:hidden;box-shadow:0 24px 60px #000a}
.term-bar{display:flex;gap:7px;padding:12px 14px;border-bottom:1px solid #ffffff0d;background:#0a0b0f}
.term-bar i{width:11px;height:11px;border-radius:50%;background:#2a2c33}
.term-bar i:first-child{background:#e0490b}.term-bar i:nth-child(2){background:#f5a524}.term-bar i:nth-child(3){background:#20b2aa}
.terminal pre{margin:0;padding:20px;font-size:13.5px;line-height:1.9;color:#c9c3b5;white-space:pre-wrap}
.c-teal{color:var(--teal)}.c-amber{color:var(--amber)}.c-burnt{color:var(--burnt)}.c-dim{color:#6b6456}

/* ===== pricing ===== */
.price-card{max-width:420px;margin:0 auto;background:var(--panel);border:1px solid #ffffff14;border-radius:18px;padding:30px;
  box-shadow:0 24px 60px #000a}
.price-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px}
.price-top .mono{color:var(--teal);letter-spacing:2px;font-size:13px}
.price b{font-size:42px;font-weight:800}.price i{color:var(--dim);font-style:normal;font-size:14px;margin-left:4px}
.price-list{list-style:none;padding:0;margin:0 0 22px;font-size:14px;line-height:2.2;color:#cfc9bb}
.price-list li{border-bottom:1px dashed #ffffff10}
.buy-email{display:flex;gap:8px;margin-top:4px}
.buy-email input{flex:1;background:#05060a;border:1px solid #1d2b38;border-radius:10px;color:var(--text);padding:13px 14px;font-size:14px;outline:none}
.buy-email input:focus{border-color:var(--amber)}
.buy-email .btn-primary{padding:13px 18px;white-space:nowrap}
.buy-msg{margin-top:14px;font-size:12.5px;color:var(--amber);min-height:16px;text-align:center}
.have-key{text-align:center;margin:22px 0 0;font-size:13px;color:var(--dim)}.have-key a{color:var(--teal)}.have-key a:hover{color:var(--amber)}

/* ===== paid modal ===== */
.paid-modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;
  background:#04050799;backdrop-filter:blur(8px);padding:20px}
.paid-modal[hidden]{display:none}
.paid-card{max-width:460px;width:100%;background:var(--panel);border:1px solid #f5a52433;border-radius:18px;
  padding:30px;box-shadow:0 30px 90px #000c;text-align:center}
.paid-card h3{margin:6px 0 16px;font-size:24px}
.paid-key{font-size:20px;letter-spacing:2px;color:var(--amber);background:#0000004d;border:1px dashed #f5a52455;
  border-radius:10px;padding:16px;margin-bottom:14px;word-break:break-all}
.paid-note{color:var(--dim);font-size:12px;margin:0 0 20px}
.paid-cta{display:flex;gap:12px;justify-content:center}

/* ===== footer ===== */
.foot{position:relative;z-index:5;background:var(--bg);text-align:center;padding:30px;color:var(--dim);font-size:13px}
.foot a{color:var(--muted)}.foot a:hover{color:var(--amber)}

/* ===== reveal ===== */
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
[data-reveal].in{opacity:1;transform:none}
.steps [data-reveal]:nth-child(2){transition-delay:.08s}
.steps [data-reveal]:nth-child(3){transition-delay:.16s}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}.scroll-hint{animation:none}}

/* ===== responsive ===== */
@media(max-width:820px){
  .nav{padding:16px 20px}.nav-mid{display:none}
  .hero{padding:104px 20px 56px}.hero h1{font-size:30px}
  .section{padding:70px 22px}.big{font-size:25px}.ghost-num{font-size:120px}
  .steps{gap:12px}.step{padding:20px}
  .stats{grid-template-columns:repeat(2,1fr);gap:26px 12px}.stat b{font-size:34px}
  .buy-email{flex-direction:column}
}