/* ============================================================
   THE $1M DESIGN SYSTEM — landing page
   Bebas (display) · Inter (UI) · Georgia (editorial italic)
   ============================================================ */
:root{
  --paper:#F5F4F1; --ink:#111111; --ink-2:#2a2a2a;
  --red:#E3232D; --red-ink:#c51d26;
  --muted:#6b6b6b; --line:rgba(17,17,17,.10);
  --dark:#0e0e10; --dark-2:#161619;
  --glass:rgba(255,255,255,.62); --glass-brd:rgba(17,17,17,.08);
  --glass-d:rgba(255,255,255,.07); --glass-d-brd:rgba(255,255,255,.14);
  --shadow:0 24px 60px -20px rgba(17,17,17,.22);
  --shadow-sm:0 10px 30px -12px rgba(17,17,17,.2);
  --r:18px; --r-lg:26px; --pill:100px;
  --maxw:1180px; --pad:clamp(1.2rem,4vw,2rem);
  --sp:clamp(4.5rem,9vw,9rem);
  --ease:cubic-bezier(.16,1,.3,1);
  --f-disp:"Bebas Neue",Impact,sans-serif;
  --f-ui:"Inter",system-ui,sans-serif;
  --f-ed:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{
  background:var(--paper); color:var(--ink); font-family:var(--f-ui);
  font-size:clamp(1rem,.96rem+.2vw,1.075rem); line-height:1.6;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
em{font-family:var(--f-ed);font-style:italic;font-weight:400}
::selection{background:var(--red);color:#fff}

/* soft aurora field behind everything for glass to blur */
body::before{
  content:"";position:fixed;inset:-20vmax;z-index:-2;pointer-events:none;
  background:
    radial-gradient(40vmax 40vmax at 12% 8%, rgba(227,35,45,.10), transparent 60%),
    radial-gradient(46vmax 46vmax at 92% 22%, rgba(227,35,45,.07), transparent 62%),
    radial-gradient(50vmax 50vmax at 60% 100%, rgba(17,17,17,.05), transparent 60%);
  filter:saturate(1.05);
}
.grain{position:fixed;inset:0;z-index:9;pointer-events:none;opacity:.05;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* progress + cursor */
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--red);z-index:60;box-shadow:0 0 12px rgba(227,35,45,.6)}
.cursor{position:fixed;top:0;left:0;width:34px;height:34px;border:1.5px solid rgba(17,17,17,.35);border-radius:50%;
  transform:translate(-50%,-50%);pointer-events:none;z-index:80;transition:width .25s var(--ease),height .25s var(--ease),background .25s,border-color .25s;mix-blend-mode:difference}
.cursor.grow{width:64px;height:64px;background:rgba(255,255,255,.9);border-color:transparent}
@media (hover:none){.cursor{display:none}}

/* glass */
.glass{background:var(--glass);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);
  border:1px solid var(--glass-brd);box-shadow:var(--shadow-sm)}
[data-glow]{position:relative;overflow:hidden}
[data-glow]::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;
  background:radial-gradient(320px circle at var(--mx,50%) var(--my,0%), rgba(227,35,45,.16), transparent 60%)}
[data-glow]:hover::after{opacity:1}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.5ch;font-family:var(--f-ui);font-weight:600;
  background:var(--red);color:#fff;border-radius:var(--pill);padding:.85em 1.4em;line-height:1;
  border:1px solid transparent;transition:transform .3s var(--ease),box-shadow .3s,background .3s;
  box-shadow:0 12px 28px -10px rgba(227,35,45,.6);will-change:transform}
.btn:hover{background:var(--red-ink);transform:translateY(-2px);box-shadow:0 18px 40px -12px rgba(227,35,45,.7)}
.btn-lg{font-size:1.05rem;padding:1.05em 1.7em}
.btn-sm{font-size:.9rem;padding:.7em 1.1em}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line);box-shadow:none}
.btn-ghost:hover{background:rgba(17,17,17,.05);color:var(--ink);transform:translateY(-2px)}
.hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.25)}
.hero .btn-ghost:hover{background:rgba(255,255,255,.08)}
.full{width:100%;justify-content:center}

