/* =====================================================================
   PEACHES · Coming Soon · Peach Glass Design System v2 (Brand Kit Doc 18)
   No build step. Works in all evergreen browsers; graceful fallbacks.
   ===================================================================== */

/* ---------- 1. Tokens ---------------------------------------------- */
:root{
  --font-display:"Unbounded",ui-rounded,"SF Pro Rounded","Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-text:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --font-emoji:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji","Twemoji Mozilla",sans-serif;

  --peach-50:#FFF5EF;--peach-100:#FFE8DB;--peach-200:#FFD0B8;--peach-300:#FFB592;
  --peach-400:#FF9E7A;--peach-500:#FF8360;--peach-600:#F2643F;--peach-700:#C84B2A;
  --peach-800:#8F3520;--peach-900:#5C2216;
  --peach-core:#FF9E7A;
  --blossom:#FFB3C7;--lilac:#C7B5FF;--leaf:#8FE3BF;--sky:#9ED6FF;--apricot:#FFC98B;--lemon:#FFE58F;
  --pit:#2A1712;

  --grad-peach-glow:linear-gradient(135deg,#FFD0B8 0%,#FF9E7A 50%,#FF8FAB 100%);
  --grad-sunrise:linear-gradient(120deg,#FFE58F 0%,#FFC98B 30%,#FF9E7A 65%,#FFB3C7 100%);
  --grad-leaf:linear-gradient(135deg,#8FE3BF 0%,#9ED6FF 100%);
  --grad-dusk:linear-gradient(135deg,#C7B5FF 0%,#FFB3C7 50%,#FF9E7A 100%);
  --grad-text:linear-gradient(100deg,#FF8360 0%,#FF8FAB 45%,#C7B5FF 100%);

  --r-s:12px;--r-m:20px;--r-l:28px;--r-xl:40px;--r-pill:999px;
  --ease:cubic-bezier(.2,.8,.2,1);
  --wrap:1320px;
  --gutter:clamp(16px,4vw,40px);

  /* LIGHT — Morning Orchard */
  --bg:#FFF8F4;--surface:#FFFFFF;--text:#2A1712;--text-muted:#6E5048;--link:#8F3520;
  --glass-1:rgba(255,255,255,.44);--glass-2:rgba(255,255,255,.58);--glass-3:rgba(255,255,255,.70);
  --glass-solid:rgba(255,252,250,.94);
  --glass-border:rgba(255,255,255,.8);--glass-edge:rgba(42,23,18,.07);--glass-inset:rgba(255,255,255,.65);
  --glass-highlight:linear-gradient(170deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,0) 46%);
  --glass-sheen-color:rgba(255,255,255,.65);
  --shadow-glow:0 24px 60px -18px rgba(255,131,96,.45),0 10px 24px -12px rgba(255,143,171,.40);
  --shadow-soft:0 12px 32px -14px rgba(92,34,22,.22);
  --blob-opacity:.75;
  --blob-3:#8FE3BF;--blob-6:#FFE58F;
  --focus:#F2643F;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#110A0F;--surface:#1B1219;--text:#FFF3EC;--text-muted:#CDB1A7;--link:#FFB592;
    --glass-1:rgba(40,24,34,.4);--glass-2:rgba(46,28,40,.52);--glass-3:rgba(54,33,47,.64);
    --glass-solid:rgba(36,22,31,.95);
    --glass-border:rgba(255,214,196,.22);--glass-edge:rgba(255,158,122,.12);--glass-inset:rgba(255,220,205,.2);
    --glass-highlight:linear-gradient(170deg,rgba(255,220,205,.25) 0%,rgba(255,220,205,0) 42%);
    --glass-sheen-color:rgba(255,230,215,.35);
    --shadow-glow:0 24px 70px -16px rgba(255,131,96,.55),0 0 40px -8px rgba(199,181,255,.35);
    --shadow-soft:0 14px 40px -12px rgba(0,0,0,.6);
    --blob-opacity:.55;--blob-3:#C7B5FF;--blob-6:#9ED6FF;--focus:#FFB592;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#110A0F;--surface:#1B1219;--text:#FFF3EC;--text-muted:#CDB1A7;--link:#FFB592;
  --glass-1:rgba(40,24,34,.4);--glass-2:rgba(46,28,40,.52);--glass-3:rgba(54,33,47,.64);
  --glass-solid:rgba(36,22,31,.95);
  --glass-border:rgba(255,214,196,.22);--glass-edge:rgba(255,158,122,.12);--glass-inset:rgba(255,220,205,.2);
  --glass-highlight:linear-gradient(170deg,rgba(255,220,205,.25) 0%,rgba(255,220,205,0) 42%);
  --glass-sheen-color:rgba(255,230,215,.35);
  --shadow-glow:0 24px 70px -16px rgba(255,131,96,.55),0 0 40px -8px rgba(199,181,255,.35);
  --shadow-soft:0 14px 40px -12px rgba(0,0,0,.6);
  --blob-opacity:.55;--blob-3:#C7B5FF;--blob-6:#9ED6FF;--focus:#FFB592;
  color-scheme:dark;
}

/* ---------- 2. Base ------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:110px;background:var(--bg);overflow-x:clip}
body{margin:0;min-height:100vh;min-height:100dvh;font-family:var(--font-text);font-size:1.0625rem;line-height:1.55;font-weight:500;color:var(--text);background:var(--bg);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip;
  padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
h1,h2,h3,p,ul,ol,figure,fieldset,legend{margin:0;padding:0}
ul{list-style:none}
img,svg{display:block;max-width:100%}
a{color:var(--link);text-underline-offset:.18em}
button,input{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
:focus{outline:none}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:12px}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:16px;top:-80px;z-index:100;padding:12px 18px;border-radius:var(--r-pill);background:var(--pit);color:#FFF3EC;font-weight:700;text-decoration:none;transition:top .2s}
.skip:focus{top:16px}
.wrap{width:100%;max-width:calc(var(--wrap) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter)}
.mono{font-family:var(--font-mono);font-weight:500}
.muted{color:var(--text-muted)}
.center{text-align:center}
.center-sub{margin-inline:auto}

/* ---------- 3. Type -------------------------------------------------- */
.mega,.h1,.h2,.h3,.wordmark,.btn,.pill,.label,.filter button,.stats strong,.marquee,.tool-card h3{font-family:var(--font-display);text-transform:uppercase}
.mega,.h1,.h2,.h3{overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}
.mega{font-weight:900;font-size:clamp(2.5rem,11vw,9.25rem);line-height:.92;letter-spacing:-.025em}
.mega .line{display:block}
.h1{font-weight:900;font-size:clamp(2.1rem,6vw,5.5rem);line-height:.96;letter-spacing:-.02em}
.h2{font-weight:800;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.4rem);line-height:1;letter-spacing:-.015em}
.h2.big{font-size:clamp(1.8rem,1rem + 2.8vw,3.4rem);line-height:.98}
.h3{font-weight:800;font-size:clamp(1.1rem,1rem + .5vw,1.5rem);line-height:1.08;letter-spacing:-.01em}
.lead{font-weight:700;font-size:clamp(1.1rem,1rem + .65vw,1.55rem);line-height:1.3;color:var(--text-muted)}
.lead-s{font-weight:700;font-size:1.25rem;line-height:1.35;color:var(--text-muted)}
.sub{font-weight:700;font-size:clamp(1rem,.95rem + .35vw,1.25rem);color:var(--text-muted);max-width:56ch}
.grad-text{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  padding-bottom:.04em;padding-right:.04em}
.eyebrow{display:inline-flex;margin-bottom:4px}

/* ---------- 4. Background glow blobs ------------------------------- */
.bg{position:fixed;top:0;left:0;width:100%;height:100%;height:100lvh;z-index:-1;overflow:hidden;pointer-events:none;background:var(--bg)}
.blob{position:absolute;display:block;border-radius:50%;opacity:var(--blob-opacity);will-change:transform;
  animation:drift 26s ease-in-out infinite alternate}
.b1{width:70vmax;height:70vmax;left:-24vmax;top:-30vmax;background:radial-gradient(circle,#FF9E7A 0%,rgba(255,158,122,.55) 35%,rgba(255,158,122,0) 68%)}
.b2{width:62vmax;height:62vmax;right:-26vmax;top:-12vmax;background:radial-gradient(circle,#FFB3C7 0%,rgba(255,179,199,.5) 35%,rgba(255,179,199,0) 68%);animation-duration:31s;animation-delay:-6s}
.b3{width:56vmax;height:56vmax;left:20vw;top:38vh;background:radial-gradient(circle,var(--blob-3) 0%,rgba(143,227,191,0) 66%);opacity:calc(var(--blob-opacity) * .8);animation-duration:34s;animation-delay:-12s}
.b4{width:48vmax;height:48vmax;left:-18vmax;bottom:40vh;background:radial-gradient(circle,#FFC98B 0%,rgba(255,201,139,.45) 35%,rgba(255,201,139,0) 68%);animation-duration:29s;animation-delay:-3s}
.b5{width:46vmax;height:46vmax;right:-14vmax;bottom:14vh;background:radial-gradient(circle,#C7B5FF 0%,rgba(199,181,255,.45) 35%,rgba(199,181,255,0) 68%);animation-duration:37s;animation-delay:-18s}
.b6{width:52vmax;height:52vmax;left:-10vmax;bottom:-30vmax;background:radial-gradient(circle,var(--blob-6) 0%,rgba(255,229,143,0) 66%);opacity:calc(var(--blob-opacity) * .7);animation-duration:33s;animation-delay:-9s}
@keyframes drift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(4vw,3vh,0) scale(1.06)}100%{transform:translate3d(-3vw,5vh,0) scale(.96)}}

/* ---------- 5. Peach Glass ----------------------------------------- */
.glass{position:relative;isolation:isolate;background-color:var(--glass-2);border:1px solid var(--glass-border);border-radius:var(--r-l);
  box-shadow:inset 0 1px 0 var(--glass-inset),inset 0 -14px 20px -16px var(--glass-edge),inset 0 0 0 1px rgba(255,255,255,.08),var(--shadow-glow);
  -webkit-backdrop-filter:blur(26px) saturate(185%);backdrop-filter:blur(26px) saturate(185%)}
.glass::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:var(--glass-highlight);pointer-events:none;z-index:-1}
.glass-1{background-color:var(--glass-1);-webkit-backdrop-filter:blur(15px) saturate(160%);backdrop-filter:blur(15px) saturate(160%);box-shadow:inset 0 1px 0 var(--glass-inset),inset 0 -1px 0 var(--glass-edge),var(--shadow-soft)}
.glass-3{background-color:var(--glass-3);-webkit-backdrop-filter:blur(40px) saturate(205%);backdrop-filter:blur(40px) saturate(205%)}
/* pointer light (enabled by JS on hover-capable devices) */
.glass.lit::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;transition:opacity .3s var(--ease);
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.38),rgba(255,255,255,0) 60%)}
.glass.lit:hover::after{opacity:1}
/* tints */
.tint-apricot{background-image:linear-gradient(140deg,rgba(255,201,139,.4),rgba(255,201,139,0) 60%)}
.tint-sky{background-image:linear-gradient(140deg,rgba(158,214,255,.4),rgba(199,181,255,.24) 55%,rgba(199,181,255,0))}
/* category-colored glass: every card/bubble that carries a tone-* class gets a soft matching tint,
   so Fan hubs/Streaming/Communities/Services visually read as distinct "colored glass" at a glance */
.tone-peach{--tone-tint:rgba(255,158,122,.3);--tone-border:rgba(255,158,122,.55)}
.tone-blossom{--tone-tint:rgba(255,179,199,.32);--tone-border:rgba(255,179,199,.6)}
.tone-lilac{--tone-tint:rgba(190,170,255,.32);--tone-border:rgba(190,170,255,.6)}
.tone-leaf{--tone-tint:rgba(120,215,175,.3);--tone-border:rgba(120,215,175,.6)}
.tone-sky{--tone-tint:rgba(140,205,255,.32);--tone-border:rgba(140,205,255,.6)}
.tone-apricot{--tone-tint:rgba(255,195,125,.34);--tone-border:rgba(255,195,125,.6)}
.tone-lemon{--tone-tint:rgba(255,221,120,.36);--tone-border:rgba(255,221,120,.6)}
.glass[class*="tone-"],.orbit-bubble[class*="tone-"],.story-ring[class*="tone-"]{
  background-image:linear-gradient(140deg,var(--tone-tint,transparent) 0%,transparent 68%);
  border-color:var(--tone-border,var(--glass-border))
}
.orbit-bubble[class*="tone-"]{background-color:var(--glass-2)}

/* real liquid-glass refraction — progressively enhanced via JS (html.refract), falls back harmlessly */
html.refract .nav,
html.refract .hero-pill,
html.refract .universe-sun{
  backdrop-filter:blur(30px) saturate(200%) url('#peach-refraction');
}

/* animated specular sheen sweep — a moving light band across big glass panels */
.sheen{position:relative;overflow:hidden}
.sheen::after{content:"";position:absolute;top:-60%;left:-65%;width:34%;height:220%;
  background:linear-gradient(100deg,transparent 10%,var(--glass-sheen-color) 50%,transparent 90%);
  transform:rotate(14deg);animation:sheen-move 8s ease-in-out infinite;pointer-events:none;mix-blend-mode:plus-lighter}
@supports not (mix-blend-mode:plus-lighter){.sheen::after{mix-blend-mode:screen}}
@keyframes sheen-move{0%,15%{left:-65%}55%,100%{left:125%}}
@media (prefers-reduced-motion:reduce){.sheen::after{display:none}}

@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .glass,.glass-1,.glass-3{background-color:var(--glass-solid)}
}
@media (prefers-reduced-transparency:reduce){
  .glass,.glass-1,.glass-3{background-color:var(--glass-solid);-webkit-backdrop-filter:none;backdrop-filter:none}
  .sheen::after{display:none}
}

/* ---------- 6. Emoji ------------------------------------------------ */
.emo{--s:64px;position:relative;display:inline-grid;place-items:center;width:var(--s);height:var(--s);flex:none;line-height:1}
.emo .g{font-family:var(--font-emoji);font-size:calc(var(--s) * .8);line-height:1;font-style:normal;font-weight:400;
  filter:drop-shadow(0 calc(var(--s) * .12) calc(var(--s) * .12) var(--glow,rgba(255,131,96,.45)))}
.emo .g-svg{width:100%;height:100%}
.emo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 calc(var(--s) * .12) calc(var(--s) * .12) var(--glow,rgba(255,131,96,.45)))}
.emo.has-img .g{display:none}
.emo-xxs{--s:24px}.emo-xs{--s:32px}.emo-s{--s:40px}.emo-m{--s:52px}.emo-l{--s:72px}.emo-xl{--s:clamp(80px,8.5vw,106px)}.emo-hero{--s:clamp(104px,11vw,160px)}
.tone-peach{--glow:rgba(242,100,63,.42)} .tone-blossom{--glow:rgba(255,143,171,.5)} .tone-lilac{--glow:rgba(160,135,255,.5)}
.tone-leaf{--glow:rgba(70,200,150,.45)} .tone-sky{--glow:rgba(90,180,255,.5)} .tone-apricot{--glow:rgba(255,170,90,.5)} .tone-lemon{--glow:rgba(255,205,70,.55)}
.emo-xs .g,.emo-xs img,.emo-xxs .g,.emo-xxs img{filter:drop-shadow(0 3px 4px var(--glow))}

/* ---------- 7. Buttons & pills ------------------------------------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:48px;padding:.95em 1.7em;border-radius:var(--r-pill);
  font-weight:800;font-size:clamp(.82rem,.78rem + .2vw,.95rem);letter-spacing:.06em;line-height:1.1;text-decoration:none;text-align:center;white-space:nowrap;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),background-color .25s var(--ease);-webkit-tap-highlight-color:transparent}
.btn-lg{min-height:56px;padding:1.1em 2em;font-size:clamp(.88rem,.8rem + .3vw,1.02rem)}
.btn-sm{min-height:40px;padding:.7em 1.2em;font-size:.78rem}
.btn-primary{background:var(--grad-peach-glow);color:var(--pit);box-shadow:var(--shadow-glow),inset 0 1px 0 rgba(255,255,255,.7)}
.btn-glass{color:var(--text);border-radius:var(--r-pill)}
.btn-dark{background:var(--pit);color:#FFF3EC;box-shadow:0 18px 40px -16px rgba(42,23,18,.6)}
@media (hover:hover){
  .btn:hover{transform:translateY(-2px)}
  .btn-primary:hover{box-shadow:0 30px 70px -18px rgba(255,131,96,.65),0 12px 28px -12px rgba(255,143,171,.55),inset 0 1px 0 rgba(255,255,255,.8)}
  .btn-glass:hover{background-color:var(--glass-3)}
}
.btn:active{transform:translateY(0) scale(.98)}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:.55em;padding:.7em 1.15em;border-radius:var(--r-pill);font-weight:800;font-size:clamp(.68rem,.64rem + .15vw,.8rem);letter-spacing:.09em;line-height:1.1;color:var(--text)}
.pill-xs{padding:.55em .9em;font-size:.66rem}

/* ---------- 8. Header / nav ---------------------------------------- */
.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;padding:max(12px,env(safe-area-inset-top)) var(--gutter) 0}
.nav{max-width:var(--wrap);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 16px;border-radius:var(--r-pill)}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;border-radius:var(--r-pill);flex:none}
.wordmark{font-weight:900;font-size:1.2rem;letter-spacing:-.01em}
.nav-links{display:flex;gap:clamp(10px,1.6vw,26px);flex:1 1 auto;justify-content:center}
.nav-links a{color:var(--text);text-decoration:none;font-family:var(--font-display);font-weight:800;font-size:.76rem;letter-spacing:.07em;text-transform:uppercase;padding:8px 2px;border-radius:8px;white-space:nowrap}
.nav-links a:hover{color:var(--link)}
.nav-actions{display:flex;align-items:center;gap:8px;flex:none}
.theme-toggle,.menu-toggle{width:44px;height:44px;padding:0;font-size:1.05rem;flex:none}
.ico-moon{display:none}
:root[data-theme="dark"] .ico-sun{display:none}
:root[data-theme="dark"] .ico-moon{display:inline}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ico-sun{display:none}:root:not([data-theme="light"]) .ico-moon{display:inline}}
.menu-toggle{display:none}
.burger{display:grid;gap:4px;width:18px}.burger i{display:block;height:2px;border-radius:2px;background:currentColor;transition:transform .25s var(--ease),opacity .2s}
.menu-toggle[aria-expanded="true"] .burger i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] .burger i:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] .burger i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.menu{max-width:var(--wrap);margin:10px auto 0;padding:14px;border-radius:var(--r-xl)}
.menu ul{display:grid;gap:4px}
.menu a{display:block;padding:14px 16px;border-radius:var(--r-m);font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text);text-decoration:none;font-size:1rem}
.menu a.btn{color:var(--pit);margin-top:8px}
.menu[hidden]{display:none}
@media (max-width:1099px){
  .nav-links,.nav-cta{display:none}
  .menu-toggle{display:inline-flex}
}
@media (min-width:1100px){.menu{display:none!important}}

