/* paulcarassone.com — design system from the Ask Paul demo (paul-ai-offer/demo.html).
   Layout: warm-gray page with an ambient glow; a liquid-glass header floats on it; white cards lift off it with layered shadows. No hard outlines.
   Type: Inter only, optical sizing on. Scale: 12 / 13.5 / 16 / 18 / 22 / 30-40 / 40-64 px. Spacing: 4px steps. */
:root{
  --bg:#f4f3f0; --surface:#ffffff; --field:#f4f3f0; --ink:#141414; --muted:#62615d; --line:#ecebe8; --line-strong:#dcdbd7;
  --gold:#c9b948; --gold-ink:#6f630c; --gold-wash:#f4efd2; --on-gold:#1a1806;
  --good:#1f6e48; --good-wash:#e5f1ea; --bad:#a83526; --bad-wash:#f8e8e5;
  --glass:rgba(255,255,255,.58); --glass-hi:rgba(255,255,255,.9); --glass-ring:rgba(255,255,255,.55);
  --amb-a:rgba(201,185,72,.20); --amb-b:rgba(140,165,190,.16); --amb-c:rgba(201,185,72,.08);
  --sh-1:0 1px 2px rgba(17,17,16,.06),0 1px 1px rgba(17,17,16,.03);
  --sh-2:0 1px 2px rgba(17,17,16,.04),0 6px 18px -6px rgba(17,17,16,.10);
  --sh-3:0 2px 6px rgba(17,17,16,.04),0 20px 44px -16px rgba(17,17,16,.20);
  --sans:"Inter",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --fs-xs:12px; --fs-sm:13.5px; --fs-base:16px; --fs-md:18px; --fs-lg:22px;
  --fs-xl:clamp(30px,4vw,40px); --fs-hero:clamp(40px,6vw,64px);
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px;
  --r-sm:12px; --r-md:16px; --r-lg:24px;
  --ease:cubic-bezier(.2,.8,.2,1);
  --wrap:1200px; --gutter:clamp(16px,4vw,32px);
  --foot-bg:#141414; --foot-ink:#f2f1ee; --foot-muted:#a3a29c; --foot-chip:rgba(255,255,255,.08);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0d0d0c; --surface:#191918; --field:#121211; --ink:#f2f1ee; --muted:#a3a29c; --line:#262624; --line-strong:#36362f;
  --gold:#d4c45a; --gold-ink:#dccd68; --gold-wash:#2a2712;
  --good:#5cc28e; --good-wash:#12261c; --bad:#ec8576; --bad-wash:#2c1613;
  --glass:rgba(30,30,28,.55); --glass-hi:rgba(255,255,255,.10); --glass-ring:rgba(255,255,255,.07);
  --amb-a:rgba(212,196,90,.12); --amb-b:rgba(110,140,170,.10); --amb-c:rgba(212,196,90,.05);
  --sh-1:0 0 0 1px rgba(255,255,255,.04),0 1px 2px rgba(0,0,0,.5);
  --sh-2:0 0 0 1px rgba(255,255,255,.05),0 8px 20px -8px rgba(0,0,0,.65);
  --sh-3:0 0 0 1px rgba(255,255,255,.06),0 24px 48px -16px rgba(0,0,0,.8);
  --foot-bg:#070706;
  color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0d0d0c; --surface:#191918; --field:#121211; --ink:#f2f1ee; --muted:#a3a29c; --line:#262624; --line-strong:#36362f;
  --gold:#d4c45a; --gold-ink:#dccd68; --gold-wash:#2a2712;
  --good:#5cc28e; --good-wash:#12261c; --bad:#ec8576; --bad-wash:#2c1613;
  --glass:rgba(30,30,28,.55); --glass-hi:rgba(255,255,255,.10); --glass-ring:rgba(255,255,255,.07);
  --amb-a:rgba(212,196,90,.12); --amb-b:rgba(110,140,170,.10); --amb-c:rgba(212,196,90,.05);
  --sh-1:0 0 0 1px rgba(255,255,255,.04),0 1px 2px rgba(0,0,0,.5);
  --sh-2:0 0 0 1px rgba(255,255,255,.05),0 8px 20px -8px rgba(0,0,0,.65);
  --sh-3:0 0 0 1px rgba(255,255,255,.06),0 24px 48px -16px rgba(0,0,0,.8);
  --foot-bg:#070706;
  color-scheme:dark}

/* base */
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--fs-base)/1.55 var(--sans);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:8px}
h1,h2,h3{margin:0;text-wrap:balance}
/* display type: one face for h1/h2 and big numbers; Inter stays for everything else.
   Font test (review builds): html[data-display] = archivo | newsreader | inter */
/* Archivo (default): sturdy grotesk, legible at every size. Newsreader: readable editorial serif. Inter: baseline. */
:root{--display:"Archivo",var(--sans);--d-wt:650;--d-h1:-.03em;--d-h2:-.022em;--d-lh:1.02}
:root[data-display="newsreader"]{--display:"Newsreader",Georgia,serif;--d-wt:500;--d-h1:-.02em;--d-h2:-.012em;--d-lh:1.04}
:root[data-display="inter"]{--display:var(--sans);--d-wt:500;--d-h1:-.03em;--d-h2:-.02em;--d-lh:1.05}
h1{font:var(--d-wt) var(--fs-hero)/var(--d-lh) var(--display);letter-spacing:var(--d-h1)}
h2{font:var(--d-wt) var(--fs-xl)/1.08 var(--display);letter-spacing:var(--d-h2)}
.display{font-family:var(--display);font-weight:var(--d-wt)}
h3{font:600 var(--fs-lg)/1.25 var(--sans);letter-spacing:-.02em}
p{margin:0}
.num{font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}
.small{font-size:var(--fs-sm)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;left:var(--s3);top:-60px;z-index:50;padding:var(--s2) var(--s4);border-radius:99px;background:var(--ink);color:var(--bg);font-weight:600;text-decoration:none;transition:top .2s var(--ease)}
.skip:focus{top:var(--s3)}
.ambient{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(520px 420px at 4% 6%,var(--amb-a),transparent 70%),
             radial-gradient(560px 520px at 8% 96%,var(--amb-b),transparent 70%),
             radial-gradient(760px 520px at 96% 0%,var(--amb-c),transparent 70%)}
