/* V74 — shared deep-space / titanium treatment for primary inner pages. */
:root{--oc-pale:#07131f;--oc-ink:#edf8fd;--oc-muted:#aec3cf}
html{background:#020711}
body{
  position:relative;
  color:#eaf6fb!important;
  background:#020711!important;
}
body:before{
  content:"";
  position:fixed;
  z-index:-2;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(1,5,12,.13),rgba(1,5,12,.48)),
    url("assets/visual/orbital-future-v60.webp") center/cover no-repeat;
  filter:brightness(1.06) saturate(1.04);
}
body:after{
  content:"";
  position:fixed;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 12%,rgba(89,184,233,.12),transparent 34%),linear-gradient(90deg,rgba(1,5,12,.22),transparent 48%,rgba(1,5,12,.16));
}
body>header{background:rgba(3,13,24,.82)!important;border-bottom-color:rgba(190,230,246,.16)!important;backdrop-filter:blur(18px) saturate(1.1)!important}
body>header .logo:before{filter:drop-shadow(0 0 11px rgba(65,204,235,.30))}
body>.hero,body>section.hero,.case-hero{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(2,10,20,.72),rgba(2,10,20,.24) 58%,rgba(2,10,20,.40)),url("assets/visual/orbital-hero-v59.webp") center/cover no-repeat!important;
}
body>.hero:before,body>section.hero:before{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 60%,rgba(1,6,14,.44))!important}
body>.hero h1,body>section.hero h1,.case-hero h1{color:#fff!important;text-shadow:0 4px 32px rgba(0,0,0,.68)}
body>.hero p,body>section.hero p,.case-hero p{color:#d0e0e9!important}

body>section:not(.hero):not(.band):not(.cta),
.projects,.soft,.feature-band,.starter-offer,.case-section,.case-section.soft{
  color:#eaf6fb!important;
  background:linear-gradient(180deg,rgba(3,13,23,.66),rgba(3,13,23,.80))!important;
}
body section h2,body section h3,.about-copy h2,.feature-wrap h2,.handoff h2,.case-section h2,.case-section h3{color:#f3fbff!important}
.lead,.card p,.pcopy p,.feature-wrap p,.about-copy p,.handoff p,.case-section p,.case-section li,.case-breadcrumb{color:#aec3cf!important}

.card,.p-card,.starter-chip,.starter-panel,.launch-card,.handoff,.info,.case-card,.case-proof,.founder-block{
  color:#edf8fd!important;
  border:1px solid rgba(183,225,243,.25)!important;
  background:linear-gradient(145deg,rgba(226,244,251,.14),rgba(7,25,39,.91) 24%,rgba(3,15,26,.94) 76%,rgba(108,199,229,.11))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.22),inset 0 -1px rgba(100,180,207,.11),0 22px 58px rgba(0,0,0,.30),0 0 22px rgba(75,198,228,.06)!important;
}
.card:hover,.p-card:hover,.case-card:hover{border-color:rgba(119,223,245,.56)!important;box-shadow:inset 0 1px rgba(255,255,255,.28),0 29px 68px rgba(0,0,0,.36),0 0 28px rgba(76,207,238,.11)!important}
.card b,.pcopy span,.feature-kicker,.starter-kicker,.case-kicker{color:#7fe8f6!important}
.feature-note{color:#c7dce5!important;border-left-color:#6fe4f3!important;background:rgba(5,22,35,.82)!important}
.about-results li,.about-results a,.founder-block p,.founder-block .founder-meta{color:#b8cfda!important}

.browser,.case-proof{border:1px solid rgba(190,228,243,.26)!important;border-radius:17px!important;overflow:hidden!important;background:#06111b!important;box-shadow:inset 0 1px rgba(255,255,255,.22),0 24px 60px rgba(0,0,0,.34)!important}
.browser img,.case-proof img{display:block;width:100%;height:auto;object-fit:cover;object-position:top center}
.browserbar{background:linear-gradient(180deg,#183244,#0a1e2d)!important}
.projects .browser{position:relative!important;width:100%!important;height:auto!important;aspect-ratio:1348/956!important;overflow:hidden!important}
.projects .browser iframe{
  --preview-scale:.43;
  display:block!important;
  width:calc(100% / var(--preview-scale))!important;
  height:calc((100% - 28px) / var(--preview-scale))!important;
  transform:scale(var(--preview-scale))!important;
  transform-origin:top left!important;
  border:0!important;
  background:#fff!important;
}
.projects .real-project .browser img{width:100%!important;height:calc(100% - 28px)!important;object-fit:cover!important;object-position:top center!important}
.projects .portfolio-intro{max-width:900px;margin:0 auto 28px;text-align:center;color:#d4e7ef!important;font-size:15px;line-height:1.7;text-shadow:0 2px 16px rgba(0,0,0,.7)}
.projects .portfolio-intro b{color:#fff!important;font-weight:850}

form{padding:22px;border:1px solid rgba(183,225,243,.20);border-radius:18px;background:rgba(3,15,26,.72);box-shadow:inset 0 1px rgba(255,255,255,.08),0 20px 55px rgba(0,0,0,.24)}
form label{color:#c9dde7!important}
form input,form select,form textarea{color:#edf8fd!important;border-color:rgba(172,215,233,.25)!important;background:rgba(255,255,255,.07)!important}
form input::placeholder,form textarea::placeholder{color:#8fa7b4}
form option{color:#102838;background:#f4fbfe}

.band,.cta,.case-cta{background:linear-gradient(135deg,rgba(8,91,129,.94),rgba(10,146,178,.92) 54%,rgba(4,65,99,.96))!important}
body>footer{background:rgba(2,9,16,.96)!important}

@media(max-width:760px){
  body:before{background-position:54% center}
  body>.hero,body>section.hero,.case-hero{background-position:52% center!important}
  body>.hero,body>section.hero{padding:48px 20px!important}
  body .projects{padding-top:38px!important}
  .projects .portfolio-intro{margin:0 auto 24px;padding:18px 16px;border:1px solid rgba(150,221,241,.22);border-radius:16px;color:#dcecf3!important;background:rgba(8,31,46,.72);font-size:14px;line-height:1.58;text-shadow:0 2px 12px rgba(0,0,0,.82)}
  .projects .portfolio-intro b{display:inline;color:#fff!important}
  .browser,.real-project .browser{height:auto!important;aspect-ratio:1348/956!important}
  .projects .browser iframe{--preview-scale:.34}
  form{padding:17px}
}

@media(prefers-reduced-motion:reduce){.card,.p-card{transition:none!important}}