/* typography */
.h1{font-family:var(--f-disp);font-weight:400;line-height:.92;letter-spacing:.5px;
  font-size:clamp(2.9rem,8vw,6.4rem);text-transform:uppercase}
.h1 em{text-transform:none;color:var(--red);font-size:.94em}
.h2{font-family:var(--f-disp);font-weight:400;line-height:.94;letter-spacing:.4px;text-transform:uppercase;
  font-size:clamp(2.1rem,5vw,4rem)}
.h2 em{text-transform:none;color:var(--red)}
.h2.sm{font-size:clamp(1.8rem,4vw,3rem)}
.kicker{font-family:var(--f-ui);font-weight:600;text-transform:uppercase;letter-spacing:.18em;
  font-size:.78rem;color:var(--red);margin-bottom:1.1rem}
.kicker.center{text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:.6ch;font-weight:500;font-size:.88rem;color:var(--muted);margin-bottom:1.4rem}
.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(227,35,45,.5);animation:ping 2.4s infinite}
.lede{font-size:clamp(1.05rem,1rem+.4vw,1.3rem);color:var(--ink-2);max-width:34ch;margin:1.6rem 0}
.body{color:var(--ink-2);max-width:60ch}
.body.wide{max-width:66ch}.center{text-align:center;margin-inline:auto}
.hl{color:var(--red);font-weight:600}

/* layout */
.section{padding:var(--sp) 0;position:relative}
.wrap{width:min(var(--maxw),calc(100% - 2*var(--pad)));margin-inline:auto}
.wrap.narrow{max-width:760px}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:1.5rem;
  padding:.7rem clamp(1rem,4vw,2rem);background:transparent;border:0;box-shadow:none;transition:.4s var(--ease)}
.nav.scrolled{background:var(--glass);border-bottom:1px solid var(--glass-brd);box-shadow:var(--shadow-sm)}
.brand{display:flex;align-items:center;gap:.55ch;font-family:var(--f-disp);font-size:1.35rem;letter-spacing:.5px}
.brand-mark{background:var(--red);color:#fff;padding:.05em .4ch;border-radius:6px}
.nav-links{margin-left:auto;display:flex;gap:1.6rem;font-size:.92rem;font-weight:500;color:var(--ink-2)}
.nav-links a{position:relative}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-4px;height:2px;width:0;background:var(--red);transition:width .3s var(--ease)}
.nav-links a:hover::after{width:100%}
@media(max-width:820px){.nav-links{display:none}}

/* HERO */
.hero{background:var(--dark);color:#fff;min-height:100svh;display:flex;flex-direction:column;justify-content:center;
  padding:8rem 0 4rem;position:relative;overflow:hidden}
