/* Glass surfaces share a blue/warm light source across the page. */
body{background:radial-gradient(ellipse at 90% 27%,#15315b28,transparent 25%),radial-gradient(ellipse at 0 48%,#65381618,transparent 30%),#08090d}
header nav{border:1px solid #c5dbff33;border-radius:40px;padding:12px 26px;background:linear-gradient(135deg,#ffffff0a,#ffffff01);box-shadow:inset 0 1px 0 #ffffff18,0 8px 30px #0003;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.small-button,.button{background:linear-gradient(115deg,#b7c5e21a,#061021a8 50%,#387ff025);border:1px solid #b8d6ff70;box-shadow:inset 1px 1px 3px #ffffff80,inset -2px -2px 5px #237aff70,0 -2px 8px #78adff66,0 8px 26px #0005;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.hero{background:radial-gradient(ellipse at 75% 65%,#164c9b2e,transparent 50%)}
.aurora{opacity:.9;animation:light-drift 18s ease-in-out infinite alternate;background:conic-gradient(from 30deg,transparent,#1a5cff88,transparent,#ff9a3655,transparent)}
.orbit-art{width:440px;height:440px;right:6%;top:200px;transform:none!important;isolation:isolate}
.orbit-art canvas{display:block;width:100%;height:100%;position:absolute;inset:0;pointer-events:none}
.orbit-art .orbit{display:none}.orbit-art .core{transform:none;left:0;top:175px;text-align:center;width:100%;font-size:74px;color:#edf7ff;text-shadow:0 0 25px #b7d7ff66;letter-spacing:-5px;z-index:2;pointer-events:none}.orbit-art .core span{font-size:9px;letter-spacing:5px;color:#c6d8ef}
.float-label{transform:none;z-index:3;background:linear-gradient(120deg,#d7e8ff18,#0a122a88);border:1px solid #c8ddff50;box-shadow:inset 0 1px 0 #ffffff50,0 10px 32px #0005;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:label-drift 7s ease-in-out infinite}
.label-one{top:45px;left:-5px}.label-two{bottom:35px;right:-5px;animation-delay:-3.5s}
.hero .eyebrow{background:linear-gradient(100deg,#ffffff10,#7bafff08);backdrop-filter:blur(15px);border-color:#b8d4ff30;box-shadow:inset 0 1px 0 #ffffff20}
.service{position:relative;isolation:isolate;border:1px solid #adc9f237;background:linear-gradient(145deg,#a5caff0d,#0d111bcc 45%,#0c111ab0);box-shadow:inset 1px 1px 0 #e5f2ff20,inset -1px -1px 0 #7ca6f50c,0 24px 45px #0004;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:border-color .4s,box-shadow .4s,transform .4s;transform:perspective(900px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg))}
.service:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(350px circle at var(--light-x,75%) var(--light-y,20%),#8ec1ff15,transparent 70%)}
.service:after{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 5% 25%,#d88a3c1a,transparent 45%),radial-gradient(ellipse at 95% 35%,#2b76e92b,transparent 55%)}
.service:hover{border-color:#c3d9ff70;box-shadow:inset 1px 1px 0 #ffffff30,0 25px 60px #16386828}
.service-art{perspective:700px;overflow:visible}.service-art:before{content:'';position:absolute;width:170px;height:150px;border-radius:50%;background:conic-gradient(#2f72f8aa,#287cb222,#f8ab5466,#2f72f8aa);filter:blur(37px);opacity:.55;animation:illustration-light 12s linear infinite;z-index:-1}
.mini-browser{background:linear-gradient(130deg,#d4e6ff2b,#4b77b62b 40%,#101a3570);border-color:#c3dcff88;box-shadow:inset 1px 1px 2px #ffffff8a,inset -1px -1px 2px #659dff66,10px 20px 35px #0008;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:browser-hover 7s ease-in-out infinite}.mini-browser:after{content:'';position:absolute;width:50px;height:70px;right:-18px;bottom:-15px;background:linear-gradient(130deg,#e6f2ff44,#19396d66);border:1px solid #d7eaff99;border-radius:9px;box-shadow:inset 1px 1px 0 #fff5,0 10px 25px #0005;backdrop-filter:blur(8px);animation:small-pane 5s ease-in-out infinite}.mini-lines{animation:line-build 4s ease-in-out infinite;transform-origin:left}.art-orb{background:radial-gradient(circle at 27% 22%,#fff6 0,transparent 25%),radial-gradient(circle at 70% 75%,#448fff88,transparent 50%),radial-gradient(circle at 20% 75%,#ffab5eaa,transparent 55%),#768dbb16;border:1px solid #e8f2ff80;box-shadow:inset 2px 3px 7px #fff5,inset -5px -8px 14px #0c2347bb,0 0 25px #368dff33;backdrop-filter:blur(5px);animation:glass-float 6s ease-in-out infinite}
.layers-art>div{background:linear-gradient(125deg,#b0d3ff30,#446a9630 50%,#183c6830);border:1px solid #b9dcff77;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 1px 1px 1px #fff6,0 12px 25px #0005;animation:layer-drift 6s ease-in-out infinite}.layers-art>div:nth-child(2){animation-delay:-1s}.layers-art>div:nth-child(3){animation-delay:-2s}.layers-art small{color:#d8e9ff}.phone{background:radial-gradient(ellipse at 0 100%,#ffab5e88,transparent 60%),linear-gradient(150deg,#7fbbff44,#080e2399 70%);border:2px solid #d6e5ff9c;box-shadow:inset 2px 2px 4px #fff8,inset -3px -4px 10px #67a9ff44,10px 15px 35px #0008;backdrop-filter:blur(12px);animation:phone-hover 7s ease-in-out infinite}.phone-star{animation:star-turn 16s linear infinite;text-align:center;text-shadow:0 0 14px #b4d7ff}.phone-line{animation:line-build 4s ease-in-out infinite}.phone-art:after{content:'↗';position:absolute;right:24px;top:40px;width:50px;height:50px;border:1px solid #e7f1ff66;border-radius:14px;display:grid;place-items:center;font-size:27px;background:linear-gradient(135deg,#c9e6ff22,#25519122);backdrop-filter:blur(10px);box-shadow:inset 1px 1px 0 #fff5;animation:glass-float 6s ease-in-out infinite reverse}
.benefits{gap:16px}.benefits article,.benefits article+article{padding:22px;border:1px solid #bfd7ff25;border-radius:15px;background:linear-gradient(135deg,#b0cfff09,#070b14aa);position:relative;overflow:hidden;box-shadow:inset 0 1px 0 #fff1}.benefits .icon{height:130px;width:100%;margin-bottom:18px;position:relative;color:#cbe0ff}.benefits .icon:before{content:'';position:absolute;inset:10px 15%;background:linear-gradient(120deg,#db873c77,#146be799);filter:blur(30px);border-radius:50%;animation:illustration-light 12s linear infinite}.benefits svg{width:100%;height:130px;position:relative;filter:drop-shadow(0 0 6px #5c9fff66);overflow:visible}.circuit-line{stroke:#a5cfff;stroke-width:1;fill:none;opacity:.35}.circuit-pulse{stroke:#e0f4ff;stroke-width:1.8;fill:none;stroke-dasharray:8 125;animation:signal-travel 5s linear infinite}.circuit-point{fill:#14243e;stroke:#b5daff;stroke-width:1;animation:point-pulse 4s ease-in-out infinite}.diagram-center{fill:#e9f4ff0d;stroke:#c8e3ff99;stroke-width:1}.diagram-symbol{fill:#e5f3ff;font-size:23px;text-anchor:middle;font-family:Arial}.benefits article:nth-child(2) .circuit-pulse{animation-delay:-1.3s}.benefits article:nth-child(3) .circuit-pulse{animation-delay:-2.6s}.benefits article:nth-child(4) .circuit-pulse{animation-delay:-3.9s}.benefits h3{margin-top:0}
.estimate{background:radial-gradient(ellipse at 0 0,#4174c62b,transparent 65%),linear-gradient(135deg,#c9dfff0c,#10152199);box-shadow:inset 1px 1px 0 #ffffff30,inset -1px -1px 0 #91baff16,0 20px 50px #0003;backdrop-filter:blur(20px)}
.contact-section:before{content:'';position:absolute;width:450px;height:170px;bottom:-100px;left:calc(50% - 225px);background:linear-gradient(90deg,#fdaf63,#4b9dff);filter:blur(65px);animation:contact-light 10s ease-in-out infinite alternate;pointer-events:none}.contact-inner{position:relative}.contact-note{position:relative}
.motion-toggle{position:fixed;bottom:18px;right:20px;z-index:10;border:1px solid #b0cfff50;color:#d8e8ff;background:#101a2bbd;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:50px;padding:9px 14px;font-size:10px;box-shadow:inset 0 1px 0 #fff3,0 5px 25px #0006}.motion-toggle span{margin-right:7px;font-size:11px}.motion-paused *,body.page-away *{animation-play-state:paused!important}.motion-paused .service{transform:none!important}
@keyframes light-drift{from{transform:translate(-40px,20px) rotate(-25deg) scale(.95)}to{transform:translate(70px,-35px) rotate(5deg) scale(1.15)}}
@keyframes label-drift{0%,100%{translate:0 0}50%{translate:0 -13px}}
@keyframes illustration-light{to{rotate:360deg}}
@keyframes browser-hover{0%,100%{transform:perspective(500px) rotateY(-20deg) rotateX(12deg) translateY(0)}50%{transform:perspective(500px) rotateY(-9deg) rotateX(5deg) translateY(-12px)}}
@keyframes small-pane{0%,100%{translate:0 0}50%{translate:7px -9px}}
@keyframes line-build{0%,100%{scale:.7 1;opacity:.5}50%{scale:1 1;opacity:1}}
@keyframes glass-float{0%,100%{translate:0 0}50%{translate:-8px -15px}}
@keyframes layer-drift{0%,100%{translate:0 0}50%{translate:0 -14px}}
@keyframes phone-hover{0%,100%{transform:rotate(14deg) translateY(0)}50%{transform:rotate(5deg) translateY(-12px)}}
@keyframes star-turn{to{rotate:360deg}}
@keyframes signal-travel{to{stroke-dashoffset:-266}}
@keyframes point-pulse{0%,100%{fill:#14243e}50%{fill:#8ebdff;filter:drop-shadow(0 0 4px #9fcaff)}}
@keyframes contact-light{to{translate:100px -25px;scale:1.3}}
@media(min-width:1500px){.orbit-art{right:calc((100vw - 1180px)/2)}}
@media(max-width:1050px){.orbit-art{right:-20px;width:380px;height:380px;top:240px}.orbit-art .core{top:145px;font-size:65px}.benefits article:nth-child(3){padding:22px}}
@media(max-width:700px){.orbit-art{width:360px;height:360px;top:555px;right:calc(50% - 180px)}.orbit-art .core{top:138px;font-size:62px}.orbit-art .label-one{top:30px;left:14px;font-size:8px}.orbit-art .label-two{right:12px;bottom:20px;font-size:8px}.benefits{gap:12px}.benefits article,.benefits article+article,.benefits article:nth-child(3){padding:16px 13px}.benefits .icon,.benefits svg{height:105px}.benefits h3{font-size:14px}.motion-toggle{font-size:9px;bottom:12px;right:12px;padding:8px 12px}.service-art:before{filter:blur(30px)}}
.motion-paused *::before,.motion-paused *::after,.page-away *::before,.page-away *::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.service{transform:none!important}}