/* Direction 04: a suspended CONQUE core over a physical holographic projector. */
.hero{height:700px;min-height:620px;background:#030b14;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 46%,#0b304948,transparent 57%),linear-gradient(180deg,#020a12 0%,#06131f 80%,#030b14 100%);z-index:-1}
.hero .hero-content{position:relative;align-items:center;padding-bottom:25px;pointer-events:none}
.hero .hero-copy{left:30px;width:470px;max-width:43%;pointer-events:auto}
.hero h1{font-size:clamp(48px,4.7vw,70px);line-height:1.2;letter-spacing:-2px}
.hero .wordmark{font-size:clamp(34px,3.4vw,48px);margin-bottom:22px}
.hero .hero-description{color:#9cb5c7}
.hero .hero-signature{color:#64859b}
.holo-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.holo-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 73% 78%,#0387bf19,transparent 40%)}
.holo-floor{position:absolute;left:30%;right:-25%;height:40%;bottom:-18%;transform:perspective(450px) rotateX(64deg);transform-origin:center top;background:repeating-linear-gradient(90deg,transparent 0 89px,#33657b24 90px 91px),repeating-linear-gradient(0deg,transparent 0 69px,#33657b24 70px 71px);mask-image:radial-gradient(ellipse,#000,transparent 67%)}
.holo-stage{position:absolute;width:min(740px,61vw);aspect-ratio:1.1;right:max(0px,calc((100vw - 1400px)/2));top:50%;transform:translateY(-48%);perspective:1200px}
.holo-stage:before{content:"";position:absolute;inset:3% 8% 14%;background:repeating-linear-gradient(90deg,transparent 0 63px,#37bfff08 64px 65px);mask-image:linear-gradient(transparent,#000 40%,transparent)}
.holo-beam{position:absolute;left:19%;width:62%;bottom:23%;height:56%;background:linear-gradient(0deg,#46e4ff3d,#12c9ff0d 55%,transparent),linear-gradient(90deg,#58eaff16,transparent 18%,transparent 80%,#58eaff1c);clip-path:polygon(0 0,100% 0,81% 100%,19% 100%);mask-image:linear-gradient(transparent,#000 35%);animation:holo-breathe 6s ease-in-out infinite}
.holo-beam-edge{position:absolute;width:1px;height:49%;bottom:24%;background:linear-gradient(transparent,#7deaff65);transform-origin:bottom;filter:drop-shadow(0 0 5px #00aaff);opacity:.45}
.edge-left{left:32%;transform:rotate(-12deg)}.edge-right{right:32%;transform:rotate(12deg)}
.holo-coin-float{position:absolute;width:66%;aspect-ratio:1;left:17%;top:-2%;animation:holo-float 7s ease-in-out infinite;z-index:3}
.holo-coin{width:100%;height:100%;transform-style:preserve-3d;animation:holo-turn 15s ease-in-out infinite;filter:drop-shadow(0 0 9px #29cfff44) drop-shadow(0 18px 27px #0008)}
.holo-coin img{display:block;width:100%;height:100%;object-fit:contain;user-select:none}
.holo-scan{position:absolute;left:25%;width:50%;height:15%;bottom:25%;border:1px solid #80e8ff3b;border-radius:50%;animation:holo-scan-rise 6s ease-out infinite;z-index:2}
.holo-pedestal{position:absolute;bottom:0;left:0;width:100%;height:auto;overflow:visible;fill:none;stroke:none;z-index:5}
.holo-pedestal *{stroke-linecap:butt;stroke-linejoin:miter}
.holo-platform-dashes{animation:holo-dashes 24s linear infinite}
.holo-source-glow{position:absolute;left:32%;width:36%;height:4%;bottom:22%;border-radius:50%;background:#5de8ff;filter:blur(15px);opacity:.42;z-index:6;animation:holo-breathe 6s ease-in-out infinite}
.holo-particles{position:absolute;inset:5% 15% 25%;z-index:2;overflow:hidden;mask-image:linear-gradient(transparent,#000 25%,#000 85%,transparent)}
.holo-particle{position:absolute;left:var(--x);top:100%;width:2px;height:var(--length);background:linear-gradient(transparent,#a7efff);border-radius:2px;opacity:0;animation:holo-particle-rise var(--duration) var(--delay) linear infinite}



.hero.motion-paused .holo-scene *,.hero.motion-suspended .holo-scene *{animation-play-state:paused!important}
@keyframes holo-turn{0%,100%{transform:rotateY(-19deg) rotateZ(-5deg)}50%{transform:rotateY(19deg) rotateZ(4deg)}}
@keyframes holo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes holo-breathe{0%,100%{opacity:.55}50%{opacity:.95}}
@keyframes holo-dashes{to{stroke-dashoffset:-340}}
@keyframes holo-particle-rise{0%{transform:translateY(0);opacity:0}15%{opacity:.65}80%{opacity:.35}100%{transform:translateY(-390px);opacity:0}}
@keyframes holo-scan-rise{0%{transform:translateY(0) scale(.8);opacity:0}15%{opacity:.55}100%{transform:translateY(-210px) scale(1.2);opacity:0}}
@media(min-width:1600px){.hero{height:760px}.holo-stage{width:800px}}
@media(min-width:761px) and (max-width:1100px){.hero{height:620px;min-height:0}.hero .hero-copy{max-width:44%}.hero h1{font-size:48px}.holo-stage{right:-4%;width:64vw}}
@media(max-width:760px){
 .hero{height:860px;min-height:0}
 .hero .hero-content{padding-top:45px;padding-bottom:0;align-items:flex-start}
 .hero .hero-copy{padding-top:0;align-self:auto;width:calc(100% - 30px);max-width:none;left:30px}
 .hero h1{font-size:44px;line-height:1.2;letter-spacing:-1.5px}
 .hero .wordmark{font-size:33px;margin-bottom:17px}
 .hero h1 br{display:none}
 .hero .hero-description{font-size:12px;margin-top:20px}
 .hero .hero-actions{margin-top:23px}
 .hero .hero-signature{margin-top:20px}
 .holo-stage{width:min(620px,110vw);right:50%;top:auto;bottom:18px;transform:translateX(50%)}
 .holo-floor{left:-40%;right:-40%;bottom:-16%;height:32%}
 
 .holo-atmosphere{background:radial-gradient(ellipse at 50% 70%,#0a5e8428,transparent 60%)}
}
@media(max-width:480px){.hero{height:760px}.hero .hero-content{padding-top:35px}.hero h1{font-size:36px}.holo-stage{bottom:30px;width:116vw}.hero .hero-signature{display:none}}
@media(max-width:380px){.hero{height:695px}.hero h1{font-size:31px}.hero .wordmark{font-size:29px}.hero .hero-content{padding-top:30px}.hero .hero-actions{margin-top:20px}.holo-stage{bottom:36px;width:120vw}}
@media(prefers-reduced-motion:reduce){.hero .holo-scene *{animation:none!important}.holo-coin{transform:rotateY(-12deg)}.holo-particle{display:none}.holo-scan{opacity:.25}}