/* ---------- 9. Hero ------------------------------------------------- */
.hero{position:relative;padding:clamp(40px,8vh,112px) 0 clamp(40px,7vh,84px);text-align:center;overflow:hidden}
.hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2.6vh,26px)}
.hero-pill{margin:0}
.hero .lead{max-width:30ch}
.cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 14px;margin-top:6px}
.hero-stats{margin-top:4px;font-family:var(--font-display);font-weight:800;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}
.hero-stats span{color:var(--text)}
.hero-floaters{position:absolute;top:0;left:0;right:0;bottom:0;max-width:1400px;margin:0 auto;pointer-events:none}
.fl{position:absolute;display:block;animation:float 7s ease-in-out infinite}
.fl-1{left:7%;top:12%;animation-duration:7.5s}
.fl-2{right:7%;top:15%;animation-duration:8.6s;animation-delay:-2s}
.fl-3{left:10%;top:56%;animation-duration:6.8s;animation-delay:-4s}
.fl-4{right:12%;top:64%;animation-duration:9s;animation-delay:-1s}
.fl-5{right:max(3%,calc(50% - 620px));top:36%;animation-duration:8s;animation-delay:-3s}
.fl-6{left:max(2%,calc(50% - 640px));top:34%;animation-duration:7.2s;animation-delay:-5s}
.hero-peach-mobile{display:none}
@keyframes float{0%,100%{transform:translate3d(0,0,0) rotate(-3deg)}50%{transform:translate3d(0,-10px,0) rotate(4deg)}}
@media (max-width:1099px){.fl-5,.fl-6{display:none}.fl-1{left:2%;top:5%}.fl-2{right:2%;top:7%}.fl-3{left:1%;top:70%}.fl-4{right:2%;top:74%}}
@media (max-width:759px){.hero-floaters{display:none}.hero-peach-mobile{display:block;animation:float 7s ease-in-out infinite}}
@media (max-height:540px) and (orientation:landscape){.hero-floaters,.hero-peach-mobile{display:none}.mega{font-size:clamp(2rem,15vh,4.5rem)}.hero{padding:24px 0 36px}.hero-inner{gap:12px}.hero-stats{display:none}}

