/* Decorative depth lives behind the original content and never receives input. */
body{isolation:isolate}
#universe-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse 9% 12% at 73% 47%,#d4c19b66,transparent 76%),radial-gradient(ellipse 43% 22% at 73% 47%,#727ba34d,transparent 76%),radial-gradient(ellipse 55% 25% at 69% 52%,#75658c32,transparent 76%),#202327}
main,.site-footer{position:relative;z-index:1}
#universe-background canvas{display:block;width:100%;height:100%;pointer-events:none}
#universe-background::before{content:'';position:absolute;inset:0;opacity:.65;background-image:radial-gradient(circle at 7% 19%,#e7edf0 0 1px,transparent 1.7px),radial-gradient(circle at 28% 73%,#d7bd8b 0 1px,transparent 1.8px),radial-gradient(circle at 56% 16%,#e7edf0 0 .8px,transparent 1.5px),radial-gradient(circle at 87% 36%,#d7bd8b 0 1px,transparent 1.8px),radial-gradient(circle at 74% 85%,#e7edf0 0 1px,transparent 1.8px),radial-gradient(circle at 42% 48%,#afc4d0 0 .7px,transparent 1.6px),radial-gradient(circle at 93% 92%,#e7edf0 0 .8px,transparent 1.6px),radial-gradient(circle at 17% 44%,#e7edf0 0 .7px,transparent 1.5px),radial-gradient(circle at 66% 60%,#d7bd8b 0 1px,transparent 1.8px)}
#universe-background[data-universe-status=ready]::before{opacity:0}
#universe-background::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#20232738,transparent 50%),radial-gradient(ellipse at 70% 46%,transparent 36%,#191b203d 100%)}
html[data-appearance=graphite] .hero{background:linear-gradient(90deg,#202327cc 0%,#20232780 34%,#20232712 63%,#181b2026)}
html[data-appearance=graphite] .capabilities-section,
html[data-appearance=graphite] .products,
html[data-appearance=graphite] .approach-section{background:#272b307a}
html[data-appearance=graphite] .showcase{background:linear-gradient(135deg,#20232780,#2d323899)}
html[data-appearance=graphite] .studio-compact{background:#22262b99}
html[data-appearance=graphite] .contact,
html[data-appearance=graphite] .site-footer{background:#191c20a8}
html[data-appearance=graphite] .stack-strip{background:#22262be6}
@media(max-width:700px){html[data-appearance=graphite] .hero{background:linear-gradient(180deg,#202327b8 0%,#20232780 29%,#20232712 63%,#181b2038)}}
@media(prefers-reduced-motion:reduce){#universe-background canvas{transition:none}}