/* The viewport fills behind the entire page; content stays above the resin. */
body{isolation:isolate;background:#fff}
:root{--muted:#4e5d6c}
.space-card span{color:#365a7b}
.step-num{color:#426b92}
.header nav a:hover,.text-link:hover{color:#23598d}
.fluid-surface{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;contain:strict}
.surface-canvas{display:block;width:100%;height:100%}
/* Section backgrounds reveal the same continuous surface. Keep useful panels. */
.services,.inspiration,.promise-strip,footer{background:transparent}
.header{background:#ffffffed}
.header nav.open{background:#fffffff5}
.service-card{background:#ffffffdc}
form{background:#fffffff2}
.surface-motion-toggle{position:fixed;right:22px;bottom:22px;z-index:16;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #abc5db;border-radius:50%;background:#fffffff2;color:#2d5b87;font-size:16px;line-height:1;box-shadow:0 2px 8px #163f6b0d}
.surface-motion-toggle:hover{background:#e8f1f9;border-color:#8babca}
.surface-motion-toggle[hidden]{display:none}
.surface-anchor{display:block;width:0;height:0}
.button span{transition:transform .2s}.button:hover span{transform:translate(2px,-2px)}
@media(max-width:760px){.surface-motion-toggle{right:13px;bottom:88px;width:34px;height:34px;font-size:14px}.mobile-cta{display:flex}}
@media(prefers-reduced-motion:reduce){.surface-motion-toggle{display:none}.button span{transition:none!important}.button:hover span{transform:none}}