/* V78 — shared coastal-luxury treatment for primary interior pages. */
:root{--oc-pale:#f2f6f4;--oc-ink:#08283a;--oc-muted:#5f7681}
html{background:#03131f!important}
body{color:#08283a!important;background:#eef4f2!important}
body:before{
  background:linear-gradient(90deg,rgba(2,17,27,.76),rgba(3,24,36,.29) 58%,rgba(3,18,28,.30)),url("assets/visual/oc-coastal-luxury-hero-v78.webp") center/cover no-repeat!important;
  filter:saturate(1.04) contrast(1.02)!important
}
body:after{background:radial-gradient(circle at 73% 23%,rgba(255,224,172,.20),transparent 28%),linear-gradient(180deg,transparent,rgba(2,15,24,.22))!important}
body>header{background:rgba(4,22,34,.84)!important;border-bottom-color:rgba(220,239,241,.20)!important;box-shadow:0 12px 35px rgba(0,8,14,.16)!important}
body>.hero,body>section.hero,.case-hero{
  color:#fff!important;background:linear-gradient(90deg,rgba(2,17,28,.76),rgba(3,25,38,.26) 60%,rgba(2,15,24,.35)),url("assets/visual/oc-coastal-luxury-hero-v78.webp") center/cover no-repeat!important
}
.apps-hero{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(2,17,28,.80),rgba(3,30,43,.44) 62%,rgba(2,15,24,.40)),url("assets/visual/oc-coastal-luxury-hero-v78.webp") center/cover no-repeat!important
}
.apps-hero h1{color:#fff!important;text-shadow:0 4px 30px rgba(0,0,0,.48)}
.apps-hero p{color:#deedef!important}
.apps-section{background:linear-gradient(180deg,#f7f9f6,#eaf1ef)!important;color:#08283a!important}
.apps-section.dark{color:#f1fafb!important;background:linear-gradient(145deg,#041723,#083247 55%,#03131f)!important}
.apps-section.dark h2,.apps-section.dark h3{color:#fff!important}
.apps-card{box-shadow:0 18px 44px rgba(6,48,64,.10)}
body>section:not(.hero):not(.apps-hero):not(.band):not(.cta),.projects,.soft,.feature-band,.starter-offer,.case-section,.case-section.soft{
  color:#08283a!important;background:linear-gradient(180deg,rgba(247,249,246,.98),rgba(232,240,239,.98))!important
}
body section h2,body section h3,.about-copy h2,.feature-wrap h2,.handoff h2,.case-section h2,.case-section h3{color:#08283a!important}
.lead,.card p,.pcopy p,.feature-wrap p,.about-copy p,.handoff p,.case-section p,.case-section li,.case-breadcrumb{color:#5f7681!important}
.card,.p-card,.starter-chip,.starter-panel,.launch-card,.handoff,.info,.case-card,.case-proof,.founder-block{
  color:#08283a!important;border:1px solid rgba(64,119,136,.22)!important;
  background:linear-gradient(145deg,#fff,#f1f6f4 70%,#e1ebea)!important;
  box-shadow:inset 0 1px #fff,0 22px 54px rgba(7,47,62,.12)!important
}
.card:hover,.p-card:hover,.case-card:hover{border-color:rgba(9,155,184,.48)!important;box-shadow:0 28px 64px rgba(7,47,62,.17),0 0 0 1px rgba(45,193,211,.10)!important}
.card b,.pcopy span,.feature-kicker,.starter-kicker,.case-kicker{color:#087f9e!important}
.projects .portfolio-intro{color:#385866!important;text-shadow:none!important;background:rgba(255,255,255,.72);border:1px solid rgba(68,129,146,.18);border-radius:16px;padding:18px 22px}
.projects .portfolio-intro b{color:#08283a!important}
.projects .real-project .browser img{filter:none!important}
.projects .real-project .browser:after{opacity:.07!important}
body>.hero h1,body>.hero p,.card,.p-card{animation:none!important;opacity:1!important;transform:none!important}
.browser,.case-proof{border-color:rgba(218,236,239,.66)!important;background:#071822!important;box-shadow:inset 0 1px rgba(255,255,255,.55),0 22px 55px rgba(6,41,55,.20)!important}
.browserbar{background:linear-gradient(180deg,#234554,#071e2b)!important}
form{border-color:rgba(58,121,140,.25)!important;background:rgba(255,255,255,.82)!important;box-shadow:0 20px 50px rgba(7,43,58,.12)!important}
form label{color:#284c5b!important}form input,form select,form textarea{color:#08283a!important;border-color:rgba(57,115,133,.25)!important;background:#fff!important}
.band,.cta,.case-cta{background:linear-gradient(135deg,#075b75,#0c9eba 55%,#06425c)!important}
body>footer{background:#03131f!important}
@media(max-width:760px){
  body:before{background-position:63% center!important}
  body>.hero,body>section.hero,.case-hero{background-position:64% center!important}
  .projects .portfolio-intro{color:#385866!important;background:rgba(255,255,255,.88)!important;border-color:rgba(50,124,145,.22)!important;text-shadow:none!important}
  .projects .portfolio-intro b{color:#08283a!important}
}
@media(max-width:600px){
  .ocai-launcher{width:54px!important;height:54px!important;padding:4px!important;gap:0!important}
  .ocai-launch-mark{flex-basis:46px!important;width:46px!important;height:46px!important}
  .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}
}