@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/baskerville-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/baskerville-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/baskerville-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/baskerville-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--navy:#0D1B3A;--navy-2:#081229;--navy-3:#13264f;--gold:#D4A853;--gold-l:#E8BE68;--cream:#F6EFDD;--muted:rgba(246,239,221,.74);--line:rgba(212,168,83,.28);--ok:#58d6a3;--err:#ff9d8f;--r:22px;--hdr:72px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--navy-2);color:var(--cream);font:400 17px/1.65 Inter,system-ui,sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto}a{color:inherit}
h1,h2,h3{font-family:'Libre Baskerville',Georgia,serif;font-weight:700;line-height:1.15;margin:0}
p{margin:0 0 1em}.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:var(--navy);padding:8px 14px;border-radius:8px;z-index:100}.skip:focus{left:8px}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}.narrow{max-width:1180px}.narrow>*{max-width:800px}.center{text-align:center}
:focus-visible{outline:2px solid var(--gold-l);outline-offset:3px;border-radius:6px}
.wm{font-family:'Libre Baskerville',serif;font-weight:700;font-size:1.18rem;letter-spacing:.01em}.wm-a{color:var(--cream)}.wm-b{color:var(--gold)}
/* header */
.hdr{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--hdr);transition:background .3s,backdrop-filter .3s,box-shadow .3s}
.hdr.stuck{background:rgba(8,18,41,.78);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 1px 0 var(--line)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;height:100%;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.brand img{display:block}
.nav{display:flex;gap:22px;font-size:.93rem;font-weight:500}.nav a{text-decoration:none;color:var(--muted);transition:color .2s;white-space:nowrap}.nav a:hover{color:var(--gold-l)}
.hdr-r{display:flex;align-items:center;gap:12px}
.langs{display:flex;border:1px solid var(--line);border-radius:999px;padding:2px;background:rgba(255,255,255,.04)}
.langs a{font-size:.74rem;font-weight:700;letter-spacing:.06em;padding:5px 10px;border-radius:999px;text-decoration:none;color:var(--muted)}
.langs a[aria-current]{background:var(--gold);color:var(--navy)}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.05);position:relative;cursor:pointer}
.burger span{position:absolute;left:12px;right:12px;height:2px;background:var(--cream);border-radius:2px;transition:transform .25s,top .25s}.burger span:first-child{top:16px}.burger span:last-child{top:25px}
.burger[aria-expanded=true] span:first-child{top:20px;transform:rotate(45deg)}.burger[aria-expanded=true] span:last-child{top:20px;transform:rotate(-45deg)}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 1rem Inter,sans-serif;padding:14px 26px;border-radius:14px;border:1px solid transparent;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;text-align:center}
.btn:hover{transform:translateY(-2px)}.btn[disabled]{opacity:.55;cursor:default;transform:none}
.btn-gold{background:linear-gradient(180deg,var(--gold-l),var(--gold));color:#1a1405;box-shadow:0 10px 30px -10px rgba(212,168,83,.7),inset 0 1px 0 rgba(255,255,255,.5)}
.btn-gold:hover{box-shadow:0 14px 36px -8px rgba(232,190,104,.85),inset 0 1px 0 rgba(255,255,255,.5)}
.btn-ghost{border-color:var(--line);background:rgba(255,255,255,.06);color:var(--cream)}.btn-ghost:hover{background:rgba(255,255,255,.12);border-color:var(--gold)}
.btn-sm{padding:9px 16px;font-size:.88rem;border-radius:11px}.btn-lg{padding:17px 30px;font-size:1.05rem;width:100%}
.btnrow{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.stores{display:flex;flex-wrap:wrap;gap:12px}.store{display:flex;flex-direction:column;justify-content:center;min-width:176px;padding:10px 22px;border-radius:14px;text-decoration:none;background:#05080f;border:1px solid rgba(255,255,255,.28);transition:transform .2s,border-color .2s}
.store:hover{transform:translateY(-2px);border-color:var(--gold)}.store small{font-size:.7rem;opacity:.8;line-height:1.2}.store b{font:700 1.2rem/1.2 Inter,sans-serif}
.stores.sm .store{min-width:0;padding:8px 16px}.stores.sm b{font-size:1rem}
/* type */
.eyebrow{font:700 .78rem/1 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-l);line-height:1.5;margin:0 0 18px}
.h-xl{font-size:clamp(2rem,5.2vw,3.7rem)}.h-lg{font-size:clamp(1.7rem,3.6vw,2.7rem)}.h-md{font-size:1.5rem;margin-bottom:12px}
.sub{font-size:1.12rem;color:var(--muted);max-width:640px;margin-top:18px}.center .sub,.sub.center{margin-left:auto;margin-right:auto}
.lede{font-size:clamp(1.05rem,1.7vw,1.3rem);color:var(--muted);max-width:560px}
.fine{font-size:.88rem;color:var(--muted)}.lnk{color:var(--gold-l);text-underline-offset:3px}.gold{color:var(--gold-l)}
.help{font-size:.88rem;color:var(--muted);margin:8px 0 0}.ill{display:block;margin-top:14px;font-size:.75rem;color:var(--muted);opacity:.7}
.ticks{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}.ticks li{position:relative;padding-left:30px}
.ticks li:before{content:"";position:absolute;left:3px;top:.5em;width:11px;height:6px;border-left:2px solid var(--gold-l);border-bottom:2px solid var(--gold-l);transform:rotate(-48deg)}
/* glass */
.glass{position:relative;background:linear-gradient(155deg,rgba(255,255,255,.09),rgba(255,255,255,.025));border-radius:var(--r);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(232,190,104,.3),0 24px 60px -24px rgba(0,0,0,.7)}
.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,var(--gold-l),rgba(212,168,83,.12) 38%,rgba(212,168,83,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.card{padding:28px}.card h3{font-size:1.22rem;margin-bottom:10px}.card p{color:var(--muted);margin:0}
/* sections */
.sec{padding:clamp(64px,9vw,120px) 0;position:relative}.sec.tight{padding-top:40px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:center}.two.rev>:first-child{order:0}.two.top{align-items:start}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.rv{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--rd,0s)}.rv.in{opacity:1;transform:none}
.nojs .rv{opacity:1;transform:none}
/* sky */
.sky{position:absolute;inset:0;overflow:hidden;background:radial-gradient(120% 90% at 82% 0%,#2a3f7a 0,#13264f 32%,#0D1B3A 60%,#081229 100%)}
.stars{position:absolute;inset:0;background-size:900px auto;opacity:.8}.s1{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800'><circle cx='0' cy='316' r='0.9' fill='%23F6E7BE' fill-opacity='0.59'/><circle cx='718' cy='526' r='0.7' fill='%23F6E7BE' fill-opacity='0.37'/><circle cx='45' cy='643' r='0.7' fill='%23F6E7BE' fill-opacity='0.71'/><circle cx='591' cy='83' r='0.7' fill='%23F6E7BE' fill-opacity='0.73'/><circle cx='16' cy='18' r='0.7' fill='%23F6E7BE' fill-opacity='0.48'/><circle cx='303' cy='48' r='1.6' fill='%23F6E7BE' fill-opacity='0.86'/><circle cx='646' cy='465' r='0.9' fill='%23F6E7BE' fill-opacity='0.98'/><circle cx='298' cy='83' r='1.5' fill='%23F6E7BE' fill-opacity='0.54'/><circle cx='945' cy='114' r='0.8' fill='%23F6E7BE' fill-opacity='0.99'/><circle cx='1077' cy='215' r='1.9' fill='%23F6E7BE' fill-opacity='0.41'/><circle cx='889' cy='758' r='0.7' fill='%23F6E7BE' fill-opacity='0.52'/><circle cx='1145' cy='174' r='1.8' fill='%23F6E7BE' fill-opacity='0.78'/><circle cx='982' cy='247' r='0.9' fill='%23F6E7BE' fill-opacity='0.63'/><circle cx='856' cy='660' r='0.6' fill='%23F6E7BE' fill-opacity='0.67'/><circle cx='551' cy='554' r='1.5' fill='%23F6E7BE' fill-opacity='0.47'/><circle cx='857' cy='411' r='1.3' fill='%23F6E7BE' fill-opacity='0.97'/><circle cx='1152' cy='386' r='1.6' fill='%23F6E7BE' fill-opacity='0.53'/><circle cx='1012' cy='177' r='1.2' fill='%23F6E7BE' fill-opacity='0.45'/><circle cx='997' cy='593' r='1.3' fill='%23F6E7BE' fill-opacity='0.61'/><circle cx='988' cy='120' r='0.9' fill='%23F6E7BE' fill-opacity='0.55'/><circle cx='580' cy='301' r='0.6' fill='%23F6E7BE' fill-opacity='0.39'/><circle cx='726' cy='711' r='0.8' fill='%23F6E7BE' fill-opacity='0.46'/><circle cx='1198' cy='533' r='1.5' fill='%23F6E7BE' fill-opacity='0.95'/><circle cx='64' cy='432' r='1.6' fill='%23F6E7BE' fill-opacity='0.70'/><circle cx='283' cy='420' r='1.6' fill='%23F6E7BE' fill-opacity='0.51'/><circle cx='734' cy='323' r='1.7' fill='%23F6E7BE' fill-opacity='0.70'/><circle cx='553' cy='572' r='1.1' fill='%23F6E7BE' fill-opacity='0.41'/><circle cx='724' cy='396' r='1.7' fill='%23F6E7BE' fill-opacity='0.51'/><circle cx='797' cy='538' r='1.7' fill='%23F6E7BE' fill-opacity='0.69'/><circle cx='575' cy='511' r='0.7' fill='%23F6E7BE' fill-opacity='0.60'/><circle cx='328' cy='659' r='0.5' fill='%23F6E7BE' fill-opacity='0.51'/><circle cx='97' cy='104' r='1.6' fill='%23F6E7BE' fill-opacity='0.82'/><circle cx='651' cy='762' r='1.4' fill='%23F6E7BE' fill-opacity='0.97'/><circle cx='541' cy='35' r='0.7' fill='%23F6E7BE' fill-opacity='0.46'/><circle cx='599' cy='354' r='1.6' fill='%23F6E7BE' fill-opacity='0.70'/><circle cx='924' cy='693' r='1.4' fill='%23F6E7BE' fill-opacity='0.64'/><circle cx='1140' cy='181' r='1.1' fill='%23F6E7BE' fill-opacity='0.80'/><circle cx='908' cy='372' r='1.0' fill='%23F6E7BE' fill-opacity='0.92'/><circle cx='454' cy='479' r='1.8' fill='%23F6E7BE' fill-opacity='0.93'/><circle cx='456' cy='763' r='1.7' fill='%23F6E7BE' fill-opacity='0.62'/><circle cx='892' cy='343' r='0.7' fill='%23F6E7BE' fill-opacity='0.75'/><circle cx='102' cy='564' r='0.9' fill='%23F6E7BE' fill-opacity='0.63'/><circle cx='1011' cy='185' r='1.1' fill='%23F6E7BE' fill-opacity='0.78'/><circle cx='332' cy='389' r='0.8' fill='%23F6E7BE' fill-opacity='0.41'/><circle cx='911' cy='324' r='1.0' fill='%23F6E7BE' fill-opacity='0.59'/><circle cx='58' cy='286' r='1.1' fill='%23F6E7BE' fill-opacity='0.87'/><circle cx='1146' cy='517' r='0.6' fill='%23F6E7BE' fill-opacity='0.82'/><circle cx='900' cy='466' r='1.1' fill='%23F6E7BE' fill-opacity='0.69'/><circle cx='961' cy='362' r='0.9' fill='%23F6E7BE' fill-opacity='0.60'/><circle cx='1025' cy='719' r='0.9' fill='%23F6E7BE' fill-opacity='0.66'/><circle cx='80' cy='85' r='1.8' fill='%23F6E7BE' fill-opacity='0.91'/><circle cx='665' cy='694' r='1.4' fill='%23F6E7BE' fill-opacity='0.70'/><circle cx='372' cy='194' r='1.5' fill='%23F6E7BE' fill-opacity='0.76'/><circle cx='384' cy='151' r='1.4' fill='%23F6E7BE' fill-opacity='0.45'/><circle cx='483' cy='96' r='0.8' fill='%23F6E7BE' fill-opacity='0.39'/><circle cx='790' cy='460' r='1.0' fill='%23F6E7BE' fill-opacity='0.48'/><circle cx='168' cy='373' r='0.5' fill='%23F6E7BE' fill-opacity='0.38'/><circle cx='718' cy='600' r='1.3' fill='%23F6E7BE' fill-opacity='0.79'/><circle cx='758' cy='334' r='1.0' fill='%23F6E7BE' fill-opacity='0.98'/><circle cx='776' cy='270' r='1.8' fill='%23F6E7BE' fill-opacity='0.70'/><circle cx='773' cy='255' r='1.1' fill='%23F6E7BE' fill-opacity='0.62'/><circle cx='115' cy='508' r='1.9' fill='%23F6E7BE' fill-opacity='0.65'/><circle cx='1070' cy='679' r='0.5' fill='%23F6E7BE' fill-opacity='0.35'/><circle cx='384' cy='146' r='1.8' fill='%23F6E7BE' fill-opacity='0.51'/><circle cx='57' cy='33' r='1.4' fill='%23F6E7BE' fill-opacity='0.68'/><circle cx='152' cy='389' r='0.9' fill='%23F6E7BE' fill-opacity='0.51'/><circle cx='350' cy='711' r='1.4' fill='%23F6E7BE' fill-opacity='0.77'/><circle cx='292' cy='133' r='1.7' fill='%23F6E7BE' fill-opacity='0.90'/><circle cx='203' cy='646' r='0.6' fill='%23F6E7BE' fill-opacity='0.90'/><circle cx='397' cy='281' r='0.9' fill='%23F6E7BE' fill-opacity='0.90'/><circle cx='698' cy='27' r='1.3' fill='%23F6E7BE' fill-opacity='0.97'/><circle cx='879' cy='367' r='1.1' fill='%23F6E7BE' fill-opacity='0.48'/><circle cx='964' cy='425' r='1.2' fill='%23F6E7BE' fill-opacity='0.66'/><circle cx='1157' cy='617' r='1.5' fill='%23F6E7BE' fill-opacity='0.55'/><circle cx='790' cy='723' r='0.6' fill='%23F6E7BE' fill-opacity='0.60'/><circle cx='106' cy='207' r='0.5' fill='%23F6E7BE' fill-opacity='0.94'/><circle cx='203' cy='636' r='1.5' fill='%23F6E7BE' fill-opacity='0.97'/><circle cx='119' cy='282' r='0.9' fill='%23F6E7BE' fill-opacity='0.73'/><circle cx='794' cy='611' r='1.9' fill='%23F6E7BE' fill-opacity='0.42'/><circle cx='515' cy='388' r='1.1' fill='%23F6E7BE' fill-opacity='0.73'/><circle cx='528' cy='536' r='0.8' fill='%23F6E7BE' fill-opacity='0.97'/><circle cx='487' cy='469' r='1.8' fill='%23F6E7BE' fill-opacity='0.85'/><circle cx='665' cy='234' r='1.6' fill='%23F6E7BE' fill-opacity='0.42'/><circle cx='215' cy='272' r='1.1' fill='%23F6E7BE' fill-opacity='0.46'/><circle cx='1005' cy='188' r='0.7' fill='%23F6E7BE' fill-opacity='0.85'/><circle cx='18' cy='23' r='1.3' fill='%23F6E7BE' fill-opacity='0.47'/><circle cx='195' cy='667' r='1.0' fill='%23F6E7BE' fill-opacity='0.88'/><circle cx='1158' cy='305' r='1.3' fill='%23F6E7BE' fill-opacity='0.99'/><circle cx='247' cy='654' r='1.8' fill='%23F6E7BE' fill-opacity='0.64'/><circle cx='12' cy='25' r='1.4' fill='%23F6E7BE' fill-opacity='0.72'/></svg>");animation:tw 5s ease-in-out infinite alternate}.s2{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800'><circle cx='0' cy='147' r='1.6' fill='%23F6E7BE' fill-opacity='0.43'/><circle cx='954' cy='777' r='1.1' fill='%23F6E7BE' fill-opacity='0.42'/><circle cx='136' cy='330' r='1.1' fill='%23F6E7BE' fill-opacity='0.79'/><circle cx='574' cy='249' r='1.2' fill='%23F6E7BE' fill-opacity='0.85'/><circle cx='48' cy='55' r='1.1' fill='%23F6E7BE' fill-opacity='0.74'/><circle cx='909' cy='145' r='0.9' fill='%23F6E7BE' fill-opacity='0.59'/><circle cx='739' cy='594' r='1.7' fill='%23F6E7BE' fill-opacity='0.93'/><circle cx='893' cy='249' r='0.8' fill='%23F6E7BE' fill-opacity='0.91'/><circle cx='434' cy='342' r='1.4' fill='%23F6E7BE' fill-opacity='0.97'/><circle cx='832' cy='646' r='1.8' fill='%23F6E7BE' fill-opacity='0.54'/><circle cx='268' cy='674' r='1.2' fill='%23F6E7BE' fill-opacity='0.86'/><circle cx='1036' cy='523' r='1.5' fill='%23F6E7BE' fill-opacity='0.98'/><circle cx='545' cy='742' r='1.8' fill='%23F6E7BE' fill-opacity='0.54'/><circle cx='168' cy='379' r='0.8' fill='%23F6E7BE' fill-opacity='0.67'/><circle cx='454' cy='63' r='0.8' fill='%23F6E7BE' fill-opacity='0.70'/><circle cx='170' cy='433' r='1.4' fill='%23F6E7BE' fill-opacity='0.92'/><circle cx='1056' cy='357' r='1.1' fill='%23F6E7BE' fill-opacity='0.88'/><circle cx='636' cy='531' r='1.2' fill='%23F6E7BE' fill-opacity='0.65'/><circle cx='592' cy='179' r='1.6' fill='%23F6E7BE' fill-opacity='0.47'/><circle cx='563' cy='361' r='1.7' fill='%23F6E7BE' fill-opacity='0.96'/><circle cx='540' cy='103' r='0.7' fill='%23F6E7BE' fill-opacity='0.48'/><circle cx='977' cy='533' r='1.4' fill='%23F6E7BE' fill-opacity='0.69'/><circle cx='1194' cy='798' r='0.6' fill='%23F6E7BE' fill-opacity='0.84'/><circle cx='191' cy='496' r='0.9' fill='%23F6E7BE' fill-opacity='0.75'/><circle cx='850' cy='459' r='1.1' fill='%23F6E7BE' fill-opacity='0.83'/><circle cx='1003' cy='169' r='1.3' fill='%23F6E7BE' fill-opacity='0.74'/><circle cx='460' cy='116' r='0.8' fill='%23F6E7BE' fill-opacity='0.54'/><circle cx='972' cy='389' r='1.3' fill='%23F6E7BE' fill-opacity='0.83'/><circle cx='1190' cy='13' r='1.4' fill='%23F6E7BE' fill-opacity='0.73'/><circle cx='525' cy='732' r='1.1' fill='%23F6E7BE' fill-opacity='0.46'/><circle cx='983' cy='377' r='0.5' fill='%23F6E7BE' fill-opacity='0.82'/><circle cx='290' cy='311' r='1.1' fill='%23F6E7BE' fill-opacity='0.45'/><circle cx='754' cy='686' r='1.9' fill='%23F6E7BE' fill-opacity='0.91'/><circle cx='424' cy='106' r='1.2' fill='%23F6E7BE' fill-opacity='0.67'/><circle cx='597' cy='262' r='0.9' fill='%23F6E7BE' fill-opacity='0.75'/><circle cx='373' cy='479' r='0.5' fill='%23F6E7BE' fill-opacity='0.57'/><circle cx='1020' cy='543' r='0.9' fill='%23F6E7BE' fill-opacity='0.40'/><circle cx='323' cy='317' r='0.7' fill='%23F6E7BE' fill-opacity='0.77'/><circle cx='161' cy='638' r='1.7' fill='%23F6E7BE' fill-opacity='0.78'/><circle cx='168' cy='689' r='1.3' fill='%23F6E7BE' fill-opacity='0.50'/><circle cx='277' cy='230' r='1.2' fill='%23F6E7BE' fill-opacity='0.89'/><circle cx='306' cy='92' r='1.7' fill='%23F6E7BE' fill-opacity='0.53'/><circle cx='633' cy='554' r='0.8' fill='%23F6E7BE' fill-opacity='0.98'/><circle cx='995' cy='368' r='1.4' fill='%23F6E7BE' fill-opacity='0.54'/><circle cx='333' cy='173' r='0.6' fill='%23F6E7BE' fill-opacity='0.41'/><circle cx='175' cy='57' r='0.9' fill='%23F6E7BE' fill-opacity='0.60'/><circle cx='1038' cy='750' r='0.7' fill='%23F6E7BE' fill-opacity='0.47'/><circle cx='301' cy='598' r='0.8' fill='%23F6E7BE' fill-opacity='0.71'/><circle cx='484' cy='286' r='1.6' fill='%23F6E7BE' fill-opacity='0.45'/><circle cx='675' cy='556' r='1.8' fill='%23F6E7BE' fill-opacity='0.62'/><circle cx='241' cy='256' r='1.7' fill='%23F6E7BE' fill-opacity='0.73'/><circle cx='794' cy='483' r='1.7' fill='%23F6E7BE' fill-opacity='0.76'/><circle cx='1117' cy='581' r='0.8' fill='%23F6E7BE' fill-opacity='0.93'/><circle cx='1152' cy='454' r='1.7' fill='%23F6E7BE' fill-opacity='0.64'/><circle cx='248' cy='287' r='1.4' fill='%23F6E7BE' fill-opacity='0.46'/><circle cx='1169' cy='580' r='0.7' fill='%23F6E7BE' fill-opacity='0.73'/><circle cx='505' cy='320' r='0.5' fill='%23F6E7BE' fill-opacity='0.44'/><circle cx='955' cy='200' r='1.6' fill='%23F6E7BE' fill-opacity='0.36'/><circle cx='1075' cy='202' r='0.6' fill='%23F6E7BE' fill-opacity='0.94'/><circle cx='1128' cy='11' r='1.7' fill='%23F6E7BE' fill-opacity='0.76'/></svg>");background-size:620px auto;animation:tw 7s ease-in-out -2s infinite alternate}
@keyframes tw{from{opacity:.25}to{opacity:.95}}
.sun{position:absolute;right:-8%;top:-24%;width:70vmax;height:70vmax;max-width:1100px;max-height:1100px;border-radius:50%;background:radial-gradient(circle,rgba(255,226,150,.9) 0,rgba(232,190,104,.5) 8%,rgba(212,168,83,.18) 28%,transparent 62%);filter:blur(4px);animation:breathe 9s ease-in-out infinite alternate}
@keyframes breathe{from{opacity:.82;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}
.rays{position:absolute;right:-8%;top:-24%;width:70vmax;height:70vmax;max-width:1100px;max-height:1100px;transform-origin:50% 50%;background:repeating-conic-gradient(from 0deg,rgba(255,224,150,.2) 0 2.5deg,transparent 2.5deg 8deg);-webkit-mask-image:radial-gradient(circle,#000 0,rgba(0,0,0,.5) 32%,transparent 62%);mask-image:radial-gradient(circle,#000 0,rgba(0,0,0,.5) 32%,transparent 62%);animation:spin 160s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.mtns{position:absolute;left:0;right:0;bottom:0;height:46%;pointer-events:none}.mtn{position:absolute;left:0;bottom:0;width:100%;height:100%}
.mtn-3{height:78%;opacity:1;transform:translateY(calc(var(--sy,0)*-.04px))}.mtn-2{height:62%;transform:translateY(calc(var(--sy,0)*-.02px))}.mtn-1{height:44%}
.fog{position:absolute;left:0;right:0;bottom:0;height:60%;background:linear-gradient(to top,var(--navy-2) 8%,rgba(8,18,41,0))}
/* hero */
.hero{position:relative;min-height:max(740px,100svh);padding:calc(var(--hdr) + 48px) 0 110px;overflow:hidden;display:flex;align-items:center}
.hero-in{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:30px;align-items:center}
.hero h1{font-size:clamp(2.2rem,3.9vw,3.7rem);margin:0 0 24px;letter-spacing:-.01em}.hero-copy{min-width:0}.hero h1 .ln{display:block}.hero h1 .gold{color:var(--gold-l);filter:drop-shadow(0 0 22px rgba(232,190,104,.4))}
.w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.12em}.w>span{display:inline-block;transform:translateY(110%);animation:wup .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.25s + var(--i)*.09s)}
@keyframes wup{to{transform:none}}
.rise{opacity:0;transform:translateY(18px);animation:rise .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--d,0s)}@keyframes rise{to{opacity:1;transform:none}}
.hero .eyebrow{opacity:0;animation:rise .8s .1s forwards}.hero .fine{margin-top:18px}
.hero-stage{position:relative;perspective:1600px;min-height:540px}
.fan{position:relative;height:100%;min-height:540px;transform-style:preserve-3d;transform:translateY(calc(var(--sy,0)*-.06px)) rotateY(calc(var(--mx,0)*9deg)) rotateX(calc(var(--my,0)*-6deg));transition:transform .3s ease-out}
.fan>div{position:absolute;top:50%;left:50%;width:min(44%,250px);opacity:0;animation:fanin 1.3s cubic-bezier(.2,.8,.2,1) forwards}
.fan-c{z-index:3;width:min(52%,300px)!important;--tx:-50%;--ty:-50%;--r:0deg;animation-delay:.5s!important}
.fan-l{z-index:1;--tx:-96%;--ty:-46%;--r:-8deg;animation-delay:.75s!important}.fan-r{z-index:2;--tx:-2%;--ty:-46%;--r:8deg;animation-delay:.9s!important}
@keyframes fanin{from{opacity:0;transform:translate(var(--tx),calc(var(--ty) + 14%)) rotate(0) scale(.9)}to{opacity:1;transform:translate(var(--tx),var(--ty)) rotate(var(--r))}}
.fan-l,.fan-r{filter:brightness(.82)}
.scrollcue{position:absolute;z-index:3;left:50%;bottom:26px;width:26px;height:42px;border:2px solid var(--line);border-radius:14px;transform:translateX(-50%)}.scrollcue i{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--gold-l);animation:cue 1.8s infinite}
@keyframes cue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}
/* phones */
.phone{position:relative;display:block;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out;will-change:transform;filter:drop-shadow(0 40px 50px rgba(0,0,0,.55)) drop-shadow(0 0 40px rgba(212,168,83,.12))}
.phone img{display:block;width:100%;height:auto}
.glare{position:absolute;inset:0;pointer-events:none;-webkit-mask:var(--m) center/100% 100% no-repeat;mask:var(--m) center/100% 100% no-repeat;background:linear-gradient(112deg,transparent 30%,rgba(255,255,255,.32) 48%,rgba(255,255,255,.06) 54%,transparent 66%);background-size:300% 100%;background-position:var(--gx,100%) 0;mix-blend-mode:screen;transition:background-position .3s}
.phone-sm{max-width:240px;margin:0 auto}
/* ticker */
.ticker{overflow:hidden;border-block:1px solid var(--line);background:var(--navy-2);padding:16px 0}.ticker-t{display:flex;width:max-content;gap:28px;align-items:center;animation:tick 60s linear infinite;font:italic 400 1.2rem 'Libre Baskerville',serif;color:var(--gold-l);white-space:nowrap}
.ticker-t i{width:6px;height:6px;border-radius:50%;background:var(--gold);flex:none}@keyframes tick{to{transform:translateX(-50%)}}
/* story */
.story{background:linear-gradient(var(--navy-2),var(--navy) 50%,var(--navy-2))}.story .h-xl{max-width:820px}
.beats{margin-top:56px;display:grid;grid-template-columns:repeat(2,1fr);gap:26px 56px}
.beat{padding:26px 0 0;border-top:1px solid var(--line);position:relative}.beat h3{font-size:clamp(1.4rem,2.6vw,2rem);margin:10px 0 12px}.beat p{color:var(--muted);max-width:480px}
.beat-n{font:italic 700 1.1rem 'Libre Baskerville',serif;color:var(--gold)}
.beat:nth-child(2) h3{background:linear-gradient(90deg,var(--cream),rgba(246,239,221,.25));-webkit-background-clip:text;background-clip:text;color:transparent}
/* journey */
.journey{background:radial-gradient(80% 60% at 20% 0,rgba(42,63,122,.55),transparent 70%),var(--navy-2)}
.jgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;margin-top:44px;align-items:stretch}
.jtabs{display:grid;gap:12px}.jtab{display:flex;gap:16px;text-align:left;align-items:flex-start;padding:18px 20px;border-radius:18px;border:1px solid transparent;background:rgba(255,255,255,.03);color:var(--cream);font:inherit;cursor:pointer;transition:all .3s}
.jtab small{display:block;color:var(--muted);font-size:.9rem;margin-top:4px;line-height:1.5;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s,opacity .4s}.jtab b{font-size:1.05rem}
.jtab.on{background:linear-gradient(155deg,rgba(212,168,83,.18),rgba(255,255,255,.04));border-color:var(--gold)}.jtab.on small{max-height:120px;opacity:1}
.jn{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);font-weight:700;color:var(--gold-l)}.jtab.on .jn{background:var(--gold);color:var(--navy)}
.jcard{padding:28px;min-height:360px;display:flex;flex-direction:column}
.jcard-top{display:flex;justify-content:space-between;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-l);margin-bottom:22px;gap:12px;flex-wrap:wrap}.jref{color:var(--muted);letter-spacing:.06em;text-transform:none}
.jverse{font:400 clamp(1.5rem,3vw,2.15rem)/1.55 'Libre Baskerville',serif;display:flex;flex-wrap:wrap;gap:6px 12px;min-height:130px;align-content:flex-start}
.jw{display:inline-block;transition:all .5s}.jw.blank{min-width:3.2ch;border-bottom:2px solid var(--gold);color:transparent;background:rgba(212,168,83,.12);border-radius:8px 8px 0 0}.jw.pop{animation:pop .5s}
@keyframes pop{0%{transform:scale(.7);color:var(--gold-l)}60%{transform:scale(1.12)}100%{transform:none}}
.jw .f{color:var(--gold-l)}.jw .r{letter-spacing:.12em;opacity:.55}
.jtray{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:24px;min-height:70px}
.chipw{padding:8px 16px;border-radius:999px;border:1px solid var(--gold);background:rgba(212,168,83,.12);font:400 1.05rem 'Libre Baskerville',serif;transition:all .4s}.chipw.used{opacity:0;transform:translateY(-30px) scale(.6)}
.jtype{display:inline-block;border-right:2px solid var(--gold-l);animation:caret .8s steps(1) infinite;padding-right:3px}@keyframes caret{50%{border-color:transparent}}
.jnote{margin:16px 0 0;color:var(--ok);font-weight:600;min-height:1.6em;font-size:.95rem}
.jprog{display:flex;gap:6px;margin-top:10px}.jprog i{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.1);transition:background .4s}.jprog i.on{background:var(--gold)}
.jextra{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;margin-top:28px}
.wave{display:flex;align-items:center;gap:4px;height:54px;margin-bottom:18px}.wave i{flex:1;max-width:6px;border-radius:3px;background:linear-gradient(var(--gold-l),var(--gold));height:20%;animation:wv 1.2s ease-in-out infinite;animation-delay:calc(var(--i)*-.09s)}
@keyframes wv{0%,100%{height:16%}50%{height:100%}}
.tl{display:flex;justify-content:space-between;margin-top:26px;position:relative}.tl:before{content:"";position:absolute;left:8px;right:8px;top:7px;height:2px;background:linear-gradient(90deg,var(--gold),rgba(212,168,83,.2))}
.tl span{position:relative;font-size:.74rem;text-align:center;color:var(--muted);width:16%;padding-top:24px}.tl i{position:absolute;left:50%;top:0;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--navy);border:2px solid var(--gold);transition:background .4s calc(var(--i)*.15s)}
.review.in .tl i{background:var(--gold)}
.lvls{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}.lvls em{font-style:normal;font-size:.8rem;font-weight:600;padding:6px 14px;border-radius:999px;background:rgba(212,168,83,.12);border:1px solid var(--line);color:var(--gold-l);opacity:.3;transition:opacity .5s calc(var(--i)*.25s)}.review.in .lvls em{opacity:1}
.lvls em:last-child{background:var(--gold);color:var(--navy)}
/* verse intelligence */
.intel{background:linear-gradient(var(--navy-2),var(--navy-3) 60%,var(--navy-2))}
.vi{padding:30px}.vi-tabs{display:flex;gap:8px;margin-bottom:22px}.vi-tabs button{padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);font:600 .85rem Inter;cursor:pointer}.vi-tabs button.on{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.vi-verse{font:400 1.45rem/1.6 'Libre Baskerville',serif;margin:0 0 4px}.vi-ref{color:var(--gold-l);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}
.vi-word{font:inherit;color:var(--gold-l);background:rgba(212,168,83,.14);border:0;border-bottom:2px solid var(--gold);padding:0 6px;border-radius:6px 6px 0 0;cursor:pointer;animation:pulse 2s infinite}@keyframes pulse{50%{background:rgba(212,168,83,.35)}}
.vi-panel{display:none;margin-top:18px;padding:20px;border-radius:16px;background:rgba(0,0,0,.28);border:1px solid var(--line)}.vi-panel.on{display:block;animation:rise .5s both}
.vi-orig{font:400 2.4rem/1.2 'Libre Baskerville',serif;color:var(--gold-l)}.vi-tr{font-style:italic;color:var(--muted);margin-bottom:8px}.vi-panel p{margin:0}
.chip{display:inline-block;margin:0 8px 8px 0;padding:8px 16px;border-radius:999px;background:rgba(212,168,83,.12);border:1px solid var(--line);color:var(--gold-l);font-weight:600;font-size:.92rem}
/* play choreography */
.play{background:radial-gradient(70% 50% at 80% 30%,rgba(42,63,122,.5),transparent 70%),var(--navy-2)}
.pchor{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;margin-top:56px;align-items:start}
.pstack-wrap{position:sticky;top:calc(var(--hdr) + 24px);height:calc(100svh - var(--hdr) - 48px);min-height:520px;display:flex;align-items:center;justify-content:center}
.pstack{position:relative;height:min(100%,640px);aspect-ratio:1374/2851;perspective:1400px}
.pglow{position:absolute;inset:-20% -30%;background:radial-gradient(closest-side,rgba(232,190,104,.28),transparent);filter:blur(10px)}
.stack-i{position:absolute;inset:0;opacity:0;transform:translateY(30px) rotateY(-14deg) scale(.94);transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1)}.stack-i.on{opacity:1;transform:none}.stack-i .phone{height:100%}
.stack-i .phone img{height:100%;width:auto;margin:0 auto}
.pstep{min-height:56vh;display:flex;flex-direction:column;justify-content:center;opacity:.35;transition:opacity .5s;padding:20px 0}.pstep.on{opacity:1}
.pstep h3{font-size:clamp(1.5rem,2.8vw,2.2rem);margin:10px 0 12px}.pstep p{color:var(--muted);max-width:480px;font-size:1.08rem}
.pstep-n{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--navy);font-weight:700}.pstep-phone{display:none}
.pcards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
/* groups */
.gdemo{padding:28px}.gd-h{display:flex;justify-content:space-between;margin-bottom:20px;gap:10px;flex-wrap:wrap}.gd-h b{font-family:'Libre Baskerville',serif;font-size:1.25rem}.gd-h span{color:var(--gold-l);font-size:.9rem}
.gm{display:grid;grid-template-columns:36px 76px 1fr 22px;align-items:center;gap:12px;padding:10px 0}.av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:linear-gradient(135deg,var(--gold-l),#9a6f24);color:var(--navy)}
.gm-bar{height:8px;border-radius:4px;background:rgba(255,255,255,.1);overflow:hidden}.gm-bar i{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,var(--gold),var(--gold-l));transition:width 1.3s cubic-bezier(.2,.8,.2,1) var(--dd,.3s)}.gdemo.in .gm-bar i{width:var(--w)}
.gm-ok{width:18px;height:18px;border-radius:50%;background:var(--ok);position:relative}.gm-ok:after{content:"";position:absolute;left:5px;top:4px;width:7px;height:4px;border-left:2px solid #07241a;border-bottom:2px solid #07241a;transform:rotate(-45deg)}.gm-ok.no{background:rgba(255,255,255,.15)}.gm-ok.no:after{display:none}
.gd-f{margin-top:12px;padding-top:16px;border-top:1px solid var(--line);color:var(--gold-l);font-weight:600}
/* daily */
.dgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;margin-top:40px;align-items:center}.demos{display:grid;gap:22px;justify-items:center}
.widget{width:min(100%,300px);aspect-ratio:1;padding:22px;display:flex;flex-direction:column;justify-content:space-between;border-radius:34px}.widget small{color:var(--gold-l);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:700}.widget p{font:400 1.25rem/1.4 'Libre Baskerville',serif;margin:0}.widget b{color:var(--muted);font-size:.85rem}
.gate{width:min(100%,300px);padding:24px;border-radius:30px;background:linear-gradient(170deg,#1b3566,#0D1B3A);border:1px solid var(--gold);text-align:center;box-shadow:0 20px 50px -20px #000}.gate small{color:var(--gold-l);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:700}.gate p{font:400 1.15rem/1.45 'Libre Baskerville',serif;margin:12px 0 6px}.gate b{display:block;color:var(--muted);font-size:.85rem;margin-bottom:14px}
.dcards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
/* progress ladder */
.ladder{list-style:none;margin:0;padding:0;display:flex;align-items:flex-end;gap:6px;height:340px;counter-reset:l}
.ladder li{flex:1;height:calc(36% + var(--i)*7.5%);border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,rgba(232,190,104,calc(.25 + var(--i)*.09)),rgba(212,168,83,.05));border:1px solid var(--line);position:relative;display:flex;justify-content:center;overflow:hidden;transform-origin:bottom;transform:scaleY(.2);transition:transform .9s cubic-bezier(.2,.8,.2,1) calc(var(--i)*.1s)}
.ladder.in li{transform:none}.ladder li span{writing-mode:vertical-rl;transform:rotate(180deg);align-self:flex-start;margin-top:12px;font:700 .8rem Inter;letter-spacing:.08em;color:var(--cream)}
.ladder li:last-child{box-shadow:0 0 40px rgba(232,190,104,.5)}
/* challenge teaser band */
.band{overflow:hidden;position:relative}.band-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.band-art.tall{position:static;height:auto;min-height:300px;opacity:.95;display:block}
.band-in{position:relative;padding:clamp(28px,5vw,64px);background:linear-gradient(90deg,rgba(8,18,41,.92),rgba(8,18,41,.5))}.band-in .sub{margin-bottom:20px}
.mini{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-wrap:wrap;gap:10px}.mini li{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid var(--line);font-size:.9rem}.mini span{width:26px;height:26px;border-radius:50%;background:var(--gold);color:var(--navy);display:grid;place-items:center;font-weight:700;font-size:.8rem}
/* orgs teaser */
.pricecard{padding:44px 30px;text-align:center}.bigprice{font:700 clamp(3.6rem,8vw,5.6rem)/1 'Libre Baskerville',serif;color:var(--gold-l);text-shadow:0 0 50px rgba(232,190,104,.4);margin:10px 0}.pricecard span{color:var(--muted)}.pricecard small{color:var(--gold-l);letter-spacing:.14em;text-transform:uppercase;font-weight:700;font-size:.75rem}
/* pro */
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}.cmp .hot{box-shadow:0 0 60px -10px rgba(212,168,83,.4),inset 0 1px 0 rgba(232,190,104,.4)}.cmp h3{font-size:1.5rem}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0 20px}.plan{padding:26px;text-align:center;display:flex;flex-direction:column;gap:4px}.plan b{color:var(--muted);font-weight:600}.plan-p{font:700 2.3rem 'Libre Baskerville',serif;color:var(--cream)}.plan small{color:var(--muted)}
.plan.hot{box-shadow:0 0 50px -10px rgba(212,168,83,.5)}.plan-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--navy);font:700 .72rem Inter;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px;white-space:nowrap}
/* tiles */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:36px 0}.tile{padding:22px;text-decoration:none;display:flex;flex-direction:column;gap:8px;transition:transform .25s}.tile:hover{transform:translateY(-4px)}.tile small{color:var(--gold-l);letter-spacing:.12em;text-transform:uppercase;font-weight:700;font-size:.7rem}.tile b{font:700 1.05rem/1.3 'Libre Baskerville',serif}.tile span{margin-top:auto;color:var(--muted);font-size:.8rem}
/* final */
.final{position:relative;overflow:hidden;padding:clamp(80px,12vw,160px) 0 clamp(120px,14vw,200px)}.final .wrap{position:relative;z-index:2}.final .stores{justify-content:center;margin-top:28px}.final-icon{border-radius:22px;box-shadow:0 20px 60px -10px rgba(212,168,83,.5);margin-bottom:26px}
.final .sub{margin-inline:auto}.mtns.low{height:32%}
/* page hero */
.phero{position:relative;padding:calc(var(--hdr) + 70px) 0 70px;overflow:hidden}.phero .wrap{position:relative;z-index:2}.phero .sky{background:radial-gradient(110% 120% at 85% 0,#2a3f7a 0,#13264f 36%,#0D1B3A 70%,var(--navy-2))}
.phero .sun,.phero .rays{width:50vmax;height:50vmax}.phero h1{max-width:880px;margin-bottom:18px}
/* features */
.fnav{position:sticky;top:var(--hdr);z-index:20;background:rgba(8,18,41,.88);backdrop-filter:blur(14px);border-block:1px solid var(--line)}.fnav .wrap{display:flex;gap:6px;overflow-x:auto;padding-block:10px;scrollbar-width:none}.fnav a{white-space:nowrap;padding:8px 16px;border-radius:999px;text-decoration:none;font-size:.88rem;font-weight:600;color:var(--muted)}.fnav a:hover,.fnav a.on{background:var(--gold);color:var(--navy)}
.fgroup{padding:clamp(48px,7vw,90px) 0}.fgroup:nth-of-type(even){background:linear-gradient(var(--navy-2),var(--navy-3),var(--navy-2))}
.fshots{display:flex;flex-wrap:wrap;gap:34px clamp(16px,3vw,40px);margin:44px 0 8px;padding:10px 0 20px;justify-content:center}.fshot{margin:0;flex:0 0 clamp(150px,20vw,230px);text-align:center}.fshot figcaption{margin-top:12px;font-size:.85rem;color:var(--muted)}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.fitem{padding:24px}.fitem h3{font-size:1.1rem;margin-bottom:8px}.fitem p{margin:0;color:var(--muted);font-size:.97rem}
/* forms */
label.lbl,.lbl{display:block;font-weight:600;font-size:.9rem;margin:18px 0 6px}
input,select,textarea{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(246,239,221,.28);background:rgba(4,10,26,.55);color:var(--cream);font:inherit;transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold-l);box-shadow:0 0 0 3px rgba(232,190,104,.25)}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-size:6px 6px;background-repeat:no-repeat}
textarea{resize:vertical}.two-f{display:grid;grid-template-columns:1fr 1fr;gap:16px}form .btn{margin-top:22px}
input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button{display:none}
.note{padding:14px 18px;border-radius:12px;margin-top:16px;font-size:.95rem;border:1px solid}.note.err{background:rgba(255,120,100,.1);border-color:rgba(255,157,143,.5);color:var(--err)}.note.ok{background:rgba(88,214,163,.1);border-color:rgba(88,214,163,.5);color:var(--ok)}.note.info{background:rgba(212,168,83,.1);border-color:var(--line);color:var(--gold-l)}.note[hidden]{display:none}
.calc{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px;align-items:start}.calc-l{padding:32px}.calc-r{padding:32px;position:sticky;top:96px}.calc-r h3{font-size:1.4rem}
.seatrow{display:flex;gap:10px;align-items:center}.seatrow input{text-align:center;font-size:1.6rem;font-weight:700;max-width:170px;font-family:'Libre Baskerville',serif}.sq{flex:none;width:52px;height:52px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--cream);font-size:1.6rem;cursor:pointer}.sq:hover{background:rgba(212,168,83,.25)}
.range{appearance:none;padding:0;height:8px;border-radius:4px;border:0;margin-top:22px;background:linear-gradient(90deg,var(--gold) var(--p,10%),rgba(255,255,255,.15) var(--p,10%))}.range::-webkit-slider-thumb{appearance:none;width:28px;height:28px;border-radius:50%;background:var(--gold-l);border:3px solid var(--navy);box-shadow:0 0 0 2px var(--gold)}.range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--gold-l);border:3px solid var(--navy)}
.tot{margin:26px 0;padding:22px;border-radius:18px;background:rgba(0,0,0,.3);border:1px solid var(--line)}.tot small{color:var(--gold-l);letter-spacing:.14em;text-transform:uppercase;font-weight:700;font-size:.72rem}.tot-n{font:700 clamp(2.4rem,5vw,3.4rem)/1.1 'Libre Baskerville',serif;color:var(--gold-l);margin:6px 0}

