/* V78 — Orange County coastal luxury. Visual-only overrides preserve all site behavior. */
:root{
  --coast-navy:#061a28;
  --coast-deep:#03111d;
  --coast-ink:#09283a;
  --coast-cyan:#38d8e8;
  --coast-sea:#0d95b4;
  --coast-pearl:#f4f7f4;
  --coast-sand:#e8e0d2;
  --coast-silver:#d9e5e8;
}

html.oc-arrive:not(.has-docked){overflow:auto}
html.oc-arrive:not(.has-docked) .site-header,
html.oc-arrive:not(.has-docked) .hero-copy,
html.oc-arrive:not(.has-docked) .device-stage,
html.oc-arrive:not(.has-docked) .trust-strip,
html.oc-arrive:not(.has-docked) .ocai-root,
html.oc-arrive:not(.has-docked) .chapter-rail,
html.oc-arrive:not(.has-docked) .fx-console,
html.oc-arrive:not(.has-docked) .hero-actions,
html.oc-arrive:not(.has-docked) .hero-proof{opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}
.home-wild .reveal{opacity:1!important;transform:none!important;filter:none!important;transition:box-shadow .25s ease,transform .25s ease!important}

.home-wild .space-journey{
  background:#061522 url("assets/visual/oc-coastal-luxury-hero-v78.webp") 50% center/cover no-repeat!important;
}
.home-wild .cinematic-space-video,
.home-wild .space-scene,
.home-wild .cosmic-scene,
.home-wild .hero-warp,
.home-wild .hero-aurora,
.home-wild .hero-streaks,
.home-wild .hero-particles,
.home-wild .hero-comet,
.home-wild .machine-world{display:none!important}
.home-wild .space-journey:before{
  content:""!important;display:block!important;position:absolute;inset:-8%!important;
  background:radial-gradient(ellipse at 73% 46%,rgba(255,227,174,.30),transparent 29%),linear-gradient(112deg,transparent 48%,rgba(126,229,239,.12) 58%,transparent 67%)!important;
  animation:coastal-light 14s ease-in-out infinite alternate;mix-blend-mode:screen;opacity:.72
}
.home-wild .space-journey-shade{
  background:linear-gradient(90deg,rgba(2,14,24,.86) 0%,rgba(3,18,29,.62) 39%,rgba(2,15,23,.16) 69%,rgba(2,12,20,.27)),linear-gradient(180deg,rgba(2,11,19,.08),rgba(2,13,22,.16) 63%,rgba(2,12,20,.66))!important;
  box-shadow:inset 0 0 110px rgba(0,0,0,.24)!important
}
@keyframes coastal-light{from{transform:translate3d(-2%,1%,0) scale(1)}to{transform:translate3d(3%,-1%,0) scale(1.04)}}