.hero-inner{width:min(var(--maxw),calc(100% - 2*var(--pad)));margin-inline:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.hero .eyebrow{color:rgba(255,255,255,.7)}
.hero .lede{color:rgba(255,255,255,.78)}
.hero .trust{color:rgba(255,255,255,.55);font-size:.9rem;margin-top:1.6rem}
.hero-cta{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:.4rem}
.aurora{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
   radial-gradient(38vmax 38vmax at 78% 18%, rgba(227,35,45,.5), transparent 60%),
   radial-gradient(30vmax 30vmax at 20% 82%, rgba(227,35,45,.22), transparent 60%),
   radial-gradient(34vmax 34vmax at 60% 50%, rgba(90,90,120,.18), transparent 60%);
  filter:blur(10px);animation:drift 18s var(--ease) infinite alternate}
.hero-inner,.hero .scrollcue{position:relative;z-index:1}
@keyframes drift{to{transform:translate3d(-4%,3%,0) scale(1.08)}}

.hero-art{position:relative;display:flex;justify-content:center}
.cover-tilt{position:relative;width:min(112%,560px);transform-style:preserve-3d;transition:transform .25s var(--ease)}
.cover-img{width:100%;position:relative;z-index:1;filter:drop-shadow(0 40px 60px rgba(0,0,0,.7)) drop-shadow(0 8px 16px rgba(0,0,0,.5))}
.cover-halo{position:absolute;inset:6% 4%;z-index:0;pointer-events:none;
  background:radial-gradient(closest-side, rgba(227,35,45,.30), transparent 72%);filter:blur(26px)}
.chip{position:absolute;padding:.7rem .95rem;border-radius:14px;display:flex;flex-direction:column;line-height:1.1;
  white-space:nowrap;background:var(--glass-d);border:1px solid var(--glass-d-brd);color:#fff;box-shadow:var(--shadow)}
.chip b{font-family:var(--f-disp);font-size:1.9rem;color:#fff}
.chip span{font-size:.72rem;color:rgba(255,255,255,.7)}
.chip-a{top:2%;left:-2%}.chip-b{bottom:14%;left:-6%}.chip-c{bottom:30%;right:0}
@media(max-width:920px){.hero-inner{grid-template-columns:1fr;text-align:center}
  .hero .lede,.body,.body.wide{margin-inline:auto}.hero-cta{justify-content:center}
  .hero-art{margin-top:2.5rem}.chip-a{left:0}.chip-b{left:-2%}.chip-c{right:-2%}}

.scrollcue{position:absolute;bottom:1.6rem;left:50%;transform:translateX(-50%);width:26px;height:42px;border:2px solid rgba(255,255,255,.4);border-radius:14px}
.scrollcue span{position:absolute;top:8px;left:50%;width:4px;height:8px;background:#fff;border-radius:2px;transform:translateX(-50%);animation:cue 1.6s infinite}
@keyframes cue{0%{opacity:0;top:8px}40%{opacity:1}100%{opacity:0;top:22px}}

/* STRIP / marquee */
.strip{padding:2.4rem 0;border-block:1px solid var(--line);overflow:hidden;background:rgba(255,255,255,.4)}
.strip-label{text-align:center;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee-row{display:flex;align-items:center;gap:1.1rem;white-space:nowrap;width:max-content;animation:scrollx 30s linear infinite}
.marquee-row .logo{display:inline-flex;align-items:center;gap:.55ch;font-family:var(--f-ui);font-weight:600;font-size:1.15rem;letter-spacing:-.01em;color:var(--ink);
  padding:.65rem 1.15rem;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.72);
  box-shadow:0 4px 14px -8px rgba(17,17,17,.18);transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.marquee-row .logo:hover{transform:translateY(-3px);box-shadow:0 10px 22px -10px rgba(17,17,17,.25);border-color:rgba(227,35,45,.3)}
.marquee-row .logo img{width:22px;height:22px;flex:none;object-fit:contain;display:block}
.marquee-row i{color:var(--red);font-style:normal;font-size:1.4rem;opacity:.4}
@keyframes scrollx{to{transform:translateX(-50%)}}

/* PROBLEM */
.bignum{display:flex;align-items:center;gap:clamp(1rem,4vw,3rem);flex-wrap:wrap;margin:.5rem 0 2rem}
.stat b{font-family:var(--f-disp);font-size:clamp(3.4rem,10vw,7rem);line-height:.85;display:block}
.stat span{font-size:.9rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.stat-zero b{color:var(--red)}
.vs{font-family:var(--f-disp);font-size:clamp(2rem,5vw,3.5rem);color:var(--muted)}
.thresholds{list-style:none;margin-top:2.4rem;display:grid;gap:.2rem;counter-reset:t;max-width:760px}
.thresholds li{display:flex;gap:1rem;align-items:baseline;padding:1rem 0;border-top:1px solid var(--line);font-size:1.15rem;font-weight:500}
.thresholds li span{font-family:var(--f-disp);font-size:1.4rem;color:var(--red);min-width:2ch}
.thresholds li em{color:var(--muted);font-size:.95rem}

/* THESIS */
.thesis{background:var(--dark);color:#fff;text-align:center}
.thesis-line{font-family:var(--f-disp);text-transform:uppercase;line-height:.95;letter-spacing:.5px;
  font-size:clamp(2rem,6.5vw,5.4rem);max-width:16ch;margin-inline:auto}
.thesis-line b{color:var(--red);font-weight:400}

/* METHOD bento */
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:2.6rem}
.card{border-radius:var(--r);padding:1.6rem;transition:transform .4s var(--ease),box-shadow .4s}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.card .num{font-family:var(--f-disp);font-size:1.5rem;color:var(--red)}
.card h3{font-size:1.25rem;margin:.4rem 0 .5rem;letter-spacing:-.01em}
.card p{color:var(--ink-2);font-size:.98rem}
.bento .big{grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end}
.bento .big h3{font-size:1.7rem}
@media(max-width:900px){.bento{grid-template-columns:1fr 1fr}.bento .big{grid-row:auto}}
@media(max-width:560px){.bento{grid-template-columns:1fr}}

/* PROOF */
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:2.6rem}
.proof-grid .card{padding:2rem 1.6rem}
.proof-grid b{font-family:var(--f-disp);font-size:clamp(3rem,7vw,4.6rem);color:var(--red);line-height:.9;display:block}
.proof-grid p{margin:.6rem 0 1rem;color:var(--ink)}
.proof-grid cite{font-style:normal;font-size:.78rem;color:var(--muted)}
@media(max-width:820px){.proof-grid{grid-template-columns:1fr}}

/* BEFORE/AFTER */
.ba{margin-top:2.4rem;border-radius:var(--r-lg);padding:.7rem;overflow:hidden}
.ba img{border-radius:16px;width:100%}
.beforeafter .center{margin-top:1.8rem}

/* STACK */
.stack{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem;margin-top:2.6rem}
.stack-item{border-radius:var(--r);padding:1.7rem;position:relative;transition:transform .4s var(--ease)}
.stack-item:hover{transform:translateY(-5px)}
.stack-item .tag{font-family:var(--f-ui);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--red)}
.stack-item h3{font-size:1.35rem;margin:.5rem 0 .5rem}
.stack-item p{color:var(--ink-2);font-size:.96rem;max-width:42ch}
.stack-item .worth{position:absolute;top:1.7rem;right:1.7rem;font-family:var(--f-disp);font-size:1.5rem;color:var(--ink)}
@media(max-width:700px){.stack{grid-template-columns:1fr}}

/* TESTIMONIALS */
.testi-grid{columns:3;column-gap:1.1rem;margin-top:2.6rem}
.quote{break-inside:avoid;border-radius:var(--r);padding:1.5rem;margin-bottom:1.1rem;transition:transform .4s var(--ease)}
.quote:hover{transform:translateY(-5px)}
.quote.feature{border:1px solid rgba(227,35,45,.35)}
.quote blockquote{font-family:var(--f-ed);font-size:1.08rem;line-height:1.5}
.quote.feature blockquote{font-size:1.28rem}
.quote figcaption{display:flex;align-items:center;gap:.75rem;margin-top:1.1rem}
.quote figcaption img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 2px rgba(227,35,45,.35)}
.quote figcaption span{display:flex;flex-direction:column;font-size:.85rem;color:var(--muted)}
.quote figcaption b{color:var(--ink);font-size:.95rem}
.disclaimer{margin-top:1.4rem;font-size:.75rem;color:var(--muted);font-style:italic;text-align:center}
@media(max-width:900px){.testi-grid{columns:2}}
@media(max-width:600px){.testi-grid{columns:1}}

/* AUTHOR */
.author-inner{border-radius:var(--r-lg);padding:clamp(1.8rem,4vw,3rem)}
.author-copy{max-width:64ch}

/* PRICING */
.pricing{background:var(--dark);color:#fff}
.pricing .kicker{color:rgba(255,255,255,.7)}
.price-card{max-width:520px;margin:2.4rem auto 0;border-radius:var(--r-lg);padding:clamp(1.6rem,4vw,2.6rem);
  background:var(--glass-d);border:1px solid var(--glass-d-brd);color:#fff}
.price-head{text-align:center;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:1.4rem;margin-bottom:1.4rem}
.badge{display:inline-flex;align-items:center;gap:.5ch;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;
  color:var(--red);background:rgba(227,35,45,.12);border:1px solid rgba(227,35,45,.3);padding:.35em .8em;border-radius:var(--pill)}
.badge .ping{width:7px;height:7px;border-radius:50%;background:var(--red);animation:ping 2s infinite}
.price-row{display:flex;align-items:baseline;justify-content:center;gap:.6ch;margin-top:1rem}
.price-row s{color:rgba(255,255,255,.45);font-size:1.2rem}
.big-price{font-family:var(--f-disp);font-size:clamp(3.5rem,10vw,5.5rem);line-height:.8}
.price-row span{color:rgba(255,255,255,.6);font-size:.9rem}
.incl{list-style:none;display:grid;gap:.7rem;margin:0 0 1.6rem}
.incl li{position:relative;padding-left:1.9rem;color:rgba(255,255,255,.85);font-size:.98rem}
.incl li::before{content:"✓";position:absolute;left:0;top:0;color:var(--red);font-weight:700}
.microtrust{text-align:center;font-size:.8rem;color:rgba(255,255,255,.55);margin-top:.9rem}

/* FAQ */
.acc{margin-top:2rem;display:grid;gap:.7rem}
.acc details{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.5);overflow:hidden}
.acc summary{cursor:pointer;list-style:none;padding:1.1rem 1.3rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.acc summary::-webkit-details-marker{display:none}
.acc summary i{width:14px;height:14px;position:relative;flex:none}
.acc summary i::before,.acc summary i::after{content:"";position:absolute;background:var(--red);inset:0;margin:auto}
.acc summary i::before{width:14px;height:2px}.acc summary i::after{width:2px;height:14px;transition:transform .3s var(--ease)}
.acc details[open] summary i::after{transform:scaleY(0)}
.acc p{padding:0 1.3rem 1.2rem;color:var(--ink-2)}

/* FINAL */
.final{background:var(--dark);color:#fff;text-align:center;overflow:hidden}
.final .final-h{margin-bottom:2rem}
.final .trust{color:rgba(255,255,255,.55);margin-top:1.4rem}
.aurora-2{opacity:.8}

/* FOOTER */
.foot{background:var(--dark);color:rgba(255,255,255,.6);padding:3rem 0;border-top:1px solid rgba(255,255,255,.08)}
.foot-inner{display:grid;gap:1rem}
.foot .brand{color:#fff}
.foot .notes{font-size:.78rem;line-height:1.6;max-width:80ch}
.foot .copy{font-size:.82rem}
.foot a{color:var(--red)}

/* ---- extended persuasion sections ---- */
.alibi{list-style:none;margin:2.2rem 0;display:grid;gap:.6rem;max-width:600px}
.alibi li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.5)}
.alibi li span{font-family:var(--f-ed);font-style:italic;color:var(--ink-2)}
.alibi li em{font-family:var(--f-ui);font-style:normal;font-weight:600;font-size:.78rem;color:var(--red);white-space:nowrap}
.pull{font-family:var(--f-disp);font-size:clamp(1.6rem,3.6vw,2.8rem);line-height:1.04;letter-spacing:.3px;max-width:22ch;margin-top:2.6rem}
.pull em{color:var(--red)}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:2.6rem}
@media(max-width:760px){.steps{grid-template-columns:1fr}}
.files{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}
.file{font-family:var(--f-ui);font-size:.82rem;font-weight:500;padding:.5em .8em;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.55);color:var(--ink-2)}
.file::before{content:"›";color:var(--red);margin-right:.5ch;font-weight:700}

.checklist{list-style:none;margin-top:2.6rem;display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 2.4rem;max-width:920px}
@media(max-width:640px){.checklist{grid-template-columns:1fr}}
.checklist li{position:relative;padding-left:2.4rem;font-size:1.1rem;font-weight:500;line-height:1.35}
.checklist li::before{content:"✓";position:absolute;left:0;top:0;color:#fff;background:var(--red);width:1.6rem;height:1.6rem;border-radius:50%;display:grid;place-items:center;font-size:.85rem}

.numbers-sec{padding:2.6rem 0}
.numbers{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;text-align:center;border-block:1px solid var(--line);padding:2.2rem 0}
.numbers b{font-family:var(--f-disp);font-size:clamp(2.2rem,4vw,3.6rem);display:block;line-height:.9;color:var(--ink)}
.numbers span{font-size:.76rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
@media(max-width:760px){.numbers{grid-template-columns:repeat(3,1fr);gap:1.6rem}}

.toc{list-style:none;margin-top:2.6rem;display:grid;gap:.1rem}
.toc li{display:flex;gap:1.3rem;padding:1.25rem 0;border-top:1px solid var(--line);align-items:baseline;transition:padding-left .3s var(--ease)}
.toc li:hover{padding-left:.6rem}
.toc li span{font-family:var(--f-disp);font-size:1.7rem;color:var(--red);min-width:2ch}
.toc li b{font-size:1.18rem;display:block}
.toc li em{color:var(--muted);font-size:.95rem;display:block;margin-top:.25rem}

.ctable{margin-top:2.6rem;border-radius:var(--r);padding:.5rem;overflow-x:auto}
.ctable table{width:100%;border-collapse:collapse;min-width:640px}
.ctable th,.ctable td{padding:.95rem 1rem;text-align:center;border-bottom:1px solid var(--line);font-size:.95rem}
.ctable thead th{font-family:var(--f-ui);font-weight:600;color:var(--muted);font-size:.82rem}
.ctable th:first-child,.ctable td:first-child{text-align:left;color:var(--ink-2)}
.ctable .hi{color:var(--ink);font-weight:700}
.ctable thead .hi{color:var(--red);font-size:.9rem}
.ctable tbody td.hi{color:var(--red);font-weight:700}
.ctable tbody tr:last-child td{border-bottom:0}

.fitgrid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin-top:2.6rem}
@media(max-width:700px){.fitgrid{grid-template-columns:1fr}}
.fitgrid .card{border-radius:var(--r);padding:1.9rem}
.fitgrid h3{font-size:1.3rem;margin-bottom:1.1rem}
.fitgrid ul{list-style:none;display:grid;gap:.75rem}
.fitgrid li{position:relative;padding-left:1.9rem;color:var(--ink-2)}
.fitgrid .yes li::before{content:"✓";position:absolute;left:0;color:var(--red);font-weight:700}
.fitgrid .no li::before{content:"✕";position:absolute;left:0;color:var(--muted);font-weight:700}

.guarantee{text-align:center}
.seal{width:118px;height:118px;border-radius:50%;display:grid;place-content:center;margin:0 auto 1.8rem;
  font-family:var(--f-disp);font-size:2.8rem;line-height:.75;border:2px solid rgba(227,35,45,.45);color:var(--ink)}
.seal span{font-size:.85rem;color:var(--red);letter-spacing:.24em;text-transform:uppercase}
.guarantee .body{margin-inline:auto;max-width:56ch}

/* BUY BAR */
.buybar{position:fixed;left:50%;bottom:1rem;transform:translate(-50%,140%);z-index:55;
  display:flex;align-items:center;gap:1rem;padding:.6rem .6rem .6rem 1.2rem;border-radius:var(--pill);
  transition:transform .5s var(--ease);width:min(560px,92vw)}
.buybar.show{transform:translate(-50%,0)}
.buybar-title{font-family:var(--f-disp);font-size:1.05rem;letter-spacing:.5px}
.buybar-price{margin-left:auto;font-size:.9rem}.buybar-price s{color:var(--muted)}.buybar-price b{color:var(--red);font-family:var(--f-disp);font-size:1.2rem}
@media(max-width:520px){.buybar-title{display:none}}

/* ---- reveal system: CSS transitions, JS toggles .in (never silently fails) ---- */
[data-anim]{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
[data-anim="cover"]{transform:translateY(30px) scale(.97)}
[data-anim].in{opacity:1;transform:none}
[data-stagger]>*{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
[data-stagger].in>*{opacity:1;transform:none}
[data-splitlines] .line{opacity:0;transform:translateY(106%);transition:opacity .85s var(--ease),transform .85s var(--ease)}
[data-splitlines].in .line{opacity:1;transform:none}
[data-splitwords] .word{opacity:0;transform:translateY(60%);transition:opacity .6s var(--ease),transform .6s var(--ease)}
[data-splitwords].in .word{opacity:1;transform:none}
.reduced [data-anim],.reduced [data-stagger]>*,.reduced .line,.reduced .word{opacity:1!important;transform:none!important}

@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  [data-anim],[data-stagger]>*,.line,.word{opacity:1!important;transform:none!important}
  .cursor{display:none}
}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(227,35,45,.5)}70%{box-shadow:0 0 0 10px rgba(227,35,45,0)}100%{box-shadow:0 0 0 0 rgba(227,35,45,0)}}