.calc-off{padding:32px;grid-column:1/-1}.calc-off[hidden],[hidden]{display:none!important}
.faq{display:grid;gap:12px;margin-top:28px}details.glass{padding:0}details summary{cursor:pointer;padding:20px 24px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px}details summary::-webkit-details-marker{display:none}details summary:after{content:"+";color:var(--gold-l);font-size:1.4rem;line-height:1}details[open] summary:after{content:"\2212"}details p{padding:0 24px 20px;margin:0;color:var(--muted)}
.stepn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--gold);color:var(--navy);font-weight:700;margin-bottom:12px;flex:none}
.steps{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:22px}.steps li{display:flex;gap:18px}.steps h3{font-size:1.15rem;margin-bottom:4px}.steps p{margin:0;color:var(--muted)}.steps .stepn{margin:0}
.steps.big{gap:34px;margin:40px 0}.steps.big h3{font-size:1.4rem}
.wrap.narrow>.glass,.wrap.narrow>form{margin-bottom:22px}.narrow-card{max-width:520px;margin:0}
.spin{display:flex;align-items:center;gap:16px}.spin i{width:26px;height:26px;border-radius:50%;border:3px solid rgba(212,168,83,.25);border-top-color:var(--gold-l);animation:spin 1s linear infinite;flex:none}
.codebox{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 22px;border-radius:16px;background:rgba(0,0,0,.35);border:1px solid var(--gold);margin:14px 0}.codebox code{font:700 clamp(1.3rem,4vw,1.9rem) ui-monospace,Menlo,monospace;letter-spacing:.08em;color:var(--gold-l);word-break:break-all}
.prose>*{max-width:760px}.prose h2{font-size:1.5rem;margin:40px 0 10px}.prose p{color:var(--muted)}
/* portal */
.ptop{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}.ptop h2{font-size:clamp(1.6rem,3vw,2.3rem)}
.ptabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:24px;padding-bottom:4px;border-bottom:1px solid var(--line)}.ptabs button{background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);font:600 .95rem Inter;padding:12px 18px;cursor:pointer;white-space:nowrap}.ptabs button.on{color:var(--gold-l);border-color:var(--gold)}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.stat{padding:22px}.stat small{color:var(--muted);font-size:.82rem}.stat b{display:block;font:700 2rem 'Libre Baskerville',serif;color:var(--gold-l);margin-top:6px}
.pcard{padding:28px;margin-top:20px}.pcard h3{font-size:1.3rem;margin-bottom:8px}
.tbl{width:100%;border-collapse:collapse;margin-top:16px;font-size:.95rem}.tbl th{text-align:left;color:var(--muted);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid var(--line)}.tbl td{padding:14px 12px;border-bottom:1px solid rgba(212,168,83,.12);vertical-align:middle}.tbl .acts{display:flex;gap:8px;flex-wrap:wrap}
.tbl-wrap{overflow-x:auto}.pill{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.78rem;font-weight:700;background:rgba(212,168,83,.15);color:var(--gold-l);white-space:nowrap}.pill.ok{background:rgba(88,214,163,.15);color:var(--ok)}.pill.bad{background:rgba(255,120,100,.15);color:var(--err)}
.btn-mini{padding:7px 14px;font-size:.82rem;border-radius:10px}
.logo-prev{width:88px;height:88px;border-radius:18px;object-fit:cover;background:rgba(255,255,255,.08);border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);font-size:.7rem;text-align:center}
.rowf{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:12px}
/* footer */
.ftr{background:var(--navy-2);border-top:1px solid var(--line);padding:56px 0 30px}.ftr-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.ftr-brand p{margin:12px 0 16px;color:var(--muted)}
.ftr-cols{display:flex;gap:clamp(24px,6vw,70px);flex-wrap:wrap}.ftr h3{font:700 .75rem Inter;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-l);margin-bottom:14px}.ftr-cols a{display:block;text-decoration:none;color:var(--muted);padding:5px 0}.ftr-cols a:hover{color:var(--gold-l)}
.ftr-fine{margin:40px 0 0;font-size:.82rem;color:var(--muted);opacity:.8}
/* responsive */
@media(max-width:1020px){.nav{display:none}.burger{display:block}.nav.open{display:flex;position:fixed;inset:var(--hdr) 0 auto 0;flex-direction:column;gap:0;background:rgba(8,18,41,.97);backdrop-filter:blur(18px);padding:10px 20px 24px;border-bottom:1px solid var(--line);max-height:calc(100svh - var(--hdr));overflow:auto}.nav.open a{padding:16px 4px;border-bottom:1px solid rgba(212,168,83,.12);font-size:1.05rem}
.hdr-cta{display:none}.tiles{grid-template-columns:repeat(2,1fr)}.pcards{grid-template-columns:1fr 1fr}.fgrid{grid-template-columns:1fr 1fr}.g3{grid-template-columns:1fr}.hero-in{grid-template-columns:1fr;text-align:left}.hero-stage{min-height:460px;margin-top:10px}.fan{min-height:460px}.hero{padding-bottom:90px;align-items:flex-start}}
@media(max-width:860px){.two{grid-template-columns:1fr}.two.rev>:first-child{order:2}.jgrid,.jextra,.dgrid,.calc,.cmp{grid-template-columns:1fr}.beats{grid-template-columns:1fr}.pchor{grid-template-columns:1fr}.pstack-wrap{display:none}.pstep{min-height:0;opacity:1;padding:34px 0;border-bottom:1px solid var(--line)}.pstep-phone{display:block;margin-top:26px}.plans{grid-template-columns:1fr}.two-f{grid-template-columns:1fr}.ladder{height:260px}.jtab small{max-height:none;opacity:1}.dcards{grid-template-columns:1fr}.tl span{font-size:.64rem}}
@media(max-width:560px){body{font-size:16px}.fshot{flex-basis:calc(50% - 10px)}.fshots{gap:24px 16px}.pcards,.fgrid,.tiles{grid-template-columns:1fr}.fan>div{width:min(46%,200px)}.fan-c{width:min(54%,230px)!important}.fan-l{--tx:-96%}.fan-r{--tx:-2%}.hero-stage{min-height:400px}.fan{min-height:400px}.store{min-width:0;flex:1}.card{padding:22px}.calc-l,.calc-r{padding:22px}.gm{grid-template-columns:32px 62px 1fr 20px;gap:8px}.langs a{padding:5px 8px}.wm{font-size:1.05rem}.brand img{width:34px;height:auto}.hdr-r{gap:8px}.tbl{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rv{opacity:1;transform:none}.w>span,.rise,.fan>div,.hero .eyebrow{opacity:1;transform:none}html{scroll-behavior:auto}}

.band-in{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.band-ph{display:flex;justify-content:center;gap:0;position:relative;height:100%;min-height:360px}.band-ph .phone{width:min(46%,190px);margin:0 -4%}.band-ph .phone:first-child{translate:0 -6%;rotate:-5deg}.band-ph .phone:last-child{translate:0 8%;rotate:5deg}
.prize-in{position:relative;padding:34px;background:linear-gradient(0deg,rgba(8,18,41,.96),rgba(8,18,41,.5))}.prize{display:flex;flex-direction:column;justify-content:flex-end;min-height:320px;overflow:hidden}.prize .band-art{position:absolute;inset:0;height:100%;object-fit:cover}.prize h3{color:var(--gold-l);font-size:1.5rem;margin-bottom:8px}.prize p{margin:0}
@media(max-width:860px){.band-in{grid-template-columns:1fr}.band-ph{min-height:320px}}

.band,.prize{background:radial-gradient(70% 120% at 100% 100%,rgba(232,190,104,.55),rgba(212,168,83,.12) 40%,transparent 70%),radial-gradient(60% 80% at 90% 0,rgba(42,63,122,.9),transparent),linear-gradient(160deg,#13264f,#081229)}
.band-art{display:none}
h1,h2,h3{text-wrap:balance}.phero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(transparent,var(--navy-2));pointer-events:none}

.final .mtns:after{content:'';position:absolute;inset:auto 0 0 0;height:60%;background:linear-gradient(transparent,var(--navy-2))}
@media(max-width:860px){.scrollcue{display:none}}
.in-portal .phero{display:none}.in-portal .sec.tight{padding-top:calc(var(--hdr) + 36px)}
/* ===== round 2 ===== */
/* soft sunlight: wide shafts, gaussian-ish edges, slow drift. No element has a hard edge. */
.sky{--sx:74%;--sy:2%}
.sun{left:var(--sx);top:var(--sy);right:auto;translate:-50% -50%;transform:none;width:min(120vmax,1500px);height:min(120vmax,1500px);max-width:none;max-height:none;background:radial-gradient(circle,rgba(255,232,170,.95) 0,rgba(255,214,130,.55) 4%,rgba(232,190,104,.28) 11%,rgba(212,168,83,.1) 26%,rgba(212,168,83,.03) 44%,transparent 62%);filter:none;animation:breathe2 11s ease-in-out infinite alternate}
@keyframes breathe2{from{opacity:.8;scale:.97}to{opacity:1;scale:1.03}}
.rays{display:none}
.shafts{position:absolute;left:var(--sx);top:var(--sy);width:0;height:0;mix-blend-mode:screen}
.shafts i{position:absolute;left:0;top:0;width:calc(var(--w)*1vmax);height:140vmax;margin-left:calc(var(--w)*-.5vmax);transform-origin:50% 0;transform:rotate(var(--a));
 background:linear-gradient(90deg,rgba(255,226,160,0) 0,rgba(255,226,160,calc(var(--o)*.03)) 10%,rgba(255,226,160,calc(var(--o)*.1)) 22%,rgba(255,230,170,calc(var(--o)*.24)) 36%,rgba(255,236,190,calc(var(--o)*.36)) 50%,rgba(255,230,170,calc(var(--o)*.24)) 64%,rgba(255,226,160,calc(var(--o)*.1)) 78%,rgba(255,226,160,calc(var(--o)*.03)) 90%,rgba(255,226,160,0) 100%);
 -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.2) 0,#000 6%,rgba(0,0,0,.6) 30%,rgba(0,0,0,.22) 56%,transparent 84%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.2) 0,#000 6%,rgba(0,0,0,.6) 30%,rgba(0,0,0,.22) 56%,transparent 84%);
 filter:blur(10px);opacity:.8;animation:drift var(--d) ease-in-out var(--dl) infinite alternate}
@keyframes drift{from{transform:rotate(calc(var(--a) - 2.5deg));opacity:.45}50%{opacity:.95}to{transform:rotate(calc(var(--a) + 2.5deg));opacity:.6}}
.haze{position:absolute;inset:0;background:radial-gradient(60% 40% at 74% 8%,rgba(255,214,140,.16),transparent 70%),linear-gradient(180deg,transparent 55%,rgba(8,18,41,.5))}
.phero .sun,.phero .shafts{opacity:1}.phero .sky{--sx:80%;--sy:-6%}
.final .sky{--sx:50%;--sy:-8%}
/* ===== hero game ===== */
.hg{position:relative;height:340vh}.hg-stick{position:sticky;top:0;height:100vh;height:100svh;min-height:600px;overflow:hidden}
.hg-in{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;padding-top:calc(var(--hdr) + 10px);padding-bottom:20px;gap:clamp(8px,1.6vh,18px)}
.hg-head h1{font-size:clamp(1.7rem,3.3vw,3rem);margin:0;letter-spacing:-.01em;max-width:14em}.hg-head h1 .ln{display:inline}.hg-head h1 .gold{color:var(--gold-l);filter:drop-shadow(0 0 20px rgba(232,190,104,.35))}
.hg-head .eyebrow{margin-bottom:10px;opacity:0;animation:rise .8s .1s forwards}
.hg-stage{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:0;gap:clamp(6px,1.4vh,14px)}
.hg-cap{min-height:1.6em;margin:0;font:italic 400 clamp(1rem,1.7vw,1.35rem) 'Libre Baskerville',serif;color:var(--gold-l);transition:opacity .4s}
.hg-verse{display:flex;flex-wrap:wrap;justify-content:center;gap:.08em .3em;font:700 clamp(1.9rem,min(6.6vw,8.2vh),5.4rem)/1.12 'Libre Baskerville',serif;max-width:15em;text-shadow:0 4px 40px rgba(0,0,0,.45)}
.hw{display:inline-block;position:relative;padding:0 .08em;border-radius:.22em;transition:color .7s,filter .7s,background .4s,box-shadow .4s,transform .6s}
.hw.gone{color:transparent;text-shadow:none;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1.5px rgba(212,168,83,.5),0 0 24px rgba(212,168,83,.12);cursor:pointer;filter:blur(0)}
.hw.fading{color:rgba(246,239,221,.18);filter:blur(3px)}
.hw.gone:focus-visible,.hw.gone.target{box-shadow:inset 0 0 0 2px var(--gold-l),0 0 0 4px rgba(232,190,104,.25),0 0 30px rgba(232,190,104,.35)}
.hw.hint{box-shadow:inset 0 0 0 2px #58d6a3,0 0 26px rgba(88,214,163,.55)!important}
.hw.pop{animation:pop2 .6s cubic-bezier(.2,.9,.2,1)}@keyframes pop2{0%{transform:scale(.7);color:var(--gold-l)}55%{transform:scale(1.12)}100%{transform:none}}
.hw.shake,.chp.shake{animation:shake .4s}@keyframes shake{20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
.hg-ref{margin:0;color:var(--muted);font-size:.9rem;letter-spacing:.08em;opacity:.9}
.hg-tray{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:46rem;min-height:3.2rem;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .6s,transform .6s}
.chp{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;padding:10px 20px;border-radius:999px;border:1.5px solid var(--gold);background:linear-gradient(180deg,rgba(212,168,83,.3),rgba(212,168,83,.1));color:var(--cream);font:400 clamp(1.05rem,2vw,1.4rem) 'Libre Baskerville',serif;box-shadow:0 6px 20px -8px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,236,190,.3);transition:transform .2s,box-shadow .2s}
.chp:hover{transform:translateY(-3px)}.chp.sel{background:linear-gradient(180deg,rgba(232,190,104,.7),rgba(212,168,83,.4));color:#1a1405;box-shadow:0 0 0 3px rgba(232,190,104,.35),0 10px 28px -8px rgba(232,190,104,.7)}
.chp.dragging{cursor:grabbing;z-index:95;transition:none;box-shadow:0 18px 40px -8px rgba(0,0,0,.7)}.chp.hint{border-color:#58d6a3;box-shadow:0 0 0 3px rgba(88,214,163,.35),0 0 24px rgba(88,214,163,.6)}
.chp.out{visibility:hidden}
.hg-act{display:flex;gap:10px;opacity:0;pointer-events:none;transition:opacity .5s}
.hg[data-ph="2"] .hg-tray,.hg[data-ph="2"] .hg-act{opacity:1;transform:none;pointer-events:auto}
.hg[data-ph="3"] .hg-tray,.hg[data-ph="3"] .hg-act{opacity:0;height:0;min-height:0;overflow:hidden;pointer-events:none}
.hg-cta{display:flex;flex-direction:column;gap:8px;align-items:flex-start;opacity:1;transition:opacity .6s,transform .6s}.hg-cta .lede{margin:0;font-size:clamp(.95rem,1.3vw,1.1rem);max-width:34em}
.hg-btns{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.hg-cta .fine{margin:0}
.hg-cta{max-height:300px}.hg[data-ph="1"] .hg-cta,.hg[data-ph="2"] .hg-cta{opacity:0;pointer-events:none;transform:translateY(12px);max-height:0;overflow:hidden;margin:0;gap:0}
.hg-cue{position:absolute;z-index:3;left:50%;bottom:18px;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);transition:opacity .4s}
.hg-cue i{width:2px;height:26px;background:linear-gradient(var(--gold-l),transparent);animation:cue2 1.8s infinite}@keyframes cue2{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.hg:not([data-ph="0"]) .hg-cue{opacity:0}
.hg[data-ph="3"] .hg-verse{text-shadow:0 0 50px rgba(255,214,130,.55),0 4px 40px rgba(0,0,0,.4)}
.spark{position:fixed;width:8px;height:8px;border-radius:50%;background:radial-gradient(#fff6d6,#E8BE68 60%,transparent 70%);pointer-events:none;z-index:96}
.ghost{pointer-events:none}
/* ===== phone frames with live screens ===== */
.dphone{position:relative;container-type:inline-size;width:min(100%,330px);aspect-ratio:var(--ar);margin:0 auto;filter:drop-shadow(0 40px 50px rgba(0,0,0,.55)) drop-shadow(0 0 40px rgba(212,168,83,.12))}
.dscreen{position:absolute;left:var(--fx);top:var(--fy);width:var(--fw);height:var(--fh);border-radius:var(--fr);overflow:hidden;background:#0b1a3a;isolation:isolate}
.dframe{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}
.phone.vid{container-type:inline-size;aspect-ratio:1374/2851;width:100%}.vscreen{position:absolute;left:var(--vx);top:var(--vy);width:var(--vw);height:var(--vh);object-fit:cover;border-radius:var(--vr);background:#0b1a3a}.vframe{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
/* ===== duel (screen styled after the app) ===== */
.duel-wrap{display:grid;grid-template-columns:1fr minmax(260px,360px);gap:clamp(24px,5vw,70px);align-items:center;margin-top:50px}
.h-md2{font-size:clamp(1.5rem,2.6vw,2.2rem);margin-bottom:6px}
.lvls-ctl{display:inline-flex;margin:18px 0 10px;padding:4px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.05)}.lvl{border:0;background:none;color:var(--muted);font:600 .95rem Inter;padding:10px 22px;border-radius:999px;cursor:pointer;transition:all .25s}.lvl.on{background:var(--gold);color:#1a1405}
.ds{position:absolute;inset:0;color:#fff;font-family:Inter,sans-serif;background:radial-gradient(120% 60% at 100% 0,rgba(255,214,130,.55),transparent 55%),linear-gradient(180deg,#1b3a73 0,#0f2250 30%,#0a1738 100%);overflow:hidden;user-select:none;-webkit-user-select:none}
.ds:before{content:"";position:absolute;left:0;right:0;top:12cqw;height:30cqw;background:linear-gradient(160deg,transparent 40%,rgba(20,36,80,.9) 41%,transparent 42%),linear-gradient(200deg,transparent 55%,rgba(14,28,64,.9) 56%);opacity:.8}
.ds-top{position:relative;display:flex;justify-content:space-between;align-items:center;padding:11cqw 5cqw 0}.ds-top b{font:700 4cqw 'Libre Baskerville',serif}.ds-top b i{font-style:normal;color:var(--gold-l)}.ds-top .pill{font-size:2.6cqw;padding:1cqw 3cqw;border-radius:99px;background:rgba(212,168,83,.25);color:#f3dca0}
.ds-pl{position:relative;display:flex;justify-content:space-between;padding:2.5cqw 9cqw 0}.pl{display:flex;flex-direction:column;align-items:center;gap:.8cqw;font-size:3cqw}.pl .av{width:13cqw;height:13cqw;border-radius:50%;display:grid;place-items:center;font:700 5cqw 'Libre Baskerville',serif;color:#1a1405;background:linear-gradient(135deg,#f3dca0,#c9983f);box-shadow:0 0 0 .9cqw rgba(212,168,83,.7)}.pl.opp .av{background:linear-gradient(135deg,#9fe3ee,#3b8fa8);box-shadow:0 0 0 .9cqw rgba(120,220,235,.7)}.pl .pts{font-weight:700;color:var(--gold-l);font-size:3.4cqw}.pl.opp .pts{color:#8fe0ee}
.pl.act .av{animation:ringp 1.4s ease-in-out infinite}@keyframes ringp{50%{box-shadow:0 0 0 1.6cqw rgba(212,168,83,.35)}}
.ds-turn{position:relative;margin:2.5cqw 5cqw 0;height:10cqw;border-radius:99px;display:flex;align-items:center;justify-content:center;font:italic 700 4.4cqw 'Libre Baskerville',serif;color:#2a1d02;background:linear-gradient(180deg,#f6e3a8,#d9a94b);box-shadow:0 1cqw 3cqw -1cqw rgba(0,0,0,.6);transition:background .4s,color .4s}.ds-turn.opp{background:linear-gradient(180deg,#52b4c8,#2a7f98);color:#fff}
.ds-turn .timer{position:absolute;right:-1.5cqw;top:50%;translate:0 -50%;width:12cqw;height:12cqw;border-radius:50%;display:grid;place-items:center;font:700 5cqw Inter;color:#fff;background:#0f2250;box-shadow:0 0 0 .8cqw var(--gold)}
.ds-instr{position:relative;margin:2cqw 5cqw 0;text-align:center;font-size:2.8cqw;color:rgba(255,255,255,.9);min-height:7cqw;line-height:1.35}
.ds-board{position:relative;margin:1.5cqw 4cqw 0;padding:3cqw 2cqw;border-radius:5cqw;border:.5cqw solid rgba(212,168,83,.75);background:linear-gradient(180deg,rgba(20,40,90,.75),rgba(10,24,60,.85));display:flex;flex-wrap:wrap;justify-content:center;gap:1.6cqw;align-content:flex-start;min-height:42cqw}
.dw{font:400 4cqw 'Libre Baskerville',serif;color:rgba(255,255,255,.7);padding:1.4cqw .6cqw}.dslot{min-width:11cqw;height:7.6cqw;border-radius:99px;border:.4cqw solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);cursor:pointer;padding:0;color:transparent;font:400 3.6cqw 'Libre Baskerville',serif;transition:background .3s,border-color .3s,box-shadow .3s}
.dslot.target{border-color:var(--gold-l);box-shadow:0 0 0 .6cqw rgba(232,190,104,.3)}.dslot.hint{border-color:#58d6a3;box-shadow:0 0 3cqw rgba(88,214,163,.7)}
.dslot.you,.dslot.bot{color:#fff;border-color:transparent;padding:0 2.4cqw;animation:pop2 .5s}.dslot.you{background:linear-gradient(180deg,#d9b25f,#a97a24);color:#1a1405;box-shadow:0 0 3cqw rgba(232,190,104,.5)}.dslot.bot{background:linear-gradient(180deg,#3f9bb3,#22708a);box-shadow:0 0 3cqw rgba(120,220,235,.4)}
.dslot.bad{animation:shake .4s;border-color:#ff9d8f}
.ds-tray{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:1.8cqw;margin:2.5cqw 3cqw 0;min-height:16cqw;align-content:flex-start}
.dchip{touch-action:none;cursor:grab;padding:1.4cqw 3.2cqw;border-radius:99px;border:.45cqw solid var(--gold);background:rgba(10,24,60,.75);color:#fff;font:400 3.8cqw 'Libre Baskerville',serif;transition:transform .2s,box-shadow .2s,opacity .3s}
.dchip:hover{transform:translateY(-.5cqw)}.dchip.sel{background:linear-gradient(180deg,rgba(232,190,104,.85),rgba(212,168,83,.6));color:#1a1405;box-shadow:0 0 0 .7cqw rgba(232,190,104,.35)}.dchip.hint{border-color:#58d6a3;box-shadow:0 0 3cqw rgba(88,214,163,.8)}
.dchip.lift{transform:translateY(-3cqw) scale(1.18);box-shadow:0 2cqw 4cqw rgba(0,0,0,.5),0 0 4cqw rgba(120,220,235,.7);border-color:#8fe0ee;z-index:3}.dchip.out{visibility:hidden}.dchip.dragging{z-index:95;transition:none;cursor:grabbing}.dchip.locked{opacity:.45;pointer-events:none}
.ds-bar{position:absolute;left:4cqw;right:4cqw;bottom:6cqw;display:flex;gap:3cqw}.ds-bar button{flex:1;padding:2.6cqw;border-radius:99px;border:.4cqw solid rgba(212,168,83,.6);background:rgba(40,30,70,.6);color:#fff;font:700 3.2cqw Inter;cursor:pointer}.ds-bar button:disabled{opacity:.4;cursor:default}
.ds-float{position:absolute;z-index:6;font:700 5cqw Inter;color:var(--gold-l);pointer-events:none;text-shadow:0 1px 8px #000;animation:floatup 1.2s forwards}@keyframes floatup{to{transform:translateY(-9cqw);opacity:0}}
.ds-end{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3cqw;text-align:center;padding:6cqw;background:radial-gradient(circle at 50% 28%,rgba(90,68,24,.96),rgba(6,14,36,.98) 72%);animation:fadein .5s}@keyframes fadein{from{opacity:0}}
.ds-end h4{margin:0;font:700 8cqw 'Libre Baskerville',serif;color:var(--gold-l);text-shadow:0 0 5cqw rgba(232,190,104,.7)}.ds-end .sc{font:700 9cqw Inter;display:flex;gap:3cqw;align-items:baseline}.ds-end .sc small{font-size:3cqw;color:#9fb3da}
.lq{width:70cqw;height:3.4cqw;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden;display:flex}.lq i{display:block;height:100%;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}.lq i:first-child{background:linear-gradient(90deg,#c99a3f,#f3dca0)}.lq i:last-child{background:linear-gradient(90deg,#3b8fa8,#9fe3ee)}
.ds-end .btn{font-size:3.6cqw;padding:2.4cqw 8cqw;margin-top:2cqw}
/* ===== verse rain ===== */
.rain-s{background:radial-gradient(70% 60% at 20% 20%,rgba(42,63,122,.4),transparent 70%)}.rain-head{max-width:640px;margin-bottom:34px}
.rain{position:relative;max-width:820px;height:min(520px,72vh);min-height:420px;padding:0;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,#0e2150,#081229);outline-offset:4px}
.rain-hud{display:flex;gap:20px;justify-content:space-between;padding:14px 20px;font-size:.9rem;color:var(--muted);z-index:2}.rain-hud b{color:var(--gold-l);font-size:1.1rem;margin-left:4px}
.rain-stage{position:relative;flex:1;overflow:hidden}.fw{position:absolute;left:0;top:0;padding:8px 18px;border-radius:99px;border:1.5px solid var(--gold);background:rgba(10,24,60,.85);color:var(--cream);font:400 1.2rem 'Libre Baskerville',serif;cursor:pointer;touch-action:manipulation;white-space:nowrap;box-shadow:0 0 18px rgba(232,190,104,.25);will-change:transform}
.fw.caught{pointer-events:none}.fw.bad{border-color:#ff9d8f;animation:shake .4s}
.rain-slots{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:14px 16px 6px;z-index:2;border-top:1px solid var(--line);background:rgba(4,10,26,.55)}.rs{min-width:3.4rem;padding:6px 12px;border-radius:99px;border:1.5px dashed rgba(212,168,83,.55);color:rgba(246,239,221,.35);font:400 1.05rem 'Libre Baskerville',serif;text-align:center}.rs.on{border:1.5px solid var(--gold);background:rgba(212,168,83,.25);color:var(--cream)}.rs.next{border-style:solid;box-shadow:0 0 14px rgba(232,190,104,.5)}
.rain-ref{text-align:center;margin:0;padding:0 0 12px;font-size:.8rem;color:var(--muted);background:rgba(4,10,26,.55);z-index:2}
.rain-ov{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;background:rgba(6,12,30,.72);backdrop-filter:blur(4px);text-align:center;padding:24px;font-size:1.1rem}.rain-ov[hidden]{display:none}.rain-ov p{margin:0;max-width:28em}
.star{display:inline-block;width:.9em;height:.9em;background:var(--gold-l);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
/* ===== host screen ===== */
.live-s{background:linear-gradient(var(--navy-2),var(--navy-3),var(--navy-2))}
.tv{max-width:560px;margin:0 auto;width:100%}.tv-screen{position:relative;aspect-ratio:16/10;border-radius:16px;border:10px solid #05080f;outline:2px solid rgba(255,255,255,.15);background:radial-gradient(100% 70% at 80% 0,rgba(255,214,130,.4),transparent 60%),linear-gradient(180deg,#1b3a73,#0a1738);overflow:hidden;container-type:inline-size;box-shadow:0 30px 60px -20px #000}
.tv-lobby,.tv-race,.tv-pod{position:absolute;inset:0;padding:4cqw;display:flex}.tv-lobby{gap:4cqw}.tv-lobby[hidden],.tv-race[hidden],.tv-pod[hidden]{display:none}
.tv-code{flex:0 0 40%;display:flex;flex-direction:column;justify-content:center;gap:1.5cqw;font-size:2.4cqw;color:#cfd9f0}.tv-code small{text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:var(--gold-l);font-size:2cqw}.tv-code p{margin:0;font-size:2.2cqw}
.tv-letters{display:flex;gap:1cqw}.tv-letters b{display:grid;place-items:center;width:6.2cqw;height:8.4cqw;border-radius:1.2cqw;background:rgba(255,255,255,.1);border:.3cqw solid rgba(212,168,83,.6);font:700 4.6cqw 'Libre Baskerville',serif;color:#fff}
.tv-join{flex:1;display:flex;flex-direction:column;gap:2cqw}.tv-count{margin:0;font-size:3.4cqw;font-weight:700}.tv-count b{font:700 6cqw 'Libre Baskerville',serif;color:var(--gold-l)}.tv-av{display:flex;flex-wrap:wrap;gap:1.6cqw;align-content:flex-start}
.tv-av span{width:8cqw;height:8cqw;border-radius:50%;display:grid;place-items:center;font:700 3cqw Inter;color:#1a1405;background:hsl(var(--h) 60% 70%);box-shadow:0 0 0 .5cqw rgba(255,255,255,.35);animation:pop2 .5s}
.tv-race,.tv-pod{flex-direction:column;gap:2cqw}.tv-h{margin:0;font:700 3.4cqw 'Libre Baskerville',serif;color:var(--gold-l)}#tvBars{display:grid;gap:1.6cqw;margin-top:1cqw}.tb{display:grid;grid-template-columns:14cqw 1fr 8cqw;align-items:center;gap:2cqw;font-size:2.4cqw}.tb i{display:block;height:2.6cqw;border-radius:99px;background:rgba(255,255,255,.12);position:relative;overflow:hidden}.tb i:after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w,0%);border-radius:99px;background:linear-gradient(90deg,hsl(var(--h) 60% 50%),hsl(var(--h) 70% 75%));transition:width .25s linear}
.pod{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:2cqw}.pod>div{flex:0 0 22%;display:flex;flex-direction:column;align-items:center;gap:1cqw;text-align:center;font-size:2.4cqw}.pod .av{width:9cqw;height:9cqw;border-radius:50%;display:grid;place-items:center;font:700 3.4cqw Inter;color:#1a1405;background:hsl(var(--h) 60% 72%)}.pod .blk{width:100%;border-radius:1.2cqw 1.2cqw 0 0;background:linear-gradient(180deg,#e8be68,#a97a24);display:grid;place-items:start center;padding-top:1cqw;font:700 4cqw 'Libre Baskerville',serif;color:#1a1405;height:0;transition:height 1s cubic-bezier(.2,.8,.2,1)}.pod .in .blk{height:var(--bh)}
.tv-ctl{display:flex;gap:10px;justify-content:center;margin-top:16px}.tv-stand{width:30%;height:14px;margin:0 auto;background:linear-gradient(#1a2440,#0a1020);border-radius:0 0 10px 10px}
/* ===== spaced review: the sun crosses the sky ===== */
.sr{background:var(--navy-2)}.sr-head{display:grid;grid-template-columns:1fr minmax(190px,250px);gap:clamp(24px,5vw,70px);align-items:center;margin-bottom:34px}.sr-ph{justify-self:center;width:100%;max-width:250px}.sr-head .sub{max-width:640px}@media(max-width:700px){.sr-head{grid-template-columns:1fr}.sr-ph{max-width:200px}}
.sr-scene{position:relative;height:clamp(420px,62vh,560px);border-radius:28px;overflow:hidden;border:1px solid var(--line);isolation:isolate;--k:calc(var(--s)*1)}
.sr-sky{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,hsl(224 60% calc(10% + var(--s)*28%)),hsl(215 70% calc(14% + var(--s)*40%)) 60%,hsl(32 90% calc(20% + var(--s)*40%)))}
.sr-arc{position:absolute;left:6%;right:6%;top:10%;bottom:30%}.sr-sun{position:absolute;left:calc(6% + var(--s)*88%);bottom:calc(var(--s)*72%);translate:-50% 50%;width:clamp(54px,9vw,90px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff6d6 0,#f6d27a 45%,rgba(246,210,122,.0) 72%);box-shadow:0 0 calc(30px + var(--s)*90px) calc(var(--s)*24px) rgba(255,214,130,.6)}
.sr-ground{position:absolute;left:0;right:0;bottom:0;height:34%;z-index:-1;background:linear-gradient(180deg,transparent,rgba(8,18,41,.9) 40%),linear-gradient(160deg,transparent 48%,rgba(10,22,52,.95) 49%) ;clip-path:polygon(0 40%,12% 22%,24% 36%,38% 12%,52% 34%,66% 16%,80% 32%,92% 20%,100% 36%,100% 100%,0 100%)}
.sr-verse{position:absolute;left:0;right:0;bottom:24%;text-align:center;padding:0 5%;font:700 clamp(1.4rem,3.6vw,2.6rem)/1.3 'Libre Baskerville',serif}.sr-verse span{display:inline-block;transition:opacity .2s,filter .2s}
.sr-hud{position:absolute;left:0;right:0;top:0;padding:18px 22px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.sr-gauge{width:96px;height:96px;border-radius:50%;display:grid;place-content:center;text-align:center;position:relative}.sr-gauge:before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--gold-l) calc(var(--s)*360deg),rgba(255,255,255,.14) 0);-webkit-mask:radial-gradient(circle,transparent 58%,#000 59%);mask:radial-gradient(circle,transparent 58%,#000 59%)}
.sr-gauge b,.sr-gauge small{position:relative}.sr-lv{text-align:right}.sr-lv p{margin:10px 0 0;font-size:.95rem}.sr-lv small{color:var(--muted)}.sr-lv b{color:var(--gold-l)}
.sr-lvs{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.sr-lvs em{font-style:normal;font-size:.78rem;font-weight:700;padding:5px 12px;border-radius:99px;border:1px solid var(--line);color:var(--muted);background:rgba(0,0,0,.25);transition:all .3s}.sr-lvs em.on{background:var(--gold);color:#1a1405;border-color:var(--gold)}
.sr-ctl{position:absolute;left:0;right:0;bottom:0;padding:14px 6% 20px;background:linear-gradient(transparent,rgba(4,10,26,.85))}.sr-ctl label{display:block;font-size:.82rem;color:var(--muted);margin-bottom:8px}
.range.rsun::-webkit-slider-thumb{width:34px;height:34px;background:radial-gradient(circle,#fff6d6,#f6d27a);box-shadow:0 0 18px rgba(255,214,130,.9)}.range.rsun::-moz-range-thumb{width:30px;height:30px;background:radial-gradient(circle,#fff6d6,#f6d27a);box-shadow:0 0 18px rgba(255,214,130,.9)}
/* ===== lens ===== */
.lens-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,6vw,80px);align-items:center}.lens-verse{font:400 clamp(1.4rem,2.6vw,2rem)/1.7 'Libre Baskerville',serif;margin:26px 0 0}
.lw{font:inherit;color:var(--gold-l);background:rgba(212,168,83,.14);border:0;border-bottom:2px solid var(--gold);padding:0 .2em;border-radius:6px 6px 0 0;cursor:pointer;transition:background .3s}.lw.on,.lw:hover{background:rgba(212,168,83,.42)}
.lens-refs{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.lens-refs small{color:var(--muted);margin-right:6px}.lens-pts{margin-top:40px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 30px}
.lens{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.lens-ring{width:min(78vw,340px);aspect-ratio:1;border-radius:50%;padding:12px;background:conic-gradient(from 200deg,#f6e3a8,#a97a24,#f6e3a8,#8a6420,#f6e3a8);box-shadow:0 30px 80px -20px rgba(0,0,0,.7),0 0 60px rgba(232,190,104,.25)}
.lens-in{width:100%;height:100%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.18),transparent 40%),radial-gradient(circle,#1b3366,#0a1738);overflow:hidden}
.lens-o{font:400 clamp(2.4rem,9vw,4rem)/1.1 'Libre Baskerville',serif;color:var(--gold-l)}.lens-t{font-style:italic;color:var(--muted)}.lens-g{max-width:22em;margin:0;color:var(--cream)}.lens.swap .lens-in{animation:lensin .5s}@keyframes lensin{from{filter:blur(8px);transform:scale(.92)}}
/* ===== orbit ===== */
.orbit{position:relative;width:min(100%,460px);aspect-ratio:1;margin:0 auto;--R:clamp(120px,19vw,185px)}.orb-path{position:absolute;inset:calc(50% - var(--R));border:1px dashed rgba(212,168,83,.35);border-radius:50%}
.orb-core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:42%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px;background:radial-gradient(circle,rgba(212,168,83,.3),rgba(212,168,83,.05) 70%);box-shadow:0 0 60px rgba(232,190,104,.3);font-size:.8rem}.orb-core b{font:700 1.15rem 'Libre Baskerville',serif;color:var(--gold-l);margin:4px 0}.orb-core small{color:var(--muted)}.orb-core span{color:var(--cream);font-size:.78rem}
@property --pp{syntax:'<number>';inherits:false;initial-value:0}
.orb-m{position:absolute;left:50%;top:50%;transform:rotate(var(--a)) translateX(var(--R)) rotate(calc(var(--a)*-1));display:flex;flex-direction:column;align-items:center;gap:6px;margin:-34px 0 0 -34px;width:68px;font-size:.78rem;font-weight:600}
.orb-m .ring{width:60px;height:60px;border-radius:50%;padding:4px;--pp:0;background:conic-gradient(var(--gold-l) calc(var(--pp)*1%),rgba(255,255,255,.14) 0);transition:--pp 1.6s cubic-bezier(.2,.8,.2,1) var(--d);display:grid;place-items:center}.orbit.in .orb-m .ring{--pp:var(--p)}.orb-m .av{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;font:700 1.1rem 'Libre Baskerville',serif;color:#1a1405;background:linear-gradient(135deg,var(--gold-l),#9a6f24)}
/* ===== verse gate ===== */
.dgrid{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:clamp(30px,6vw,80px);margin-top:40px;align-items:center}.gate-demo{width:100%;max-width:340px;margin:0 auto}.gate-demo .help{margin-top:16px}
.gs{position:absolute;inset:0;background:radial-gradient(120% 60% at 0 0,rgba(255,214,130,.35),transparent 55%),linear-gradient(180deg,#223f7a,#0b1a3a);padding:14cqw 6cqw 0;font-family:Inter,sans-serif;color:#fff}
.gs-widget{padding:4cqw 5cqw;border-radius:6cqw;background:rgba(255,255,255,.12);border:.4cqw solid rgba(255,255,255,.2);backdrop-filter:blur(6px)}.gs-widget small{display:block;font-size:2.4cqw;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-l);font-weight:700}.gs-widget p{margin:2cqw 0;font:400 5cqw/1.3 'Libre Baskerville',serif}.gs-widget b{font-size:2.8cqw;color:#cfd9f0}
.gs-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:5cqw;margin-top:8cqw}.app{border:0;background:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:1.6cqw;font:500 2.7cqw Inter;cursor:pointer}.app i{width:15cqw;height:15cqw;border-radius:4cqw;background:linear-gradient(135deg,#8ea2c9,#4a5f8f);box-shadow:0 1cqw 2cqw rgba(0,0,0,.4)}.app.a1 i{background:linear-gradient(135deg,#d98d86,#a14c46)}.app.a2 i{background:linear-gradient(135deg,#86c4a0,#3d7f5c)}.app:hover i{transform:translateY(-.8cqw)}.app i{transition:transform .2s}
.gs-sheet{position:absolute;left:3cqw;right:3cqw;bottom:6cqw;padding:6cqw 5cqw 5cqw;border-radius:7cqw;text-align:center;background:linear-gradient(170deg,#1b3566,#0D1B3A);border:.4cqw solid var(--gold);box-shadow:0 -3cqw 10cqw rgba(0,0,0,.6);animation:sheet .45s cubic-bezier(.2,.9,.2,1)}.gs-sheet[hidden]{display:none}@keyframes sheet{from{transform:translateY(100%)}}.gs-sheet small{font-size:2.4cqw;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-l);font-weight:700}.gs-sheet p{font:400 5.2cqw/1.35 'Libre Baskerville',serif;margin:3cqw 0 1.5cqw}.gs-sheet b{display:block;font-size:2.8cqw;color:#9fb3da;margin-bottom:4cqw}.gs-sheet .btn{font-size:3.2cqw;padding:2.2cqw 7cqw}
.gs-toast{position:absolute;left:50%;bottom:10cqw;translate:-50% 0;padding:2cqw 5cqw;border-radius:99px;background:rgba(0,0,0,.7);font-size:3cqw;white-space:nowrap}
.dlist{display:grid;gap:0}.drow{padding:22px 0;border-top:1px solid var(--line)}.drow:last-child{border-bottom:1px solid var(--line)}.drow h3{font-size:1.3rem;margin-bottom:6px}.drow p{margin:0;color:var(--muted)}
/* ===== free / pro switch ===== */
.switch{position:relative;display:inline-flex;margin:28px 0 6px;padding:5px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.05)}.switch button{position:relative;z-index:1;border:0;background:none;color:var(--muted);font:700 1rem Inter;padding:12px 36px;border-radius:99px;cursor:pointer;transition:color .3s}.switch button.on{color:#1a1405}.switch i{position:absolute;z-index:0;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:99px;background:linear-gradient(180deg,var(--gold-l),var(--gold));transition:translate .4s cubic-bezier(.2,.9,.2,1)}.switch[data-v="1"] i{translate:100% 0}
.pro-panels{display:grid;margin-top:10px;min-height:290px}.pp{grid-area:1/1;margin:20px 0 0;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .4s,transform .4s;columns:2;column-gap:40px}.pp li{break-inside:avoid;margin-bottom:12px}.pp.on{opacity:1;transform:none;pointer-events:auto}
/* ===== index ===== */
.index{list-style:none;margin:36px 0;padding:0;counter-reset:i}.index li{border-top:1px solid var(--line)}.index li:last-child{border-bottom:1px solid var(--line)}.index a{display:flex;align-items:baseline;gap:clamp(16px,4vw,50px);padding:clamp(14px,2.2vw,26px) 0;text-decoration:none;transition:padding-left .3s,color .3s}.index a:hover{padding-left:18px;color:var(--gold-l)}
.ix-n{font:italic 400 1.1rem 'Libre Baskerville',serif;color:var(--gold);min-width:2.2em}.ix-t{display:flex;flex-direction:column}.ix-t small{color:var(--gold-l);letter-spacing:.14em;text-transform:uppercase;font-weight:700;font-size:.72rem}.ix-t b{font:700 clamp(1.3rem,3vw,2.2rem)/1.2 'Libre Baskerville',serif}
/* ===== alive calculator ===== */
.crowd{display:flex;flex-wrap:wrap;gap:5px;margin:22px 0 4px;min-height:34px}.crowd i{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,hsl(var(--h) 70% 78%),hsl(var(--h) 55% 45%));box-shadow:0 0 0 1.5px rgba(255,255,255,.25);animation:pop2 .45s both;animation-delay:var(--dl,0s)}.crowd i.out{animation:none;transform:scale(0);transition:transform .25s}.crowd-more{align-self:center;color:var(--gold-l);font-weight:700;font-size:.9rem;margin-left:6px}.crowd-lbl{margin:0;color:var(--muted);font-size:.88rem}
.crowd-mini{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:22px}.crowd-mini i{width:14px;height:14px;border-radius:50%;background:var(--gold);opacity:.18;animation:blink 3.2s ease-in-out infinite;animation-delay:calc(var(--i)*.11s)}@keyframes blink{50%{opacity:.9}}
/* ===== install offer ===== */
.offer{position:fixed;z-index:60;transition:transform .45s cubic-bezier(.2,.9,.2,1),opacity .3s}.offer[hidden]{display:none}
.offer-m{display:none;align-items:center;gap:12px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:rgba(8,18,41,.94);backdrop-filter:blur(16px);border-top:1px solid var(--line);box-shadow:0 -12px 40px rgba(0,0,0,.5)}.offer-m img{border-radius:12px}.offer-t{flex:1;min-width:0;line-height:1.25}.offer-t b{display:block;font-size:.95rem}.offer-t small{color:var(--muted);font-size:.78rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.offer-already{position:absolute;left:74px;bottom:3px;font-size:.7rem;color:var(--gold-l);text-underline-offset:2px}.offer-already[hidden]{display:none}
.offer-x{position:relative;flex:none;width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.08);cursor:pointer}.offer-x span{position:absolute;left:9px;right:9px;top:15px;height:2px;border-radius:2px;background:var(--cream)}.offer-x span:first-child{transform:rotate(45deg)}.offer-x span:last-child{transform:rotate(-45deg)}
.offer-d{display:none;position:relative;width:216px;padding:18px 18px 16px;border-radius:20px;text-align:center;background:linear-gradient(155deg,rgba(24,44,92,.97),rgba(8,18,41,.97));border:1px solid var(--line);box-shadow:0 24px 60px -10px rgba(0,0,0,.7)}.offer-d .offer-x{position:absolute;right:8px;top:8px;width:26px;height:26px}.offer-d .offer-x span{left:7px;right:7px;top:12px}.offer-d b{display:block;font-size:.9rem;margin:0 14px 2px;line-height:1.3}.offer-d small{color:var(--muted);font-size:.75rem}
.offer-d img{display:block;margin:12px auto 0;border-radius:10px;background:#fff;padding:0}.qr-tabs{display:flex;gap:4px;justify-content:center;margin-top:12px}.qr-tabs button{border:1px solid var(--line);background:none;color:var(--muted);font:600 .74rem Inter;padding:5px 11px;border-radius:99px;cursor:pointer}.qr-tabs button.on{background:var(--gold);color:#1a1405;border-color:var(--gold)}
.offer.is-mobile{left:0;right:0;bottom:0;transform:translateY(110%)}.offer.is-mobile.show{transform:none}.offer.is-mobile .offer-m{display:flex}
.offer.is-desktop{right:22px;bottom:22px;transform:translateY(30px);opacity:0;pointer-events:none}.offer.is-desktop.show{transform:none;opacity:1;pointer-events:auto}.offer.is-desktop .offer-d{display:block}
.qr-inline{display:flex;align-items:center;gap:14px;padding:8px 16px 8px 8px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.06)}.qr-inline[hidden]{display:none}.qr-inline img{border-radius:8px;background:#fff}.qr-inline p{margin:0;font-size:.85rem;line-height:1.3;max-width:13em}.qr-inline small{display:block;color:var(--muted)}
.final .qr-inline{margin:20px auto 0;width:max-content}
@media(max-width:1020px){.duel-wrap,.lens-wrap,.dgrid{grid-template-columns:1fr}.duel{order:2}}
@media(max-width:860px){.hg{height:320vh}.hg-head h1{font-size:clamp(1.5rem,7vw,2rem)}.hg-in{gap:6px}.hg-cta .lede{display:none}.hg-btns .store{min-width:0;padding:8px 16px}.pp{columns:1}.pro-panels{min-height:430px}.sr-scene{height:520px}.sr-sun{width:56px}.sr-gauge{width:76px;height:76px}.orbit{--R:clamp(105px,34vw,150px)}.rain{height:480px}.tv-code{flex-basis:44%}.lvls-ctl{display:flex}.lvl{flex:1;padding:10px 8px}.qr-inline{display:none!important}}
@media(max-width:560px){.hg-verse{font-size:clamp(1.7rem,9vw,2.6rem)}.hg-tray{gap:8px}.chp{padding:8px 15px;font-size:1.05rem}.hg-btns{gap:8px}.sr-hud{padding:12px}.sr-lvs em{font-size:.68rem;padding:4px 8px}.sr-verse{bottom:30%}.orb-core{font-size:.7rem}.orb-core b{font-size:.95rem}.orb-m{font-size:.68rem;width:58px;margin:-29px 0 0 -29px}.orb-m .ring{width:48px;height:48px}.dphone{width:min(86%,320px)}}
@media(prefers-reduced-motion:reduce){.shafts i,.sun{animation:none}.hg-cue i,.crowd-mini i{animation:none}}
.hear{display:flex;gap:28px;align-items:center;margin-top:28px}.hear .wave{flex:0 0 min(46%,380px);margin:0}@media(max-width:700px){.hear{flex-direction:column;align-items:flex-start}.hear .wave{flex-basis:auto;width:100%}}
.locked-all{opacity:.9}
.hg-cue{left:auto;right:28px;translate:none}.hg-in{padding-top:calc(var(--hdr) + 22px)}

.mtns svg{filter:blur(1.2px)}.mtn-3{opacity:.75}
.gs-apps .ph{width:15cqw;height:15cqw;border-radius:4cqw;background:rgba(255,255,255,.1);border:.3cqw solid rgba(255,255,255,.12)}
.gs-apps .ph:nth-child(3n){background:rgba(212,168,83,.18)}
@media(max-width:860px){.offer.is-desktop{display:none!important}.dphone{width:min(100%,360px)!important}}
.offer.is-desktop.away{opacity:0!important;pointer-events:none!important;transform:translateY(30px)!important}
body{overflow-x:hidden;overflow-x:clip}
.sr-hud{z-index:3}.sr-sun{z-index:1}
.chp{font-size:clamp(1rem,min(2vw,2.6vh),1.4rem)}

/* ===== hero cta gets room ===== */
.hg-cta{display:grid;grid-template-columns:1fr auto;gap:20px 44px;align-items:end}.hg-cta-l{display:flex;flex-direction:column;gap:16px;align-items:flex-start;min-width:0}.hg-btns{gap:14px}.hg-cta .qr-inline{margin-bottom:6px;margin-right:clamp(0px,3vw,60px)}.hg-cta .fine{margin-top:2px}.hg-in{padding-bottom:34px}
/* ===== story: a parchment scroll ===== */
.story2{padding-bottom:30px;background:linear-gradient(var(--navy-2),var(--navy) 50%,var(--navy-2))}
.sscroll{position:relative;display:flex;gap:clamp(16px,2.4vw,30px);overflow-x:auto;scroll-snap-type:x mandatory;padding:36px max(20px,calc((100vw - 1180px)/2 + 20px)) 28px;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain}.sscroll::-webkit-scrollbar{display:none}.sscroll.drag{scroll-snap-type:none;cursor:grabbing;user-select:none}.sscroll:focus-visible{outline-offset:-4px}
.sp{flex:0 0 min(86vw,460px);scroll-snap-align:start;position:relative;padding:30px 30px 26px;border-radius:6px 6px 22px 22px;color:#2a1d08;background:radial-gradient(120% 80% at 20% 0,#f6ead0,#e4cf9f 70%,#d6bb80);box-shadow:0 30px 60px -24px rgba(0,0,0,.8),inset 0 0 40px rgba(120,80,20,.35);display:flex;flex-direction:column}
.sp:before,.sp:after{content:"";position:absolute;left:-6px;right:-6px;height:16px;border-radius:99px;background:linear-gradient(180deg,#8a5a1c,#c99a3f 50%,#6e4512);box-shadow:0 4px 10px rgba(0,0,0,.5)}.sp:before{top:-8px}.sp:after{bottom:-8px}
.sp-n{font:italic 700 1.1rem 'Libre Baskerville',serif;color:#8a5a1c}.sp h3{font-size:clamp(1.5rem,2.6vw,2rem);margin:8px 0 12px;color:#1b1204}.sp p{color:#4a3512;margin:0 0 16px}.sp-v{margin-top:auto;padding:20px 8px 6px;border-top:1px dashed rgba(110,70,20,.45);min-height:150px;display:flex;align-items:center}
.sp-pad{flex:0 0 1px}
.sv{margin:0;font:700 clamp(1.4rem,2.6vw,1.9rem)/1.3 'Libre Baskerville',serif;color:#2a1707}.sv-glow{text-shadow:0 0 24px rgba(255,190,70,.9),0 0 2px rgba(120,70,10,.4);animation:inkglow 3.4s ease-in-out infinite alternate}@keyframes inkglow{from{opacity:.82}to{opacity:1}}
.sv-fade span{display:inline-block;animation:inkfade 7s ease-in-out infinite;animation-delay:calc(var(--i)*.55s);animation-play-state:paused}.sp.in .sv-fade span{animation-play-state:running}@keyframes inkfade{0%,18%{opacity:1;filter:none}48%,72%{opacity:.08;filter:blur(3px)}92%,100%{opacity:1;filter:none}}
.sv-build span{display:inline-block;padding:0 .18em;margin:0 .06em;border-radius:99px;border:1.5px dashed rgba(110,70,20,.5);color:transparent;animation:inkbuild 6.5s ease-in-out infinite;animation-delay:calc(var(--i)*.5s);animation-play-state:paused}.sp.in .sv-build span{animation-play-state:running}@keyframes inkbuild{0%,10%{color:transparent;border-color:rgba(110,70,20,.5);background:none}30%,85%{color:#2a1707;border-color:#b8862a;background:rgba(232,190,104,.55);transform:translateY(0)}100%{color:transparent;border-color:rgba(110,70,20,.5);background:none}}
.sv-stay{position:relative;width:100%;display:grid;place-items:center;min-height:120px}.sv-stay .sv-glow{position:relative;z-index:1;text-align:center}.sv-stay .ring{position:absolute;left:50%;top:50%;width:70px;height:70px;border-radius:50%;border:2px solid rgba(200,140,30,.7);translate:-50% -50%;animation:ringout 4.5s ease-out infinite;opacity:0}.sv-stay .r2{animation-delay:1.5s}.sv-stay .r3{animation-delay:3s}@keyframes ringout{0%{opacity:.8;scale:.4}100%{opacity:0;scale:4.2}}
.sctl{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.sdots{display:flex;gap:10px}.sdots i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;transition:all .3s}.sdots i.on{background:var(--gold);width:30px;border-radius:99px}.sbtns{display:flex;gap:10px}
.sbtn{position:relative;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.06);cursor:pointer;transition:background .2s}.sbtn:hover:not(:disabled){background:rgba(212,168,83,.25)}.sbtn:disabled{opacity:.35;cursor:default}.sbtn span{position:absolute;left:19px;top:16px;width:11px;height:11px;border-left:2px solid var(--cream);border-bottom:2px solid var(--cream);transform:rotate(45deg)}.sbtn.next span{left:15px;transform:rotate(-135deg)}
/* ===== journey: a trail up the mountain ===== */
.trail{background:radial-gradient(80% 60% at 20% 0,rgba(42,63,122,.45),transparent 70%),var(--navy-2)}
.trail-scene{position:relative;margin-top:44px;aspect-ratio:1000/340;border-radius:26px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 70px -30px #000}.trail-scene svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.stone{position:absolute;translate:-50% -50%;display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;cursor:pointer;color:var(--cream);padding:0;transition:transform .3s}.stone .jn{width:clamp(36px,5vw,52px);height:clamp(36px,5vw,52px);font:700 clamp(.95rem,1.6vw,1.2rem) 'Libre Baskerville',serif;color:var(--gold-l);background:radial-gradient(circle at 35% 30%,#33518f,#142a5a);border:2px solid rgba(232,190,104,.6);box-shadow:0 8px 18px rgba(0,0,0,.5);transition:all .4s}
.stone.done .jn{background:radial-gradient(circle at 35% 30%,#f6e3a8,#b98a30);color:#1a1405}.stone.on .jn{background:radial-gradient(circle at 35% 30%,#fff3c8,#E8BE68);color:#1a1405;border-color:#fff3c8;box-shadow:0 0 0 5px rgba(232,190,104,.3),0 0 30px rgba(232,190,104,.7)}
.stone-l{position:absolute;top:100%;margin-top:6px;white-space:nowrap;font:700 clamp(.66rem,1.3vw,.9rem) Inter;text-shadow:0 2px 8px #000;background:rgba(6,12,30,.55);padding:3px 10px;border-radius:99px}
.trail-body{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;margin-top:28px;align-items:stretch}.trail-desc small{color:var(--gold-l);letter-spacing:.14em;text-transform:uppercase;font-weight:700;font-size:.74rem}.trail-desc h3{font-size:clamp(1.6rem,3vw,2.3rem);margin:8px 0 10px}.trail-desc>p{color:var(--muted);font-size:1.08rem;min-height:4.8em}
.trail .hear{margin-top:22px;padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.04);display:flex;gap:16px;align-items:center;flex-wrap:wrap}.trail .hear .wave{flex:0 0 130px;height:36px;margin:0}.trail .hear p{margin:0;font-size:.92rem;color:var(--muted);flex:1;min-width:180px}.trail .hear b{color:var(--cream)}
@media(max-width:860px){.trail-body{grid-template-columns:1fr}.trail-scene{aspect-ratio:1000/420}.sp{padding:24px 22px}}
@media(max-width:560px){.stone-l{font-size:.6rem;padding:2px 6px}.trail-scene{aspect-ratio:1000/470}.hg-cta{grid-template-columns:1fr}}
.jtab.stone,.jtab.stone.on,.jtab.stone:hover{background:none;border:0;padding:0}
/* ===== round 3: real artwork only, light and dark sections alternate ===== */
.mtns,.fog{display:none}
/* hero: night mountains artwork, verse is the hero */
.hg-stick{background:#081229}.hg .sky{background:none;z-index:2}.hg .sky .sun{opacity:.7}
.hg .sky{--sx:86%;--sy:36%}
.hg-art{position:absolute;inset:0;z-index:1;pointer-events:none}
.hg-art:before{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(100vw*410/941);min-height:55%;background:url(/art/night-board-941.webp) center bottom/cover no-repeat;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 38%);mask-image:linear-gradient(to bottom,transparent 0,#000 38%)}
.hg-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,18,41,.78) 0,rgba(8,18,41,.4) 42%,rgba(8,18,41,0) 72%),linear-gradient(180deg,transparent 70%,rgba(8,18,41,.6))}
.hg-in{z-index:3}
.hg-head h1{font-size:clamp(1.1rem,1.8vw,1.55rem);letter-spacing:0;max-width:30em;line-height:1.3;font-weight:700}.hg-head .eyebrow{margin-bottom:8px}
.hg-verse{font-size:clamp(2.2rem,min(7.6vw,10vh),6.3rem);max-width:13.5em;margin-top:2vh}
.hg-stage{gap:clamp(8px,1.8vh,20px)}
@media(max-width:860px){.hg-art:before{height:100%;background-image:url(/art/night-sunrise-941.webp);background-position:center top;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent);mask-image:linear-gradient(to bottom,#000 55%,transparent)}.hg-art:after{background:linear-gradient(180deg,rgba(8,18,41,.5),rgba(8,18,41,.15) 40%,rgba(8,18,41,.7))}.hg .sky{--sx:80%;--sy:6%}.hg-head h1{font-size:1.15rem}.hg-verse{font-size:clamp(2rem,10vw,3rem)}}
/* final CTA: the navy and gold rays artwork */
.final.art-rays{background:#081229}.final.art-rays.ld{background:linear-gradient(rgba(8,18,41,.45),rgba(8,18,41,.7)),url(/art/rays-1536.webp) center/cover no-repeat}.final .sky{display:none}
/* trail scene art */
.trail-scene{background:linear-gradient(180deg,rgba(8,18,41,.1),rgba(8,18,41,.45)),url(/art/night-board-941.webp) center/cover no-repeat}
/* review sun: night artwork brightens into dawn artwork as the verse strengthens */
.sr-sky{background:#081229}.sr-night,.sr-day{position:absolute;inset:0;background-size:cover;background-position:center 55%;background-repeat:no-repeat}.sr-night{background-image:url(/art/night-board-941.webp)}.sr-day{background-image:url(/art/dawn-b-1024.webp);opacity:var(--s)}
.sr-sky:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,18,41,calc(.5 - var(--s)*.45)),transparent 45%,rgba(8,18,41,calc(.55 - var(--s)*.5)))}
.sr-verse{color:var(--vc,#F6EFDD);text-shadow:0 2px 18px rgba(8,18,41,calc(.7 - var(--s)*.5)),0 0 2px rgba(8,18,41,.35)}.sr-gauge,.sr-lv p{color:var(--vc,#F6EFDD)}.sr-lv p small{color:inherit;opacity:.8}
.sr-ground{display:none}
/* duel screen: artwork header like the app's Play screens */
.ds:before{top:0;height:46cqw;background:url(/art/night-board-480.webp) center/cover no-repeat;opacity:.95;transform:none;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
/* ===== light sections ===== */
.light{--cream:#0D1B3A;--muted:rgba(13,27,58,.76);--gold-l:#85601c;--gold:#b88a2e;--line:rgba(140,98,24,.4);color:#0D1B3A;background-color:#f7f0e0;position:relative;isolation:isolate}
.light.da{background-image:linear-gradient(180deg,rgba(247,240,224,.5),rgba(247,240,224,0) 25%,rgba(247,240,224,0) 75%,rgba(247,240,224,.5)),url(/art/dawn-a-1024.webp);background-size:100% 100%,cover;background-position:0 0,center 90%;background-repeat:no-repeat}
.light.db{background-image:linear-gradient(180deg,rgba(247,240,224,.5),rgba(247,240,224,0) 25%,rgba(247,240,224,0) 75%,rgba(247,240,224,.5)),url(/art/dawn-b-1024.webp);background-size:100% 100%,cover;background-position:0 0,center 80%;background-repeat:no-repeat}
.light:before,.light:after{content:"";position:absolute;left:0;right:0;height:90px;z-index:-1;pointer-events:none}.light:before{top:0;background:linear-gradient(#0a1630,rgba(10,22,48,0))}.light:after{bottom:0;background:linear-gradient(rgba(10,22,48,0),#0a1630)}
.light .eyebrow{color:#7a5514}.light .lnk{color:#6f4c10}.light .ticks li:before{border-color:#85601c}.light .help.gold{color:#7a5514}.light .fine,.light .help,.light .ill{color:rgba(13,27,58,.7)}
.light .glass{background:linear-gradient(155deg,rgba(255,255,255,.94),rgba(255,255,255,.66));box-shadow:inset 0 1px 0 #fff,0 24px 50px -26px rgba(70,45,10,.5)}.light .glass:before{background:linear-gradient(140deg,#c99a3f,rgba(201,154,63,.25) 40%,rgba(201,154,63,.6))}
.light .btn-ghost{background:rgba(255,255,255,.75);color:#0D1B3A;border-color:rgba(140,98,24,.55)}.light .btn-ghost:hover{background:#fff}
.light .chip{background:rgba(184,138,46,.16);color:#6a4a10;border-color:rgba(140,98,24,.4)}
.light .sdots i{background:rgba(13,27,58,.22)}.light .sdots i.on{background:#b88a2e}.light .sbtn{background:rgba(255,255,255,.8)}.light .sbtn span{border-color:#0D1B3A}
.light .lvls-ctl{background:rgba(255,255,255,.7);border-color:rgba(140,98,24,.45)}.light .lvl{color:rgba(13,27,58,.75)}.light .lvl.on{color:#1a1405}
.light .orb-m .ring{background:conic-gradient(#b88a2e calc(var(--pp)*1%),rgba(13,27,58,.14) 0)}.light .orb-path{border-color:rgba(140,98,24,.45)}.light .orb-core{background:radial-gradient(circle,rgba(255,255,255,.9),rgba(255,236,190,.5) 70%);box-shadow:0 0 60px rgba(184,138,46,.35)}.light .orb-core b{color:#7a5514}
.light .ladder li{background:linear-gradient(180deg,rgba(184,138,46,calc(.3 + var(--i)*.07)),rgba(184,138,46,.06));border-color:rgba(140,98,24,.45)}
.light .index a:hover{color:#7a5514}.light .ix-t small{color:#7a5514}.light .ix-n{color:#a37a26}
.light .pricecard small,.light .bigprice{color:#7a5514;text-shadow:none}.light .crowd-mini i{background:#b88a2e}
.light :is(.rain,.tv,.sr-scene,.dphone){--cream:#F6EFDD;--muted:rgba(246,239,221,.74);--gold-l:#E8BE68;--gold:#D4A853;--line:rgba(212,168,83,.28);color:#F6EFDD}
.light .rain{background:linear-gradient(180deg,#0e2150,#081229)}.light .rain-hud b{color:#E8BE68}
.light .range{background:linear-gradient(90deg,var(--gold) var(--p,10%),rgba(246,239,221,.3) var(--p,10%))}
.light .sp-pad{background:none}
/* ===== tighter rhythm ===== */
.sec{padding:clamp(44px,6vw,84px) 0}.sec.tight{padding-top:36px}
.pstep{min-height:46vh}.pchor{margin-top:28px}.duel-wrap{margin-top:30px}.play2{padding-top:clamp(20px,3vw,44px)}.fgroup{padding:clamp(36px,5vw,70px) 0}
.story2{padding-bottom:clamp(30px,4vw,56px)}
.guided-row{display:flex;justify-content:center;gap:clamp(18px,4vw,60px);margin-top:44px;flex-wrap:wrap}.guided-row figure{margin:0;flex:0 0 min(44vw,250px);text-align:center}.guided-row figcaption{margin-top:12px;font-weight:600;color:var(--muted);font-size:.9rem}

.trail-scene{aspect-ratio:1000/380}@media(max-width:860px){.trail-scene{aspect-ratio:1000/450}}@media(max-width:560px){.trail-scene{aspect-ratio:1000/520}}
.hg-cue{left:50%;right:auto;translate:-50% 0;bottom:6px}
.duel-wrap{align-items:start}.duel-copy{position:sticky;top:110px}@media(max-width:1020px){.duel-copy{position:static}}
@media(max-width:860px){.hg-cue{display:none}}
.stone-l{left:50%;translate:-50% 0}.stone[data-j="0"] .stone-l{left:0;translate:-14% 0}.stone[data-j="3"] .stone-l{left:auto;right:0;translate:14% 0}
.stone[data-j="0"] .stone-l{top:auto;bottom:100%;margin:0 0 6px}
/* ===== round 3b: demo fidelity (measured against the real Play captures), pinned review sun, Verse Gate sequence, more real phones ===== */
/* --- duel screen: real art, real proportions. 1cqw = 1% of the phone width; sizes converted from the 1320 px captures --- */
.ds{background:linear-gradient(180deg,rgba(8,16,44,0) 0,rgba(8,16,44,.22) 28%,rgba(10,16,44,.9) 60%,#0a1030 100%),url(/art/night-sunrise-941.webp) center top/cover no-repeat;font-family:Inter,sans-serif}
.ds:before,.ds-art{display:none}
.ds-top{position:relative;display:flex;justify-content:space-between;align-items:center;padding:11.5cqw 4.5cqw 0 4.5cqw}.ds-brand{display:flex;align-items:center;gap:1.6cqw;font:600 4.2cqw Inter;margin:0 auto;padding-left:5cqw;color:#f4eedc;text-shadow:0 .3cqw 1cqw rgba(0,0,0,.5)}.ds-brand i{font-style:normal;color:#e8c46c}.ds-top .pill{position:absolute;right:4.5cqw;top:10cqw;font:600 2.9cqw Inter;padding:1.5cqw 3.6cqw;border-radius:99px;background:rgba(120,90,40,.5);border:.3cqw solid rgba(212,168,83,.75);color:#e8c46c}
.ds-pl{position:relative;display:flex;justify-content:space-around;align-items:flex-start;padding:3.5cqw 10cqw 0}.pl{display:flex;flex-direction:column;align-items:center;gap:.6cqw;font:600 2.9cqw Inter;color:#cdd3e6}.pl.you{margin-top:3cqw}
.avw{--tp:0;position:relative;display:block;width:13cqw;height:13cqw;border-radius:50%;padding:.5cqw;background:conic-gradient(#e8c46c calc(var(--tp)*1%),#bfa05e 0);box-shadow:0 .6cqw 1.6cqw rgba(0,0,0,.45)}.pl.opp .avw{width:14cqw;height:14cqw;background:conic-gradient(#6fd3ea calc(var(--tp)*1%),#4a97ad 0)}.avw img{display:block;width:100%;height:100%;border-radius:50%;border:.5cqw solid #123;background:#dfe9e0}
.pl .pts{font:700 4cqw Inter;color:#e8c46c}.pl .pts em{font-style:normal}.pl .pts{font-size:2.4cqw;font-weight:600}.pl .pts em{font-size:4cqw;font-weight:700}.pl.opp .pts{color:#59c4dd}
.pl.act .avw{animation:avp 1.6s ease-in-out infinite}@keyframes avp{50%{box-shadow:0 0 0 1.2cqw rgba(232,196,108,.25),0 .6cqw 1.6cqw rgba(0,0,0,.45)}}
.ds-turn{position:relative;margin:2.6cqw 11cqw 0 9cqw;height:9.8cqw;border-radius:99px;display:flex;align-items:center;justify-content:center;font:italic 600 5cqw Inter;color:#1a1405;background:linear-gradient(180deg,#f6e2a0,#dbb04f);border:.3cqw solid #f6e6b0;box-shadow:0 0 4cqw rgba(232,196,108,.35),0 1cqw 2.4cqw -1cqw rgba(0,0,0,.6);transition:background .4s,color .4s,box-shadow .4s}
.ds-turn.opp{background:linear-gradient(180deg,#7fc2d4,#3c8da3);border-color:#bde9f3;color:#fff;box-shadow:0 0 4cqw rgba(111,211,234,.4),0 1cqw 2.4cqw -1cqw rgba(0,0,0,.6)}
.ds-turn .timer{--tp:100;position:absolute;right:-9.5cqw;top:50%;translate:0 -50%;width:13cqw;height:13cqw;border-radius:50%;background:#0e2150;box-shadow:0 0 0 .7cqw #d4b06a,0 1cqw 2cqw rgba(0,0,0,.5);display:grid;place-items:center}
.ds-turn .timer:before{content:"";position:absolute;inset:-1.4cqw;border-radius:50%;background:conic-gradient(#e8c46c calc(var(--tp)*1%),transparent 0);-webkit-mask:radial-gradient(circle,transparent 66%,#000 68%);mask:radial-gradient(circle,transparent 66%,#000 68%)}.ds-turn.opp .timer:before{background:conic-gradient(#6fd3ea calc(var(--tp)*1%),transparent 0)}
.ds-turn .timer:after{content:"";position:absolute;left:50%;top:-2.6cqw;width:3.4cqw;height:1.8cqw;margin-left:-1.7cqw;border-radius:.6cqw;background:#d4b06a}.timer b{font:700 8cqw Inter;color:#fff}
.tk{position:absolute;top:50%;width:5.2cqw;height:.4cqw;border-radius:9px;background:#e8c46c;box-shadow:0 1.9cqw 0 #e8c46c,0 -1.9cqw 0 #e8c46c;opacity:.8}.tk.l{left:-7cqw;transform:translateY(-50%)}.tk.r{display:none}.ds-turn.opp .tk{background:#6fd3ea;box-shadow:0 1.9cqw 0 #6fd3ea,0 -1.9cqw 0 #6fd3ea}
.ds-instr{position:relative;margin:2.4cqw 5cqw 0;text-align:center;font:400 2.9cqw/1.35 Inter;color:#aebbd8;min-height:6cqw}
.ds-board{position:relative;margin:1.2cqw 3.6cqw 0;padding:3.2cqw 2cqw;border-radius:4.6cqw;border:.35cqw solid #e6cf92;background:rgba(28,52,108,.42);-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);display:flex;flex-wrap:wrap;justify-content:center;gap:1.8cqw 1.4cqw;align-content:flex-start;min-height:30cqw}
.dw{font:400 6.4cqw 'Libre Baskerville',serif;color:rgba(238,236,228,.84);padding:0 1.4cqw;line-height:10cqw;text-shadow:0 .3cqw 1cqw rgba(0,0,0,.4)}
.dslot{min-width:23cqw;height:10.4cqw;border-radius:99px;border:.3cqw solid rgba(190,205,235,.42);background:rgba(70,100,165,.34);cursor:pointer;padding:0;color:transparent;font:400 6.4cqw 'Libre Baskerville',serif;transition:background .3s,border-color .3s,box-shadow .3s}
.dslot.target{background:rgba(60,150,185,.55);border-color:#6fd3ea;box-shadow:0 0 3cqw rgba(111,211,234,.55)}.dslot.hint{border-color:#58d6a3;box-shadow:0 0 3cqw rgba(88,214,163,.75)}.dslot.bad{animation:shake .4s;border-color:#ff9d8f}
.dslot.you,.dslot.bot{min-width:0;padding:0 3.6cqw;color:#fff6df;border-width:.35cqw;text-shadow:0 .3cqw .8cqw rgba(50,25,0,.55)}.dslot.you{background:linear-gradient(180deg,#dfb965,#a67b2a);border-color:#f1dc9c;box-shadow:0 0 3cqw rgba(232,190,104,.5)}.dslot.bot{background:linear-gradient(180deg,#4fa6bf,#256f88);border-color:#94e2f0;box-shadow:0 0 3cqw rgba(111,211,234,.45)}
.dslot.settle{animation:settle .44s cubic-bezier(.2,.9,.3,1)}@keyframes settle{0%{transform:scale(1.05);box-shadow:0 0 5.5cqw rgba(255,222,140,.9);filter:brightness(1.16)}55%{transform:scale(.992)}100%{transform:none;filter:none}}
.ds.dense .dw{font-size:5cqw;line-height:8.4cqw}.ds.dense .dslot{min-width:18cqw;height:8.4cqw;font-size:5cqw}.ds.dense .dslot.you,.ds.dense .dslot.bot{padding:0 2.6cqw}.ds.dense .ds-board{gap:1.4cqw 1.2cqw;padding:2.4cqw 1.6cqw}.ds.dense .dchip{font-size:4.4cqw;padding:1.2cqw 3cqw}
.ds-tray{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:1.8cqw 1.8cqw;margin:2.6cqw 3.4cqw 0;min-height:14cqw;align-content:flex-start}
.dchip{touch-action:none;cursor:grab;padding:1.6cqw 3.6cqw;border-radius:99px;border:.3cqw solid rgba(205,170,105,.78);background:rgba(12,26,66,.88);color:#e8e2d2;font:400 5.2cqw 'Libre Baskerville',serif;transition:transform .2s,box-shadow .2s,opacity .35s}
.dchip:hover{transform:translateY(-.4cqw)}.dchip.sel{background:linear-gradient(180deg,#dfb965,#a67b2a);color:#fff6df;border-color:#f1dc9c;box-shadow:0 0 0 .6cqw rgba(232,190,104,.35)}.dchip.hint{border-color:#58d6a3;box-shadow:0 0 3cqw rgba(88,214,163,.8)}
.dchip.lift{transform:translateY(-1.2cqw) rotate(-2deg) scale(1.04);background:#102a62;border-color:#6fd3ea;box-shadow:0 1.4cqw 3cqw rgba(0,0,0,.5),0 0 3.4cqw rgba(111,211,234,.7);z-index:3}.dchip.used{opacity:.2;pointer-events:none;border-color:rgba(205,170,105,.4)}.dchip.dragging{z-index:95;transition:none;cursor:grabbing}.dchip.locked{opacity:.55;pointer-events:none}.dchip.used.locked{opacity:.2}
.ds.inviting .dchip:not(.locked):not(.used){animation:invite 1.9s ease-in-out infinite}@keyframes invite{50%{box-shadow:0 0 0 .9cqw rgba(232,190,104,.4);transform:translateY(-.6cqw)}}
.ds-bar{position:absolute;left:4cqw;right:4cqw;bottom:5cqw;display:flex;gap:3cqw}.ds-bar button{flex:1;display:flex;align-items:center;justify-content:center;gap:1.6cqw;height:9cqw;border-radius:99px;border:.3cqw solid rgba(205,170,105,.72);background:rgba(14,28,68,.92);color:#fff;font:700 3.3cqw Inter;cursor:pointer}.ds-bar button svg{width:4.2cqw;height:4.2cqw;color:#e8c46c}.ds-bar button:disabled{opacity:.45;cursor:default}
.ds-chat{position:absolute;left:4cqw;right:4cqw;bottom:16cqw;display:flex;gap:2cqw;justify-content:center;z-index:4}.ds-chat[hidden]{display:none}.ds-chat button{border:.3cqw solid rgba(205,170,105,.8);background:rgba(14,28,68,.96);color:#fff;border-radius:99px;padding:1.8cqw 4cqw;font:600 3.2cqw Inter;cursor:pointer}
.ds-bubble{position:absolute;left:16cqw;top:34cqw;z-index:4;padding:1.6cqw 3.4cqw;border-radius:3cqw 3cqw 3cqw .6cqw;background:#fff;color:#142a5a;font:700 3.2cqw Inter;box-shadow:0 1cqw 2cqw rgba(0,0,0,.4);animation:fadein .3s}.ds-bubble[hidden]{display:none}
.ds-float{font-size:4.2cqw}
/* --- review sun: pinned, scroll-driven, pointer moves the light --- */
.sr{padding:0}.sr-track{position:relative;height:230vh}.sr-pin{position:sticky;top:var(--hdr);min-height:calc(100vh - var(--hdr));min-height:calc(100svh - var(--hdr));display:flex;align-items:center;padding:14px 0 18px}
.sr-head{display:block;margin:0 0 14px}.sr-head h2{font-size:clamp(1.5rem,2.8vw,2.2rem)}.sr-head .eyebrow{margin-bottom:8px}.sr-head .sub{font-size:.98rem;margin-top:8px;max-width:760px}
.sr-scene{height:clamp(250px,40vh,440px);overflow:hidden}.sr-glow{position:absolute;inset:0;mix-blend-mode:screen;background:radial-gradient(circle at calc(50% + var(--px)*46%) calc(44% + var(--py)*46%),rgba(255,226,150,calc(.18 + var(--s)*.5)),transparent 46%)}
.sr-night,.sr-day{transform:translate(calc(var(--px)*-1.6%),calc(var(--py)*-1.6%)) scale(1.07)}.sr-sun{left:calc(6% + var(--s)*88% + var(--px)*3%)}
.sr-hud{align-items:center;gap:20px;justify-content:flex-start}.sr-lv{margin-left:auto;text-align:right}.sr-lvs{display:none}
.sr-sprout{position:relative;width:46px;height:64px;flex:none}.sr-sprout i{position:absolute}.sr-sprout .st{left:50%;bottom:0;width:5px;margin-left:-2.5px;height:calc(10px + var(--s)*52px);border-radius:3px;background:linear-gradient(#8de09a,#3d8a4d)}
.sr-sprout .lf{width:calc(8px + var(--s)*16px);height:calc(5px + var(--s)*10px);background:#8de09a;border-radius:60% 0 60% 0;opacity:clamp(0,calc((var(--s) - .08)*6),1)}.sr-sprout .l1{left:50%;bottom:28%}.sr-sprout .l2{right:50%;bottom:46%;transform:scaleX(-1);opacity:clamp(0,calc((var(--s) - .3)*6),1)}.sr-sprout .l3{left:50%;bottom:66%;opacity:clamp(0,calc((var(--s) - .55)*6),1)}
.sr-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.sr-st{border:1px solid var(--line);background:rgba(255,255,255,.7);border-radius:16px;padding:10px 12px;text-align:left;cursor:pointer;color:#0D1B3A;font:inherit;transition:all .3s;display:flex;flex-direction:column;gap:2px}.sr-st b{font-size:.95rem}.sr-st small{font-size:.78rem;color:rgba(13,27,58,.7);line-height:1.3}.sr-st.on{background:linear-gradient(180deg,#f6e3a8,#dbb04f);border-color:#b88a2e;box-shadow:0 8px 20px -10px rgba(120,80,10,.7)}.sr-st.on small{color:#3a2a08}.sr-st.done{border-color:#b88a2e}
.sr-ctl{position:static;padding:8px 0 0;background:none;display:flex;align-items:center;gap:14px}.sr-ctl label{margin:0;font-size:.8rem;color:var(--muted);white-space:nowrap}.sr-ctl .range{margin:0;flex:1;background:linear-gradient(90deg,#b88a2e var(--p,10%),rgba(13,27,58,.18) var(--p,10%))}
.sr-hint{display:flex;align-items:center;gap:10px;margin:8px 0 0;font-size:.88rem;color:rgba(13,27,58,.78);flex-wrap:wrap}.sr-hint[hidden],.sr-move[hidden]{display:none}.sr-scroll{width:16px;height:26px;border:2px solid #85601c;border-radius:9px;position:relative;flex:none}.sr-scroll i{position:absolute;left:50%;top:5px;width:3px;height:6px;margin-left:-1.5px;background:#85601c;border-radius:2px;animation:cue 1.8s infinite}
.sr-end{padding-top:26px;padding-bottom:10px;display:flex;justify-content:center}.sr-end .sr-ph{margin:0;text-align:center}.sr-end .sr-ph .phone{width:min(52vw,240px);margin:0 auto}.sr-end figcaption{margin-top:10px;font-weight:600;font-size:.9rem;color:var(--muted)}
@media(max-height:800px){.sr-head .sub{display:none}}
@media(max-width:700px){.sr-head .sub{display:none}.sr-stages{grid-template-columns:1fr 1fr}.sr-st small{font-size:.72rem}.sr-scene{height:clamp(230px,34vh,320px)}.sr-ctl label{display:none}.sr-hud{gap:12px}.sr-gauge{width:70px;height:70px}}
/* --- Verse Gate: a verse from your library meets you before the app opens --- */
.gs{background:#0a1030;color:#fff;font-family:Inter,sans-serif}.gs>*{position:absolute}.gs-art{inset:0;background:linear-gradient(180deg,rgba(8,16,44,.1),rgba(8,16,44,.55) 70%,#0a1030),url(/art/night-sunrise-941.webp) center top/cover no-repeat}
.gs-widget{left:6cqw;right:6cqw;top:13cqw;padding:4cqw 5cqw;border-radius:6cqw;background:rgba(255,255,255,.14);border:.4cqw solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gs-widget small{display:block;font-size:2.4cqw;letter-spacing:.14em;text-transform:uppercase;color:#f0d68e;font-weight:700}.gs-widget p{margin:2cqw 0;font:400 5cqw/1.3 'Libre Baskerville',serif}.gs-widget b{font-size:2.8cqw;color:#d8e0f2}
.gs-apps{left:6cqw;right:6cqw;top:62cqw;display:grid;grid-template-columns:repeat(3,1fr);gap:7cqw 4cqw}.app{position:relative;border:0;background:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:1.6cqw;font:500 2.7cqw Inter;cursor:pointer;text-shadow:0 .2cqw .8cqw rgba(0,0,0,.6)}
.app .gl{position:relative;display:block;width:17cqw;height:17cqw;border-radius:4.6cqw;box-shadow:0 1cqw 2.4cqw rgba(0,0,0,.45),inset 0 .3cqw 0 rgba(255,255,255,.35);transition:transform .2s}.app:hover .gl{transform:translateY(-.8cqw)}.app.press .gl{transform:scale(.9)}
.app .gl:before,.app .gl:after{content:"";position:absolute}
.gl.ring{background:linear-gradient(135deg,#f58f6b,#b2428a 55%,#6a46c2)}.gl.ring:before{inset:4.2cqw;border:.9cqw solid #fff;border-radius:50%}.gl.ring:after{width:1.6cqw;height:1.6cqw;border-radius:50%;background:#fff;right:3.6cqw;top:3.4cqw}
.gl.tri{background:linear-gradient(135deg,#171f3a,#27c2c8)}.gl.tri:before{left:50%;top:50%;width:6cqw;height:7cqw;translate:-35% -50%;background:#fff;clip-path:polygon(0 0,100% 50%,0 100%)}
.gl.tri2{background:linear-gradient(135deg,#ff5b5b,#c4162a)}.gl.tri2:before{inset:5cqw 3.4cqw;background:#fff;border-radius:1.6cqw}.gl.tri2:after{left:50%;top:50%;width:3.4cqw;height:4cqw;translate:-30% -50%;background:#d11f31;clip-path:polygon(0 0,100% 50%,0 100%)}
.gl.bubble{background:linear-gradient(135deg,#65d587,#1f9a5b)}.gl.bubble:before{inset:4cqw 3.6cqw 5.4cqw;background:#fff;border-radius:2.6cqw}.gl.bubble:after{left:5cqw;bottom:3.6cqw;width:2.6cqw;height:2.6cqw;background:#fff;clip-path:polygon(0 0,100% 0,0 100%)}
.gl.lines{background:linear-gradient(135deg,#9fb0cf,#586f9d)}.gl.lines:before{left:3.8cqw;right:3.8cqw;top:4.4cqw;height:.9cqw;border-radius:9px;background:#fff;box-shadow:0 3.2cqw 0 #fff,0 6.4cqw 0 #fff,0 9.6cqw 0 rgba(255,255,255,.7)}
.gl.note{background:linear-gradient(135deg,#ffb84d,#e4437b)}.gl.note:before{left:6.4cqw;top:3.6cqw;width:1.2cqw;height:8.6cqw;background:#fff;border-radius:2px}.gl.note:after{left:3.4cqw;top:10.4cqw;width:4.4cqw;height:3.4cqw;background:#fff;border-radius:50%}
.gdot{position:absolute;top:-.8cqw;right:2.6cqw;width:3.2cqw;height:3.2cqw;border-radius:50%;background:radial-gradient(#fff3c8,#e8c46c);box-shadow:0 0 2.4cqw rgba(255,214,120,.9);border:.4cqw solid #0a1030}
.gs.inviting[data-st="home"] .app.a0 .gl{animation:invite 1.8s ease-in-out infinite}
.gs-sheet{left:0;right:0;bottom:0;height:70%;border-radius:8cqw 8cqw 0 0;padding:9cqw 7cqw 7cqw;text-align:center;background:linear-gradient(180deg,rgba(14,32,80,.88),#0a1030 85%);border-top:.5cqw solid #d4b06a;box-shadow:0 -4cqw 12cqw rgba(0,0,0,.65);transform:translateY(102%);transition:transform .5s cubic-bezier(.2,.9,.25,1);overflow:hidden;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.4cqw}.gs-sheet.up{transform:none}.gs-sheet[hidden]{display:none}
.gs-sheet-art{position:absolute;inset:0;background:url(/art/night-board-480.webp) center top/cover no-repeat;opacity:.35;-webkit-mask-image:linear-gradient(#000,transparent 70%);mask-image:linear-gradient(#000,transparent 70%)}.gs-sheet>*:not(.gs-sheet-art){position:relative}
.gs-sheet small{font-size:2.6cqw;letter-spacing:.16em;text-transform:uppercase;color:#f0d68e;font-weight:700}.gs-v{margin:0;font:400 6.4cqw/1.35 'Libre Baskerville',serif;color:#f6efdd}.gs-sheet b{font-size:3cqw;color:#c9d3ec;letter-spacing:.04em}.gs-read{margin:0;font:italic 400 3.2cqw/1.3 'Libre Baskerville',serif;color:#9fb0d4}
.gs-btns{display:flex;flex-direction:column;gap:1.8cqw;width:100%;margin-top:2cqw}.gs-done{border:0;border-radius:99px;padding:3cqw;font:700 3.6cqw Inter;color:#1a1405;background:linear-gradient(180deg,#f6e2a0,#dbb04f);box-shadow:0 0 3cqw rgba(232,196,108,.4);cursor:pointer}.gs-not{border:0;background:none;color:#c9d3ec;font:600 3.2cqw Inter;padding:1.6cqw;cursor:pointer;text-decoration:underline;text-underline-offset:.6cqw}
.gs-toast{left:50%;top:50%;translate:-50% -50%;padding:2.4cqw 5.4cqw;border-radius:99px;background:rgba(0,0,0,.72);font-size:3.2cqw;white-space:nowrap;z-index:4}.gs-toast[hidden]{display:none}
.gs-app{inset:0;z-index:5;background:#101a36;display:flex;flex-direction:column;align-items:center;padding:13cqw 6cqw 6cqw;gap:3.4cqw;animation:appin .45s cubic-bezier(.2,.9,.25,1)}.gs-app[hidden]{display:none}@keyframes appin{from{transform:scale(.6);opacity:0;border-radius:10cqw}}
.gs-appbar{align-self:stretch;height:11cqw;border-radius:3cqw;display:flex;align-items:center;padding:0 4cqw;font:700 4cqw Inter;background:linear-gradient(135deg,#8ea2c9,#4a5f8f)}.gs-app.a0 .gs-appbar{background:linear-gradient(135deg,#f58f6b,#6a46c2)}.gs-app.a1 .gs-appbar{background:linear-gradient(135deg,#171f3a,#27c2c8)}.gs-app.a2 .gs-appbar{background:linear-gradient(135deg,#ff5b5b,#c4162a)}.gs-app.a3 .gs-appbar{background:linear-gradient(135deg,#65d587,#1f9a5b)}.gs-app.a5 .gs-appbar{background:linear-gradient(135deg,#ffb84d,#e4437b)}
.gs-feed{align-self:stretch;display:grid;gap:3cqw}.gs-feed i{display:block;height:22cqw;border-radius:3cqw;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.14),rgba(255,255,255,.06));background-size:200% 100%;animation:shimmer 2s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}
.gs-app p{margin:0;text-align:center;font:500 3.2cqw/1.4 Inter;color:#c9d3ec}.gs-again{border:.3cqw solid rgba(205,170,105,.8);background:rgba(14,28,68,.92);color:#fff;border-radius:99px;padding:2.4cqw 5cqw;font:600 3.2cqw Inter;cursor:pointer}
.gate-steps{margin:0 0 18px;padding:0;list-style:none;counter-reset:g;display:grid;gap:10px}.gate-steps li{counter-increment:g;display:flex;gap:12px;align-items:center;color:var(--cream)}.gate-steps li:before{content:counter(g);flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#1a1405;font-weight:700}
.gate-hint{margin-top:12px}
/* --- real phones throughout --- */
.cap-ph{margin:0;text-align:center}.cap-ph .phone{width:min(46vw,230px);margin:0 auto}.cap-ph figcaption{margin-top:10px;font-weight:600;font-size:.9rem;color:var(--muted)}
.rain-top{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-bottom:30px}.rain-top .rain-head{margin:0}.live-phones{display:flex;gap:18px;margin-top:22px;flex-wrap:wrap}.live-phones .cap-ph .phone{width:min(40vw,190px)}.progress .cap-ph{margin-top:26px;text-align:left}.progress .cap-ph .phone{margin:0;width:min(46vw,220px)}.org-ph{display:flex;justify-content:center;padding-top:30px}
@media(max-width:860px){.rain-top{grid-template-columns:1fr}.rain-top .cap-ph{justify-self:center}}

.ds .ds-top b.ds-brand{font:600 3.6cqw Inter;margin:0 auto;padding:0 0 0 0;position:absolute;left:0;right:0;justify-content:center;top:10.6cqw;pointer-events:none}.ds-brand img{width:5cqw;height:auto}
.ds .ds-top .pill{top:8.6cqw;right:3.4cqw;font-size:2.7cqw;padding:1.3cqw 3cqw}
.ds-top{padding-top:15cqw}.ds-pl{padding-top:7cqw}.ds-turn{margin-top:4.6cqw}.ds-instr{margin-top:3cqw}.ds-board{margin-top:2cqw}
.ds-turn .tk.l{display:block}
.ds.inviting .dchip:not(.locked):not(.used){animation:invite2 1.9s ease-in-out infinite}@keyframes invite2{50%{box-shadow:0 0 0 .5cqw rgba(232,190,104,.35);transform:translateY(-.5cqw)}}
.gs-sheet{background:linear-gradient(180deg,#10286a,#0a1030 80%)}
.gl.ring{background:linear-gradient(135deg,#f6a55b,#d8456c 55%,#7a4bd0)}.gl.ring:before{inset:4cqw 4.4cqw 4.4cqw;border:0;border-radius:1.6cqw;background:linear-gradient(180deg,rgba(255,255,255,.95) 52%,rgba(255,255,255,.7) 52%);clip-path:polygon(0 100%,0 62%,24% 30%,44% 58%,62% 38%,100% 80%,100% 100%)}.gl.ring:after{width:2.4cqw;height:2.4cqw;border-radius:50%;background:#fff;right:4.6cqw;top:3.8cqw}
.gl.tri2{background:linear-gradient(135deg,#ff8a5b,#d1243a)}.gl.tri2:before{inset:4.2cqw;border-radius:50%;background:#fff}.gl.tri2:after{left:50%;top:50%;width:3.8cqw;height:4.4cqw;translate:-30% -50%;background:#d42b3d;clip-path:polygon(0 0,100% 50%,0 100%)}
.ds-turn .tk,.ds-turn .tk.l{display:none!important}
.ds .dchip{border-width:.25cqw}
.ds-top{padding-top:17cqw}.ds-pl{padding-top:8cqw}.ds-board{min-height:38cqw}.ds-tray{margin-top:3.4cqw}

.sr-glow{mix-blend-mode:normal!important}

/* --- host screen: real TV captures in a monitor frame --- */
.tvwrap{max-width:660px;margin:0 auto;width:100%;outline-offset:6px}.tvmon{filter:drop-shadow(0 30px 40px rgba(0,0,0,.55))}
.tvscr{position:relative;aspect-ratio:16/9;border-radius:14px;border:clamp(7px,1.2vw,11px) solid #05080f;outline:2px solid rgba(255,255,255,.14);background:#07102a;overflow:hidden}
.tvimg{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;display:block}.tvimg.on{opacity:1}.tvimg img{display:block;width:100%;height:100%;object-fit:cover}
.tvbar{position:absolute;left:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,#d4a853,#e8be68)}.tvscr.tick .tvbar{animation:tvb 3.6s linear forwards}@keyframes tvb{to{width:100%}}
.tvstand{width:26%;height:14px;margin:0 auto;background:linear-gradient(#1a2440,#0a1020);border-radius:0 0 10px 10px}
.tvcap{text-align:center;margin:16px 0 8px;font-weight:600;min-height:1.6em}.tvdots{display:flex;gap:10px;justify-content:center}.tvdots button{width:11px;height:11px;border-radius:50%;border:0;background:rgba(13,27,58,.25);cursor:pointer;padding:0;transition:all .3s}.tvdots button.on{background:#b88a2e;width:30px;border-radius:99px}
.light .rain{background:linear-gradient(180deg,rgba(8,18,41,.35),rgba(8,18,41,.85)),url(/art/night-board-941.webp) center/cover no-repeat}
.live-s .two{grid-template-columns:.78fr 1.22fr}.tvwrap{max-width:780px}@media(max-width:860px){.live-s .two{grid-template-columns:1fr}}
.tvdots button{background:rgba(246,239,221,.32)}.tvdots button.on{background:#e8be68}.light .tvdots button{background:rgba(13,27,58,.25)}.light .tvdots button.on{background:#b88a2e}
/* ===== seams: every fade between a dark and a light section is a long, eased, multi-stop gradient landing exactly on the dark base colour #081229 ===== */
body,.ftr{background:#081229}
.light{padding-top:clamp(120px,11vw,170px)!important;padding-bottom:clamp(120px,11vw,170px)!important}
.light:before,.light:after{content:"";position:absolute;left:0;right:0;height:clamp(110px,10vw,160px);z-index:0;pointer-events:none;display:block!important}
.light:before{top:0;background:linear-gradient(180deg,rgba(8,18,41,1) 0%,rgba(8,18,41,0.97) 8%,rgba(8,18,41,0.9) 16%,rgba(8,18,41,0.78) 26%,rgba(8,18,41,0.62) 38%,rgba(8,18,41,0.45) 50%,rgba(8,18,41,0.3) 62%,rgba(8,18,41,0.17) 74%,rgba(8,18,41,0.08) 85%,rgba(8,18,41,0.03) 93%,rgba(8,18,41,0) 100%)}
.light:after{bottom:0;background:linear-gradient(0deg,rgba(8,18,41,1) 0%,rgba(8,18,41,0.97) 8%,rgba(8,18,41,0.9) 16%,rgba(8,18,41,0.78) 26%,rgba(8,18,41,0.62) 38%,rgba(8,18,41,0.45) 50%,rgba(8,18,41,0.3) 62%,rgba(8,18,41,0.17) 74%,rgba(8,18,41,0.08) 85%,rgba(8,18,41,0.03) 93%,rgba(8,18,41,0) 100%)}
.light>*{position:relative;z-index:1}
.sr.light{padding-top:clamp(120px,11vw,170px)!important}
.sr-track{position:relative}
/* hero bottom lands on the base colour */
.hg-art:after{background:linear-gradient(90deg,rgba(8,18,41,.78) 0,rgba(8,18,41,.4) 42%,rgba(8,18,41,0) 72%),linear-gradient(180deg,rgba(8,18,41,.5) 0,rgba(8,18,41,.38) 40%,rgba(8,18,41,.78) 78%,#081229 100%)!important}
.hg-art:before{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 38%,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 38%,#000 80%,transparent 100%)}
/* closing section: fades in from, and out to, the base colour */
.final.art-rays{position:relative}.final.art-rays:before,.final.art-rays:after{content:"";position:absolute;left:0;right:0;height:clamp(120px,12vw,200px);pointer-events:none;z-index:1}
.final.art-rays:before{top:0;background:linear-gradient(180deg,rgba(8,18,41,1) 0%,rgba(8,18,41,0.97) 8%,rgba(8,18,41,0.9) 16%,rgba(8,18,41,0.78) 26%,rgba(8,18,41,0.62) 38%,rgba(8,18,41,0.45) 50%,rgba(8,18,41,0.3) 62%,rgba(8,18,41,0.17) 74%,rgba(8,18,41,0.08) 85%,rgba(8,18,41,0.03) 93%,rgba(8,18,41,0) 100%)}.final.art-rays:after{bottom:0;background:linear-gradient(0deg,rgba(8,18,41,1) 0%,rgba(8,18,41,0.97) 8%,rgba(8,18,41,0.9) 16%,rgba(8,18,41,0.78) 26%,rgba(8,18,41,0.62) 38%,rgba(8,18,41,0.45) 50%,rgba(8,18,41,0.3) 62%,rgba(8,18,41,0.17) 74%,rgba(8,18,41,0.08) 85%,rgba(8,18,41,0.03) 93%,rgba(8,18,41,0) 100%)}
/* ===== inner page heroes with real photography ===== */
.phero.has-img{min-height:clamp(420px,52vh,560px);display:flex;align-items:center;padding-bottom:clamp(90px,9vw,140px)}
.phero-img{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.phero-img img{position:absolute;right:0;top:0;width:min(78%,1250px);height:100%;object-fit:cover;object-position:center;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 14%,rgba(0,0,0,.8) 32%,#000 55%),linear-gradient(180deg,transparent 0,#000 18%,#000 70%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 14%,rgba(0,0,0,.8) 32%,#000 55%),linear-gradient(180deg,transparent 0,#000 18%,#000 70%,transparent 100%);mask-composite:intersect;opacity:.92}
.phero.has-img:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(8,18,41,.9) 0,rgba(8,18,41,.72) 34%,rgba(8,18,41,.12) 66%,transparent 100%);pointer-events:none}
.phero.has-img .wrap{z-index:3;position:relative}.phero.has-img .sky .sun,.phero.has-img .shafts{opacity:.5}
.phero.has-img h1,.phero.has-img .lede{text-shadow:0 2px 24px rgba(8,18,41,.75)}.phero.has-img .lede{color:#e6e1d2}
.phero:after{height:clamp(120px,12vw,180px)!important;background:linear-gradient(0deg,rgba(8,18,41,1) 0%,rgba(8,18,41,0.97) 8%,rgba(8,18,41,0.9) 16%,rgba(8,18,41,0.78) 26%,rgba(8,18,41,0.62) 38%,rgba(8,18,41,0.45) 50%,rgba(8,18,41,0.3) 62%,rgba(8,18,41,0.17) 74%,rgba(8,18,41,0.08) 85%,rgba(8,18,41,0.03) 93%,rgba(8,18,41,0) 100%)!important;z-index:3}
@media(max-width:860px){.phero-img img{width:100%;opacity:.55;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 25%,#000 65%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 25%,#000 65%,transparent 100%)}.phero.has-img:before{background:linear-gradient(180deg,rgba(8,18,41,.55),rgba(8,18,41,.78))}.phero.has-img{min-height:0}}
/* ===== challenge: the card that was blank ===== */
.prize-card{position:relative;overflow:hidden;min-height:340px;display:flex;align-items:flex-end;background:#0b1a3a}
.prize-img{position:absolute;inset:0;background:url(/hero/features-reader-768.webp) center/cover no-repeat}
.prize-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,18,41,0) 25%,rgba(8,18,41,.9) 80%)}
.prize-card .prize-in{position:relative;z-index:1;background:none;padding:30px;color:#F6EFDD}.prize-card h3{color:#E8BE68;font-size:1.5rem;margin-bottom:8px}.prize-card p{margin:0;color:#e6e1d2}
.trail{background:radial-gradient(80% 60% at 20% 45%,rgba(42,63,122,.4),transparent 70%),#081229}
.phero.has-img{padding-top:calc(var(--hdr) + 36px)}.phero-img img{top:calc(var(--hdr)*.4);height:calc(100% - var(--hdr)*.4)}
@media(max-width:860px){.phero.has-img{padding-bottom:clamp(250px,70vw,340px);align-items:flex-start}.phero-img img{top:auto;bottom:0;width:100%;height:clamp(300px,82vw,400px);opacity:1;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 38%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 38%,#000 78%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}.phero.has-img:before{background:linear-gradient(180deg,rgba(8,18,41,.5) 0,rgba(8,18,41,.25) 50%,rgba(8,18,41,.1) 100%)}}

/* round 4 */
.hg-verse{column-gap:0!important}
.pcards{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:980px;margin-left:auto;margin-right:auto}
@media(max-width:860px){.pcards{grid-template-columns:1fr!important;max-width:520px}}
.fgrid{display:flex!important;flex-wrap:wrap;justify-content:center;gap:16px}.fgrid .fitem{flex:0 0 calc((100% - 32px)/3)}
@media(max-width:1020px){.fgrid .fitem{flex-basis:calc((100% - 16px)/2)}}@media(max-width:560px){.fgrid .fitem{flex-basis:100%}}

/* official store badges: fixed artwork, never wrap */
.stores{flex-wrap:nowrap!important;gap:12px;align-items:center}.badge{display:block;flex:none;line-height:0;border-radius:9px;transition:transform .2s}.badge:hover{transform:translateY(-2px)}.badge img{display:block;height:44px;width:auto}
.stores.sm .badge img{height:38px}
@media(max-width:560px){.badge img{height:40px}.stores.sm .badge img{height:36px}.stores{gap:10px}}
@media(max-width:350px){.badge img{height:34px}}

/* ===== round 5: hero is a normal section, never pinned or driven by scroll ===== */
.hg{height:auto!important}.hg-stick{position:relative!important;top:auto!important;height:auto!important;min-height:max(640px,calc(100svh - 0px));overflow:hidden}
.hg-in{height:auto;min-height:inherit;padding-bottom:40px;justify-content:space-between}
.hg-stage{min-height:min(52vh,430px);flex:1}
.hg-tray{min-height:3.4rem;opacity:0;transform:translateY(14px);transition:opacity .6s,transform .6s}.hg-tray.show{opacity:1;transform:none;pointer-events:auto}
.hg-act{opacity:0;pointer-events:none;transition:opacity .5s;min-height:2.4rem}.hg-act.show{opacity:1;pointer-events:auto}
.hg[data-ph="2"] .hg-tray,.hg[data-ph="2"] .hg-act{opacity:inherit}
.hg[data-ph="3"] .hg-tray,.hg[data-ph="3"] .hg-act{height:auto;min-height:0}
.hg[data-ph="3"] .hg-tray{opacity:0;height:0;min-height:0;overflow:hidden;pointer-events:none}
.hg[data-ph="1"] .hg-cta,.hg[data-ph="2"] .hg-cta{opacity:1!important;pointer-events:auto!important;transform:none!important;max-height:none!important;overflow:visible!important}
.hg-again{margin-top:4px}.hg-again[hidden]{display:none}
.hg-ref{letter-spacing:0!important;text-transform:none!important}
.hg-cue{display:none!important}
.hg-stage .hg-act{justify-content:center}
@media(max-width:860px){.hg-stick{min-height:0}.hg-stage{min-height:360px}.hg-in{padding-bottom:30px}}

/* no scroll pinning or scroll-jacking on phones */
html:has(body.p-features){scroll-padding-top:150px}
@media(max-width:860px),(pointer:coarse){
 .sr-track{height:auto!important}.sr-pin{position:relative!important;top:auto!important;min-height:0!important;padding:0!important}
 .sr-scene{height:clamp(260px,52vw,340px)}
 .sscroll{display:grid!important;overflow:visible!important;scroll-snap-type:none!important;padding:28px 20px 10px!important;gap:30px!important;cursor:auto}
 .sscroll .sp{flex:none;width:100%;max-width:520px;margin:0 auto}.sp-pad{display:none}.sctl{display:none!important}
 .pstack-wrap{position:static!important}
}
@media(pointer:coarse){.sr-head .sub{display:block}}

/* trail on phones: a plain stacked list of the four steps (stones become rows) */
@media(max-width:860px){
 .trail-scene{aspect-ratio:auto!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible;display:grid;gap:10px;margin-top:26px}
 .trail-scene svg{display:none}
 .trail-scene .stone{position:static!important;translate:none!important;flex-direction:row;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.05);text-align:left;width:100%}
 .trail-scene .stone.on{background:linear-gradient(155deg,rgba(212,168,83,.22),rgba(255,255,255,.05));border-color:var(--gold)}
 .stone .stone-l{position:static!important;translate:none!important;margin:0!important;background:none!important;padding:0!important;font:700 1rem Inter!important;white-space:normal;text-shadow:none}
 .stone[data-j] .stone-l{top:auto!important;bottom:auto!important}
 .stone .jn{flex:none}
}

@media(max-width:860px){
 .trail-scene .stone,.jtab.stone{border:1px solid var(--line)!important;background:rgba(255,255,255,.05)!important;padding:12px 14px!important}
 .trail-scene .stone.on,.jtab.stone.on{background:linear-gradient(155deg,rgba(212,168,83,.22),rgba(255,255,255,.05))!important;border-color:var(--gold)!important}
 .trail .hear .wave{flex:0 0 auto;width:100%;height:30px}
}

/* ===== Verse Gate round 5: visible cues and a convincing opened app ===== */
.gs-cue{left:4cqw;right:4cqw;top:53cqw;display:flex;justify-content:center;pointer-events:none;z-index:2}.gs-cue[hidden]{display:none}
.gs-cue span{padding:1.4cqw 4cqw;border-radius:99px;background:rgba(232,190,104,.95);color:#1a1405;font:700 3cqw Inter;box-shadow:0 0 3cqw rgba(232,190,104,.6);animation:cuebob 1.6s ease-in-out infinite}.gs-cue span:after{content:"";position:absolute;left:50%;bottom:-1.2cqw;width:2.4cqw;height:2.4cqw;background:#e8be68;transform:translateX(-50%) rotate(45deg)}.gs-cue{position:absolute}.gs-cue span{position:relative}
@keyframes cuebob{50%{transform:translateY(-1cqw)}}
.app.gated .gl{animation:ringp2 1.8s ease-in-out infinite}@keyframes ringp2{0%,100%{box-shadow:0 1cqw 2.4cqw rgba(0,0,0,.45),0 0 0 0 rgba(232,190,104,.7)}50%{box-shadow:0 1cqw 2.4cqw rgba(0,0,0,.45),0 0 0 2.2cqw rgba(232,190,104,0)}}
.gs[data-st="gate"] .app .gl,.gs[data-st="launch"] .app .gl{animation:none}
.gs-readit{align-self:center;padding:1.2cqw 4cqw;border-radius:99px;background:rgba(232,190,104,.95);color:#1a1405;font:700 3cqw Inter;letter-spacing:.02em}
.gs-not{border:.3cqw solid rgba(205,170,105,.85)!important;border-radius:99px;text-decoration:none!important;padding:2.6cqw!important;color:#f3ecd8!important;font:600 3.4cqw Inter}
.gs-app{padding:13cqw 5cqw 5cqw;gap:2.6cqw;align-items:stretch}.gs-appbody{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:2.4cqw}
.sk{display:block;height:2.4cqw;border-radius:9px;background:rgba(255,255,255,.18)}
.v-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6cqw}.v-grid i{aspect-ratio:1;border-radius:2cqw;background:linear-gradient(135deg,hsl(var(--h) 55% 62%),hsl(calc(var(--h) + 40) 50% 38%))}
.v-short{display:flex;gap:2cqw;height:46cqw}.v-card{flex:1;border-radius:3cqw;background:linear-gradient(160deg,#5b4bd0,#d8456c 60%,#f6a55b);display:grid;place-items:center}.v-side{display:flex;flex-direction:column;justify-content:flex-end;gap:2.4cqw}.v-side i{width:6cqw;height:6cqw;border-radius:50%;background:rgba(255,255,255,.25)}
.v-play{width:11cqw;height:11cqw;border-radius:50%;background:rgba(255,255,255,.9);position:relative}.v-play:after{content:"";position:absolute;left:4.2cqw;top:3cqw;border-left:4cqw solid #c4162a;border-top:2.5cqw solid transparent;border-bottom:2.5cqw solid transparent}
.v-video{position:relative;aspect-ratio:16/9;border-radius:3cqw;background:linear-gradient(135deg,#27406f,#0f1d40);display:grid;place-items:center}.v-prog{position:absolute;left:3cqw;right:3cqw;bottom:2.4cqw;height:1.2cqw;border-radius:9px;background:rgba(255,255,255,.25);overflow:hidden}.v-prog i{display:block;width:38%;height:100%;background:#ff5b5b;animation:prog 6s linear infinite}@keyframes prog{from{width:5%}to{width:96%}}
.v-music .v-prog{position:relative;left:auto;right:auto;bottom:auto}
.v-row{display:flex;gap:2.4cqw;align-items:center}.v-row>div{flex:1;display:grid;gap:1.6cqw}.v-av{width:8cqw;height:8cqw;border-radius:50%;background:rgba(255,255,255,.2);flex:none}.v-thumb{width:16cqw;height:11cqw;border-radius:2cqw;background:rgba(255,255,255,.18);flex:none}
.v-chat{display:flex;flex-direction:column;gap:2.4cqw;padding-top:2cqw}.v-chat .b{max-width:70%;padding:2.4cqw 3cqw;border-radius:3.4cqw;display:grid}.v-chat .l{background:rgba(255,255,255,.14);align-self:flex-start}.v-chat .r{background:#2a8f5f;align-self:flex-end}
.v-news{display:flex;flex-direction:column;gap:2.4cqw}.v-hero{display:block;aspect-ratio:16/9;border-radius:3cqw;background:linear-gradient(135deg,#8ea2c9,#3d4f7a)}
.v-music{display:flex;flex-direction:column;align-items:center;gap:3cqw}.v-album{display:block;width:40cqw;aspect-ratio:1;border-radius:4cqw;background:linear-gradient(135deg,#ffb84d,#e4437b)}.v-music .sk{align-self:center}.v-music .v-prog{align-self:stretch}.v-ctl{display:flex;gap:6cqw;align-items:center}.v-ctl i{width:7cqw;height:7cqw;border-radius:50%;background:rgba(255,255,255,.3)}.v-ctl i.big{width:11cqw;height:11cqw;background:#fff}
.gs-first{align-self:center;padding:1.6cqw 4cqw;border-radius:99px;background:rgba(232,190,104,.95);color:#1a1405;font:700 3cqw Inter;animation:firstin .6s cubic-bezier(.2,.9,.3,1) both;box-shadow:0 0 3cqw rgba(232,190,104,.55)}.gs-first[hidden]{display:none}@keyframes firstin{from{transform:translateY(-4cqw);opacity:0}}
.gs-end{margin:0;text-align:center;font:600 3.4cqw/1.35 Inter;color:#fff}.gs-msg{margin:0;text-align:center;font:400 2.8cqw/1.35 Inter;color:#9fb0d4}
.gs-again{align-self:center}

/* ===== round 5: section edges are a long dawn-horizon gradient (navy, blue, mauve, amber, ivory), never a grey blur ===== */
.light{padding-top:clamp(170px,15vw,230px)!important;padding-bottom:clamp(170px,15vw,230px)!important}
.light:before,.light:after{height:clamp(200px,18vw,280px)!important}
.light:before{background:linear-gradient(180deg,#081229 0%,#0b1a3c 10%,#17295a 22%,#2f447d 34%,#6a6a9a 46%,#a8909c 57%,#dcbf9f 67%,#eddfc4 78%,rgba(244,236,216,.7) 88%,rgba(247,240,224,.25) 95%,rgba(247,240,224,0) 100%)!important}
.light:after{background:linear-gradient(0deg,#081229 0%,#0b1a3c 10%,#17295a 22%,#2f447d 34%,#6a6a9a 46%,#a8909c 57%,#dcbf9f 67%,#eddfc4 78%,rgba(244,236,216,.7) 88%,rgba(247,240,224,.25) 95%,rgba(247,240,224,0) 100%)!important}
.sr.light{padding-top:clamp(170px,15vw,230px)!important}
/* ===== groups orbit with real avatars ===== */
.orbit{--R:clamp(125px,20vw,190px)}
.orb-m{width:84px;margin:-42px 0 0 -42px;transition:transform .4s}
.orb-m .ring{width:68px;height:68px;padding:4px;background:conic-gradient(#b88a2e calc(var(--pp)*1%),rgba(13,27,58,.16) 0)!important;transition:none;box-shadow:0 8px 18px -6px rgba(60,40,10,.5)}
.orb-m .ring img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff;filter:saturate(.55) brightness(.92)}
.orb-m.learned .ring img,.orb-m.working .ring img{filter:none}
.orb-m.learned .ring{box-shadow:0 0 0 3px rgba(232,190,104,.55),0 0 22px rgba(232,190,104,.8)}
.orb-m.working{transform:rotate(var(--a)) translateX(var(--R)) rotate(calc(var(--a)*-1)) scale(1.1)}
.orb-m b{font-size:.82rem}
.orb-m .chk{position:absolute;right:8px;top:-2px;width:22px;height:22px;border-radius:50%;background:#2f9e6a;border:2px solid #fff;opacity:0;transform:scale(.4);transition:all .35s}.orb-m .chk:after{content:"";position:absolute;left:6px;top:5px;width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.orb-m.learned .chk{opacity:1;transform:none}
.orb-core b{color:#7a5514}.orb-core span{font-weight:700;color:#0D1B3A;font-size:.82rem}
.orb-note{position:absolute;z-index:5;width:190px;padding:10px 12px;border-radius:14px 14px 14px 4px;background:#fff;color:#0D1B3A;box-shadow:0 14px 30px -10px rgba(40,25,5,.6);border:1px solid rgba(184,138,46,.5);font-size:.82rem;line-height:1.35}.orb-note[hidden]{display:none}.orb-note small{display:block;color:#7a5514;font-weight:700;letter-spacing:.04em;margin-bottom:2px}.orb-note.pop{animation:notepop .5s cubic-bezier(.2,.9,.3,1)}@keyframes notepop{from{opacity:0;transform:translateY(10px) scale(.9)}}
@media(max-width:560px){.orb-m{width:70px;margin:-35px 0 0 -35px}.orb-m .ring{width:56px;height:56px}.orb-note{width:160px}}

/* real avatars instead of flat dots */
.crowd i.a0,.crowd-mini i.a0{background:url(/img/av-emily.webp) center/cover no-repeat}
.crowd i.a1,.crowd-mini i.a1{background:url(/img/av-kenji.webp) center/cover no-repeat}
.crowd i.a2,.crowd-mini i.a2{background:url(/img/av-margaret.webp) center/cover no-repeat}
.crowd i.a3,.crowd-mini i.a3{background:url(/img/av-mateo.webp) center/cover no-repeat}
.crowd i.a4,.crowd-mini i.a4{background:url(/img/av-amara.webp) center/cover no-repeat}
.crowd i.a5,.crowd-mini i.a5{background:url(/img/av-priya.webp) center/cover no-repeat}
.crowd i.a6,.crowd-mini i.a6{background:url(/img/av-joseph.webp) center/cover no-repeat}
.crowd i.a7,.crowd-mini i.a7{background:url(/img/av-mei.webp) center/cover no-repeat}
.crowd i,.crowd-mini i{background-color:#ddd}.crowd i{width:26px;height:26px;box-shadow:0 0 0 2px #b88a2e}.crowd-mini i{width:22px;height:22px;opacity:.35;box-shadow:0 0 0 1.5px #b88a2e}@keyframes blink{50%{opacity:1}}
.lens-side{display:flex;flex-direction:column;align-items:center;gap:26px}.lens-side .cap-ph .phone{width:min(46vw,210px)}
.orb-m .ring img{background:#fff}
/* round 6: the sticky header is opaque once the page has scrolled (blur is only a bonus) */
.hdr.stuck{background:#081229!important;box-shadow:0 1px 0 var(--line),0 10px 24px -12px rgba(0,0,0,.6)}
.hdr:not(.stuck){background:linear-gradient(180deg,rgba(8,18,41,.96),rgba(8,18,41,.78))}
.hdr{z-index:80}
@media(max-width:1020px){.nav.open{background:#081229!important}}
.hdr{transition:box-shadow .3s!important}

/* round 7: the mobile install bar never sits over content: padding equal to its height while it is allowed */
body.has-offer{padding-bottom:var(--offer-h,72px)}
@media(min-width:861px){body.has-offer{padding-bottom:0}}
/* equal blanks, like the app: every missing word is the same width */
.hw.gone{width:3.3em;max-width:46vw;overflow:hidden;white-space:nowrap;text-align:center;box-sizing:border-box;vertical-align:bottom;height:1.2em}

/* Verse Rain at rest: ghost words fall, the Play button pulses, the HUD reads as a game, not a broken box */
.fw.ghostw{opacity:.4;pointer-events:none;border-style:dashed}
.rain-ov{background:radial-gradient(60% 60% at 50% 50%,rgba(8,18,41,.75),rgba(8,18,41,.35));backdrop-filter:none;-webkit-backdrop-filter:none}
.rain-ov #rMsg{font-weight:600;color:#F6EFDD;text-shadow:0 2px 10px rgba(0,0,0,.7)}
.btn-play{font-size:1.15rem;padding:16px 34px;animation:playp 1.8s ease-in-out infinite;gap:10px}.btn-play .tri{width:0;height:0;border-left:12px solid #1a1405;border-top:8px solid transparent;border-bottom:8px solid transparent}
@keyframes playp{0%,100%{box-shadow:0 0 0 0 rgba(232,190,104,.7)}50%{box-shadow:0 0 0 14px rgba(232,190,104,0)}}
.rain-hud{color:#d8d2c0}.rain-hud b{color:#E8BE68}
/* ===== round 8 ===== */
/* install bar: icon | name + subtitle + 44px link | button | close. No wrapping, nothing overlaps. */
.offer-m{display:none;align-items:center;gap:10px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#081229!important;-webkit-backdrop-filter:none;backdrop-filter:none}
.offer-m img{flex:none;width:44px;height:44px}
.offer-t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.offer-t b{white-space:nowrap;font-size:.95rem}.offer-t small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.76rem;color:var(--muted)}
.offer-already{position:static!important;display:flex!important;align-items:center;min-height:40px;margin:0 0 -6px;font-size:.8rem;color:var(--gold-l);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.offer-already[hidden]{display:none!important}
.offer-m .btn{flex:none;white-space:nowrap;min-height:44px;padding:10px 14px}
.offer-m .offer-x{flex:none;width:40px;height:40px}.offer-m .offer-x span{left:12px;right:12px;top:19px}
@media(max-width:380px){.offer-m{gap:8px;padding-left:10px;padding-right:8px}.offer-m img{width:38px;height:38px}.offer-t b{font-size:.88rem}.offer-m .btn{padding:10px 11px;font-size:.84rem}}
/* tap targets: visual size unchanged, hit area at least 40px */
.brand{position:relative}.brand:after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%)}
.langs a{position:relative}.langs a:after{content:"";position:absolute;left:-3px;right:-3px;top:50%;height:44px;transform:translateY(-50%)}
a.lnk,.fine a,.help a,.sub a,.prose a,.note a,.ftr-fine a{position:relative}
a.lnk:after,.fine a:after,.help a:after,.sub a:after,.prose a:after,.note a:after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%)}
.ftr-cols a{padding:11px 0}.ftr .ftr-h{font:700 .75rem Inter;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-l);margin:0 0 6px}
.tvdots button,.sdots i{position:relative}.tvdots button:after,.sdots i:after{content:"";position:absolute;inset:-16px -8px}
/* membership ladder: horizontal rows, labels always readable */
.ladder{display:flex!important;flex-direction:column;align-items:stretch;height:auto!important;gap:7px}
.ladder li{height:auto!important;min-height:44px;width:calc(34% + var(--i)*8.2%);transform-origin:left center;transform:scaleX(.2);border-radius:10px 22px 22px 10px;align-items:center;justify-content:flex-start;padding:0 16px}
.ladder.in li{transform:none}
.ladder li span{writing-mode:horizontal-tb!important;transform:none!important;align-self:center!important;margin:0!important;font:700 .95rem Inter;white-space:nowrap}
.light .ladder li span{color:#0D1B3A}
/* spaced-review hint: the right words for the device */
.sr-h-touch{display:none}
@media(max-width:860px),(pointer:coarse){.sr-h-desk{display:none}.sr-h-touch{display:inline}.sr-scroll{display:none}}
/* dead space on phones: shorter fades and padding, artwork kept */
@media(max-width:860px){
 .sec{padding:clamp(34px,9vw,56px) 0}
 .light{padding-top:clamp(96px,26vw,130px)!important;padding-bottom:clamp(96px,26vw,130px)!important}
 .sr.light{padding-top:clamp(96px,26vw,130px)!important}
 .light:before,.light:after{height:clamp(90px,24vw,120px)!important}
 .final{padding:clamp(56px,16vw,90px) 0 clamp(70px,18vw,110px)}
 .phero{padding-bottom:40px}.phero.has-img{padding-bottom:clamp(220px,62vw,300px)}
 .play2{padding-top:0}.pchor{margin-top:10px}.pstep{padding:22px 0}
 .rain-top,.live-s .two{gap:18px}
 .support-page .phero.has-img,.p-support .phero.has-img{padding-bottom:clamp(200px,56vw,260px)}
 .p-support .sec.tight{padding-top:8px}
 .duel-wrap{margin-top:16px}
}
.p-support .phero:after{height:90px!important}
/* the faint rectangle in the Verse Rain heading: the .rv reveal wrapper had a backdrop. No box behind headings. */
.rain-head,.rain-head *{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}
.rain-head:before,.rain-head:after{display:none!important}
.crowd i,.crowd-mini i{background-size:cover;background-position:center}
/* Verse Gate opened app fills the screen */
.gs-appbody{justify-content:flex-start}
:focus-visible{outline:3px solid #E8BE68;outline-offset:3px}.light :focus-visible{outline-color:#7a5514}
.skip:focus{z-index:200}

.orb-core small{font-size:.75rem}
.stores.sm .badge img{height:40px}
@media(pointer:coarse),(max-width:860px){.chp{min-height:44px}.hw.gone{min-height:44px}.ds-bar button{height:11.5cqw}}
.ds .dchip{min-height:11cqw;display:inline-flex;align-items:center}.ds .dslot{min-height:10cqw}
.sr-lv p,.sr-lv b{color:var(--vc,#F6EFDD)!important;text-shadow:0 1px 8px rgba(8,18,41,.55)}.sr-lv small{color:inherit;opacity:.85}