/* Hero and marquee */
.hero{position:relative;min-height:min(100svh,920px);display:flex;align-items:center;overflow:hidden;padding-top:90px}
#cloud{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(7,12,20,.92) 0%,rgba(7,12,20,.55) 45%,rgba(7,12,20,0) 75%),linear-gradient(180deg,rgba(7,12,20,0) 70%,var(--bg) 100%);pointer-events:none}
.ring{position:absolute;right:-180px;top:50%;width:760px;height:760px;margin-top:-380px;opacity:.55;pointer-events:none;z-index:1}
.hero .wrap{position:relative;z-index:2;width:100%;padding-block:40px 80px}
h1 .line{display:block;overflow:hidden;padding-bottom:.06em}
h1 .line span{display:inline-block}
h1 em{font-style:normal;background:linear-gradient(100deg,var(--gold-hi),var(--gold) 50%,var(--gold-lo));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(16px,1.6vw,18px);color:var(--muted);max-width:44ch;margin:0 0 34px}
.ctas{display:flex;gap:12px;flex-wrap:wrap}
.hud{position:absolute;z-index:2;right:max(18px,env(safe-area-inset-right,0px));bottom:36px;display:flex;flex-direction:column;gap:4px;font:400 12px var(--f-mono);color:var(--muted);text-align:right;padding:12px 14px;border:1px solid var(--line2);border-radius:10px;background:rgba(12,21,36,.6);backdrop-filter:blur(6px)}
.hud b{color:var(--ink);font-weight:500}
.hud .rec{color:var(--gold)}
.hud .rec::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:7px;animation:blink 1.2s infinite}
@keyframes blink{50%{opacity:.2}}
.scrollhint{position:absolute;z-index:2;left:50%;bottom:22px;transform:translateX(-50%);width:22px;height:36px;border:1.5px solid var(--line2);border-radius:12px}
.scrollhint::after{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;background:var(--gold);animation:wheel 1.6s infinite}
@keyframes wheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(12px)}}
@media (max-width:760px){.hud{display:none}.ring{width:520px;height:520px;margin-top:-260px;right:-260px}}
@media (max-width:760px){.hero .wrap{padding-block:24px 70px}.lead{margin-bottom:26px}}

/* marquee */
.marquee{border-block:1px solid var(--line);overflow:hidden;padding-block:18px;display:flex;flex-direction:column;gap:10px;background:var(--bg2)}
.mrow{display:flex;gap:42px;white-space:nowrap;font:700 clamp(22px,3.2vw,40px)/1 var(--f-display);font-stretch:75%;letter-spacing:.02em;width:max-content}
.mrow span{display:inline-flex;align-items:center;gap:42px}
.mrow span::after{content:"";width:12px;height:12px;background:var(--gold);clip-path:polygon(50% 0,100% 100%,0 100%)}
.mrow.out{color:transparent;-webkit-text-stroke:1px var(--line2)}