.wrap{position:relative;z-index:1;width:100%;max-width:calc(var(--wrap) + var(--gutter) * 2);margin-inline:auto;padding-inline:max(var(--gutter),env(safe-area-inset-left,0px))}

/* buttons: pills, lifted, no outlines */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);border:0;border-radius:99px;padding:var(--s3) var(--s5);font-weight:600;line-height:1.2;text-decoration:none;
  background:var(--ink);color:var(--bg);box-shadow:var(--sh-1);transition:transform .15s var(--ease),box-shadow .2s,background .2s}
.btn:hover{box-shadow:var(--sh-2)}
.btn:active{transform:scale(.97)}
.btn.ghost{background:var(--surface);color:var(--ink)}
.btn.gold{background:var(--gold);color:var(--on-gold)}
.btn.sm{padding:var(--s2) var(--s4);font-size:var(--fs-sm)}
.btn svg{width:14px;height:14px;flex:none}
.actions{display:flex;flex-wrap:wrap;gap:var(--s2)}
.pill{display:inline-flex;align-items:center;gap:var(--s2);width:fit-content;font:600 var(--fs-sm)/1 var(--sans);padding:var(--s2) var(--s3);border-radius:99px}
.pill.gold{background:var(--gold-wash);color:var(--gold-ink)}
.pill.soft{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1);font-weight:500}
.pill .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px var(--gold-wash)}
.socials{display:flex;flex-wrap:wrap;gap:var(--s2)}
.social{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s4) var(--s2) var(--s3);border-radius:99px;background:var(--surface);box-shadow:var(--sh-1);font-size:var(--fs-sm);font-weight:500;text-decoration:none;transition:box-shadow .2s,transform .2s var(--ease)}
.social:hover{box-shadow:var(--sh-2);transform:translateY(-1px)}
.social svg{width:16px;height:16px;flex:none}
.tlink{color:var(--gold-ink);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* header: floating liquid glass */
.site-head{position:sticky;top:var(--s3);z-index:20;padding-inline:max(var(--s3),env(safe-area-inset-left,0px));margin-top:var(--s3)}
.bar{max-width:var(--wrap);margin-inline:auto;display:flex;align-items:center;gap:var(--s4);padding:var(--s2) var(--s2) var(--s2) var(--s4);border-radius:var(--r-lg);
  background:var(--glass);-webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%);
  box-shadow:inset 0 1px 0 var(--glass-hi),inset 0 0 0 1px var(--glass-ring),var(--sh-3)}
.brand{display:flex;align-items:center;gap:var(--s3);margin-right:auto;font:600 var(--fs-md)/1 var(--sans);letter-spacing:-.02em;text-decoration:none;border-radius:var(--r-sm)}
.brand img{width:32px;height:32px;object-fit:contain}
.nav{display:flex;align-items:center;gap:2px}
.nav a{padding:var(--s2) var(--s3);border-radius:var(--r-sm);color:var(--muted);font-weight:500;font-size:15px;text-decoration:none;transition:background .2s var(--ease),color .2s,box-shadow .2s}
.nav a:hover{color:var(--ink);background:var(--glass-ring)}
.nav a[aria-current="page"]{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}
.nav .btn{margin-left:var(--s2);color:var(--on-gold)}
.nav .btn:hover{color:var(--on-gold);background:var(--gold)}
.icon-btn{all:unset;cursor:pointer;width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-sm);color:var(--muted);transition:background .2s,color .2s}
.icon-btn:hover{color:var(--ink);background:var(--glass-ring)}
.icon-btn:focus-visible{outline:2px solid var(--gold)}
.icon-btn svg{width:18px;height:18px}
.theme .sun{display:none}
:root[data-mode="dark"] .theme .sun{display:block}
:root[data-mode="dark"] .theme .moon{display:none}
.menu-btn{display:none}
.sheet{display:none}

/* sections */
main{position:relative;z-index:1;display:block}
.section{padding-block:clamp(48px,8vw,96px)}
.section.tight{padding-block:clamp(32px,5vw,56px)}
.section-head{display:flex;flex-direction:column;gap:var(--s3);max-width:720px;margin-bottom:var(--s6)}
.section-head p{color:var(--muted);font-size:var(--fs-md)}
.prose{display:flex;flex-direction:column;gap:var(--s4);font-size:var(--fs-md);max-width:62ch}
.prose p{color:var(--ink)}
.prose .lede{color:var(--muted)}
.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-2)}
.photo{border-radius:var(--r-lg);box-shadow:var(--sh-2);object-fit:cover;width:100%;background:var(--field)}
.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,6vw,80px);align-items:center}
.split.flip{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}