/* ---------- 10. Marquee -------------------------------------------- */
.marquee{border-radius:0;border-left:0;border-right:0;overflow:hidden;padding:clamp(14px,2vw,22px) 0;font-weight:900;font-size:clamp(1.1rem,.8rem + 1.6vw,1.9rem);letter-spacing:-.005em;white-space:nowrap}
.marquee-track{display:flex;width:max-content;animation:marquee 46s linear infinite}
.marquee ul{display:flex;align-items:center;flex:none}
.marquee li{padding:0 .55em}
.marquee .star{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.marquee:hover .marquee-track,.marquee:focus-within .marquee-track{animation-play-state:paused}
@keyframes marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* ---------- 11. Sections ------------------------------------------- */
.section{padding:clamp(56px,9vw,130px) 0 0}
.section-tight{padding-top:clamp(36px,5.5vw,72px)}
.section-head{display:grid;gap:12px;margin-bottom:clamp(24px,3vw,36px)}
.section-head.center{justify-items:center;text-align:center}

/* idea */
.idea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.idea{padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:16px}
.idea .h2{font-size:clamp(1.3rem,.95rem + 1vw,1.9rem)}
.idea p{color:var(--text-muted);font-weight:600;max-width:34ch}
@media (max-width:959px){.idea-grid{grid-template-columns:minmax(0,1fr)}.idea{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px 20px}.idea p{grid-column:1 / -1}}
@media (max-width:399px){.idea{grid-template-columns:minmax(0,1fr)}}

/* filter */
.filter{display:inline-flex;flex-wrap:wrap;gap:4px;padding:5px;border-radius:var(--r-pill);margin-bottom:clamp(20px,2.4vw,30px);max-width:100%}
.filter button{min-height:40px;padding:.6em 1.05em;border-radius:var(--r-pill);font-weight:800;font-size:.7rem;letter-spacing:.07em;color:var(--text);transition:background-color .2s,color .2s;white-space:nowrap}
.filter button[aria-checked="true"]{background:var(--grad-peach-glow);color:var(--pit);box-shadow:var(--shadow-soft)}
@media (hover:hover){.filter button[aria-checked="false"]:hover{background:var(--glass-2)}}
@media (max-width:559px){.filter{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:var(--r-m)}.filter::-webkit-scrollbar{display:none}.filter button{flex:none}}

/* cards */
.grid-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,22px)}
@media (max-width:1180px){.grid-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:539px){.grid-cards{grid-template-columns:minmax(0,1fr)}.card{min-height:0}}
.card{padding:clamp(18px,2vw,26px);display:flex;flex-direction:column;gap:9px;min-height:222px;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.card[hidden]{display:none}
.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}
.card-tag{font-weight:600;color:var(--text);line-height:1.4}
.card-meta{margin-top:auto;padding-top:8px;display:flex;flex-direction:column;gap:2px}
.card-meta .label{font-weight:800;font-size:.66rem;letter-spacing:.09em;color:var(--text-muted);text-transform:uppercase}
.card-meta .mono{font-size:.76rem;color:var(--text-muted);overflow-wrap:anywhere}
.concept-flag{color:var(--peach-600);font-size:1.1em;margin-left:.08em}
.concept-note{margin-top:18px;font-size:.82rem;color:var(--text-muted);font-weight:600}
@media (hover:hover){
  .card:hover{transform:translateY(-4px)}
  .card:hover .emo{animation:bounce .7s var(--ease)}
  .card.tone-blossom:hover{box-shadow:inset 0 1px 0 var(--glass-inset),0 30px 70px -18px rgba(255,143,171,.6)}
  .card.tone-lilac:hover{box-shadow:inset 0 1px 0 var(--glass-inset),0 30px 70px -18px rgba(160,135,255,.6)}
  .card.tone-leaf:hover{box-shadow:inset 0 1px 0 var(--glass-inset),0 30px 70px -18px rgba(70,200,150,.55)}
  .card.tone-peach:hover{box-shadow:inset 0 1px 0 var(--glass-inset),0 30px 70px -18px rgba(255,131,96,.65)}
  .card.tone-sky:hover{box-shadow:inset 0 1px 0 var(--glass-inset),0 30px 70px -18px rgba(90,180,255,.55)}
}
@keyframes bounce{0%,100%{transform:translateY(0) rotate(0)}40%{transform:translateY(-10px) rotate(-6deg)}70%{transform:translateY(-3px) rotate(3deg)}}