.home-wild .site-header{background:rgba(4,21,33,.78)!important;border-bottom:1px solid rgba(218,238,242,.20)!important;box-shadow:0 12px 35px rgba(0,11,19,.16);backdrop-filter:blur(20px) saturate(1.25)!important}
.home-wild .hero{background:transparent!important}
.home-wild .hero:before{background:linear-gradient(90deg,rgba(1,12,21,.53),rgba(2,17,28,.18) 48%,transparent 74%)!important}
.home-wild .hero:after{background:linear-gradient(180deg,transparent 45%,rgba(2,14,23,.62))!important}
.home-wild .hero-title-wild{max-width:760px;font-size:clamp(52px,4.15vw,63px)!important;line-height:1.01!important;letter-spacing:-2.5px!important;text-shadow:0 4px 28px rgba(0,0,0,.5)}
.home-wild .hero-title-wild span,.home-wild .hero-theme-note span{color:#7de9f2!important}
.home-wild .hero-theme-note{color:#f5e9d4!important;border-color:rgba(255,244,221,.26)!important;background:rgba(6,27,40,.34)!important}
.home-wild .hero-lead{color:#edf6f7!important;text-shadow:0 2px 18px rgba(0,0,0,.52)}
.home-wild .trust-strip{background:rgba(4,27,40,.70)!important;border-color:rgba(219,239,242,.18)!important}

/* Reflective device frames; screenshot geometry remains unchanged. */
.home-wild .laptop-top,.home-wild .phone,.home-wild .work-window,.home-wild .app-device{
  border:1px solid rgba(239,249,250,.58)!important;
  background:linear-gradient(138deg,#eef7f8 0%,#7e9fab 8%,#0a2535 18%,#061724 75%,#8cb0ba 92%,#eff9f8 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.75),inset 0 -2px rgba(2,15,24,.72),0 28px 70px rgba(0,8,15,.42),0 0 35px rgba(68,213,229,.11)!important
}
.home-wild .laptop-base{background:linear-gradient(180deg,#dfeaec,#718c95 43%,#223d49 49%,#0b1c26 100%)!important;box-shadow:0 17px 30px rgba(0,0,0,.32)!important}
.home-wild .browser-bar,.home-wild .mini-browser{background:linear-gradient(180deg,#183d50,#071d2b)!important}
.home-wild .project-label{background:rgba(4,25,38,.82)!important;border:1px solid rgba(210,239,243,.24)!important;backdrop-filter:blur(14px)}

.home-wild .work,.home-wild .testimonials{
  color:var(--coast-ink)!important;
  background:linear-gradient(180deg,rgba(247,249,246,.97),rgba(231,240,240,.98))!important;
  backdrop-filter:none!important
}
.home-wild .work{border-top:1px solid rgba(255,255,255,.72)!important}
.home-wild .work h2,.home-wild .testimonials h2,.home-wild .work-meta h3{color:var(--coast-ink)!important;text-shadow:none!important}
.home-wild .work h2 span,.home-wild .work-meta small{color:#087f9e!important}
.home-wild .work .section-heading>p,.home-wild .work-blurb,.home-wild .testimonials .section-heading>p{color:#58717c!important}
.home-wild .work-card{color:var(--coast-ink)!important}
.home-wild .work-window{box-shadow:inset 0 1px rgba(255,255,255,.62),0 18px 42px rgba(8,50,67,.16)!important}
.home-wild .work-card:hover .work-window{transform:translateY(-5px)!important;box-shadow:0 26px 54px rgba(8,50,67,.20),0 0 0 1px rgba(14,139,168,.16)!important}
.home-wild .work-grid>.work-card:nth-child(5){grid-column:1/-1!important;width:min(68%,760px);justify-self:center}
.home-wild .testimonial-card{
  color:#eaf7fa!important;border-color:rgba(206,233,237,.29)!important;
  background:linear-gradient(145deg,#0b3c52,#061b2a 68%,#0b2f40)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.15),0 24px 55px rgba(4,34,48,.18)!important
}

.home-wild .lab-teaser,.home-wild .app-teaser,.home-wild .pricing{
  color:#effbfc!important;background:linear-gradient(145deg,rgba(3,18,29,.98),rgba(6,41,56,.97) 52%,rgba(3,18,29,.99))!important;
  backdrop-filter:none!important
}
.home-wild .lab-teaser:before,.home-wild .app-teaser:before{
  display:block!important;background:radial-gradient(ellipse at 80% 36%,rgba(63,210,225,.18),transparent 32%),linear-gradient(116deg,transparent 54%,rgba(255,223,170,.07) 64%,transparent 74%)!important
}
.home-wild .ownership{color:var(--coast-ink)!important;background:linear-gradient(180deg,#edf4f3,#f8f7f2)!important;backdrop-filter:none!important}
.home-wild .ownership h2{color:var(--coast-ink)!important}.home-wild .ownership p{color:#58717c!important}
.home-wild .ownership .choice-list>span{color:#274a5a!important}
.home-wild .ownership .button-ghost{color:#0a2a3a!important;border-color:rgba(22,79,98,.26)!important;background:rgba(255,255,255,.64)!important}
.home-wild .ownership .button-ghost span{color:#087f9e!important}
.home-wild .pricing .price-card{border-color:rgba(214,237,241,.27)!important;background:linear-gradient(145deg,rgba(237,247,247,.14),rgba(7,34,49,.97) 24%,rgba(3,19,30,.98) 76%,rgba(177,220,225,.12))!important}
.home-wild .final-cta{
  color:#fff!important;background:linear-gradient(90deg,rgba(3,22,34,.88),rgba(5,43,57,.58),rgba(4,20,30,.54)),url("assets/visual/oc-coastal-luxury-hero-v78.webp") center 60%/cover no-repeat!important;
  backdrop-filter:none!important
}
.home-wild .final-cta h2 em{color:#86edf3!important}.home-wild .final-cta p{color:#e4f1f2!important}
.home-wild .footer{background:#03131f!important}

@media(min-width:981px){
  .home-wild .hero-title-wild{margin-bottom:30px!important}
  .home-wild .hero-theme-note{margin-bottom:20px!important}
  .home-wild .hero-lead{margin-top:4px!important}
  .home-wild .fx-console-hint{margin-top:18px!important}
  .home-wild .lab-teaser,.home-wild .app-teaser,.home-wild .ownership,.home-wild .pricing{padding-block:78px!important}
  .home-wild .final-cta{padding-block:92px!important}
}

@media(max-width:980px){
  .home-wild .space-journey{background-position:62% center!important}
  .home-wild .space-journey-shade{background:linear-gradient(180deg,rgba(2,14,23,.68) 0%,rgba(2,17,27,.36) 34%,rgba(2,13,22,.64) 70%,rgba(2,12,20,.88))!important}
  .home-wild .hero-title-wild{margin-bottom:12px!important;text-align:center;text-shadow:0 3px 22px rgba(0,0,0,.72)}
  .home-wild .device-stage{isolation:isolate}
  .home-wild .work-grid>.work-card:nth-child(5){width:100%}
}
@media(max-width:600px){
  .home-wild .space-journey{background-position:66% center!important}
  .home-wild .work,.home-wild .testimonials{background:linear-gradient(180deg,#f5f8f5,#e9f1f1)!important}
  .home-wild .ocai-launcher{width:54px!important;height:54px!important;padding:4px!important;gap:0!important}
  .home-wild .ocai-launch-mark{flex-basis:46px!important;width:46px!important;height:46px!important}
  .home-wild .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}
  body.home-wild .ocai-root{transition:opacity .24s ease,transform .24s ease,visibility .24s ease}
  body.home-wild[data-chapter="space"] .ocai-root{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(14px)!important}
}

/* V80: the mobile first impression always keeps the live laptop + phone
   directly below the headline, and every portfolio item stays available. */
@media(max-width:980px){
  .home-wild .hero-grid{display:flex!important;flex-direction:column!important}
  .home-wild .hero-title-wild{order:1!important}
  .home-wild .device-stage{
    order:2!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:4!important;
  }
  .home-wild .device-stage .laptop,
  .home-wild .device-stage .phone,
  .home-wild .device-stage .project-label,
  .home-wild .device-stage .project-switcher{display:block!important;visibility:visible!important;opacity:1!important}
  .home-wild .device-stage .project-label{display:inline-grid!important}
  .home-wild .device-stage .project-switcher{display:flex!important}
  .home-wild .work-grid>.work-card:nth-child(5){display:block!important;grid-column:auto!important;width:100%!important;margin:0!important}
}
@media(max-width:430px){
  .home-wild .device-stage{min-height:320px!important;margin:2px auto 8px!important}
}
@media(prefers-reduced-motion:reduce){.home-wild .space-journey:before{animation:none}}