/* hero */
.hero{padding-top:clamp(40px,7vw,88px);padding-bottom:clamp(48px,7vw,88px)}
.hero .split{align-items:center}
.hero-copy{display:flex;flex-direction:column;gap:var(--s5)}
h1:has(.hw){display:flex;flex-wrap:wrap;column-gap:.24em;text-wrap:wrap}
.page-head h1{font-size:clamp(36px,5vw,56px)}
.hw{display:inline-block}
.kicker{font:500 clamp(20px,2.4vw,26px)/1.2 var(--sans);letter-spacing:-.02em;color:var(--gold-ink)}
.hero-text{font-size:clamp(17px,1.6vw,19px);color:var(--muted);max-width:44ch}
.hero-media{position:relative}
.hero-media .photo{aspect-ratio:4/5;object-position:50% 30%;box-shadow:var(--sh-3)}
.hero-badge{position:absolute;left:clamp(-24px,-2vw,-8px);bottom:var(--s6);display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4) var(--s3) var(--s3);border-radius:var(--r-md);
  background:var(--glass);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);
  box-shadow:inset 0 1px 0 var(--glass-hi),inset 0 0 0 1px var(--glass-ring),var(--sh-3)}
.hero-badge img{width:36px;height:36px;border-radius:10px;background:#141414;padding:4px;object-fit:contain}
.hero-badge b{display:block;font-size:var(--fs-base);letter-spacing:-.01em}
.hero-badge span{font-size:var(--fs-sm);color:var(--muted)}

/* book */
.book{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,64px);align-items:center;padding:clamp(16px,3vw,32px);padding-right:clamp(16px,4vw,48px)}
.book-cover{border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sh-3);background:#fff}
.book-cover img{width:100%;aspect-ratio:1024/934;object-fit:cover}
.book-copy{display:flex;flex-direction:column;gap:var(--s4)}
.book-copy p{font-size:var(--fs-base);color:var(--muted);line-height:1.65}

/* stats */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:var(--s3);margin-top:var(--s2)}
.stat{display:flex;flex-direction:column;gap:var(--s1);padding:var(--s4) var(--s5);background:var(--surface);border-radius:var(--r-md);box-shadow:var(--sh-1)}
.stat .v{font:600 clamp(28px,3.4vw,36px)/1.05 var(--sans);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.stat .k{font-size:var(--fs-sm);color:var(--muted)}

/* press */
.press-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,24px)}
.press-grid figure{margin:0}
.press-grid img{aspect-ratio:846/1024;border-radius:var(--r-lg);box-shadow:var(--sh-2);object-fit:cover;width:100%;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.press-grid figure:hover img{transform:translateY(-3px);box-shadow:var(--sh-3)}
.features{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(16px,2vw,24px);margin-top:clamp(16px,2vw,24px)}
.feature{display:flex;flex-direction:column;gap:var(--s4);padding:var(--s3);padding-bottom:var(--s5)}
.feature h3{padding-inline:var(--s3)}
.feature .actions{padding-inline:var(--s3)}
.feature-img{border-radius:var(--r-md);aspect-ratio:4/3;object-fit:cover;width:100%}
.press-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,24px)}
.article{display:flex;flex-direction:column;justify-content:space-between;gap:var(--s5);padding:var(--s5)}
.article h3{font-size:var(--fs-md);line-height:1.35}
.article .src{font-size:var(--fs-sm);color:var(--muted);font-weight:500}

/* lite youtube */
.yt{all:unset;cursor:pointer;position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;background:#0e0e0c center/cover no-repeat;box-shadow:var(--sh-2)}
.yt:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.yt::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 40%,rgba(0,0,0,.45))}
.yt-play{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;display:grid;place-items:center;z-index:1;color:#fff;
  background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 0 1px rgba(255,255,255,.18),0 10px 30px rgba(0,0,0,.35);transition:transform .2s var(--ease)}
.yt-play svg{width:26px;height:26px;margin-left:3px}
.yt:hover .yt-play{transform:scale(1.06)}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* coaching band */
.band{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);overflow:hidden}
.band-copy{display:flex;flex-direction:column;gap:var(--s5);padding:clamp(24px,5vw,64px)}
.band-copy p{font-size:var(--fs-md);color:var(--muted)}
.band-media{position:relative;min-height:320px}
.band-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* tiles (What I Do / Education) */
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,24px)}
.tile{position:relative;display:flex;flex-direction:column;gap:var(--s4);padding:var(--s3);padding-bottom:var(--s5);text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.tile:hover{transform:translateY(-3px);box-shadow:var(--sh-3)}
.tile img{width:100%;aspect-ratio:4/3;border-radius:var(--r-md);object-fit:cover;background:#000}
.tile .t{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding-inline:var(--s3)}
.tile h3{font-size:var(--fs-md)}
.tile .go{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--field);transition:background .2s,color .2s}
.tile:hover .go{background:var(--ink);color:var(--bg)}
.tile .go svg{width:14px;height:14px}
.tile-mark{width:100%;aspect-ratio:1;border-radius:var(--r-md);display:grid;place-items:center;background:#0d0d0c}
.tile-mark svg{width:34%;height:34%;color:#c9b948}
.edu{grid-template-columns:repeat(2,minmax(0,1fr))}

/* calculator preview */
.calc-card{display:flex;flex-direction:column;gap:var(--s4);padding:var(--s5)}
.calc-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}
.calc-top b{font-size:var(--fs-md);letter-spacing:-.01em}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,124px),1fr));gap:var(--s3)}
.metric{display:flex;flex-direction:column;gap:var(--s1);padding:var(--s3) var(--s4);background:var(--field);border-radius:var(--r-md);min-width:0}
.metric .v{font:600 var(--fs-md)/1.2 var(--sans);letter-spacing:-.025em;font-variant-numeric:tabular-nums;white-space:nowrap}
.metric .k{font-size:var(--fs-sm);color:var(--muted)}
.calc-note{font-size:var(--fs-xs);color:var(--muted)}
.pill.buy{background:var(--good-wash);color:var(--good)}
.pill.negotiate{background:var(--gold-wash);color:var(--gold-ink)}
.pill.walk{background:var(--bad-wash);color:var(--bad)}