/* ---------- 12. Universe orbit map ---------------------------------- */
/* Radii are real lengths (rem) — CSS translate() with a percentage resolves against the
   translated element's OWN box, which is intentionally 0×0 here, so a percentage radius
   would silently collapse to the center. Fixed lengths avoid that trap entirely. */
.universe-stage{
  position:relative;width:min(100%,640px);aspect-ratio:1/1;margin:clamp(16px,3vw,8px) auto clamp(24px,4vw,36px);
  --r1:6rem;--r2:9.4rem;--r3:12.8rem;--r4:16.6rem;--bubble:38px;--sun:clamp(86px,15vw,128px);
}
@media (max-width:1024px){.universe-stage{--r1:5rem;--r2:7.8rem;--r3:10.6rem;--r4:13.8rem;--bubble:34px}}
@media (max-width:680px){.universe-stage{--r1:3.8rem;--r2:5.8rem;--r3:7.8rem;--r4:9.8rem;--bubble:28px;--sun:clamp(64px,14vw,88px)}}
@media (max-width:380px){.universe-stage{--r1:3.1rem;--r2:4.7rem;--r3:6.3rem;--r4:7.9rem;--bubble:24px;--sun:clamp(56px,16vw,72px)}}
.universe-sun{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--sun);height:var(--sun);
  border-radius:50%;display:grid;place-items:center;z-index:3;padding:0}
