/* Full-width screen layout and ecosystem navigation — 2026-10-05 */
:root{--wide-gutter:clamp(14px,2vw,68px)}
.ecosystem-strip{position:relative;z-index:19;border-bottom:1px solid rgba(102,198,255,.08);background:rgba(3,10,18,.7)}.ecosystem-strip-inner{width:calc(100% - var(--wide-gutter)*2);margin:auto;min-height:42px;display:flex;align-items:center;gap:clamp(14px,1.5vw,38px);overflow:auto;white-space:nowrap;color:#8eabc4;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.ecosystem-strip-inner>span{color:#5e7891}.ecosystem-strip a:hover,.ecosystem-strip .current{color:var(--accent)}
@media screen and (min-width:1121px){
  :root{--max:none}body{font-size:clamp(16px,.84vw,24px)}
  .container{width:calc(100% - var(--wide-gutter)*2)!important;max-width:none!important}
  .nav-wrap{min-height:86px}.nav-links{gap:clamp(12px,1vw,32px);font-size:clamp(13px,.72vw,21px)}
  .hero{padding-top:clamp(78px,5vw,150px)}.hero-grid{grid-template-columns:minmax(0,.94fr) minmax(620px,1.06fr);gap:clamp(40px,4vw,150px)}
  .hero h1{font-size:clamp(5rem,7.2vw,13rem);max-width:11ch}.hero .lede{max-width:78ch;font-size:clamp(1.02rem,1vw,1.55rem)}
  .hero-card{min-height:clamp(650px,42vw,980px)}.logo-stage{min-height:clamp(420px,27vw,640px)}
  .trust-grid,.section-grid,.split-grid{gap:clamp(34px,3.5vw,130px)}
  .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .steps-grid,.deploy-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1vw,30px)}
  .scenario-grid,.telemetry-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .console-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .section-heading p,.split-copy p,.trust-grid>article p{max-width:82ch}
  .topology-grid{width:calc(100% - var(--wide-gutter)*2);max-width:none}
  .journal-shell-grid,.fabric-shell-grid,.watchtower-shell-grid,.memory-grid,.surface-grid,.shiproom-grid,.incident-grid{gap:clamp(20px,2vw,70px)}
  .footer-wrap{min-height:120px}
}
@media screen and (min-width:1900px){.hero-grid{grid-template-columns:minmax(0,.9fr) minmax(760px,1.1fr)}.steps-grid,.deploy-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.scenario-grid,.telemetry-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.journal-lane-grid,.fabric-provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section{padding-block:clamp(95px,6vw,190px)}}
@media screen and (max-width:1120px){.ecosystem-strip-inner{width:calc(100% - 20px)}}