/* Full-width screen layout and ecosystem navigation — 2026-10-05 */
:root{--wide-gutter:clamp(14px,2vw,64px)}
.ecosystem-strip{position:relative;z-index:18;width:calc(100% - var(--wide-gutter)*2);margin:12px auto 0;padding:10px 14px;border:1px solid rgba(126,225,255,.15);border-radius:18px;background:rgba(3,8,22,.66);backdrop-filter:blur(14px);display:flex;align-items:center;gap:clamp(14px,1.5vw,38px);overflow:auto;white-space:nowrap;color:#9bb4c9;font-size:.72rem;text-transform:uppercase;letter-spacing:.11em}.ecosystem-strip>span{color:#607b92}.ecosystem-strip a:hover,.ecosystem-strip .current{color:var(--cyan)}
@media screen and (min-width:1101px){
  body{font-size:clamp(16px,.86vw,24px)}
  .topbar,main,.launch-strip,.workbench-pro,.notice-main,.page-main,.site-footer{width:calc(100% - var(--wide-gutter)*2)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
  main,.notice-main,.page-main,.launch-strip,.workbench-pro{padding-left:0!important;padding-right:0!important}
  .topbar{gap:clamp(20px,2vw,60px);padding:clamp(12px,.85vw,24px) clamp(18px,1.2vw,38px)}
  .brand img{width:clamp(44px,2.8vw,76px);height:clamp(44px,2.8vw,76px)}
  .nav{gap:clamp(6px,.7vw,22px)}.nav a{font-size:clamp(.82rem,.72vw,1.15rem);padding:11px clamp(8px,.65vw,18px)}
  .hero{grid-template-columns:minmax(0,1.05fr) minmax(520px,.95fr)!important;gap:clamp(40px,4vw,150px);min-height:calc(100vh - 130px)}
  .hero h1{font-size:clamp(5.4rem,8.1vw,14rem)!important;max-width:10ch}
  .hero h2{font-size:clamp(2.8rem,3.5vw,6.8rem)}.hero-lede{font-size:clamp(1.02rem,1vw,1.55rem);max-width:80ch}
  .hero-stage{max-width:none!important}.hero-visual{min-width:0}
  .launch-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1vw,30px)}
  .feature-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(14px,1vw,30px)}
  .cap-grid.extended,.cap-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.1vw,34px)}
  .proof-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.1vw,34px)}
  .roadmap-grid,.stack-grid,.page-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.1vw,34px)}
  .platform-lock,.workflow-section,.legal-section,.coding-bridge,.trust-section{gap:clamp(30px,3vw,110px);padding:clamp(34px,2vw,70px)}
  .section-title p,.platform-lock p,.workflow-section p,.coding-bridge p,.trust-section p,.page-hero p{max-width:82ch}
  .lane-map{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,.9vw,26px)}
  .proof-timeline,.metrics-ribbon{grid-template-columns:repeat(4,minmax(0,1fr))}
  .status-board{grid-template-columns:repeat(4,minmax(0,1fr))}
  .page-main,.notice-main{min-height:70vh}
}
@media screen and (min-width:1900px){.page-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.cap-grid.extended{grid-template-columns:repeat(5,minmax(0,1fr))}.roadmap-grid,.stack-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-demo{grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr)}}
@media screen and (max-width:1100px){.ecosystem-strip{width:calc(100% - 20px)} }
@media screen and (max-width:680px){.ecosystem-strip{border-radius:14px;margin-top:8px}.site-footer{width:calc(100% - 24px)!important}}