/* Extra atmosphere, with the existing monochrome tool-card palette preserved. */
.ambient-backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:strict}
.ambient-backdrop:before,.ambient-backdrop:after{content:"";position:absolute;width:680px;height:680px;border-radius:50%;pointer-events:none}
.ambient-backdrop:before{top:-240px;right:-280px;background:radial-gradient(circle,#a92c3712,transparent 67%);animation:ambient-drift 24s ease-in-out infinite}
.ambient-backdrop:after{bottom:-410px;left:-400px;background:radial-gradient(circle,#ffffff05,transparent 68%);animation:ambient-drift 31s ease-in-out infinite reverse}
.header,main.wrap,.footer{position:relative;z-index:1}
.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;pointer-events:none;z-index:45;background:#ffffff03}
.reading-progress span{display:block;width:100%;height:100%;transform:scaleX(var(--reading-progress,0));transform-origin:left;background:linear-gradient(90deg,#7f1520,#f23845,#ff858c);box-shadow:0 0 10px #f2384530}
.hero-art .particle-field{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.8}
.hero-art .particle-field.particles-paused{opacity:0}
.hero-logo-stage{z-index:1}
.hero-art .art-label,.hero-art .art-cross{z-index:2}
.magnetic-button{translate:var(--magnet-x,0px) var(--magnet-y,0px);transition:translate .23s ease-out,background .2s,filter .2s,box-shadow .2s}
.magnetic-button>span:not(.fx-ripple){transition:transform .25s ease}
.magnetic-button:hover>span:not(.fx-ripple){transform:translateX(2px)}
.copy-code:hover .code-word{text-shadow:0 0 16px #f2384535}
.hero-copy h1{animation:hero-arrive .85s cubic-bezier(.2,.7,.2,1) both}
.hero-copy .hero-description{animation:hero-arrive .85s cubic-bezier(.2,.7,.2,1) .09s both}
.hero-copy .hero-links{animation:hero-arrive .85s cubic-bezier(.2,.7,.2,1) .17s both}
@keyframes ambient-drift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-60px,40px,0) scale(1.15)}}
@keyframes hero-arrive{from{opacity:0;translate:0 11px}to{opacity:1;translate:0 0}}
@media(max-width:700px),(hover:none),(pointer:coarse){.magnetic-button{translate:none!important}.magnetic-button:hover>span:not(.fx-ripple){transform:none}.hero-art .particle-field{opacity:.48}.ambient-backdrop:before,.ambient-backdrop:after{animation:none}}
@media(prefers-reduced-motion:reduce){.ambient-backdrop:before,.ambient-backdrop:after,.hero-copy h1,.hero-copy .hero-description,.hero-copy .hero-links{animation:none!important;opacity:1;translate:none}.hero-art .particle-field{display:none}.magnetic-button{translate:none!important;transition:none!important}.magnetic-button>span{transition:none!important;transform:none!important}}