.progress-bar{height:3px;width:var(--read-progress,0%);background:linear-gradient(90deg,#00d3bc,#2467ff);position:fixed;top:0;left:0;z-index:20;box-shadow:0 0 12px rgba(36,103,255,.6)}
h1{font-size:clamp(55px,6.7vw,100px);line-height:1.1}.hero-lede{max-width:530px;font-size:19px}.section-heading h2,.about h2,.contact h2{font-size:clamp(42px,4.6vw,66px);line-height:1.15}.section-heading>p:last-child{font-size:16px}.card-body h3{font-size:34px}.card-body p:not(.product-type){font-size:16px}.about-copy p:last-child{font-size:18px}.intro-strip p{font-size:16px}
.hero-art{transform:translate3d(var(--art-x,0),var(--art-y,0),0);will-change:transform}.orbit{will-change:transform}.orbit-one{animation:orbit-a 16s linear infinite}.orbit-two{animation:orbit-b 21s linear infinite}.orbit-three{animation:orbit-a 29s linear infinite reverse}.core{animation:core-float 5s ease-in-out infinite}.light-beam{width:350px;height:65px;position:absolute;background:linear-gradient(90deg,transparent,rgba(56,119,255,.31),transparent);filter:blur(10px);transform:rotate(-28deg);animation:beam 5s ease-in-out infinite}.beam-two{transform:rotate(62deg);animation-delay:-2.5s}.dot{animation:pulse 2.6s ease-out infinite}.d2{animation-delay:-1.2s}.d3{animation-delay:-2s}.scroll-note span{animation:scroll-line 1.8s ease-in-out infinite}.data-line{animation:data-flow 3s linear infinite}.compression-bars i{animation:compress 1.9s ease-in-out infinite alternate}.compression-bars i:nth-child(2){animation-delay:-.5s}.compression-bars i:nth-child(3){animation-delay:-1s}.compression-bars i:nth-child(4){animation-delay:-1.5s}.compression-bars i:nth-child(5){animation-delay:-.3s}.compression-bars i:nth-child(6){animation-delay:-1.3s}.compression-bars i:nth-child(7){animation-delay:-.8s}.about-stamp{animation:stamp 9s ease-in-out infinite}.contact{position:relative;overflow:hidden}.contact:after{content:"";width:560px;height:560px;border:1px solid rgba(255,255,255,.22);border-radius:50%;position:absolute;right:-100px;top:-250px;box-shadow:0 0 0 70px rgba(255,255,255,.04),0 0 0 140px rgba(255,255,255,.025);animation:contact-orbit 12s linear infinite}.contact>*{position:relative;z-index:1}.tilt-card{transition:transform .4s ease,box-shadow .4s ease;isolation:isolate}.tilt-card:before{content:"";position:absolute;inset:-30%;z-index:-1;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(90,145,255,.22),transparent 31%);opacity:0;transition:opacity .4s}.tilt-card:hover{transform:translateY(-8px);box-shadow:0 18px 30px rgba(25,50,100,.12)}.tilt-card:hover:before{opacity:1}.reveal{opacity:0;transform:translateY(38px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.1,1)}.reveal.visible{opacity:1;transform:none}
@keyframes orbit-a{to{transform:rotate(332deg)}}@keyframes orbit-b{to{transform:rotate(402deg)}}@keyframes core-float{50%{transform:translateY(-12px) scale(1.035)}}@keyframes pulse{50%{box-shadow:0 0 0 12px transparent;transform:scale(.75)}}@keyframes beam{50%{opacity:.25;filter:blur(18px)}}@keyframes scroll-line{50%{width:15px;opacity:.3}}@keyframes data-flow{50%{transform:translateX(-18px);opacity:.25}}@keyframes compress{to{transform:scaleY(.6);transform-origin:bottom}}@keyframes stamp{50%{transform:rotate(9deg) scale(1.05)}}@keyframes contact-orbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
@media(max-width:760px){h1{font-size:52px}.hero-lede{font-size:16px}.intro-strip p{font-size:13px}.card-body h3{font-size:31px}.card-body p:not(.product-type),.about-copy p:last-child{font-size:16px}.light-beam{opacity:.55}.tilt-card:hover{transform:none}}