/* Phase 3.4 — structural recovery based on deployed screenshots.
   Intentionally loaded LAST. Preserve the established iCore geometry. */

/* Desktop navigation: one clean line, no accidental wrapping */
@media (min-width:1100px){
  .nav-in{max-width:1460px!important;padding-inline:28px!important;gap:22px!important}
  .nav-links{gap:22px!important;flex-wrap:nowrap!important;white-space:nowrap!important}
  .nav-links>a,.nav-item>button{white-space:nowrap!important;font-size:13px!important;padding-inline:0!important}
  .nav-cta{flex:none!important;white-space:nowrap!important}
}

/* Homepage hero: restore wide, balanced composition */
@media (min-width:1100px){
  .hero.hero-dark{min-height:850px!important;padding:128px 0 76px!important}
  .hero.hero-dark>.wrap{max-width:1460px!important;padding-inline:42px!important}
  .hero.hero-dark .hero-in{grid-template-columns:minmax(0,1.18fr) minmax(500px,.82fr)!important;gap:34px!important;align-items:center!important}
  .hero.hero-dark .hero-copy{max-width:820px!important;min-width:0!important}
  .hero.hero-dark .hero-copy h1{font-size:clamp(54px,4.25vw,72px)!important;line-height:.99!important;letter-spacing:-.052em!important;text-wrap:initial!important;max-width:820px!important}
  .hero.hero-dark .rotate-word span{white-space:nowrap!important}
  .hero.hero-dark .hero-sub{max-width:680px!important;font-size:18px!important;line-height:1.62!important}
  .hero.hero-dark .core-stage{width:min(42vw,650px)!important;max-width:650px!important;min-width:540px!important;margin:0 -18px 0 auto!important;transform:scale(1.12)!important;transform-origin:center!important}
  .hero.hero-dark .hero-metrics{max-width:760px!important;gap:28px!important}
  .hero.hero-dark .hero-metrics .m{padding-right:18px!important}
}
@media (min-width:1500px){
  .hero.hero-dark>.wrap{max-width:1540px!important}
  .hero.hero-dark .hero-in{grid-template-columns:minmax(0,1.16fr) minmax(590px,.84fr)!important;gap:48px!important}
  .hero.hero-dark .hero-copy{max-width:880px!important}
  .hero.hero-dark .hero-copy h1{font-size:72px!important;max-width:880px!important}
  .hero.hero-dark .core-stage{width:680px!important;max-width:680px!important;min-width:680px!important;transform:scale(1.13)!important;margin-right:-20px!important}
}

/* Inner-page hero: restore the original dark institutional treatment. */
.phero.dark,.cs-hero.dark,.lab-hero.dark,.nl-hero.dark{
  color:#fff!important;
  background:radial-gradient(110% 120% at 86% -8%,#18316b 0%,#0c1b43 39%,#08152f 68%,#061126 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.phero.dark::after,.cs-hero.dark::after,.lab-hero.dark::after,.nl-hero.dark::after{
  border-color:rgba(98,168,255,.13)!important;
  box-shadow:0 0 0 52px rgba(50,100,230,.035),0 0 0 104px rgba(34,191,212,.025)!important;
}
.phero.dark h1,.cs-hero.dark h1,.lab-hero.dark h1,.nl-hero.dark h1{color:#fff!important}
.phero.dark p,.cs-hero.dark p,.lab-hero.dark p,.nl-hero.dark p{color:rgba(229,238,255,.74)!important}
.phero.dark .crumb,.cs-hero.dark .crumb,.lab-hero.dark .crumb,.nl-hero.dark .crumb,
.phero.dark .ts-crumb,.cs-hero.dark .ts-crumb,.lab-hero.dark .ts-crumb,.nl-hero.dark .ts-crumb{
  color:rgba(231,239,255,.72)!important;background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.12)!important
}
.phero.dark .crumb a,.cs-hero.dark .crumb a,.lab-hero.dark .crumb a,.nl-hero.dark .crumb a{color:#fff!important}

/* Dark hero pages must retain a readable transparent navigation before scroll. */
body:not(.lighttop) .nav:not(.scrolled):not(.open) .nav-links>a,
body:not(.lighttop) .nav:not(.scrolled):not(.open) .nav-item>button{color:rgba(255,255,255,.82)!important}
body:not(.lighttop) .nav:not(.scrolled):not(.open) .nav-links>a:hover,
body:not(.lighttop) .nav:not(.scrolled):not(.open) .nav-item>button:hover{color:#fff!important}

/* Keep the hero visual substantial on tablet/mobile rather than hiding it. */
@media (max-width:1099px){
  .hero.hero-dark .core-stage{display:block!important;visibility:visible!important;opacity:1!important;max-width:min(76vw,500px)!important;width:min(76vw,500px)!important;margin:18px auto 0!important;transform:none!important}
}
@media (max-width:680px){
  .hero.hero-dark .core-stage{max-width:min(88vw,420px)!important;width:min(88vw,420px)!important;margin:16px auto 0!important}
}

/* Phase 3.5 definitive deployed-layout correction */
@media (min-width:1200px){
  .hero.hero-dark>.wrap{width:100%!important;max-width:1680px!important;padding-left:clamp(52px,5vw,92px)!important;padding-right:clamp(52px,5vw,92px)!important}
  .hero.hero-dark .hero-in{grid-template-columns:minmax(720px,1.18fr) minmax(620px,.82fr)!important;gap:36px!important}
  .hero.hero-dark .hero-copy{max-width:920px!important}
  .hero.hero-dark .hero-copy h1{max-width:920px!important;font-size:clamp(62px,4.7vw,82px)!important;line-height:.96!important}
  .hero.hero-dark .core-stage{width:min(44vw,760px)!important;max-width:760px!important;min-width:620px!important;transform:scale(1.08)!important;margin-right:-34px!important}
}
@media (min-width:1600px){
  .hero.hero-dark>.wrap{max-width:1740px!important}
  .hero.hero-dark .hero-in{grid-template-columns:minmax(800px,1.2fr) minmax(680px,.8fr)!important;gap:42px!important}
  .hero.hero-dark .core-stage{width:780px!important;max-width:780px!important;min-width:780px!important}
}
.phero.dark,.cs-hero.dark,.lab-hero.dark,.nl-hero.dark{background-color:#08152f!important;background-image:radial-gradient(900px 520px at 84% 8%,rgba(41,111,220,.30),transparent 60%),radial-gradient(650px 420px at 8% 80%,rgba(0,177,190,.16),transparent 62%),linear-gradient(135deg,#061027 0%,#0b1b42 52%,#08162f 100%)!important}
.phero.dark .wrap,.cs-hero.dark .wrap,.lab-hero.dark .wrap,.nl-hero.dark .wrap{position:relative!important;z-index:3!important}
.phero.dark h1,.cs-hero.dark h1,.lab-hero.dark h1,.nl-hero.dark h1,.phero.dark .eyebrow,.cs-hero.dark .eyebrow,.lab-hero.dark .eyebrow,.nl-hero.dark .eyebrow{color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.08)}
