/* V78 — coastal-tech skin for the interactive Lab. Layout and interactions are unchanged. */
.lab-page{background:#041621!important;color:#edf8f9!important}
.lab-page .site-header{background:rgba(4,22,34,.84)!important;border-bottom-color:rgba(220,239,241,.18)!important;backdrop-filter:blur(20px) saturate(1.2)!important}
.lab-page .site-header .nav-shell{width:min(1240px,calc(100% - 38px))!important;height:88px!important;gap:30px!important}
.lab-page .site-header .desktop-nav{gap:28px!important}
.lab-page .site-header .desktop-nav a{font-size:14px!important;font-weight:700!important;text-transform:none!important}
.lab-page .site-header .brand-mark{width:48px!important;height:48px!important}
.lab-page .site-header .brand-copy b{font-size:20px!important}
.lab-page .site-header .brand-copy small{font-size:10px!important;letter-spacing:6.1px!important}
.lab-page .lab-hero{background:linear-gradient(90deg,rgba(2,17,28,.86),rgba(3,25,37,.35) 58%,rgba(2,17,27,.54)),url("assets/visual/oc-coastal-luxury-hero-v78.webp") center/cover no-repeat!important}
.lab-page .lab-aurora{background:radial-gradient(circle at 75% 28%,rgba(255,220,166,.18),transparent 28%),radial-gradient(circle at 28% 72%,rgba(42,205,222,.17),transparent 30%)!important}
.lab-page .showroom{background:linear-gradient(180deg,#061c2a,#082c3d)!important}
.lab-page .compare-section{color:#082b45!important;background:linear-gradient(180deg,#edf6f8,#e4eff0)!important}
.lab-page .lab-section{border-top:1px solid rgba(203,232,236,.13)}
.lab-page .spatial-card,.lab-page .brand-engine,.lab-page .compare-demo{border-color:rgba(215,239,241,.27)!important;box-shadow:inset 0 1px rgba(255,255,255,.16),0 30px 76px rgba(0,8,14,.34)!important}
.lab-page .spatial-card{background:linear-gradient(145deg,#dce8e9,#173847 9%,#061a27 88%,#8aa6ad)!important}
.lab-page .lab-heading p{color:#b9cdd3!important}
.lab-page .compare-section .lab-heading h2{color:#082b45!important}
.lab-page .compare-section .lab-heading p{color:#526f7c!important}
.lab-page .brand-engine[data-style=elegant] .engine-copy h2{color:#172d35!important;text-shadow:none!important}
@media(max-width:1040px){.lab-page .site-header .desktop-nav{display:none!important}.lab-page .site-header .nav-cta-group{margin-left:auto!important;margin-right:58px!important}}
@media(max-width:760px){
  .lab-page .lab-hero{background-position:64% center!important}
  .lab-page .site-header .nav-shell{width:calc(100% - 24px)!important;height:76px!important}
  .lab-page .site-header .brand-mark{width:41px!important;height:41px!important}
  .lab-page .site-header .brand-copy b{font-size:16px!important}
  .lab-page .site-header .brand-copy small{font-size:8px!important;letter-spacing:4.7px!important}
  .lab-page .site-header .nav-cta-group{display:none!important}
}
@media(max-width:600px){
  .lab-page .ocai-launcher{width:54px!important;height:54px!important;padding:4px!important;gap:0!important}
  .lab-page .ocai-launch-mark{flex-basis:46px!important;width:46px!important;height:46px!important}
  .lab-page .ocai-launch-copy{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
}