/* BioChefKitchen — Homepage theme (Paper-Tiger-inspired, self-hosted)
   Dark editorial layout, huge display type, numbered panels, marquee,
   magenta -> purple -> blue gradient accent. */

:root{
  --light:#efeef2; --dark:#0c0a14;
  --bg:var(--dark); --text:var(--light);
  --accent:#e0219a; --accent-2:#8b5cf6; --accent-3:#3b82f6;
  --grad:linear-gradient(120deg,#3b82f6 0%,#7c3aed 48%,#e0219a 100%);
  --green:#1db954;
  --line:rgba(230,228,223,.16);
  --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono:'Space Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --pad:clamp(1.25rem,3.2vw,3rem);
  --maxw:100rem;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scrollbar-width:none;scroll-behavior:smooth}
html::-webkit-scrollbar{display:none}
body{font-family:var(--display);background:var(--bg);color:var(--text);line-height:1.5;font-size:clamp(1rem,1.05vw,1.15rem);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;height:auto}
.pad{padding-left:var(--pad);padding-right:var(--pad)}
.container{max-width:var(--maxw);margin:0 auto;width:100%}
.mono{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;font-weight:400}
.mono-lead{display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1.4rem;font-family:var(--mono);text-transform:uppercase;font-size:.7rem;letter-spacing:.1em;opacity:.7}
.mono-lead::before{content:"";width:2rem;height:1px;background:var(--accent)}

/* ============ NAV (dropdowns + mobile) ============ */
.nav-top{position:fixed;top:0;left:0;right:0;z-index:60;padding-top:1rem;padding-bottom:1rem;transform:translateY(-120%);mix-blend-mode:difference}
.nav-top .row{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.nav-top a,.nav-top .navlink{font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#fff}
.nav-links{display:flex;gap:1.6rem;align-items:center}
.nav-links a:hover{color:var(--accent)}
.nav-right{display:flex;gap:1.4rem;align-items:center}
.brand{font-family:var(--mono);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.02em;color:#fff}
.brand b{color:var(--accent)}
.nav-burger{display:none;background:none;border:0;color:#fff;font-family:var(--mono);font-size:.78rem;text-transform:uppercase;cursor:pointer}
.nav-bottom{position:fixed;bottom:0;left:0;right:0;z-index:55;padding-bottom:1rem;padding-top:1rem;transform:translateY(120%);pointer-events:none}
.nav-bottom .row{display:flex;justify-content:space-between;gap:1rem;font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;opacity:.6}
.nav-item{position:relative;display:inline-flex;align-items:center}
.nav-item>a{display:inline-flex;align-items:center;gap:.32rem}
.nav-item.has-menu>a::after{content:"▾";font-size:.6rem;opacity:.55}
.nav-dropdown{position:absolute;top:100%;left:0;margin-top:.7rem;min-width:14.5rem;background:#161320;border:1px solid var(--line);border-radius:.85rem;padding:.6rem;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;box-shadow:0 26px 60px -26px #000;z-index:70;mix-blend-mode:normal}
.nav-item:hover>.nav-dropdown,.nav-item:focus-within>.nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dropdown a{display:block;padding:.44rem .7rem;border-radius:.5rem;font-family:var(--display);text-transform:none;letter-spacing:0;font-size:.88rem;white-space:nowrap;color:var(--light)}
.nav-dropdown a:hover{background:var(--line);color:var(--accent)}
.nav-dropdown .dd-label{font-family:var(--mono);text-transform:uppercase;font-size:.58rem;letter-spacing:.08em;opacity:.5;padding:.55rem .7rem .2rem;color:var(--light)}
.nav-dropdown.right{left:auto;right:0}
.nav-dropdown.mega{display:grid;grid-template-columns:repeat(3,minmax(10.5rem,1fr));gap:0 1rem;width:38rem;left:auto;right:0}
@media(max-width:860px){
  .nav-links{display:none}
  .nav-burger{display:block}
  .nav-right .navlink,.nav-right .nav-item{display:none}
  .nav-bottom .row .hide-s{display:none}
}
.menu-overlay{position:fixed;inset:0;z-index:59;background:var(--bg);display:flex;flex-direction:column;justify-content:flex-start;padding:5.5rem var(--pad) 2.5rem;transform:translateY(-100%);pointer-events:none;overflow-y:auto}
.menu-overlay.open{pointer-events:auto}
.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem 1.8rem;width:100%;max-width:40rem;margin:0 auto}
.menu-group .dd-label{display:block;font-family:var(--mono);text-transform:uppercase;font-size:.6rem;letter-spacing:.08em;opacity:.5;margin-bottom:.5rem}
.menu-overlay a{display:block;font-family:var(--display);font-weight:600;font-size:1.02rem;line-height:1.3;letter-spacing:0;padding:.2rem 0}
.menu-overlay a:hover{color:var(--accent)}
.menu-close{position:absolute;top:1.4rem;right:var(--pad);font-family:var(--mono);text-transform:uppercase;font-size:.8rem;cursor:pointer}

/* ============ BUTTONS ============ */
.btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--grad);background-size:150% 150%;color:#fff;font-family:var(--mono);text-transform:uppercase;font-size:.82rem;font-weight:700;letter-spacing:.04em;padding:1rem 1.8rem;border-radius:2rem;transition:background-position .4s ease,gap .25s ease,box-shadow .25s ease;box-shadow:0 8px 24px -10px rgba(224,33,154,.6)}
.btn:hover{background-position:100% 50%;gap:1rem;box-shadow:0 10px 30px -8px rgba(124,58,237,.7)}
.btn.ghost{background:none;box-shadow:none;border:1px solid var(--text);color:var(--text)}
.btn.ghost:hover{background:var(--text);color:var(--bg)}
.btn.btn-sm{padding:.7rem 1.2rem;font-size:.74rem}

/* word reveal + fade */
.reveal-word{display:inline-block;overflow:hidden;padding:0 .04em;vertical-align:top}
.reveal-word>span{display:inline-block;will-change:transform}
.fade-up{opacity:0;transform:translateY(2.4rem);will-change:transform,opacity}

/* ============ HERO ============ */
.pt-hero{position:relative;overflow:hidden;text-align:center;padding-top:clamp(5.5rem,7vh,7rem);padding-bottom:clamp(3rem,6vh,5rem)}
.pt-hero-eyebrow{font-family:var(--mono);text-transform:uppercase;font-size:clamp(.62rem,1.5vw,.72rem);letter-spacing:.14em;opacity:.8;display:inline-flex;align-items:center;gap:.55rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.4rem;max-width:100%}
.pt-hero-eyebrow::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(224,33,154,.22)}
.pt-hero-title{font-weight:700;text-transform:uppercase;line-height:.82;letter-spacing:-.035em;font-size:clamp(2.9rem,13.5vw,13rem);overflow-wrap:break-word}
.pt-hero-title .line{display:block}
.pt-hero-title .g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pt-hero-sub{font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.5;max-width:44ch;margin:1.8rem auto 0;opacity:.72}
.pt-hero-ctas{display:flex;gap:.9rem;flex-wrap:wrap;justify-content:center;margin-top:2rem}
.pt-hero-frame{position:relative;margin:2.8rem auto 0;width:min(100%,64rem);border-radius:1.1rem;overflow:hidden;border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(10,8,16,.05),rgba(10,8,16,.55)),radial-gradient(70% 120% at 18% 8%,rgba(59,130,246,.9),transparent 58%),radial-gradient(75% 120% at 88% 25%,rgba(224,33,154,.92),transparent 55%),radial-gradient(90% 130% at 55% 105%,rgba(124,58,237,.95),transparent 60%),#0a0810}
.pt-hf-inner{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;gap:1.4rem;min-height:22rem;padding:clamp(1.3rem,2.4vw,2rem);text-align:left}
.pt-hf-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.pt-hf-logo{background:#fff;border-radius:.7rem;padding:.7rem 1rem;box-shadow:0 14px 34px -12px rgba(0,0,0,.55)}
.pt-hf-logo img{height:clamp(1.7rem,2.6vw,2.4rem);width:auto;display:block}
.pt-hf-rating{text-align:right;line-height:1}
.pt-hf-rating b{font-weight:700;font-size:clamp(2.4rem,5.5vw,3.8rem);letter-spacing:-.03em}
.pt-hf-rating i{font-family:var(--mono);font-style:normal;font-size:.8rem;opacity:.6}
.pt-hf-rating .stars{color:#ffd34d;font-size:.9rem;letter-spacing:2px;margin-top:.25rem}
.pt-hf-bottom{display:flex;flex-direction:column;gap:.9rem}
.pt-hf-tag{font-family:var(--mono);text-transform:uppercase;font-size:.66rem;letter-spacing:.06em;opacity:.85}
.pt-hf-tag b{color:var(--accent)}
.pt-hf-name{font-weight:700;text-transform:uppercase;font-size:clamp(2rem,4.5vw,3.2rem);line-height:.9;letter-spacing:-.02em}
.pt-hf-bonus{font-family:var(--mono);font-weight:700;font-size:clamp(.92rem,1.5vw,1.15rem)}
.pt-hf-bonus span{opacity:.6;font-weight:400}
.pt-hf-data{display:flex;flex-wrap:wrap;gap:.5rem}
.pt-hf-data .d{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:.5rem;padding:.42rem .7rem;font-family:var(--mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.03em;backdrop-filter:blur(4px)}
.pt-hf-data .d b{font-size:.8rem}
.pt-hf-data .d span{opacity:.6;margin-left:.35rem}
.pt-hf-cta{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-top:.3rem}
.pt-hf-rev{font-family:var(--mono);text-transform:uppercase;font-size:.68rem;letter-spacing:.04em;opacity:.85;text-decoration:underline;text-underline-offset:3px}
.pt-hf-rev:hover{opacity:1;color:var(--accent)}
@media(max-width:520px){.pt-hf-rating b{font-size:2.2rem}.pt-hf-data .d{font-size:.58rem}}
.pt-hero-notes{display:flex;justify-content:space-between;gap:2rem;margin-top:1.8rem;text-align:left;flex-wrap:wrap}
.pt-hero-notes .note-stats{display:grid;grid-template-columns:repeat(2,auto);gap:.2rem 1.6rem;font-family:var(--mono);text-transform:uppercase;font-size:.72rem;opacity:.7}
.pt-hero-notes .note-copy{font-family:var(--mono);text-transform:uppercase;font-size:.72rem;line-height:1.7;max-width:38ch;opacity:.7}
.pt-hero-notes .note-copy em{color:var(--accent);font-style:normal}

/* ============ GENERIC SECTION ============ */
.sec{padding-top:clamp(4.5rem,9vh,8rem);padding-bottom:clamp(4.5rem,9vh,8rem)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;margin-bottom:2.6rem}
.t-huge{font-weight:700;text-transform:uppercase;line-height:.85;letter-spacing:-.03em;font-size:clamp(2.6rem,8vw,7rem)}
.t-display{font-weight:700;text-transform:uppercase;line-height:.9;letter-spacing:-.02em;font-size:clamp(2rem,5vw,4rem)}

/* Comparison table (dark) */
.cmp{display:flex;flex-direction:column;gap:.7rem}
.cmp-row{display:grid;grid-template-columns:2.4rem 8rem 1fr 5.5rem 11rem;gap:1.3rem;align-items:center;border:1px solid var(--line);border-radius:.9rem;padding:1rem 1.4rem;transition:border-color .25s,transform .25s;position:relative}
.cmp-row:hover{border-color:var(--accent);transform:translateY(-2px)}
.cmp-row.top{border-color:var(--accent)}
.cmp-row.top::before{content:"★ #1";position:absolute;top:-.65rem;left:1.4rem;background:var(--grad);color:#fff;font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.05em;padding:.2rem .6rem;border-radius:1rem}
.cmp .rk{font-weight:700;font-size:1.3rem;opacity:.55;text-align:center}
.cmp .lg{background:#fff;border-radius:.5rem;padding:.5rem .6rem;display:grid;place-items:center;height:3.4rem}
.cmp .lg.is-dark{background:#0d1b2a;box-shadow:inset 0 0 0 1px var(--line)}
.cmp .lg img{max-height:2rem;width:auto}
.cmp .nm h3{font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:-.01em;line-height:1}
.cmp .nm .bonus{color:var(--green);font-family:var(--mono);font-size:.78rem;font-weight:700;margin-top:.3rem}
.cmp .nm .meta{font-family:var(--mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.03em;opacity:.55;margin-top:.3rem}
.cmp .rt{font-family:var(--mono);font-size:.8rem;text-align:center}
.cmp .rt b{display:block;font-family:var(--display);font-size:1.5rem;font-weight:700}
.cmp .rt .stars{color:var(--accent);font-size:.7rem;letter-spacing:1px}
.cmp .ct{display:flex;flex-direction:column;gap:.4rem;align-items:stretch}
.cmp .ct .btn{justify-content:center}
.cmp .ct .rev{font-family:var(--mono);text-transform:uppercase;font-size:.62rem;letter-spacing:.04em;opacity:.6;text-align:center}
@media(max-width:820px){
  .cmp-row{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.7rem;padding:1.6rem 1.1rem}
  .cmp .rk{order:-1;font-size:1.1rem}
  .cmp .lg{min-width:0;width:auto}
  .cmp .nm{width:100%}
  .cmp .nm .meta{white-space:normal}
  .cmp .rt{display:flex;align-items:baseline;justify-content:center;gap:.5rem}.cmp .rt b{display:inline}
  .cmp .ct{width:100%}
  .cmp .ct .btn{width:100%}
}

/* Lineup two-col list */
.lineup{border-top:1px solid var(--line)}
.lineup-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 3rem}
@media(max-width:640px){.lineup-cols{grid-template-columns:1fr}}
.lineup-item{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--line);font-family:var(--mono);text-transform:uppercase;font-size:.86rem;letter-spacing:.02em;transition:color .25s,padding-left .25s}
.lineup-item:hover{color:var(--accent);padding-left:.6rem}
.lineup-item .idx{opacity:.4;font-size:.7rem}

/* Logo grid */
.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.8rem}
.logo-box{background:#fff;border-radius:.7rem;height:5.4rem;display:grid;place-items:center;padding:1rem 1.2rem;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}
.logo-box.is-dark{background:#0d1b2a;box-shadow:inset 0 0 0 1px var(--line)}
.logo-box img{max-height:2.2rem;width:auto}

/* Top-rated cards */
.picks{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media(max-width:760px){.picks{grid-template-columns:1fr}}
.pick{border:1px solid var(--line);border-radius:1rem;padding:1.7rem;display:flex;flex-direction:column;gap:1rem;min-height:16rem;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}
.pick:hover{border-color:var(--accent);transform:translateY(-4px)}
.pick .rank{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;opacity:.6;letter-spacing:.05em}
.pick .logo{background:#fff;border-radius:.6rem;padding:.9rem 1.1rem;width:fit-content;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.pick .logo.is-dark{background:#0d1b2a;box-shadow:none}
.pick .logo img{height:2.2rem;width:auto}
.pick h3{font-size:1.9rem;font-weight:700;letter-spacing:-.02em;line-height:1;text-transform:uppercase}
.pick .bonus{color:var(--green);font-family:var(--mono);font-size:.82rem;font-weight:700}
.pick .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid var(--line)}
.pick .rating{font-family:var(--mono);font-size:.85rem}
.pick .rating b{font-size:1.1rem}
.pick .go{font-family:var(--mono);text-transform:uppercase;font-size:.72rem;letter-spacing:.05em;color:var(--accent)}
.pick-btn{width:100%;justify-content:center;margin-top:1rem}
.pick.feature{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:1.4rem;background:var(--text);color:var(--bg)}
.pick.feature h3{font-size:clamp(2rem,5vw,3.4rem)}
.pick.feature .bonus{color:#c026a3}
.pick.feature .foot{border-top-color:rgba(0,0,0,.15);width:100%}
.pick.feature .logo{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}

/* Numbered panels */
.panels{display:flex;flex-direction:column;gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.panel{background:var(--bg);display:grid;grid-template-columns:5rem 1fr minmax(16rem,26rem);gap:2rem;padding:clamp(2rem,4vw,3.5rem) 0;align-items:start}
@media(max-width:900px){.panel{grid-template-columns:1fr;gap:1.2rem}}
.panel .p-num{font-family:var(--mono);font-size:1rem;opacity:.5}
.panel .p-desc{font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.5;max-width:46ch;opacity:.85}
.panel .p-title{font-weight:700;text-transform:uppercase;font-size:clamp(3rem,8vw,7rem);line-height:.85;letter-spacing:-.03em;margin-top:1.2rem}
.panel .p-title.c1{color:var(--accent)}.panel .p-title.c2{color:var(--accent-2)}.panel .p-title.c3{color:var(--accent-3)}
.panel .p-learn{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.4rem;font-family:var(--mono);text-transform:uppercase;font-size:.75rem;letter-spacing:.04em;opacity:.8}
.panel .p-learn:hover{color:var(--accent);gap:.9rem}
.panel .p-side{align-self:stretch}
.panel .p-visual{border-radius:1rem;aspect-ratio:4/3;border:1px solid var(--line);position:relative;overflow:hidden;display:grid;place-items:end;padding:1.4rem}
.panel .p-visual.v1{background:radial-gradient(90% 90% at 30% 20%,rgba(224,33,154,.85),transparent 60%),#0a0810}
.panel .p-visual.v2{background:radial-gradient(90% 90% at 70% 25%,rgba(124,58,237,.85),transparent 60%),#0a0810}
.panel .p-visual.v3{background:radial-gradient(90% 90% at 50% 20%,rgba(59,130,246,.85),transparent 60%),#0a0810}
.panel .p-stat{font-weight:700;font-size:clamp(3rem,7vw,5.5rem);line-height:1;letter-spacing:-.03em}
.panel .p-stat span{display:block;font-family:var(--mono);font-size:.7rem;font-weight:400;text-transform:uppercase;letter-spacing:.05em;opacity:.7;margin-top:.4rem}

/* Guides */
.guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}
.guide{border:1px solid var(--line);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:.7rem;min-height:11rem;transition:border-color .3s,transform .3s}
.guide:hover{border-color:var(--accent);transform:translateY(-4px)}
.guide .tag{font-family:var(--mono);text-transform:uppercase;font-size:.62rem;letter-spacing:.06em;color:var(--accent)}
.guide h3{font-size:1.35rem;font-weight:700;line-height:1.05;letter-spacing:-.01em;margin-top:auto}
.guide .go{font-family:var(--mono);text-transform:uppercase;font-size:.7rem;letter-spacing:.05em;opacity:.7}

/* Marquee */
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.6rem 0;display:flex;gap:0;--dur:38s}
.marquee-track{display:flex;flex-shrink:0;gap:3.5rem;padding-right:3.5rem;animation:marq var(--dur) linear infinite;will-change:transform}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-item{display:inline-flex;align-items:baseline;gap:.7rem;white-space:nowrap}
.marquee-item .m-num{font-family:var(--mono);font-size:.8rem;opacity:.6}
.marquee-item .m-text{font-weight:700;text-transform:uppercase;font-size:clamp(1.6rem,3.4vw,2.6rem);letter-spacing:-.02em}
@keyframes marq{to{transform:translateX(-100%)}}

/* Trust band */
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.5rem}
.trust .t-card .n{font-weight:700;font-size:clamp(2.4rem,4vw,3.2rem);letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.trust .t-card p{font-family:var(--mono);text-transform:uppercase;font-size:.72rem;letter-spacing:.03em;opacity:.7;margin-top:.5rem;line-height:1.6}

/* Disclosure + CTA band */
.disc{font-family:var(--mono);font-size:.72rem;line-height:1.6;letter-spacing:.02em;opacity:.7;border:1px solid var(--line);border-radius:.8rem;padding:1rem 1.2rem;margin-top:2rem}
.disc b{color:var(--accent);opacity:1}
.cta-band{text-align:center}
.cta-band .t-huge{margin-bottom:2rem}

/* ============ FOOTER ============ */
.footer{border-top:1px solid var(--line);padding-top:clamp(3rem,6vw,5rem)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:3rem}
@media(max-width:760px){.footer-grid{grid-template-columns:1fr 1fr}}
.footer h4{font-family:var(--mono);text-transform:uppercase;font-size:.72rem;letter-spacing:.05em;opacity:.6;margin-bottom:1rem;font-weight:400}
.footer a{display:block;margin-bottom:.55rem;font-size:.95rem}
.footer a:hover{color:var(--accent)}
.footer-note{font-family:var(--mono);font-size:.72rem;line-height:1.7;opacity:.6;max-width:52ch}
.footer-word{font-weight:700;letter-spacing:-.04em;line-height:.9;font-size:clamp(3.5rem,22vw,20rem);text-align:center;text-transform:uppercase;padding:.1em 0;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;opacity:.6;padding:2rem 0}
.age{background:var(--accent);color:#fff;border-radius:.3rem;padding:.1rem .5rem;font-weight:700;margin-right:.5rem}

@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .fade-up{opacity:1;transform:none}
  .nav-top,.nav-bottom{transform:none}
  .marquee-track{animation:none!important}
}