.orbit-ring{position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%)}
.orbit-ring.r1{--r:var(--r1);width:calc(var(--r1) * 2);height:calc(var(--r1) * 2);--dur:70s}
.orbit-ring.r2{--r:var(--r2);width:calc(var(--r2) * 2);height:calc(var(--r2) * 2);--dur:100s}
.orbit-ring.r3{--r:var(--r3);width:calc(var(--r3) * 2);height:calc(var(--r3) * 2);--dur:130s}
.orbit-ring.r4{--r:var(--r4);width:calc(var(--r4) * 2);height:calc(var(--r4) * 2);--dur:165s}
.orbit-line{position:absolute;inset:0;border-radius:50%;border:1.5px dashed var(--glass-border)}
.orbit-spin{position:absolute;inset:0;animation:orbit-spin var(--dur,120s) linear infinite}
.orbit-spin.rev{animation-name:orbit-spin-rev}
.universe-stage:hover .orbit-spin,.universe-stage:focus-within .orbit-spin{animation-play-state:paused}
@keyframes orbit-spin{to{transform:rotate(360deg)}}
@keyframes orbit-spin-rev{to{transform:rotate(-360deg)}}
.orbit-item{position:absolute;top:50%;left:50%;width:0;height:0;display:grid;place-items:center;
  transform:rotate(var(--angle)) translate(var(--r)) rotate(calc(var(--angle) * -1))}