/* page heads (inner pages) */
.page-head{padding-top:clamp(40px,7vw,80px);padding-bottom:var(--s5);display:flex;flex-direction:column;gap:var(--s4);max-width:820px}
.page-head p{font-size:var(--fs-md);color:var(--muted)}

/* forms */
.form{display:flex;flex-direction:column;gap:var(--s4);padding:clamp(20px,3vw,32px)}
.form h2{font-size:var(--fs-lg);letter-spacing:-.02em;font-weight:600}
label.in{display:flex;flex-direction:column;gap:var(--s2);min-width:0;font-size:var(--fs-sm);font-weight:500;color:var(--muted)}
label.in .req{color:var(--muted);font-weight:400}
label.in input,label.in select{width:100%;min-width:0;padding:var(--s3) var(--s4);background:var(--field);border:0;border-radius:var(--r-sm);box-shadow:inset 0 0 0 1.5px transparent;font:500 var(--fs-base) var(--sans);color:var(--ink);transition:box-shadow .15s,background .15s}
label.in input:focus,label.in select:focus{outline:none;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--gold),0 0 0 4px var(--gold-wash)}
label.in input[aria-invalid="true"]{box-shadow:inset 0 0 0 1.5px var(--bad)}
label.in select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:var(--s7);background:var(--field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%238a8984' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 14px center/12px}
.err{font-size:var(--fs-sm);color:var(--bad);font-weight:500}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.chips{display:flex;flex-wrap:wrap;gap:var(--s2);border:0;margin:0;padding:0}
.chips legend{padding:0;margin-bottom:var(--s2);font-size:var(--fs-sm);font-weight:500;color:var(--muted)}
.chip{position:relative;display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);border-radius:99px;background:var(--field);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:background .2s,box-shadow .2s,color .2s}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip svg{width:12px;height:12px;display:none}
.chip:has(input:checked){background:var(--gold-wash);color:var(--gold-ink);box-shadow:inset 0 0 0 1.5px var(--gold)}
.chip:has(input:checked) svg{display:block}
.chip:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-done{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s3);padding:var(--s5);border-radius:var(--r-md);background:var(--good-wash);color:var(--good)}
.form-done b{font-size:var(--fs-md)}
.form-status{font-size:var(--fs-sm);color:var(--bad);font-weight:500}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(16px,3vw,32px);align-items:start}
.advice{display:flex;flex-direction:column;gap:var(--s4);padding:clamp(20px,3vw,32px)}
.advice p{color:var(--muted)}
.advice img{width:72px;height:72px;border-radius:var(--r-md);background:#141414;padding:8px}

/* book page */
.kindle{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-3);background:var(--surface);aspect-ratio:4/3;max-height:560px;width:100%}
.kindle iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:1;background:transparent}
.kindle .fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:var(--s4);z-index:0}

/* gate + calculator */
.gate{max-width:440px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--s4);align-items:stretch;padding:clamp(24px,4vw,40px);text-align:left}
.gate-row{display:flex;gap:var(--s2);padding:var(--s2);border-radius:99px;background:var(--field)}
.gate-row input{all:unset;flex:1;min-width:0;padding:var(--s2) var(--s4)}
.gate-row:focus-within{box-shadow:inset 0 0 0 1.5px var(--gold),0 0 0 4px var(--gold-wash)}
.deal{display:grid;grid-template-columns:360px minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:start}
.inputs{display:flex;flex-direction:column;gap:var(--s5);padding:var(--s5)}
.group{display:flex;flex-direction:column;gap:var(--s3)}
.group-t{font-size:var(--fs-sm);font-weight:600}
.inputs label.in input{font-variant-numeric:tabular-nums}
.results{display:flex;flex-direction:column;gap:var(--s5);min-width:0}
.verdict{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5)}
.big-num{font:600 clamp(40px,6vw,52px)/1 var(--sans);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.checks{list-style:none;margin:0;padding:var(--s1) var(--s4);display:flex;flex-direction:column}
.checks li{display:grid;grid-template-columns:20px 1fr auto;gap:var(--s3);align-items:center;padding-block:var(--s3);border-bottom:1px solid var(--line)}
.checks li:last-child{border-bottom:0}
.checks .val{font:500 var(--fs-sm) var(--sans);color:var(--muted);font-variant-numeric:tabular-nums}
.mark{width:20px;height:20px;border-radius:50%;display:grid;place-items:center}
.mark svg{width:11px;height:11px}
.mark.ok{background:var(--good-wash);color:var(--good)}
.mark.no{background:var(--bad-wash);color:var(--bad)}
.notice{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--gold-wash);color:var(--gold-ink);font-size:var(--fs-sm);font-weight:500}

