/* Editorial layout pass: stronger brand-led hierarchy and a clearer reading path. */
.topbar { max-width: none; padding-left: max(40px, calc((100vw - 1320px) / 2)); padding-right: max(40px, calc((100vw - 1320px) / 2)); }
.hero { max-width: none; background: var(--ink); color: #fff; grid-template-columns: minmax(360px, .9fr) minmax(500px, 1.1fr); padding-left: max(40px, calc((100vw - 1320px) / 2)); padding-right: max(40px, calc((100vw - 1320px) / 2)); padding-top: 74px; padding-bottom: 28px; column-gap: 76px; }
.hero .eyebrow, .hero .hero-lede { color: #b9c5c8; }
.hero h1 { font-size: clamp(58px, 6.8vw, 96px); }
.hero-actions .text-link { color: #fff; border-color: #fff; }
.hero-visual { height: min(615px, 68vh); min-height: 470px; border: 1px solid rgba(213,239,90,.35); }
.hero-visual img { position: relative; z-index: 0; opacity: .28; }
.hero-field { position: absolute; inset: 0; z-index: 1; overflow: hidden; background: linear-gradient(138deg, rgba(14,31,38,.96) 0%, rgba(14,31,38,.62) 57%, rgba(14,31,38,.9) 100%); }
.field-grid { position: absolute; inset: -20%; opacity: .4; background-image: linear-gradient(rgba(213,239,90,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(213,239,90,.1) 1px, transparent 1px); background-size: 52px 52px; transform: rotate(-13deg); }
.field-sphere { position: absolute; width: 420px; height: 420px; right: -72px; top: 24px; border: 1px solid rgba(213,239,90,.25); border-radius: 50%; box-shadow: inset 0 0 0 35px rgba(213,239,90,.025), inset 0 0 0 75px rgba(213,239,90,.025); }
.field-sphere::before, .field-sphere::after { content: ''; position: absolute; inset: 14% -8%; border: 1px solid rgba(250,118,94,.75); border-radius: 50%; transform: rotate(38deg); }
.field-sphere::after { inset: -8% 14%; transform: rotate(-38deg); border-color: rgba(213,239,90,.36); }
.field-route { position: absolute; display: flex; align-items: center; gap: 9px; font-family: var(--mono); font-size: 9px; color: #d5ef5a; letter-spacing: .12em; }
.field-route i { display: block; width: 8px; height: 8px; border-radius: 50%; background: var(--coral); box-shadow: 0 0 0 6px rgba(250,118,94,.14); }
.route-one { left: 13%; top: 28%; }
.route-two { left: 48%; top: 18%; }
.route-three { left: 34%; bottom: 23%; }
.field-route::after { content: ''; position: absolute; width: 135px; border-top: 1px dashed rgba(213,239,90,.35); left: 11px; top: 20px; transform: rotate(17deg); transform-origin: left; }
.route-two::after { width: 95px; transform: rotate(89deg); }
.route-three::after { width: 105px; transform: rotate(-34deg); }
.field-coord { position: absolute; font: 9px var(--mono); color: rgba(255,255,255,.55); letter-spacing: .08em; }
.coord-one { left: 12%; bottom: 16%; }
.coord-two { right: 12%; bottom: 31%; }
.field-word { position: absolute; right: 7%; bottom: 14%; color: rgba(255,255,255,.08); font-size: clamp(74px, 11vw, 145px); letter-spacing: -.1em; line-height: .8; }
.hero-visual .visual-label, .hero-visual .hero-stat { z-index: 2; }
.advantage-image { background: linear-gradient(145deg, #253941, #0e1f26); }
.advantage-image img { position: relative; z-index: 1; }
.hero-footnote { border-color: rgba(255,255,255,.25); color: #a1b0b4; }
.intro { padding-top: 132px; padding-bottom: 132px; }
.intro-heading { align-items: flex-start; margin-bottom: 62px; }
.intro-heading h2 { max-width: 560px; }
.intro-heading p { padding-top: 8px; }
.capability-grid { display: flex; flex-direction: column; gap: 0; border-top: 1px solid var(--line); }
.capability-card { min-height: 0; padding: 29px 0 32px; display: grid; grid-template-columns: 115px minmax(250px, .95fr) minmax(260px, 1fr) 115px; grid-template-rows: auto auto; column-gap: 24px; align-items: start; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink); }
.capability-card .card-top { display: contents; }
.capability-card .card-index { grid-column: 1; grid-row: 1; color: var(--coral); padding-top: 5px; }
.capability-card .line-icon { grid-column: 4; grid-row: 1; justify-self: end; color: var(--coral); }
.capability-card .card-illustration { grid-column: 1; grid-row: 2; width: 78px; height: 74px; margin: 16px 0 0; }
.capability-card h3 { grid-column: 2; grid-row: 1 / span 2; font-size: clamp(30px, 3.1vw, 45px); margin: 0; align-self: center; }
.capability-card p { grid-column: 3; grid-row: 1 / span 2; max-width: 390px; margin: 0; align-self: center; color: #667479; opacity: 1; }
.capability-card .card-link { grid-column: 4; grid-row: 2; justify-self: end; align-self: end; color: var(--ink); }
.trade-card, .growth-card { background: transparent; }
.trade-card .trade-illustration { background: radial-gradient(circle at 45% 49%, rgba(250,118,94,.14), transparent 32%); }
.trade-card .orbit { border-color: rgba(250,118,94,.5); }
.trade-card .orbit-two { border-color: rgba(250,118,94,.25); }
.trade-card .cube { border-color: var(--coral); }
.trade-card .cube:after { border-color: rgba(250,118,94,.5); }
.growth-card .chart-illustration { border-color: rgba(16,29,37,.3); }
.advantage { padding-top: 126px; padding-bottom: 126px; grid-template-columns: minmax(430px, .88fr) minmax(460px, 1.12fr); gap: 8%; }
.advantage-image { height: 600px; margin-left: 9%; }
.advantage-copy { padding-top: 0; }
.advantage-copy .section-kicker { margin-bottom: 62px; }
.advantage h2 { font-size: clamp(42px, 4.6vw, 63px); }
.network { padding-top: 132px; padding-bottom: 132px; }
.network-layout { grid-template-columns: .85fr 1.15fr; gap: 9%; margin-top: 79px; }
.map-panel { height: 395px; }
.metric-row { margin-top: 75px; }
.vision { padding-top: 112px; padding-bottom: 118px; grid-template-columns: 1fr 210px; }
.vision blockquote { max-width: 800px; }
.contact { padding-top: 124px; padding-bottom: 124px; }

@media (max-width: 800px) {
  .topbar { padding-left: 22px; padding-right: 22px; }
  .hero { padding-top: 53px; padding-left: 22px; padding-right: 22px; }
  .capability-card { display: grid; grid-template-columns: 52px 1fr 32px; grid-template-rows: auto auto auto; column-gap: 15px; padding: 24px 0 28px; }
  .capability-card .card-index { grid-column: 1; grid-row: 1; }
  .capability-card .line-icon { grid-column: 3; grid-row: 1; }
  .capability-card h3 { grid-column: 2; grid-row: 1; font-size: 30px; }
  .capability-card .card-illustration { grid-column: 1; grid-row: 2 / span 2; width: 42px; height: 55px; margin-top: 20px; }
  .capability-card p { grid-column: 2 / span 2; grid-row: 2; margin-top: 25px; }
  .capability-card .card-link { grid-column: 2 / span 2; grid-row: 3; justify-self: start; margin-top: 20px; }
  .advantage-image { margin-left: 0; }
}