/* All scenes stay in document flow. Only the artwork responds to scroll. */
body{overflow-x:clip}
.hero.model-enabled{height:auto;min-height:0;display:block;padding:136px 0 88px;overflow:clip}
.model-enabled .hero-grid{position:relative;top:auto;min-height:0;grid-template-columns:1.05fr 1fr;gap:35px;align-items:center}
.model-enabled .hero-copy{position:relative;z-index:3}
.model-enabled h1{font-size:clamp(44px,5.2vw,70px)}
.model-enabled .system-visual{height:620px;min-height:0;max-height:calc(100vh - 125px);margin-top:110px;transform:none!important;perspective:none;overflow:visible}
.model-enabled .system-panel{inset:auto 0 0;height:410px;transform:scale(.54)!important;transform-origin:bottom right;animation:none;opacity:.92}
.model-enabled .floating-chip{font-size:9px}
.model-enabled .chip-one{top:7%;right:0}.model-enabled .chip-two{bottom:22px;left:0}
.model-enabled .orbital-field,.model-enabled .system-glow{display:none}
.model-stage{position:absolute;inset:-20px -35px 88px;pointer-events:none;contain:layout paint}
.model-stage canvas,.process-model canvas,.assembly-art canvas,.logo-assembly canvas{display:block;width:100%;height:100%}
.model-stage::before,.process-model::before{content:'';position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,#13d3cf16,transparent 65%);pointer-events:none}
.model-track{position:absolute;left:12px;right:55%;bottom:80px;height:2px;background:#63f4ed25;overflow:hidden}
.model-track-fill{display:block;height:100%;background:#63f4ed;transform:scaleX(0);transform-origin:left}
.model-motion-toggle{position:absolute;z-index:6;bottom:-30px;right:0;min-height:36px;padding:8px 12px;border:1px solid #63f4ed38;border-radius:8px;background:#09181d;color:#b7dcd9;font:11px var(--font);cursor:pointer}
.model-motion-toggle:hover{border-color:var(--cyan);color:var(--bright)}
.model-motion-toggle:focus-visible{outline:2px solid var(--bright);outline-offset:3px}
.model-markers{position:absolute;inset:14%;pointer-events:none;border:1px solid #63f4ed0d;border-radius:50%}
.model-markers::before,.model-markers::after{content:'+';position:absolute;color:#63f4ed90;font:18px var(--mono)}
.model-markers::before{top:15%;left:0}.model-markers::after{bottom:15%;right:0}
.process-intro{position:relative;top:auto}
.process-model{position:relative;height:310px;margin-top:24px;overflow:hidden;border-radius:24px;contain:layout paint;background:radial-gradient(ellipse,#c0ece740,transparent 65%)}
.assembly-art{position:relative;height:240px;margin:24px 0 0;overflow:hidden;border:1px solid #63f4ed19;border-radius:16px;contain:layout paint;background:radial-gradient(ellipse,#16d5d110,transparent 72%),linear-gradient(#63f4ed06 1px,transparent 1px),linear-gradient(90deg,#63f4ed06 1px,transparent 1px);background-size:auto,24px 24px,24px 24px;pointer-events:none}
.logo-assembly{position:relative;width:200px;height:155px;margin:0 auto 24px;contain:layout paint;pointer-events:none}
/* Remove pointer tilt where scroll-assembled models live. */
.product-card{transform-style:flat}
.final-cta{padding-top:64px}
.header-cta{flex-shrink:0;white-space:nowrap;min-height:42px;padding-inline:14px;font-size:13px}
.header-cta svg{width:16px;height:16px;flex-shrink:0}
@media(min-width:981px) and (max-height:780px){.model-enabled h1{font-size:clamp(42px,4.3vw,60px)}.model-enabled .hero-sub{font-size:15px}.model-enabled .hero-actions{margin-top:20px}.model-enabled .system-visual{height:500px}.hero.model-enabled{padding-top:115px}}
@media(max-width:980px){.hero.model-enabled{padding:110px 0 76px}.model-enabled .hero-grid{grid-template-columns:1fr;gap:20px;align-content:start}.model-enabled .hero-copy{max-width:720px}.model-enabled h1{font-size:clamp(32px,6vw,56px);max-width:100%;margin:18px 0}.model-enabled .hero-sub{font-size:15px;line-height:1.6}.model-enabled .hero-actions{display:flex;margin-top:20px;gap:8px}.model-enabled .hero-actions .btn{width:auto;font-size:12px;min-height:44px;padding:10px 12px}.model-enabled .system-visual{height:350px;max-height:none;width:100%;max-width:580px;margin-top:0}.model-stage{inset:0 0 32px}.model-enabled .system-panel{display:none}.model-enabled .chip-one{top:20px}.model-enabled .chip-two{bottom:10px}.model-track{bottom:15px;left:55%;right:0}.process-model{height:270px;max-width:480px}.model-enabled .hero-copy .eyebrow{font-size:10px}.model-motion-toggle{bottom:-32px}}
@media(max-width:600px){.model-enabled .system-visual{height:300px}.model-enabled h1{font-size:clamp(32px,8.8vw,44px)}.model-enabled .hero-actions .btn{font-size:11px}.model-enabled .hero-sub{font-size:14px}.model-enabled .chip-one,.model-enabled .chip-two{font-size:8px;padding:8px}.assembly-art{height:200px}.logo-assembly{width:170px;height:135px}}
@media(max-height:610px) and (min-width:981px){.model-enabled .system-visual{max-height:none;height:460px;margin-top:70px}.hero.model-enabled{padding-bottom:85px}}
.model-motion-toggle:disabled{opacity:.65;cursor:default}
/* Composited idle movement: the existing canvas bitmap needs no redraw. */
.model-stage canvas{animation:model-float 12s cubic-bezier(.45,0,.55,1) infinite}
@keyframes model-float{
  0%,100%{transform:translateY(2px)}
  50%{transform:translateY(-5px)}
}
@media(prefers-reduced-motion:reduce){.model-stage canvas{animation:none!important;transform:none}}