/* Comparison-only hero directions; no effect on the default landing. */
.hero-preview-mode #promo-bubble{display:none!important}
.hero-comparison{position:relative;isolation:isolate;min-height:520px;padding:34px 18px 40px;border:0;display:grid;align-items:center;gap:8px;overflow:hidden;background:transparent}
.hero-comparison__copy{position:relative;z-index:2;max-width:520px;margin:auto;text-align:center}
.hero-comparison__eyebrow{font:600 11px/1.3 "Space Grotesk",sans-serif!important;letter-spacing:.18em;text-transform:uppercase;color:#8cfc98!important;margin:0 0 12px!important}
.hero-comparison h2.hero-comparison__headline{font:700 clamp(28px,4.5vw,44px)/1.06 "Space Grotesk",sans-serif!important;letter-spacing:-.045em;color:#e8e8e8;margin:0 0 14px}
.hero-comparison__detail{font:400 14px/1.5 "Space Grotesk",sans-serif!important;color:#a2aca4!important;max-width:40ch;margin:0 auto 18px!important}
.hero-comparison__stage{position:relative;display:grid;place-items:center;width:min(100%,420px);height:285px;margin:auto;perspective:800px}
.hero-comparison__stage model-viewer{width:100%;height:100%;position:relative;z-index:2;--poster-color:transparent;touch-action:pan-y;filter:drop-shadow(0 18px 24px #0009)}
.hero-comparison__stage:before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse,#8cfc982b 0%,#3d99531a 35%,transparent 70%);filter:blur(16px);transform:scale(1.15,.9);z-index:0}
.hero-comparison__poster{width:160px;height:160px;object-fit:contain;opacity:.6}
.hero-comparison__loading{position:absolute;bottom:5px;left:0;right:0;text-align:center;color:#99a49b;font-size:10px;letter-spacing:.08em;z-index:3}
.hero-comparison__stage.is-ready .hero-comparison__loading{display:none}
.hero-comparison__cta{display:inline-flex;width:auto!important;align-items:center;gap:9px;min-height:44px;padding:12px 20px!important;text-decoration:none;font-size:13px!important}
.hero-comparison__cta span{color:inherit}.hero-comparison__stage .hero-rings{display:none}
.hero-comparison[data-mode="portal"]{grid-template-rows:auto auto}
.hero-comparison[data-mode="portal"] .hero-comparison__stage{grid-row:1}
.hero-comparison[data-mode="portal"] .hero-comparison__stage:after{content:"";position:absolute;width:74%;height:38%;border-radius:50%;border:1px solid #8cfc983b;transform:rotateX(66deg);bottom:12px;box-shadow:0 0 45px #8cfc9815}
.hero-comparison[data-mode="manifesto"]{grid-template-columns:1.12fr .88fr;gap:8px;min-height:560px;padding-inline:0}
.hero-comparison[data-mode="manifesto"] .hero-comparison__copy{text-align:left;margin:0;grid-column:1;grid-row:1}
.hero-comparison[data-mode="manifesto"] .hero-comparison__headline{font-size:clamp(36px,5.8vw,66px)!important;max-width:8ch}
.hero-comparison[data-mode="manifesto"] .hero-comparison__detail{margin-left:0!important;max-width:30ch}
.hero-comparison[data-mode="manifesto"] .hero-comparison__stage{grid-column:2;grid-row:1;height:370px;width:100%;transform:translate(var(--hero-x,0),var(--hero-y,0));transition:transform .35s ease-out}
.hero-comparison[data-mode="radar"]{min-height:560px;grid-template-rows:auto auto}
.hero-comparison[data-mode="radar"] .hero-comparison__stage{grid-row:1;height:315px;width:350px;max-width:100%}
.hero-comparison[data-mode="radar"] .hero-comparison__stage:before{opacity:.45}
.hero-comparison[data-mode="radar"] model-viewer{width:83%;height:83%}
.hero-comparison[data-mode="radar"] .hero-rings{display:block;position:absolute;inset:0;border:1px solid #8cfc9838;border-radius:50%;transform:rotateX(18deg);z-index:1}
.hero-rings:before,.hero-rings:after{content:"";position:absolute;border:1px solid #8cfc9824;border-radius:50%;inset:14%}.hero-rings:after{inset:28%}
.hero-radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg 295deg,#8cfc981a 340deg,transparent 360deg);animation:heroSweep 14s linear infinite}
.hero-radar-dot{position:absolute;width:4px;height:4px;background:#8cfc98;border-radius:50%;left:19%;top:22%;box-shadow:0 0 10px #8cfc98}
.hero-gallery-label{font:600 10px/1.4 "Space Grotesk",sans-serif;color:#859589!important;letter-spacing:.12em;margin:28px 0 12px!important;text-transform:uppercase}
@keyframes heroSweep{to{transform:rotate(360deg)}}
@media(max-width:620px){.hero-comparison{min-height:490px;padding:18px 0 32px}.hero-comparison__stage{height:245px;width:100%}.hero-comparison h2.hero-comparison__headline{font-size:30px!important}.hero-comparison__detail{font-size:13px!important}.hero-comparison[data-mode="manifesto"]{grid-template-columns:1fr;min-height:590px;padding:22px 0}.hero-comparison[data-mode="manifesto"] .hero-comparison__copy{grid-column:1;grid-row:1;text-align:left}.hero-comparison[data-mode="manifesto"] .hero-comparison__headline{font-size:42px!important;max-width:9ch}.hero-comparison[data-mode="manifesto"] .hero-comparison__stage{grid-column:1;grid-row:2;height:240px;margin-top:0}.hero-comparison[data-mode="radar"]{min-height:515px}.hero-comparison[data-mode="radar"] .hero-comparison__stage{height:260px;width:285px}}
@media(prefers-reduced-motion:reduce){.hero-radar-sweep{animation:none}.hero-comparison__stage{transition:none!important}}
/* Keep optional floating chrome out of the composition study only. */
.hero-preview-mode #sp-fab-stack,.hero-preview-mode #help-fab,.hero-preview-mode .foot-wrap{display:none!important}

.hero-comparison__static{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;filter:drop-shadow(0 15px 26px #0008)}
.hero-comparison__stage model-viewer{opacity:0}
.hero-comparison__stage.is-ready model-viewer{opacity:1}
.hero-comparison__stage.is-ready .hero-comparison__static{display:none}
.hero-comparison[data-mode="radar"] .hero-comparison__static{width:83%;height:83%;inset:8.5%}
