.shader-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;min-height:700px;padding:62px 24px 54px;background:#070709;background-image:radial-gradient(ellipse at 22% 66%,#ff765c30,transparent 38%),radial-gradient(ellipse at 80% 64%,#c6cdd72b,transparent 38%);border-bottom:1px solid #ffffff12}
#hero-shader{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;opacity:0}.shader-ready #hero-shader{opacity:1}.shader-hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#07070915 0%,#07070944 20%,#07070908 75%,#0b0b0d 100%)}
.shader-hero .hero-frame{position:relative;width:min(940px,100%);padding:44px 30px 34px;text-align:center;border:1px solid #d6dce51f;background:linear-gradient(130deg,#11121638,#09090d26);box-shadow:0 0 0 9px #b8c0ce06,inset 0 1px 0 #ffffff09}
.hero-frame:before,.hero-frame:after{content:'+';position:absolute;font-size:20px;font-weight:300;color:#b8bec7;line-height:1}.hero-frame:before{left:-6px;top:-10px}.hero-frame:after{right:-6px;bottom:-9px}
.shader-hero .eyebrow{font-size:11px;letter-spacing:.21em;color:#d5d5d8;justify-content:center}.shader-hero .eyebrow:before{width:6px;height:6px;border-radius:50%;background:#ff9b87;box-shadow:0 0 14px #ff765c}
.shader-hero h1{display:block;max-width:none;margin:26px auto 22px;font-size:clamp(3.2rem,7.2vw,6.25rem);line-height:1.02;letter-spacing:-.065em;color:#f3f3f5;font-weight:850;text-shadow:0 2px 24px #0009}.shader-hero h1 span{display:block;white-space:normal}.shader-hero h1 .accent{color:#ff9a84;background:linear-gradient(115deg,#ffb6a5 10%,#ff7459 65%,#ffd4c9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.shader-hero .hero-copy{max-width:575px;margin:0 auto;color:#d0cfd3;font-size:17px;line-height:1.7;text-wrap:pretty;text-shadow:0 1px 12px #000}
.shader-hero .actions{justify-content:center;margin-top:28px;gap:12px}.shader-hero .liquid-cta{color:#fff;border:1px solid #ffffff55;background:linear-gradient(130deg,#a9b2bf45,#52545e35 45%,#dddce42b);backdrop-filter:blur(14px);box-shadow:inset 1px 1px 0 #ffffff66,inset -1px -1px 0 #ffffff22,0 6px 24px #0005;min-height:52px;padding-inline:27px;font-weight:650}.shader-hero .liquid-cta:hover{background:linear-gradient(130deg,#fa9b8255,#797c8545);border-color:#ffa58e;transform:translateY(-2px)}
.shader-hero .secondary-cta{background:#0a0a0b99;border-color:#b7b9c536;color:#e1e2e7;font-weight:550}.shader-hero .hero-shortcuts{display:flex;gap:12px 24px;justify-content:center;flex-wrap:wrap;margin-top:28px;font-size:13px;color:#aeb1b9}.hero-shortcuts a{padding-block:6px}.hero-shortcuts strong{font-weight:600;color:#e1e3e8}.hero-shortcuts a:hover{color:#ff9b86}.shader-hero .motion-toggle{position:absolute;right:24px;bottom:12px;border:0;background:transparent;color:#aeb1b9;font-size:11px;padding:8px;cursor:pointer}.motion-toggle:hover{color:#fff}.motion-toggle:focus-visible{outline:2px solid #ff9b86;outline-offset:2px}
@media(max-width:650px){.shader-hero{min-height:630px;padding:32px 20px 46px}.shader-hero .hero-frame{padding:34px 14px 26px}.shader-hero h1{font-size:clamp(2.7rem,11.3vw,4.2rem);margin-top:25px}.shader-hero .hero-copy{font-size:15px}.shader-hero .eyebrow{font-size:9px;letter-spacing:.13em}.shader-hero .actions{flex-direction:column;align-items:stretch;gap:10px}.shader-hero .hero-shortcuts{gap:2px 15px;font-size:12px}.shader-hero .motion-toggle{right:15px;bottom:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.shader-hero *, .shader-hero *:before,.shader-hero *:after{animation:none!important;transition:none!important}}