/* footer: the one dark moment */
.site-foot{position:relative;z-index:1;margin-top:clamp(48px,8vw,96px);background:var(--foot-bg);color:var(--foot-ink);padding:clamp(48px,8vw,88px) 0 calc(var(--s6) + env(safe-area-inset-bottom,0px))}
.foot-top{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--s7);align-items:end}
.foot-top h2{color:var(--foot-ink);max-width:18ch}
.foot-logo{width:56px;height:56px;margin-bottom:var(--s5)}
.foot-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}
.foot-cols h3{font:500 var(--fs-sm)/1 var(--sans);color:var(--foot-muted);margin-bottom:var(--s3)}
.foot-cols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2)}
.foot-cols a{color:var(--foot-ink);text-decoration:none;font-weight:500}
.foot-cols a:hover{color:#d4c45a}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--s4);margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid rgba(255,255,255,.08);font-size:var(--fs-sm);color:var(--foot-muted)}
.site-foot .social{background:var(--foot-chip);color:var(--foot-ink);box-shadow:none}
.site-foot .social:hover{background:rgba(255,255,255,.14)}
.site-foot :focus-visible{outline-color:#d4c45a}

/* motion: sections fade up 8px on first view (JS adds .in) */
.js .reveal{opacity:0;transform:translateY(8px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.js .reveal.in{opacity:1;transform:none}
.js .hw{opacity:0;filter:blur(8px);transform:translateY(10px)}
.hw.go{animation:rise .6s var(--ease) both}
.js .hero-rest{opacity:0}
.hero-rest.go{animation:rise .6s var(--ease) both}
@keyframes rise{from{opacity:0;filter:blur(8px);transform:translateY(10px)}to{opacity:1;filter:blur(0);transform:none}}

/* ---------- Phase 1: elevated home ---------- */
.hero-v2 .hero-copy{gap:var(--s5)}
.eyebrow{display:flex;align-items:center;gap:var(--s2);font:500 var(--fs-sm)/1.2 var(--sans);color:var(--muted)}
.eyebrow img{width:20px;height:20px}
.hero-v2 h1{font-size:clamp(40px,5vw,64px);font-weight:600;line-height:1.02;letter-spacing:-.035em;max-width:none}
.hero-v2 .h1-br{flex-basis:100%;height:0}
.hero-v2 .hw.soft{color:var(--muted)}
.hero-v2 .eyebrow{margin-bottom:calc(var(--s2) * -1)}
.hero-v2 .hero-text{font-size:clamp(17px,1.5vw,18.5px);line-height:1.6}
.hero-v2 .hero-text{max-width:46ch}
.hero-v2 .hero-media .photo{aspect-ratio:731/1024;object-position:50% 40%}
.hero-cta-note{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s4);font-size:var(--fs-sm);color:var(--muted)}
.trust{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s5);padding-top:var(--s4);margin-top:var(--s2);border-top:1px solid var(--line-strong);font-size:var(--fs-sm);color:var(--muted)}
.trust b{color:var(--ink);font-weight:600}
.trust .outlets{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);font-weight:600;color:var(--ink);letter-spacing:-.01em}

/* proof: a lifted stat card. Ink numbers roll up like an odometer on first view; symbols in gold. */
.proof{position:relative;z-index:1;padding-block:var(--s3) clamp(32px,5vw,56px)}
.proof-card{position:relative;overflow:hidden;box-shadow:var(--sh-2)}
.proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line)}
.proof-item{position:relative;display:flex;flex-direction:column;gap:var(--s2);padding:clamp(20px,2.6vw,32px) clamp(18px,2.2vw,28px);background:var(--surface)}
.proof-item .v{display:flex;align-items:flex-start;font-family:var(--display);font-weight:600;font-size:clamp(38px,4.2vw,56px);line-height:1;letter-spacing:-.035em;color:var(--ink);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}
.proof-item .v .sym{letter-spacing:-.02em;line-height:1}
.proof-item .v .sym.sm{font-size:.62em;margin-left:.02em;align-self:flex-start;margin-top:.08em}
.proof-item .k{font-size:var(--fs-sm);line-height:1.45;color:var(--muted);max-width:24ch}
.proof-foot{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) clamp(18px,2.2vw,28px);border-top:1px solid var(--line);background:var(--field)}
.proof-foot img{flex:none;width:32px;height:32px;padding:5px;border-radius:10px;background:#141414}
.proof-foot p{font-size:var(--fs-sm);color:var(--muted);line-height:1.45}
.proof-foot b{color:var(--ink);font-weight:600}
/* odometer digits */
.odo{display:inline-block;height:1em;overflow:hidden;vertical-align:top}
.odo-strip{display:flex;flex-direction:column;transition:transform 1.8s cubic-bezier(.16,1,.3,1)}
.odo-strip span{display:block;height:1em;line-height:1}

/* story */
.story .prose p{color:var(--muted)}
.story .prose p.lead{color:var(--ink);font-size:clamp(19px,1.8vw,22px);line-height:1.45;letter-spacing:-.01em}
.story-photo{aspect-ratio:4/5;object-position:38% 50%}

/* ladder */
.ladder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,24px);align-items:stretch}
.rung{display:flex;flex-direction:column;gap:var(--s4);padding:var(--s5);min-width:0}
.rung.feature{box-shadow:var(--sh-3),inset 0 0 0 1.5px var(--gold)}
.rung .tier{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}
.rung .tier span:first-child{font:600 var(--fs-sm)/1 var(--sans);color:var(--muted)}
.rung h3{font-size:var(--fs-lg)}
.rung p{color:var(--muted)}
.rung ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2);font-size:var(--fs-sm)}
.rung li{display:grid;grid-template-columns:16px 1fr;gap:var(--s2);align-items:start}
.rung li svg{width:12px;height:12px;margin-top:5px;color:var(--gold-ink)}
.rung .actions{margin-top:auto;padding-top:var(--s2)}
.rung .actions .btn{flex:1 1 auto}
.rung-quote{margin:0;padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--field);font-size:var(--fs-sm);font-weight:500;line-height:1.45}
.rung-quote cite{display:block;margin-top:var(--s1);font-style:normal;font-weight:400;color:var(--muted)}
.rung-photo{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:50% 25%;border-radius:var(--r-md)}
.side-door{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4) var(--s5);margin-top:clamp(12px,2vw,24px);padding:var(--s3) var(--s5) var(--s3) var(--s3)}
.side-door img{width:84px;height:84px;border-radius:var(--r-sm);object-fit:cover;object-position:80% 50%;flex:none}
.side-door div{flex:1 1 260px;display:flex;flex-direction:column;gap:2px}
.side-door b{font-size:var(--fs-md);letter-spacing:-.01em}
.side-door span{color:var(--muted);font-size:var(--fs-sm)}