.orbit-bubble{position:relative;display:grid;place-items:center;border-radius:50%;background:var(--glass-2);border:1px solid var(--glass-border);
  box-shadow:inset 0 1px 0 var(--glass-inset),var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  animation:orbit-spin-rev var(--dur,120s) linear infinite;width:var(--bubble);height:var(--bubble)}
.orbit-spin.rev .orbit-bubble{animation-name:orbit-spin}
.orbit-bubble .emo{--s:68%}
.orbit-item::after{content:attr(data-name);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);
  padding:6px 12px;border-radius:var(--r-pill);background:var(--glass-solid);border:1px solid var(--glass-border);
  font-family:var(--font-display);font-weight:800;font-size:.68rem;letter-spacing:.04em;text-transform:none;white-space:nowrap;
  opacity:0;pointer-events:none;transition:opacity .2s;z-index:5;box-shadow:var(--shadow-soft)}
.orbit-item:hover::after,.orbit-item:focus-visible::after{opacity:1}
.orbit-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin-top:4px}
.orbit-legend li{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.85rem}
.orbit-legend .dot{width:12px;height:12px;border-radius:50%;background:var(--peach-400);box-shadow:0 0 0 3px color-mix(in srgb,var(--peach-400) 25%,transparent)}
.orbit-legend .tone-blossom.dot{background:var(--blossom);box-shadow:0 0 0 3px color-mix(in srgb,var(--blossom) 25%,transparent)}
.orbit-legend .tone-lilac.dot{background:var(--lilac);box-shadow:0 0 0 3px color-mix(in srgb,var(--lilac) 25%,transparent)}
.orbit-legend .tone-leaf.dot{background:var(--leaf);box-shadow:0 0 0 3px color-mix(in srgb,var(--leaf) 25%,transparent)}

/* ---------- 13. Niche cloud ------------------------------------------ */
.niche-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 12px}
.niche-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 18px 10px 10px;border-radius:var(--r-pill);font-weight:700;font-size:.95rem}
.niche-chip span{white-space:nowrap}

/* ---------- 14. Inside the farm — product mockups ------------------- */
.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,26px)}
@media (max-width:899px){.preview-grid{grid-template-columns:minmax(0,1fr)}}
.preview-card{padding:clamp(22px,2.6vw,32px);display:flex;flex-direction:column;gap:14px}
.preview-kicker{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
.preview-card .h3{margin-bottom:2px}
.mock{border-radius:var(--r-m);overflow:hidden;background:var(--glass-1);border:1px solid var(--glass-border)}
.mock-note{font-size:.88rem;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:6px}

/* feed mock */
.mock-feed{padding:14px}
.mock-post-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.mock-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--glass-2);flex:none}
.mock-who{display:flex;flex-direction:column;line-height:1.25;font-size:.85rem}
.mock-who strong{font-weight:800}
.mock-niche{color:var(--text-muted);font-weight:600;font-size:.78rem}
.mock-more{margin-left:auto;color:var(--text-muted);font-weight:900}
.mock-media{border-radius:calc(var(--r-m) - 6px);aspect-ratio:16/10;display:grid;place-items:center;margin-bottom:10px}
.mock-media.grad-sunrise{background:var(--grad-sunrise)}
.mock-caption{font-size:.92rem;font-weight:600;margin-bottom:10px}
.mock-actions{display:flex;align-items:center;gap:14px}
.mock-action{display:grid;place-items:center;opacity:.9}
.mock-action-end{margin-left:auto}

