/* Native CSS / SVG motion. The original layout remains the source of sizing. */
.hero>.wrap{position:relative;z-index:1}
.hero-energy-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;opacity:.65}
.hero-energy-field:before{content:'';position:absolute;inset:2% -5% 0 45%;background-image:linear-gradient(#a7da5e10 1px,transparent 1px),linear-gradient(90deg,#a7da5e10 1px,transparent 1px);background-size:64px 64px;transform:perspective(650px) rotateX(58deg) rotateZ(-18deg);mask-image:radial-gradient(ellipse at 55% 45%,#000 5%,transparent 68%);-webkit-mask-image:radial-gradient(ellipse at 55% 45%,#000 5%,transparent 68%)}
.hero-energy-field i{position:absolute;top:72%;left:63%;width:55px;height:1px;border-radius:50%;background:linear-gradient(90deg,transparent,#c4f569aa,#edffd5);transform:rotate(-25deg);opacity:0;animation:energy-packet 10s linear infinite}
.hero-energy-field i:nth-child(2){top:38%;left:75%;width:28px;animation-delay:-4s;animation-duration:13s}
.hero-energy-field i:nth-child(3){top:61%;left:52%;width:35px;animation-delay:-7s;animation-duration:12s}
.electric-heading{position:relative}
.electric-line{position:relative;display:inline-block;max-width:100%;isolation:isolate}
.electric-glint{position:absolute;inset:0;pointer-events:none;color:transparent;background:linear-gradient(103deg,transparent 36%,#8dcb6733 42%,#e5ffb6bb 46%,#fff 48%,#d7ff9de6 50%,#c4f56966 54%,transparent 60%);background-size:320% 100%;background-position:150% 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 5px #bdf87970);animation:title-current 8.5s cubic-bezier(.32,.02,.17,1) infinite;opacity:.95}
.electric-line.lime .electric-glint{animation-delay:.42s;background-image:linear-gradient(103deg,transparent 36%,#b9ff6833 42%,#e8ffc8cc 46%,#fff 48%,#ecffcee6 50%,#d7ff7e80 54%,transparent 60%)}
.title-circuit{position:absolute;left:0;bottom:-13px;width:min(80%,460px);height:17px;overflow:visible;pointer-events:none;color:var(--lime)}
.title-trace{fill:none;stroke:currentColor;stroke-width:.7;opacity:.18}
.title-charge{fill:none;stroke:#dfffac;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:65 935;stroke-dashoffset:1000;filter:drop-shadow(0 0 3px #c4f569);animation:title-trace 8.5s ease-in-out infinite}
.title-circuit circle{fill:var(--lime);opacity:.35}
.hardware-float{position:absolute;inset:0;animation:hardware-drift 8s ease-in-out infinite;pointer-events:none}
.hardware .hardware-circuit{position:absolute;left:-5%;top:0;width:112%;height:100%;margin:0;overflow:visible;pointer-events:none}
.rail-current{stroke:#f0ffdc;stroke-width:1.6;stroke-dasharray:75 925;stroke-dashoffset:1000;animation:rail-flow 4.8s linear infinite;opacity:.9}
.rail-two{animation-delay:-1.6s}.rail-three{animation-delay:-3.2s}
.rail-glow{stroke:#c4f569;stroke-width:5;filter:url(#current-glow);opacity:.7}
.data-current{stroke:#c4f569;stroke-width:1;stroke-dasharray:40 960;stroke-dashoffset:1000;animation:rail-flow 6.5s linear infinite;opacity:.7}
.data-current-two{animation-delay:-3s}
.hardware-info{overflow:hidden}
.hardware-info:after{content:'';position:absolute;inset:-50% auto -50% 0;width:30%;background:linear-gradient(100deg,transparent,#d7ff9f13,transparent);transform:translateX(-200%) skewX(-18deg);animation:panel-scan 11s ease-in-out infinite;pointer-events:none}
.hardware-info .micro:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--lime);margin-right:6px;vertical-align:2px;box-shadow:0 0 7px #c4f56966;animation:signal-breathe 3.7s ease-in-out infinite}
.hero-copy{animation:hero-arrive .9s cubic-bezier(.18,.7,.25,1) both}
#hardware-slot{animation:art-arrive 1.25s cubic-bezier(.18,.7,.25,1) both}
.gpu-card:before,.quote-panel:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(230px circle at var(--pointer-x,50%) var(--pointer-y,30%),#c4f56912,transparent 75%);opacity:0;transition:opacity .3s}
.gpu-card:hover:before,.quote-panel:hover:before{opacity:1}
html.motion-enabled .gpu-card.motion-reveal.is-visible:hover{transform:translateY(-4px)}
.quote-panel{position:relative}
.gpu-card .gpu-icon{transition:color .25s,filter .25s}
.gpu-card:hover .gpu-icon{color:var(--lime);filter:drop-shadow(0 0 6px #c4f56945)}
.capacity-meter span{position:relative;overflow:hidden}
.capacity-meter .used:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#f6ffe5cc,transparent);transform:translateX(-110%);animation:slot-current 3.5s ease-in-out infinite}
.capacity-meter .used:nth-child(2):after{animation-delay:.16s}.capacity-meter .used:nth-child(3):after{animation-delay:.32s}.capacity-meter .used:nth-child(4):after{animation-delay:.48s}.capacity-meter .used:nth-child(5):after{animation-delay:.64s}.capacity-meter .used:nth-child(6):after{animation-delay:.8s}.capacity-meter .used:nth-child(7):after{animation-delay:.96s}.capacity-meter .used:nth-child(8):after{animation-delay:1.12s}
.terminal-cursor{color:var(--lime);animation:cursor-blink 1.4s steps(1,end) infinite}
.terminal-dots i:last-child{background:#94b66f;animation:signal-breathe 3.5s ease-in-out infinite}
.recharge-amount{position:relative;overflow:hidden}
.recharge-amount:after{content:'';position:absolute;left:-40%;top:0;bottom:0;width:28%;background:linear-gradient(105deg,transparent,#d9ff9b0c,transparent);transform:translateX(-100%) skewX(-15deg);pointer-events:none;animation:recharge-scan 13s ease-in-out infinite}
.story-origins{position:relative;padding-bottom:11px}
.story-origins:before{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#5b754342,transparent)}
.story-origins:after{content:'';position:absolute;left:0;bottom:0;width:50px;height:1px;background:linear-gradient(90deg,transparent,#c4f569bb,transparent);opacity:0;animation:origin-packet 9s ease-in-out infinite}
.history-grid i:before{animation:signal-breathe 4.5s ease-in-out infinite}
.history-grid article:nth-child(2) i:before{animation-delay:1s}.history-grid article:nth-child(3) i:before{animation-delay:2s}
.motion-reveal{opacity:1;transform:none}
html.motion-enabled .motion-reveal{opacity:0;transform:translateY(17px);transition:opacity .65s ease,transform .75s cubic-bezier(.18,.7,.25,1);transition-delay:var(--reveal-delay,0ms)}
html.motion-enabled .motion-reveal.is-visible{opacity:1;transform:none}
.motion-toggle{position:relative;flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;padding:0;background:#151c15b3;border:1px solid #425037;border-radius:50%;color:#acc294;transition:color .2s,border-color .2s,background .2s}
.motion-toggle:hover{color:var(--lime);border-color:#789451;background:#25301d}
.motion-toggle svg{width:13px;height:13px}
.motion-toggle[hidden]{display:none}
/* Stop continuous work outside the viewport and while the page is hidden. */
.motion-zone:not(.motion-active) .electric-glint,.motion-zone:not(.motion-active) .title-charge,.motion-zone:not(.motion-active) .hardware-float,.motion-zone:not(.motion-active) .rail-current,.motion-zone:not(.motion-active) .data-current,.motion-zone:not(.motion-active) .hero-energy-field i,.motion-zone:not(.motion-active) .hardware-info:after,.motion-zone:not(.motion-active) .hardware-info .micro:before,.motion-zone:not(.motion-active) .terminal-cursor,.motion-zone:not(.motion-active) .terminal-dots i,.motion-zone:not(.motion-active) .history-grid i:before,.capacity-meter.motion-zone:not(.motion-active) .used:after,.recharge-amount.motion-zone:not(.motion-active):after,.story-origins.motion-zone:not(.motion-active):after{animation-play-state:paused}
html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation-play-state:paused!important}
html.motion-paused .motion-reveal{opacity:1!important;transform:none!important;transition:none!important}
html.motion-paused .electric-glint,html.motion-paused .title-charge,html.motion-paused .rail-current,html.motion-paused .data-current,html.motion-paused .hero-energy-field i,html.motion-paused .capacity-meter .used:after,html.motion-paused .hardware-info:after,html.motion-paused .recharge-amount:after,html.motion-paused .story-origins:after{opacity:0!important}
html.motion-paused .hardware-float{transform:none!important}
html.motion-paused .hero-copy,html.motion-paused #hardware-slot{animation:none!important;opacity:1!important;transform:none!important}
.history-grid.motion-zone:not(.motion-active) i:before{animation-play-state:paused}
@keyframes title-current{0%,9%{background-position:150% 0}40%,100%{background-position:-110% 0}}
@keyframes title-trace{0%,9%{stroke-dashoffset:1000;opacity:0}13%{opacity:.9}43%{stroke-dashoffset:0;opacity:.9}48%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes hardware-drift{0%,100%{transform:translateY(1px)}50%{transform:translateY(-8px)}}
@keyframes rail-flow{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
@keyframes energy-packet{0%,10%{opacity:0;transform:translate(-80px,35px) rotate(-25deg)}24%{opacity:.55}55%{opacity:.55}70%,100%{opacity:0;transform:translate(150px,-70px) rotate(-25deg)}}
@keyframes panel-scan{0%,54%{transform:translateX(-200%) skewX(-18deg)}78%,100%{transform:translateX(600%) skewX(-18deg)}}
@keyframes recharge-scan{0%,65%{transform:translateX(-100%) skewX(-15deg)}88%,100%{transform:translateX(650%) skewX(-15deg)}}
@keyframes slot-current{0%,28%{transform:translateX(-110%);opacity:0}35%{opacity:1}67%{transform:translateX(110%);opacity:1}73%,100%{transform:translateX(110%);opacity:0}}
@keyframes signal-breathe{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes origin-packet{0%,20%{transform:translateX(0);opacity:0}30%{opacity:.9}75%{transform:translateX(250px);opacity:.8}85%,100%{transform:translateX(250px);opacity:0}}
@keyframes cursor-blink{0%,45%{opacity:1}46%,100%{opacity:0}}
@keyframes hero-arrive{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
@keyframes art-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:700px){.hero-energy-field:before{inset:30% -25% 0 5%;background-size:48px 48px}.hero-energy-field i{display:none}.hardware-float{animation-duration:10s}.title-circuit{bottom:-10px;height:13px;width:84%}.electric-glint{filter:none}.motion-toggle{width:25px;height:25px}.story-origins{padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){.hero-copy,#hardware-slot,.hardware-float,.electric-glint,.title-charge,.rail-current,.data-current,.hero-energy-field i,.hardware-info:after,.hardware-info .micro:before,.capacity-meter .used:after,.terminal-cursor,.terminal-dots i,.recharge-amount:after,.story-origins:after,.history-grid i:before{animation:none!important}.electric-glint,.title-charge,.rail-current,.data-current,.hero-energy-field i,.capacity-meter .used:after,.hardware-info:after,.recharge-amount:after,.story-origins:after{opacity:0!important}html.motion-enabled .motion-reveal{opacity:1!important;transform:none!important;transition:none!important}.motion-toggle{display:none}.hardware-float{transform:none!important}}