.hero{--hero-progress:0;--hero-copy-shift:0vh;--hero-copy-opacity:1;--hero-copy-blur:0px;--hero-caption-opacity:1;--hero-caption-shift:0px;--hero-hint-opacity:1;--hero-hint-shift:0px;--hero-glow-opacity:1;position:relative;z-index:3;width:100vw;height:255vh;margin-left:calc(50% - 50vw)}
.hero-sticky{position:sticky;top:0;height:100svh;min-height:0;overflow:hidden;isolation:isolate}
.hero-copy{position:absolute;left:max(24px,calc((100vw - var(--landing-max))/2 + 24px));top:50%;z-index:5;width:min(29vw,560px);padding-bottom:20px;transform:translateY(calc(-50% + var(--hero-copy-shift)));opacity:var(--hero-copy-opacity);filter:blur(var(--hero-copy-blur));will-change:transform,opacity,filter}
.hero h1{max-width:760px;margin:28px 0 32px;font-size:clamp(68px,7vw,104px);font-weight:400;line-height:.9;letter-spacing:-.052em}
.hero h1 span{color:var(--landing-accent)}
.hero-lead{max-width:590px;margin:0;color:var(--landing-silver);font-size:19px;font-weight:200;line-height:1.55}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}
.hero-visual{position:absolute;inset:0;z-index:2;pointer-events:none}
.hero-visual:before{content:"";position:absolute;inset:-2% -12% -6% 26%;z-index:-1;background:radial-gradient(ellipse at 69% 43%,rgba(255,224,99,.12),transparent 25%),radial-gradient(ellipse at 67% 48%,rgba(61,213,152,.14),transparent 42%),radial-gradient(ellipse at 72% 54%,rgba(34,211,197,.09),transparent 48%);filter:blur(38px);opacity:var(--hero-glow-opacity)}
.constellation-caption{--caption-x:0px;--caption-y:0px;--caption-scale:1;position:absolute;left:0;top:0;display:flex;align-items:center;gap:12px;color:var(--landing-silver);font-size:15px;font-weight:600;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;transform:translate3d(var(--caption-x),calc(var(--caption-y) + var(--hero-caption-shift)),0) translateY(-50%);will-change:transform,opacity}
.constellation-caption--left{flex-direction:row-reverse;transform:translate3d(var(--caption-x),calc(var(--caption-y) + var(--hero-caption-shift)),0) translate(-100%,-50%) translateX(clamp(42px,5.8vw,86px));text-align:right}
.constellation-caption--right{flex-direction:row;transform:translate3d(var(--caption-x),calc(var(--caption-y) + var(--hero-caption-shift)),0) translateY(-50%) translateX(calc(-1 * clamp(62px,7.5vw,118px)));text-align:left}
.constellation-caption span{width:21px;height:21px;flex:0 0 auto;border-radius:50%;transform:scale(var(--caption-scale));background:radial-gradient(circle at 34% 28%,#fff 0 8%,#fff3b1 17%,#e8bd50 42%,#b77b1f 72%,#49300d 100%);box-shadow:0 0 24px rgba(242,207,99,.58),inset -3px -4px 7px rgba(54,29,4,.34)}
.constellation-caption em{font-style:normal;text-shadow:0 2px 16px rgba(0,0,0,.88)}
.hero-scroll-hint{position:absolute;left:max(24px,calc((100vw - var(--landing-max))/2 + 24px));bottom:24px;z-index:5;display:flex;align-items:center;gap:12px;color:var(--landing-gray);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:var(--hero-hint-opacity);transform:translateY(var(--hero-hint-shift))}
.hero-scroll-hint i{position:relative;width:22px;height:34px;border:1px solid rgba(255,255,255,.28);border-radius:999px}
.hero-scroll-hint i:after{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;border-radius:999px;background:var(--landing-accent);transform:translateX(-50%);animation:hero-scroll-dot 1.55s ease-in-out infinite}
@keyframes hero-scroll-dot{0%{opacity:0;transform:translate(-50%,0)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,12px)}}
.signal-strip{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:58px 0 46px}
.signal-strip div{display:grid;gap:10px}
.signal-strip strong{color:var(--landing-accent);font-size:13px;font-weight:600;letter-spacing:.08em}
.signal-strip span{max-width:210px;color:var(--landing-gray);font-size:14px;line-height:1.35}
@media(max-height:760px) and (min-width:781px){
    .hero-copy{top:49%;padding-bottom:0}
    .hero h1{margin:18px 0 20px;font-size:clamp(58px,6.2vw,82px)}
    .hero-lead{font-size:16px;line-height:1.45}
    .hero-actions{margin-top:24px}
    .hero-scroll-hint{bottom:14px}
}