/* voice: 9:16 reel cards */
.reels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,20px)}
.reel{display:flex;flex-direction:column;gap:var(--s3);min-width:0}
.reel-media{all:unset;cursor:pointer;position:relative;display:block;aspect-ratio:9/16;border-radius:var(--r-lg);overflow:hidden;background:#0e0e0c center/cover no-repeat;box-shadow:var(--sh-2);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.reel-media:hover{transform:translateY(-3px);box-shadow:var(--sh-3)}
.reel-media:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.reel-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.72));pointer-events:none;transition:opacity .3s}
.reel-media.playing::after,.reel-media.playing .reel-quote,.reel-media.playing .yt-play{opacity:0;pointer-events:none}
.reel-media[data-tt] .yt-play{top:auto;bottom:52px;margin-top:0}
.reel-media iframe{position:absolute;inset:0;z-index:2;width:100%;height:100%;border:0;background:#000}
.reel-media.playing{cursor:default}
.reel-media.playing .reel-dur,.reel-media.playing .reel-meta{opacity:0}
.reel-meta{position:absolute;left:var(--s3);right:var(--s3);bottom:var(--s3);z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--s2);color:rgba(255,255,255,.85);font-size:var(--fs-xs);font-weight:500;transition:opacity .3s}
.reel-views{display:inline-flex;align-items:center;gap:5px;padding:4px 9px 4px 7px;border-radius:99px;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-weight:600;font-variant-numeric:tabular-nums}
.reel-views svg{width:12px;height:12px}
.reel-media .yt-play{width:56px;height:56px;margin:-28px 0 0 -28px;transition:opacity .3s,transform .2s var(--ease)}
.reel-media .yt-play svg{width:20px;height:20px}
.reel-quote{position:absolute;left:var(--s4);right:var(--s4);bottom:var(--s4);z-index:1;color:#fff;font-family:var(--display);font-weight:var(--d-wt);font-size:clamp(18px,1.7vw,22px);line-height:1.15;letter-spacing:var(--d-h2);transition:opacity .3s}
.reel-dur{position:absolute;top:var(--s3);right:var(--s3);z-index:1;padding:2px var(--s2);border-radius:99px;background:rgba(0,0,0,.45);color:#fff;font-size:var(--fs-xs);font-weight:600;font-variant-numeric:tabular-nums}
.reel-media::cue{font:500 15px/1.3 var(--sans);background:rgba(0,0,0,.6)}
.reel p{font-size:var(--fs-sm);color:var(--ink);font-weight:500;line-height:1.4;padding-inline:var(--s1)}
.voice-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin-top:var(--s5)}
.voice-foot .btn svg{width:14px;height:14px}

/* compact book */
.book-strip{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,64px);align-items:center;padding:clamp(16px,3vw,28px);padding-right:clamp(16px,4vw,48px)}
.book-strip .book-copy p{font-size:var(--fs-md)}

/* press */
.press-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(16px,2vw,24px);align-items:stretch}
.press-side{display:flex;flex-direction:column;gap:clamp(12px,1.5vw,16px)}
.press-side .article{flex:1}
.press-side .article .src{order:-1}
.press-link{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s4) var(--s5);text-decoration:none;transition:box-shadow .2s,transform .2s var(--ease)}
.press-link:hover{box-shadow:var(--sh-3);transform:translateY(-2px)}
.press-link{position:relative;padding-right:calc(var(--s5) + 32px)}
.press-link .src{font-size:var(--fs-sm);font-weight:600;color:var(--gold-ink)}
.press-link .plg{display:flex;align-items:center;color:var(--ink);opacity:.82;transition:opacity .2s}
.press-link:hover .plg{opacity:1}
.plg svg{height:100%;width:auto;display:block}
.plg-usa{height:17px}.plg-anw{height:26px}.plg-tt{height:16px}.plg-tb{height:32px}
.press-link .go-ext{position:absolute;top:var(--s4);right:var(--s4);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--field);color:var(--muted);transition:background .2s,color .2s}
.press-link:hover .go-ext{background:var(--ink);color:var(--bg)}
.press-link .go-ext svg{width:12px;height:12px}
.press-link b{font-weight:600;letter-spacing:-.01em;line-height:1.35}

/* closing CTA */
.closer{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s5);padding:clamp(32px,6vw,72px) var(--s5)}
.closer h2{max-width:20ch}
.closer p{color:var(--muted);font-size:var(--fs-md);max-width:52ch}
.closer .actions{justify-content:center}

