/* V75 — cinematic space, stable device framing, and mobile-first performance. */

:root{
  --cinematic-ice:#8eeaff;
  --cinematic-blue:#3bbfe8;
  --cinematic-silver:#d8edf5;
  --cinematic-panel:rgba(5,18,31,.74);
  --cinematic-line:rgba(185,229,246,.28);
}

.home-wild .space-journey{
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  background:#020711 url("assets/visual/orbital-hero-v59.webp") center/cover no-repeat!important;
}
.home-wild .cinematic-space-video{
  position:absolute;
  inset:-2%;
  width:104%;
  height:104%;
  object-fit:cover;
  object-position:center;
  opacity:0;
  transform:scale(1.015);
  filter:brightness(1.12) saturate(1.08) contrast(1.03);
  transition:opacity 1.1s ease,filter 1.2s ease;
  will-change:opacity;
}
.home-wild.cinematic-video-ready .cinematic-space-video{opacity:1}
.home-wild[data-space-scene="work"] .cinematic-space-video,
.home-wild[data-space-scene="future"] .cinematic-space-video{opacity:.30;filter:brightness(.84) saturate(.9)}

/* The generated dot/gradient planets are replaced by actual cinematic media. */
.home-wild .deep-space-canvas,
.home-wild .hero-particles,
.home-wild .hero-comet,
.home-wild .cosmic-scene,
.home-wild .energy-portal,
.home-wild .orbit,
.home-wild .real-space-layer,
.home-wild .space-starfield,
.home-wild .space-dust-layer{display:none!important}

.home-wild .space-scene{
  inset:-2%!important;
  background-size:cover!important;
  filter:brightness(1.04) saturate(1.05) contrast(1.02)!important;
  opacity:0!important;
  transition:opacity 1.25s ease,transform 1.25s ease!important;
}
.home-wild:not(.cinematic-video-ready) .space-scene-hero{opacity:1!important}
.home-wild[data-space-scene="work"] .space-scene-work{opacity:.78!important}
.home-wild[data-space-scene="future"] .space-scene-future{opacity:.72!important}
.home-wild .space-journey:before,
.home-wild .space-journey:after{display:none!important}
.home-wild .space-journey-shade{
  z-index:3!important;
  opacity:1!important;
  background:
    linear-gradient(90deg,rgba(1,5,12,.42),rgba(1,6,14,.10) 44%,rgba(1,5,12,.04) 70%,rgba(1,5,12,.16)),
    linear-gradient(180deg,rgba(1,5,12,.03),rgba(1,5,12,.12) 64%,rgba(1,5,12,.28))!important;
  box-shadow:inset 0 0 90px rgba(0,0,0,.24)!important;
}