/* stories mock */
.mock-stories{display:flex;gap:16px;overflow-x:auto;padding:4px 2px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.story{display:flex;flex-direction:column;align-items:center;gap:6px;flex:none;width:64px}
.story-ring{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;padding:3px;
  background:conic-gradient(from 210deg,var(--peach-400),var(--blossom),var(--lilac),var(--peach-400))}
.story-ring.tone-leaf{background:conic-gradient(from 210deg,var(--leaf),var(--sky),var(--leaf))}
.story-avatar{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:var(--bg)}
.story-label{font-size:.72rem;font-weight:700;color:var(--text-muted);white-space:nowrap}

/* stream mock */
.mock-stream{padding:0}
.mock-video{position:relative;aspect-ratio:16/9;background:var(--grad-leaf);display:grid;place-items:center}
.mock-live{position:absolute;top:10px;left:10px;background:rgba(20,10,16,.55);color:#fff;font-size:.66rem;letter-spacing:.08em;padding:.45em .8em}
.live-dot{width:7px;height:7px;border-radius:50%;background:#FF6F6F;box-shadow:0 0 0 0 rgba(255,111,111,.7);animation:live-pulse 1.8s ease-out infinite}
@keyframes live-pulse{0%{box-shadow:0 0 0 0 rgba(255,111,111,.55)}70%{box-shadow:0 0 0 8px rgba(255,111,111,0)}100%{box-shadow:0 0 0 0 rgba(255,111,111,0)}}
.mock-play{width:60px;height:60px;border-radius:50%;display:grid;place-items:center}
.mock-stream-meta{display:flex;align-items:center;gap:10px;padding:14px}
.mock-watching{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--text-muted)}

/* chat mock */
.mock-chat{padding:16px;display:flex;flex-direction:column;gap:10px}
.bubble{max-width:82%;padding:.7em 1em;border-radius:18px;font-size:.92rem;font-weight:600;line-height:1.4}
.bubble-in{align-self:flex-start;border-bottom-left-radius:6px}
.bubble-out{align-self:flex-end;border-bottom-right-radius:6px;background:var(--grad-peach-glow);color:var(--pit)}

/* ---------- 15. Tech panels ------------------------------------------ */
.tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
@media (max-width:1099px){.tech-grid{grid-template-columns:minmax(0,1fr)}}
.panel{border-radius:var(--r-xl);padding:clamp(26px,4vw,50px);display:flex;flex-direction:column;gap:clamp(16px,2.2vw,24px)}
.panel-text{font-weight:600;font-size:clamp(1rem,.95rem + .3vw,1.2rem);color:var(--text-muted);max-width:46ch}
.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}
.feature-list li{display:flex;gap:12px;align-items:flex-start}
.feature-list strong{display:block;font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:.85rem;letter-spacing:.04em;margin-bottom:2px}
.feature-list span{display:block;color:var(--text-muted);font-weight:600;font-size:.95rem;line-height:1.4}
@media (max-width:559px){.feature-list{grid-template-columns:minmax(0,1fr)}}
.badge-row{display:flex;flex-wrap:wrap;gap:8px}
.badge-chip{font-size:.7rem;padding:.55em .9em .55em .6em}
.did{font-size:.85rem;color:var(--text-muted);letter-spacing:.04em}
.chips{display:flex;flex-wrap:wrap;gap:10px}

/* ---------- 16. Creator tools ----------------------------------------- */
.tools-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.6vw,18px)}
@media (max-width:1099px){.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:699px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.tools-grid{grid-template-columns:minmax(0,1fr)}}
.tool-card{padding:clamp(18px,2vw,24px);display:flex;flex-direction:column;gap:10px}
.tool-card h3{font-size:.95rem;letter-spacing:.02em}
.tool-card p{font-size:.88rem;color:var(--text-muted);font-weight:600;line-height:1.4}