/* #1 Best Seller: Amazon-style tag (darkened orange so white text passes AA) + laurel seal */
.amz{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--s2);font-size:var(--fs-sm);color:var(--muted)}
.amz-tag{display:inline-flex;align-items:center;padding:4px 14px 4px 9px;background:#b4490f;color:#fff;font:700 12.5px/1.2 var(--sans);letter-spacing:.005em;white-space:nowrap;
  clip-path:polygon(0 0,100% 0,calc(100% - 7px) 50%,100% 100%,0 100%);border-radius:3px 0 0 3px}
.side-door .amz-tag,.amz .amz-tag{color:#fff}
.amz-on{display:inline-flex;align-items:center;gap:5px;font-weight:500}
.amz-logo{display:inline-flex;width:15px;height:15px;color:var(--ink)}
.amz-logo svg{width:100%;height:100%}
.seal{flex:none;width:96px;color:var(--gold-ink)}
.seal svg{display:block;width:100%;height:auto}
.award{display:flex;align-items:center;gap:var(--s4)}
.award .amz{flex-direction:column;align-items:flex-start;gap:6px}

/* Featured in: logo marquee */
.marquee-band{position:relative;z-index:1;padding-block:var(--s5) clamp(32px,5vw,48px)}
.marquee-wrap{display:flex;align-items:center;gap:var(--s6)}
.marquee-label{flex:none;font-size:var(--fs-sm);font-weight:500;color:var(--muted);white-space:nowrap}
.marquee{position:relative;flex:1;min-width:0;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;width:max-content;animation:marquee 32s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-set{display:flex;align-items:center;gap:clamp(40px,6vw,80px);padding-right:clamp(40px,6vw,80px)}
.logo{display:flex;align-items:center;color:var(--muted);opacity:.78;transition:opacity .2s,color .2s}
.logo:hover{opacity:1;color:var(--ink)}
.logo svg{height:100%;width:auto;display:block}
.lg-bi{height:16px}.lg-ap{height:38px}.lg-yahoo{height:25px}.lg-usa{height:21px}
@keyframes marquee{to{transform:translateX(-50%)}}
@media (max-width:600px){.marquee-wrap{flex-direction:column;align-items:stretch;gap:var(--s3)}.marquee-label{text-align:center}.award{gap:var(--s3)}.seal{width:84px}}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none;width:auto}.marquee-set[aria-hidden]{display:none}.marquee-set{flex-wrap:wrap;justify-content:center;row-gap:var(--s4)}.marquee{-webkit-mask-image:none;mask-image:none}}

/* why work with Paul */
.reasons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.reason{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5)}
.reason h3{font-size:var(--fs-md)}
.reason p{font-size:var(--fs-sm);color:var(--muted);line-height:1.55}
.reason-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--gold-wash);color:var(--gold-ink)}
.reason-ic svg{width:20px;height:20px}
.quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);margin-top:clamp(16px,2vw,24px)}
.quote{margin:0;display:flex;flex-direction:column;gap:var(--s4);padding:var(--s5)}
.quote blockquote{margin:0;font-size:var(--fs-md);line-height:1.5;letter-spacing:-.01em}
.quote figcaption{display:flex;align-items:center;gap:var(--s3);margin-top:auto}
.quote figcaption > span:last-child{display:flex;flex-direction:column;font-size:var(--fs-sm);color:var(--muted)}
.quote figcaption b{color:var(--ink);font-weight:600}
.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--field);font-weight:600;color:var(--muted);flex:none;object-fit:cover}
.quote.placeholder{background:var(--field);box-shadow:inset 0 0 0 1.5px var(--line-strong)}
.quote.placeholder blockquote{color:var(--muted);font-style:italic}
.quote.placeholder .pill{align-self:flex-start}

/* final CTA */
.closer-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);overflow:hidden;box-shadow:var(--sh-3);
  background:radial-gradient(120% 140% at 0% 0%,var(--gold-wash),transparent 55%),var(--surface)}
.closer-copy{display:flex;flex-direction:column;gap:var(--s5);padding:clamp(28px,5vw,64px)}
.closer-copy h2{font-size:clamp(32px,4.2vw,52px);line-height:1.04;max-width:16ch}
.closer-copy p{font-size:var(--fs-md);color:var(--muted);max-width:50ch}
.closer-link{display:inline-flex;align-items:center;gap:var(--s2);width:fit-content;font-size:var(--fs-sm);font-weight:600;color:var(--ink);text-decoration:none;opacity:.8;transition:opacity .2s,gap .25s var(--ease)}
.closer-link:hover{opacity:1;gap:var(--s3)}
.closer-link svg{width:13px;height:13px}
.closer-media{position:relative;min-height:320px}
.closer-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:42% 40%}
.closer-wrap{padding-bottom:0}

@media (max-width:900px){.reasons{grid-template-columns:repeat(2,minmax(0,1fr))}.quotes{grid-template-columns:1fr}.closer-card{grid-template-columns:1fr}.closer-media{min-height:260px;order:-1}}
@media (max-width:600px){.reasons{grid-template-columns:1fr}}

/* font test switcher (review builds only) */
.fonttest{position:fixed;z-index:40;left:50%;bottom:calc(var(--s4) + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:flex;align-items:center;gap:var(--s1);padding:var(--s1);border-radius:99px;
  background:var(--glass);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);box-shadow:inset 0 1px 0 var(--glass-hi),inset 0 0 0 1px var(--glass-ring),var(--sh-3)}