/* Keep the page in one deep-space world instead of switching to a pale work floor. */
.home-wild .machine-world{display:none!important}
.home-wild[data-chapter="work"] .space-journey,
.home-wild[data-chapter="lab"] .space-journey,
.home-wild[data-chapter="price"] .space-journey,
.home-wild[data-chapter="talk"] .space-journey{background-color:#020711!important}
.home-wild[data-chapter="work"] .space-journey-shade,
.home-wild[data-chapter="lab"] .space-journey-shade,
.home-wild[data-chapter="price"] .space-journey-shade,
.home-wild[data-chapter="talk"] .space-journey-shade{background:linear-gradient(180deg,rgba(1,5,12,.08),rgba(1,5,12,.26))!important}
.home-wild[data-chapter="work"] .site-header,
.home-wild .site-header{background:rgba(3,13,24,.72)!important;border-bottom-color:rgba(195,231,246,.14)!important;backdrop-filter:blur(18px) saturate(1.1)!important}
.home-wild[data-chapter="work"] .site-header a,
.home-wild[data-chapter="work"] .site-header nav a,
.home-wild[data-chapter="work"] .brand-copy b,
.home-wild[data-chapter="work"] .brand-copy small{color:#eef9ff!important}
.home-wild[data-chapter="work"] .menu-button span{background:#fff!important}

.home-wild .hero{
  min-height:0!important;
  background:transparent!important;
  overflow:hidden!important;
}
.home-wild .hero:before{
  z-index:1!important;
  background:linear-gradient(90deg,rgba(1,5,11,.44),rgba(1,5,11,.13) 43%,transparent 71%)!important;
  opacity:1!important;
}
.home-wild .hero:after{z-index:2!important;background:linear-gradient(180deg,transparent 52%,rgba(1,6,14,.52))!important}
.home-wild .hero-grid{z-index:4!important}
.home-wild .hero-copy{text-shadow:0 3px 26px rgba(0,0,0,.78)}
.home-wild .hero-lead{max-width:640px!important;color:#d9e6ee!important}
.home-wild .trust-strip{background:rgba(2,10,20,.56)!important;border-color:rgba(184,224,241,.12)!important}

/* One coherent titanium / dark-glass material system. */
.home-wild .laptop-top,
.home-wild .phone,
.home-wild .work-window,
.home-wild .app-device,
.home-wild .price-card,
.home-wild .testimonial-card,
.home-wild .ownership-visual,
.home-wild .final-content{
  border:1px solid var(--cinematic-line)!important;
  background:linear-gradient(145deg,rgba(226,244,251,.18),rgba(6,24,38,.92) 20%,rgba(3,14,25,.96) 78%,rgba(111,199,229,.13))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.32),inset 0 -1px rgba(97,178,207,.12),0 26px 70px rgba(0,0,0,.34),0 0 25px rgba(70,193,226,.08)!important;
}
.home-wild .work-card,
.home-wild .testimonial-card,
.home-wild .price-card{color:#eff9ff!important}
.home-wild .work-meta h3,
.home-wild .testimonials h2,
.home-wild .pricing h2,
.home-wild .ownership h2,
.home-wild .work h2{color:#f5fbff!important}
.home-wild .work-blurb,
.home-wild .section-heading>p,
.home-wild .testimonial-card p{color:#bdd0db!important}
.home-wild .work,
.home-wild .testimonials,
.home-wild .lab-teaser,
.home-wild .app-teaser,
.home-wild .ownership,
.home-wild .pricing,
.home-wild .final-cta{background:linear-gradient(180deg,rgba(2,9,17,.34),rgba(2,9,17,.58))!important;color:#eef9ff!important;backdrop-filter:blur(3px) saturate(1.04)}

/* Accurate, repeatable website-preview geometry. */
.home-wild .device-stage{display:block!important;position:relative!important;overflow:visible!important}
.home-wild .laptop{width:min(500px,100%)!important;max-width:100%!important;margin-inline:auto!important;filter:drop-shadow(0 30px 48px rgba(0,0,0,.42))}
.home-wild .laptop-top{padding:7px!important;border-radius:16px 16px 7px 7px!important}
.home-wild .screen{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1348 / 926!important;
  overflow:hidden!important;
  background:#07111a!important;
}
.home-wild .screen img,
.home-wild .phone-screen img,
.home-wild .work-window img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:top center!important;
  transform:none!important;
}
.home-wild .phone{
  width:132px!important;
  height:286px!important;
  right:0!important;
  bottom:42px!important;
  padding:8px!important;
  transform:rotate(2deg)!important;
}
.home-wild .phone-screen{width:100%!important;height:100%!important;aspect-ratio:390 / 844!important;overflow:hidden!important}
.home-wild .project-label{margin-top:12px!important}
.home-wild .project-switcher{bottom:10px!important;gap:2px!important}
.home-wild .project-dot{
  position:relative!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  padding:0!important;
  background:transparent!important;
}
.home-wild .project-dot:before{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  top:20px;
  height:4px;
  border-radius:999px;
  background:rgba(255,255,255,.28);
  transition:.25s;
}
.home-wild .project-dot.active:before{left:3px;right:3px;background:var(--cinematic-ice);box-shadow:0 0 14px rgba(85,220,249,.72)}

.home-wild .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important}
.home-wild .work-grid>.work-card{grid-column:auto!important;margin-top:0!important;min-width:0!important}
.home-wild .work-window{
  width:100%!important;
  height:auto!important;
  padding:30px 8px 8px!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  border-radius:20px!important;
}
.home-wild .work-window img{height:auto!important;aspect-ratio:1348 / 926!important}
.home-wild .work-meta{min-height:148px!important;padding:18px 8px 12px!important;align-content:start!important}
.home-wild .work-blurb{margin-top:7px!important}

/* Mobile opens with the headline and device preview, matching the preferred first impression. */
@media(max-width:980px){
  .home-wild .hero{padding:76px 0 36px!important}
  .home-wild .hero-grid{display:flex!important;flex-direction:column!important;width:calc(100% - 30px)!important;padding:26px 0 8px!important;gap:12px!important}
  .home-wild .hero-copy{display:contents!important}
  .home-wild .hero-title-wild{order:1!important;margin:0 0 2px!important;font-size:clamp(34px,9.8vw,48px)!important;line-height:1.02!important;overflow-wrap:normal!important;word-break:normal!important}
  .home-wild .device-stage{order:2!important;width:100%!important;min-height:330px!important;margin:4px auto 4px!important;transform:none!important}
  .home-wild .hero-theme-note{order:3!important;width:100%!important;margin:4px 0 3px!important;justify-content:center!important;text-align:center!important;font-size:9px!important}
  .home-wild .hero-lead{order:4!important;margin:0!important;font-size:15.5px!important;line-height:1.62!important}
  .home-wild .fx-console-hint{order:5!important;margin:5px 0 0!important;text-align:center!important}
  .home-wild .fx-console{order:6!important;width:100%!important;margin:0!important}
  .home-wild .hero-actions{order:7!important;display:grid!important;grid-template-columns:1fr!important;width:100%!important;margin:10px 0 0!important;gap:9px!important}
  .home-wild .hero-actions .button{width:100%!important;min-height:52px!important}
  .home-wild .hero-proof{order:8!important;display:grid!important;grid-template-columns:1fr!important;width:100%!important;margin:5px 0 2px!important;gap:7px!important}
  .home-wild .laptop{width:min(100%,440px)!important}
  .home-wild .phone{width:108px!important;height:234px!important;right:1px!important;bottom:38px!important}
  .home-wild .project-label{left:0!important;margin:10px 0 0!important;max-width:calc(100% - 10px)!important}
  .home-wild .project-switcher{position:relative!important;bottom:auto!important;justify-content:center!important;margin:2px auto 0!important}
  .home-wild .work-grid{grid-template-columns:1fr!important;gap:22px!important}
  .home-wild .work-meta{min-height:0!important}
}

@media(max-width:430px){
  .home-wild .hero-grid{width:calc(100% - 24px)!important;padding-top:18px!important}
  .home-wild .device-stage{min-height:300px!important}
  .home-wild .laptop{width:min(88vw,352px)!important}
  .home-wild .phone{width:92px!important;height:199px!important;right:0!important;bottom:41px!important}
  .home-wild .browser-bar{height:25px!important}
  .home-wild .project-label b{font-size:11px!important}
  .home-wild .cinematic-space-video{inset:0;width:100%;height:100%;object-position:52% center;filter:brightness(1.08) saturate(1.03)}
}

@media(prefers-reduced-motion:reduce){
  .home-wild .cinematic-space-video{display:none!important}
  .home-wild .space-scene-hero{opacity:1!important;transform:none!important}
  .home-wild .space-scene{transition:none!important}
}