/* Full-content SOS redesign: floating surfaces over a fixed architectural backdrop. */
.home-page{--teal:#007e80;--muted:#456070;--line:#cedde4;background:#e3edf3;color:#142d40;isolation:isolate;--page-drift:0px}
.home-page::before{content:'';position:fixed;inset:-70px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% 15%,#b2dcd688,transparent 40%),radial-gradient(ellipse at 8% 78%,#b1c8e8a8,transparent 45%),linear-gradient(#7793aa25 1px,transparent 1px),linear-gradient(90deg,#7793aa25 1px,transparent 1px),#e3edf3;background-size:auto,auto,72px 72px,72px 72px,auto;translate:0 var(--page-drift);will-change:translate}
.home-page::after{content:'';position:fixed;width:580px;height:580px;right:-230px;top:20vh;border:1px solid #6c9cb54a;border-radius:50%;box-shadow:0 0 0 75px #6c9cb515,0 0 0 150px #6c9cb510;z-index:-1;pointer-events:none}
.home-page .topline{background:#143647;border:0;color:#d8ebef}.home-page .topline a{color:#fff}
.home-page .site-header{background:#ffffffed;border-bottom:1px solid #becfd9;box-shadow:0 5px 24px #193e5010}
.home-page .brand-image{filter:none}.home-page .nav nav a{color:#193f53;font-size:.92rem}.home-page .nav nav a:hover{color:#007e80}
.home-page .nav nav .nav-cta{background:#006e75;color:#fff;border-color:#006e75;border-radius:6px}.home-page .nav-cta span{color:#baf3e5}
.home-page .sound-toggle,.home-page .menu-toggle{color:#245268;background:#edf5f7;border-color:#b7ced8;border-radius:6px}.home-page .sound-toggle[aria-pressed=true]{background:#006e75;color:white}
.home-page .hero{background:transparent;border:0;overflow:hidden}.home-page .hero::before{display:none}.home-page .hero-grid{min-height:650px;padding:78px 0 82px;gap:55px}.home-page .hero-copy{color:#142d40}.home-page .hero-copy h1{color:#142d40;letter-spacing:-.052em}.home-page .hero-copy h1 em{color:#00787b}.home-page .hero-copy .lede{color:#3a5668}.home-page .hero-graphic{border-radius:18px;overflow:hidden;box-shadow:0 35px 60px #173f4c36,0 5px 0 #fff9;border:1px solid #326e7b}.home-page .graphic-head,.home-page .graphic-foot{color:#c1e2e5}.home-page .graphic-label{border-radius:5px}.home-page .signal{color:#6aebd5}
.home-page .button.primary{background:#006f76;color:white;border-radius:6px;box-shadow:0 5px 14px #006f7620}.home-page .button.primary:hover{background:#00545b}.home-page .button.light{background:#006f76;color:white;border-radius:6px}
.home-page .eyebrow,.home-page .eyebrow.dark,.home-page .number{color:#007477}.home-page .eyebrow .line{background:#007477}
.home-page :is(.section,.contact,.proof-strip,.enclave-build){position:relative;width:min(1320px,calc(100% - 64px));margin:28px auto;border:1px solid #ffffff;border-radius:22px;box-shadow:0 18px 42px #244b6010;scroll-margin-top:120px;color:#142d40}
.home-page :is(.section,.contact,.enclave-build){padding:78px 0}.home-page :is(.section,.contact,.proof-strip,.enclave-build)>.wrap{width:calc(100% - 80px);max-width:1180px}
.home-page .proof-strip{background:#ffffffed;margin-top:0}.home-page .proof-grid{padding:28px 0}.home-page .proof-grid strong{color:#006e75}.home-page .proof-grid span{color:#456070}
.home-page #services{background:#f9fcffed}.home-page #delivery{background:#edf7f2ed}.home-page #variants{background:#f2f1faed}.home-page #enclave{background:#eef7fbed}.home-page #credentials{background:#ffffffed}.home-page #approach{background:#f8fafced}.home-page #fit{background:#eaf5f3ed}.home-page .audience{background:#f0f5faed}.home-page #contact{background:#eaf1f8ed}
.home-page :is(.section-heading p,.enclave p:not(.eyebrow),.fit-grid>div>p:not(.eyebrow),.audience-grid p:last-child,.contact p:not(.eyebrow),.standards-heading p:not(.eyebrow)){color:#456070}
.home-page :is(.service-card,.variant-card,.delivery-card,.credential-card,.standard-card,.fit-result,.control-panel,.architecture-card){background:#fff;color:#142d40;border-color:#cedde4;border-radius:12px;box-shadow:0 6px 18px #18384d08}
.home-page .service-card{padding:30px 26px;border-top:3px solid #008384}.home-page .service-card h3{font-size:1.5rem}.home-page .accent-card{background:#e7f4f3}
.home-page :is(.service-card p,.variant-card p,.variant-meta span,.delivery-card p,.delivery-card li,.credential-card p,.standard-card p,.fit-result p,.fit-result ul,.steps p,.panel-heading p,.architecture-card p:not(.eyebrow)){color:#456070}
.home-page :is(.service-card a,.variant-card>a,.delivery-portal,.credential-card a,.standard-card a,.architecture-card a:not(.diagram-link),.marketplace-reference a){color:#006b73}
.home-page :is(.delivery-index,.delivery-output span,.credential-label,.standard-card>span,.variant-meta b,.variant-implementation b,.steps span,.fit-result .number){color:#007477}
.home-page .delivery-output strong{color:#193f53}.home-page :is(.delivery-output,.variant-meta,.steps,.steps>div){border-color:#d5e1e7}
.home-page .delivery-footer,.home-page .variant-note,.home-page .independence-note{background:#deeeed;color:#23485a;border-color:#b9d6d5;border-radius:10px}.home-page :is(.delivery-footer p,.variant-note span,.independence-note){color:#395b69}
.home-page .variant-implementation{background:#eff6f8;border-left-color:#008384;border-radius:0 8px 8px 0}.home-page .variant-implementation ol{color:#456070}
.home-page .control-tab{background:#fff;color:#142d40;border-color:#c4d7df;border-radius:9px}.home-page .control-tab small{color:#526b79}.home-page .control-tab span{color:#007477}.home-page .control-tab.active,.home-page .control-tab:hover{background:#e0f1f0;border-color:#008384}
.home-page .diagram-link{border-color:#c4d7df;border-radius:8px}.home-page .diagram-hint{color:#526b79}.home-page .fit-choice{background:#ffffffb3;color:#244a5e;border-color:#b6cdd5;border-radius:8px}.home-page .fit-choice.active,.home-page .fit-choice:hover{background:#006e75;color:white;border-color:#006e75}
.home-page .marketplace-reference a{border-color:#6aabad}.home-page .contact-panel{background:#fff;border-color:#c4d7df;border-radius:12px;box-shadow:0 15px 28px #173e5012}.home-page .contact-panel>a:not(.button){color:#20485e}.home-page .contact-panel .portal-link{color:#006e75!important;border-color:#bed5dc}.home-page .contact-panel small{color:#526b79}
.home-page footer{position:relative;background:#143647;color:#d8e9ef;margin-top:45px}.home-page footer .brand-image{filter:brightness(0) invert(1)}.home-page footer small{color:#b6ccd7}.home-page .footer-links{flex-wrap:wrap}
.home-page .enclave-build{background:#f6fafced}.home-page .eb-heading-row h2{color:#142d40}.home-page .eb-heading-row h2 em,.home-page .eb-eyebrow{color:#007477}.home-page .eb-heading-row>p,.home-page .eb-note{color:#456070}.home-page .eb-player{border-radius:12px;overflow:hidden;box-shadow:0 14px 28px #153c501c}
@media(hover:hover) and (pointer:fine){.home-page :is(#services .service-card,#variants .variant-card):hover{border-color:#008384;box-shadow:0 25px 40px #17465728,0 0 0 1px #00838430}}
.home-page :is(#services .service-card,#variants .variant-card):focus-within{border-color:#008384;box-shadow:0 18px 30px #17465725}
@media(max-width:1100px){.home-page .nav nav{background:#f9fcff;border-top-color:#bed0d9;box-shadow:0 18px 30px #153c5020}.home-page .nav nav a{font-size:1.05rem}}
@media(max-width:700px){.home-page :is(.section,.contact,.proof-strip,.enclave-build){width:calc(100% - 24px);margin:16px auto;border-radius:15px}.home-page :is(.section,.contact,.enclave-build){padding:48px 0}.home-page :is(.section,.contact,.proof-strip,.enclave-build)>.wrap{width:calc(100% - 36px)}.home-page .hero-grid{padding:48px 0 35px}.home-page .hero h1{font-size:clamp(2.35rem,9vw,3.8rem)}.home-page .hero-graphic{margin-top:42px;border-radius:12px}.home-page .service-card{padding:25px}.home-page .proof-grid{padding:12px 0}.home-page .topline-inner{flex-wrap:wrap}.home-page .utility{flex-wrap:wrap}.home-page .contact-panel{padding:24px}.home-page .hero-copy{translate:none}.home-page::before{background-size:auto,auto,48px 48px,48px 48px,auto}.home-page::after{right:-400px}}
@media(prefers-reduced-motion:reduce){.home-page::before{translate:none;will-change:auto}.home-page .hero-copy,.home-page .hero-graphic{translate:none!important}}
.home-page .hero-graphic{--teal:#61e5cf}.home-page .graphic-orbit{border-color:#77bdc0}.home-page .graphic-orbit::after{border-color:#76dac978}

/* sample: pronounced-parallax */

/* Pronounced parallax sample: foreground scrolls over a persistent light backdrop. */
.home-page::before{position:fixed;inset:-180px;translate:0 var(--page-drift);background:radial-gradient(circle at 88% 24%,#75c6c54a,transparent 29%),radial-gradient(circle at 9% 76%,#7fabe35c,transparent 32%),linear-gradient(#527b9b32 1px,transparent 1px),linear-gradient(90deg,#527b9b32 1px,transparent 1px),#dce8f1;background-size:auto,auto,88px 88px,88px 88px,auto;pointer-events:none}
.home-page::after{width:650px;height:650px;right:-270px;top:16vh;border:2px solid #5a8aab4d;box-shadow:0 0 0 85px #5a8aab18,0 0 0 170px #5a8aab0d}
.home-page :is(.section,.contact,.proof-strip,.enclave-build){width:min(1280px,calc(100% - 96px));margin-top:48px;margin-bottom:48px;box-shadow:0 28px 55px #244b6028,0 3px 7px #244b6012;border-color:#ffffff;background-clip:padding-box}
.home-page .proof-strip{margin-top:0}
.home-page .hero{background:transparent}.home-page .hero-grid{padding-bottom:92px}
@media(max-width:700px){.home-page :is(.section,.contact,.proof-strip,.enclave-build){width:calc(100% - 28px);margin-top:28px;margin-bottom:28px;box-shadow:0 18px 32px #244b6022}.home-page .hero-grid{padding-bottom:42px}.home-page::before{background-size:auto,auto,56px 56px,56px 56px,auto}}
@media(prefers-reduced-motion:reduce){.home-page::before{translate:none!important}}

/* sample: dark-parallax-backdrop */

.home-page{background:#071522}
.home-page::before{background:radial-gradient(circle at 88% 24%,#177a7938,transparent 29%),radial-gradient(circle at 9% 76%,#2863a438,transparent 32%),linear-gradient(#8abbdc18 1px,transparent 1px),linear-gradient(90deg,#8abbdc18 1px,transparent 1px),#071522;background-size:auto,auto,88px 88px,88px 88px,auto}
.home-page::after{border-color:#72b5cf35;box-shadow:0 0 0 85px #72b5cf0c,0 0 0 170px #72b5cf08}
.home-page .hero-copy,.home-page .hero-copy h1{color:#f0f7fb}.home-page .hero-copy h1 em{color:#64ddcb}.home-page .hero-copy .lede{color:#c3d4df}.home-page .hero-copy .eyebrow{color:#64ddcb}.home-page .hero-copy .eyebrow .line{background:#64ddcb}.home-page .hero-copy .hero-proof{color:#b8cedb}.home-page .hero-copy .hero-proof span::before{border-color:#64ddcb}.home-page .hero-copy .text-link{color:#e3f3f8;border-color:#648e9f}.home-page .hero-copy .text-link span{color:#64ddcb}.home-page .hero-graphic{box-shadow:0 35px 60px #0008,0 0 0 1px #78cfc329}
@media(max-width:700px){.home-page::before{background-size:auto,auto,56px 56px,56px 56px,auto}}

/* sample: stationary-background */

.home-page::before,.home-page::after{position:fixed;translate:none!important;transform:none!important;animation:none!important;transition:none!important;will-change:auto}