.fonttest span{padding:0 var(--s2) 0 var(--s3);font-size:var(--fs-xs);font-weight:600;color:var(--muted);white-space:nowrap}
.fonttest button{border:0;background:transparent;border-radius:99px;padding:var(--s2) var(--s3);font-size:var(--fs-sm);font-weight:600;color:var(--muted)}
.fonttest button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}
.fonttest [data-f="archivo"]{font-family:"Archivo",sans-serif}
.fonttest [data-f="newsreader"]{font-family:"Newsreader",serif}

/* 404 */
.notfound{min-height:52vh;display:flex;flex-direction:column;justify-content:center;gap:var(--s5);max-width:640px}
.notfound .code{font-family:var(--display);font-weight:var(--d-wt);font-size:clamp(72px,12vw,140px);line-height:.9;color:var(--gold-ink);letter-spacing:var(--d-h1)}

@media (max-width:900px){
  .proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ladder{grid-template-columns:1fr}
  .reels{grid-template-columns:repeat(4,minmax(220px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--gutter) * -1);padding:var(--s2) var(--gutter) var(--s4);scrollbar-width:none}
  .reels::-webkit-scrollbar{display:none}
  .reel{scroll-snap-align:start}
  .book-strip,.press-row{grid-template-columns:1fr}
  .hero-v2 .hero-media .photo{aspect-ratio:4/5;object-position:50% 30%}
}
@media (max-width:600px){
  .reels{grid-template-columns:repeat(4,72%)}
  .side-door{padding:var(--s4)}
  .fonttest span{display:none}
}

/* responsive */
@media (max-width:1040px){
  .nav a:not(.btn){padding:var(--s2)}
  .deal{grid-template-columns:1fr}
}
@media (max-width:900px){
  .nav{display:none}
  .menu-btn{display:grid}
  .bar{padding:var(--s2) var(--s2) var(--s2) var(--s3);border-radius:20px}
  .sheet{display:block;position:absolute;left:max(var(--s3),env(safe-area-inset-left,0px));right:max(var(--s3),env(safe-area-inset-right,0px));top:calc(100% + var(--s2));padding:var(--s2);border-radius:20px;
    background:var(--glass);-webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%);
    box-shadow:inset 0 1px 0 var(--glass-hi),inset 0 0 0 1px var(--glass-ring),var(--sh-3);
    opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top center;pointer-events:none;transition:opacity .25s var(--ease),transform .3s var(--ease)}
  .sheet.open{opacity:1;transform:none;pointer-events:auto}
  .sheet nav{display:flex;flex-direction:column;gap:2px}
  .sheet a{padding:var(--s3) var(--s4);border-radius:var(--r-sm);font-weight:500;font-size:var(--fs-md);text-decoration:none;color:var(--ink)}
  .sheet a[aria-current="page"]{background:var(--surface);box-shadow:var(--sh-1)}
  .sheet .btn{margin-top:var(--s2);justify-content:center}
  .split,.split.flip,.book,.band,.features,.contact-grid,.foot-top{grid-template-columns:1fr}
  .hero-media{order:-1;max-width:520px}
  .hero-media .photo{aspect-ratio:5/4;object-position:50% 25%}
  .hero-badge{left:var(--s3);bottom:var(--s3)}
  .band-media{min-height:280px;order:-1}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .press-list{grid-template-columns:1fr}
}
@media (max-width:600px){
  .press-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2)}
  .press-grid img{border-radius:var(--r-sm)}
  .tiles,.edu{grid-template-columns:1fr}
  .row2{grid-template-columns:1fr}
  .foot-cols{grid-template-columns:1fr 1fr}
  .brand span{font-size:var(--fs-base)}
  .actions .btn{flex:1 1 auto}
}
/* hover lift: one system for buttons and containers. Pointer devices only; press settles back down. */
.btn,.social,.chip,.card,.stat,.metric,.rung,.side-door,.press-link,.tile,.reel-media,.yt,.book-cover,.photo{
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .2s,color .2s,opacity .2s}
@media (hover:hover) and (pointer:fine){
  /* buttons: rise 2px, shadow deepens */
  .btn:hover,.social:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}
  .btn.gold:hover{box-shadow:0 2px 6px rgba(111,99,12,.18),0 12px 24px -10px rgba(111,99,12,.45)}
  .btn:active,.social:active{transform:translateY(0) scale(.97);transition-duration:.12s}
  .chip:hover{transform:translateY(-1px)}
  .site-foot .social:hover{box-shadow:none}
  /* clickable containers: rise 4px */
  .card:is(a,.tile,.press-link,.side-door):hover,.reel-media:hover,.yt:hover,.book-cover:hover{transform:translateY(-4px);box-shadow:var(--sh-3)}
  .card:is(a,.tile,.press-link,.side-door):active,.reel-media:active{transform:translateY(-1px);transition-duration:.12s}
  /* content containers: a quieter 2px lift; forms and the calculator stay put */
  .card:not(a,.tile,.press-link,.side-door,.rung,.form,.inputs,.gate,.verdict,.checks):hover{transform:translateY(-2px);box-shadow:var(--sh-3)}
  .rung:hover{transform:translateY(-4px);box-shadow:var(--sh-3)}
  .rung.feature:hover{box-shadow:var(--sh-3),inset 0 0 0 1.5px var(--gold),0 24px 48px -24px rgba(201,185,72,.45)}
  .stat:hover,.metric:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}
  .reel-media.playing:hover,.yt:has(iframe):hover{transform:none}
}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .btn:hover,.social:hover,.card:hover,.rung:hover,.stat:hover,.metric:hover,.reel-media:hover,.yt:hover,.book-cover:hover,.chip:hover{transform:none!important}
  .js .reveal,.js .hw,.js .hero-rest{opacity:1;transform:none;filter:none}
}