/* Effects are independent decorative layers. No light wash over the logo. */
.hero-glitter{position:absolute;inset:0;width:100%;height:100%;opacity:.2;pointer-events:none;z-index:0}
/* Orange core and a tight recess keep the LED legible on both panels. */
.hero-led,.panel-led{position:absolute;left:50%;height:4px;border-radius:999px;background:linear-gradient(90deg,#ff5b35,#ff773d 46%,#ff5b35);box-shadow:0 0 0 3px #201814,0 0 10px 2px #ff5b3570;pointer-events:none;z-index:4}
.hero-led{top:106px;width:clamp(150px,32vw,540px);transform:translate(-50%,var(--hero-led-rise,0px));opacity:var(--hero-led-opacity,1)}
.panel-led{top:7px;width:var(--led-width,32%);transform:translate(-50%,var(--led-rise,18px))}

.approach{position:relative;isolation:isolate;overflow:hidden;background:#171616;color:#eeece6}
.horizon-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;mask-image:linear-gradient(#000, #000 80%,transparent)}
.horizon-rim{position:absolute;pointer-events:none;z-index:-2;left:-15%;right:-15%;bottom:-46%;height:85%;border-radius:50%;border-top:1px solid #ff906350;background:radial-gradient(ellipse at 50% 0%,#c9461b30,transparent 60%);box-shadow:0 -35px 100px -55px #ff643f;transform:rotate(-8deg)}
.approach h2 em{color:#ff875e}.approach-bottom p{color:#c6c0b9}.approach .dark-button{background:#eeece6;color:#1b1b19}
.brand-marquee{overflow:hidden;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;background:#171616;padding:27px 0}
.marquee-track{display:flex;width:max-content;animation:brand-drift 38s linear infinite;will-change:transform}
.marquee-track>span{white-space:nowrap;font-size:clamp(25px,3.3vw,52px);font-weight:500;letter-spacing:-.035em;padding-right:26px}
.marquee-track i{display:inline-block;font-style:normal;color:#ff7951;padding:0 26px}
@keyframes brand-drift{to{transform:translateX(-50%)}}
.button>span,.text-link>span{display:inline-block;transition:transform .25s ease}
.button:hover>span,.text-link:hover>span{transform:translate(3px,-3px)}
.js .motion-item{opacity:0;transform:translateY(20px);transition:opacity .7s ease var(--stagger,0ms),transform .7s cubic-bezier(.2,.7,.2,1) var(--stagger,0ms)}
.js .motion-visible>.motion-item{opacity:1;transform:none}
@media(max-width:700px){.brand-marquee{padding:22px 0}.marquee-track i{padding:0 17px}.hero-led{top:86px;width:42%}.panel-led{height:4px}.horizon-rim{bottom:-50%}}
@media(prefers-reduced-motion:reduce){.hero-glitter{display:none}.marquee-track{animation:none}.marquee-track>span:nth-child(2){display:none}.js .motion-item{opacity:1;transform:none;transition:none}.panel-led,.hero-led{transform:translateX(-50%)}.button:hover>span,.text-link:hover>span{transform:none}}