/* ---------- 17. Creators banner (dark text on pastel) ----------------- */
.creators{border-radius:var(--r-xl);padding:clamp(32px,6vw,80px) clamp(22px,5vw,72px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(18px,2.4vw,28px);
  background:var(--grad-dusk);color:var(--pit);border-color:rgba(255,255,255,.6);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 40px 90px -30px rgba(255,131,96,.6),0 0 60px -20px rgba(199,181,255,.6)}
.creators::before{background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,0) 35%)}
.creators .h1{max-width:14ch}
.creators .lead.dark{color:var(--pit);opacity:.85;max-width:36ch}
.creators-emojis{display:flex;align-items:flex-end;gap:6px}
.creators .emo{--glow:rgba(92,34,22,.25)}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:900px}
.stats li{padding:18px 14px;border-radius:var(--r-l);background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.stats strong{display:block;font-weight:900;font-size:clamp(1.3rem,1rem + 1.4vw,2.2rem);line-height:1}
.stats span{display:block;margin-top:6px;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}
@media (max-width:639px){.stats{grid-template-columns:minmax(0,1fr)}}

/* ---------- 18. Safety ------------------------------------------------- */
.safety{padding:clamp(22px,3vw,34px) clamp(22px,3vw,40px);display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.safety .chips{flex:1 1 380px}

/* ---------- 19. Waitlist ------------------------------------------------ */
.waitlist-section{padding-bottom:clamp(60px,9vw,120px)}
.waitlist{display:flex;flex-direction:column;align-items:center;gap:clamp(20px,2.8vw,30px)}
.waitlist .h1{font-size:clamp(2.4rem,7.5vw,6.5rem)}
.wl-form{width:100%;max-width:680px;display:grid;gap:16px}
.role{border:0;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.role legend{float:left;margin-right:6px;font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:.8rem;letter-spacing:.08em;color:var(--text-muted)}
.seg{position:relative;cursor:pointer}
.seg input{position:absolute;opacity:0;width:1px;height:1px}
.seg span{display:inline-flex;align-items:center;min-height:42px;padding:.6em 1.3em;border-radius:var(--r-pill);font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em;
  background:var(--glass-1);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .2s}
.seg input:checked+span{background:var(--grad-peach-glow);color:var(--pit);box-shadow:var(--shadow-soft)}
.seg input:focus-visible+span{outline:3px solid var(--focus);outline-offset:3px}
.field{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 24px;border-radius:var(--r-pill)}
.field input{flex:1 1 auto;min-width:0;min-height:48px;border:0;background:transparent;font-size:1.05rem;font-weight:600;color:var(--text)}
.field input::placeholder{color:var(--text-muted);opacity:1}
.field input:focus-visible{outline:none}
.field:focus-within{box-shadow:0 0 0 3px var(--focus),var(--shadow-glow)}
.field .btn{flex:none}
@media (max-width:519px){.field{flex-direction:column;align-items:stretch;padding:10px;border-radius:var(--r-l)}.field input{padding:0 12px}.field .btn{width:100%}}
.consent{display:flex;gap:12px;align-items:flex-start;font-weight:600;font-size:.95rem;color:var(--text-muted);line-height:1.45;cursor:pointer;padding:0 6px}
.consent input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--peach-600);cursor:pointer}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-status{min-height:1.5em;text-align:center;font-weight:700}
.form-status.ok{color:var(--text)}
.form-status.err{color:var(--link)}
.wl-form.done .role,.wl-form.done .field,.wl-form.done .consent{display:none}
.wl-form.done .form-status{font-family:var(--font-display);text-transform:uppercase;font-weight:900;font-size:clamp(1.1rem,1rem + 1vw,1.6rem);line-height:1.15}

/* ---------- 20. Footer -------------------------------------------------- */
.site-footer{padding:28px 0 max(36px,env(safe-area-inset-bottom));border-top:1px solid var(--glass-border);font-size:.9rem;color:var(--text-muted);font-weight:600}
.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px}
.footer-brand{display:flex;align-items:center;gap:10px}
.footer-brand strong{color:var(--text)}
.badge-18{display:inline-block;padding:.1em .5em;border-radius:6px;border:1px solid currentColor;font-weight:800}
.footer-links{display:flex;flex-wrap:wrap;gap:6px 20px}
.footer-links a{color:var(--text-muted);text-decoration:none;font-weight:700;padding:6px 0}
.footer-links a:hover{color:var(--link);text-decoration:underline}
.footer-note{margin-top:14px;font-size:.8rem}

/* ---------- 21. Sub pages ------------------------------------------------ */
.doc-wrap{padding-top:clamp(32px,6vw,72px);padding-bottom:clamp(48px,8vw,96px);max-width:calc(880px + 2 * var(--gutter))}
.doc{border-radius:var(--r-xl);padding:clamp(26px,5vw,60px)}
.doc>*+*{margin-top:1em}
.doc .h1{font-size:clamp(2.2rem,5vw,4rem);margin-bottom:.3em}
.doc .h3{margin-top:1.6em}
.doc p{max-width:68ch}
.doc .draft{margin-bottom:.6em}
.license{white-space:pre-wrap;font-family:var(--font-mono);font-size:.78rem;line-height:1.5;padding:18px;border-radius:var(--r-m);background:var(--glass-1);border:1px solid var(--glass-border);overflow-x:auto}
.safety-list{display:grid;gap:22px;margin-top:1.4em}
.safety-list li{display:flex;gap:16px;align-items:flex-start}
.safety-list .h3{margin-top:0}
.status-page{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding:20px 0}

/* ---------- 22. Reveal on scroll (JS only) ------------------------------ */
.js .reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.js .reveal.in{opacity:1;transform:none}

/* ---------- 23. Preferences --------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .blob,.fl,.hero-peach-mobile,.orbit-spin,.orbit-bubble,.live-dot{animation:none!important}
  .marquee-track{animation:none!important;transform:none!important}
  .marquee{white-space:normal}.marquee-track{width:auto}.marquee-track ul+ul{display:none}.marquee ul{flex-wrap:wrap;justify-content:center}
  .js .reveal{opacity:1;transform:none}
}
@media (prefers-contrast:more){
  .glass,.glass-1,.glass-3{background-color:var(--glass-solid);border:2px solid var(--text);-webkit-backdrop-filter:none;backdrop-filter:none}
  :root{--text-muted:var(--text)}
  .sheen::after{display:none}
}
@media (forced-colors:active){
  .grad-text,.marquee .star{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}
  .glass,.btn,.pill,.seg span,.orbit-bubble,.story-ring{border:1px solid CanvasText}
  .bg,.sheen::after{display:none}
}
@media print{
  .bg,.site-header,.marquee,.hero-floaters,.wl-form,.universe-stage{display:none}
  .glass{background:none;box-shadow:none;border:1px solid #ccc}
  body{background:#fff;color:#000}
}