.page-hero{ position: relative; padding-top: 170px; padding-bottom: 90px; padding-left: var(--pad-x); padding-right: var(--pad-x); background: var(--navy-black); color: #fff; overflow: hidden; }
.page-hero::before{ content:''; position:absolute; inset:0; background: radial-gradient(ellipse 60% 50% at 90% 30%, rgba(0,160,223,.30), transparent 60%), radial-gradient(ellipse 50% 60% at 0% 100%, rgba(13,152,122,.20), transparent 60%); }
.page-hero .wave-bg{ z-index:0; }
.page-hero-inner{ position:relative; z-index:2; }
.page-hero .eyebrow{ margin-bottom: 22px; }
.page-hero h1{ color: #fff; max-width: 22ch; }
.page-hero h1 .em{ color: var(--cyan); }
.page-hero .lead{ color: rgba(255,255,255,.78); margin-top: 28px; max-width: 640px; }
.page-hero-meta{ position:absolute; top: 76px; left: 0; right: 0; z-index: 3; display:flex; justify-content:space-between; align-items:center; padding: 14px var(--pad-x); border-bottom: 1px solid rgba(255,255,255,.08); font-family: var(--mono); font-size:11px; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.50); }
.page-hero-meta a{ color: rgba(255,255,255,.70); transition: color .25s var(--ease); }
.page-hero-meta a:hover{ color: var(--cyan); }

.stats-strip{ background: var(--paper); padding: clamp(60px, 8vw, 100px) var(--pad-x); border-bottom: 1px solid var(--line); }
.stats-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--line); }
.stats-grid.is-layout-flow > *{ margin-block-start: 0; }
.story2-milestones.is-layout-flow > *{ margin-block-start: 0; }
.stats-grid .stat{ border-right: 1px solid var(--line); }
.stats-grid .stat:last-child{ border-right: none; }
@media (max-width: 720px){ .stats-grid{ grid-template-columns: 1fr 1fr; } .stats-grid .stat:nth-child(2){ border-right: none; } .stats-grid .stat:nth-child(1), .stats-grid .stat:nth-child(2){ border-bottom: 1px solid var(--line); } }

.timeline{ background: var(--off); padding: clamp(80px, 11vw, 160px) var(--pad-x); }
.timeline-list{ margin-top: clamp(40px, 6vw, 70px); }
.timeline-row{ display: grid; align-items: center; grid-template-columns: 200px 1fr 1fr; gap: clamp(30px, 5vw, 80px); padding: clamp(40px, 5vw, 64px) 0; border-top: 1px solid rgba(10,10,10,.08); }
.timeline-row:last-child{ border-bottom: 1px solid rgba(10,10,10,.08); }
.timeline-row .yr{ font-family: var(--mono); font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--blue); padding-top: 6px; }
.timeline-row h3{ font-size: clamp(24px, 2.6vw, 34px); font-weight: 700; letter-spacing: -.015em; line-height: 1.15; }
.timeline-row p{ font-size: 15px; color: var(--grey-1); line-height: 1.65; margin-top: 16px; }
.timeline-row .pills{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.timeline-row .pills.is-layout-flow > *{ margin-block-start: 0; }
.timeline-row .pills span{ font-family: var(--mono); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; padding: 6px 12px; background: var(--paper); border: 1px solid var(--line); border-radius: 100px; }
@media (max-width: 880px){ .timeline-row{ grid-template-columns: 1fr; gap: 18px; } }

.locations{ background: var(--ink); color: #fff; padding: clamp(80px, 11vw, 160px) var(--pad-x); position: relative; overflow: hidden; }
.locations::before{ content:''; position:absolute; inset:0; background: radial-gradient(ellipse 60% 50% at 10% 50%, rgba(0,160,223,.18), transparent 60%); }
.locations > *{ position:relative; z-index:2; }
.locations h2{ color: #fff; }
.locations h2 .em{ color: var(--cyan); }
.location-grid{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: clamp(16px, 2vw, 24px); margin-top: clamp(40px, 6vw, 70px); }
.loc{ background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.10); border-radius: var(--rad); padding: clamp(28px, 3.5vw, 44px); transition: background .35s var(--ease); margin-block-start: 0; }
.loc:hover{ background: rgba(255,255,255,.08); }
.loc .role{ font-family: var(--mono); font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--cyan); margin-bottom: 18px; }
.loc h3{ color: #fff; font-size: clamp(28px, 3vw, 40px); font-weight: 700; letter-spacing: -.02em; margin-bottom: 8px; }
.loc .country{ color: rgba(255,255,255,.6); font-size: 14px; font-family: var(--mono); letter-spacing: .14em; text-transform: uppercase; }
@media (max-width: 720px){ .location-grid{ grid-template-columns: 1fr; } }

.cta-team{ padding: clamp(100px, 14vw, 200px) var(--pad-x); background: var(--navy-black); color: #fff; position: relative; overflow: hidden; }
.cta-team::before{ content:''; position:absolute; inset:0; background: radial-gradient(ellipse 60% 40% at 50% 100%, rgba(0,160,223,.22), transparent 60%); }
.cta-team > *{ position: relative; z-index: 2; }
.cta-team .eyebrow{ color: var(--cyan); margin-bottom: 28px; }
.cta-team .eyebrow::before{ background: var(--cyan); }
.cta-team h2{ color: #fff; max-width: 22ch; }
.cta-team h2 .em{ color: var(--cyan); }
.cta-team .lead{ color: rgba(255,255,255,.7); margin-top: 26px; }
.cta-team-actions{ margin-top: clamp(40px, 6vw, 70px); display: flex; gap: 14px; flex-wrap: wrap; }

.vision-section{ padding: clamp(80px, 11vw, 160px) var(--pad-x); background: var(--paper); position: relative; overflow: hidden; }
.vision-inner{ max-width: 1280px; margin: 0 auto; position: relative; }
.vision-quote-mark{ font-family: var(--display); font-weight: 900; font-size: clamp(200px, 25vw, 400px); line-height: .7; color: var(--blue); opacity: .06; position: absolute; top: -20px; left: -30px; pointer-events: none; }
.vision-title{ position: relative; max-width: 16ch; margin-top: 22px; }
.vision-title .em{ color: var(--blue); }
.vision-arc{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: clamp(50px, 7vw, 90px); border-radius: 24px; overflow: hidden; background: var(--line); border: 1px solid var(--line); }
.arc-step{ background: var(--paper); padding: clamp(24px, 3vw, 40px); min-height: 280px; position: relative; transition: background .4s var(--ease); margin-block-start: 0; }
.arc-step:hover{ background: var(--off); }
.arc-step.is-future{ background: linear-gradient(135deg, #258fdd 0%, #0d987a 100%); color: #fff; }
.arc-step.is-future .step-num,
.arc-step.is-future .step-label{ color: rgba(255,255,255,.7); }
.arc-step .step-num{ font-family: var(--mono); font-size: 11px; letter-spacing: .14em; color: var(--blue); margin-bottom: 14px; }
.arc-step .step-label{ font-family: var(--mono); font-size: 10px; letter-spacing: .18em; text-transform: uppercase; color: var(--grey-2); margin-bottom: 24px; }
.arc-step h4{ font-family: var(--display); font-weight: 700; font-size: clamp(20px, 2.2vw, 26px); letter-spacing: -.02em; line-height: 1.15; margin-bottom: 14px; }
.arc-step.is-future h4{ color: #fff; }
.arc-step p{ font-size: 13px; line-height: 1.55; opacity: .85; }
.vision-close{ position: relative; font-size: 17px; line-height: 1.65; color: var(--grey-1); margin-top: clamp(40px, 5vw, 70px); max-width: 70ch; }
@media (max-width: 980px){ .vision-arc{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 540px){ .vision-arc{ grid-template-columns: 1fr; } }

/* ===== OUR POSITION — premium animated "third way" ===== */
.position-section{ position:relative; overflow:hidden; background:var(--navy-black); color:#fff; padding: clamp(80px,11vw,150px) var(--pad-x); }
.position-section::before{ content:''; position:absolute; inset:0; pointer-events:none; background: radial-gradient(ellipse 55% 45% at 12% 6%, rgba(0,160,223,.20), transparent 60%), radial-gradient(ellipse 55% 55% at 88% 96%, rgba(13,152,122,.16), transparent 62%); }
.pos-inner{ position:relative; z-index:2; max-width:1180px; margin:0 auto; }
.pos-head{ max-width:760px; }
.pos-head h2{ color:#fff; margin-top:16px; }
.pos-head h2 .em{ color: var(--cyan); }
.pos-head .pos-lead{ color: rgba(255,255,255,.72); font-size: clamp(16px,1.7vw,19px); line-height:1.7; margin-top:22px; }

.pos-alts{ display:grid; grid-template-columns: repeat(3,1fr); gap: clamp(16px,2vw,24px); margin-top: clamp(46px,6vw,72px); }
.pos-alts.is-layout-flow > *{ margin-block-start: 0; }
.pos-alt{ position:relative; background: rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.10); border-radius:20px; padding: clamp(22px,2.6vw,30px); opacity:0; transform: translateY(28px); transition: opacity .7s var(--ease), transform .7s var(--ease), border-color .35s var(--ease), background .35s var(--ease); }
.pos-alt.is-layout-flow > *{ margin-block-start: 0; }
.position-section.is-in .pos-alt{ opacity:1; transform:none; }
.position-section.is-in .pos-alt:nth-child(1){ transition-delay:.05s; }
.position-section.is-in .pos-alt:nth-child(2){ transition-delay:.14s; }
.position-section.is-in .pos-alt:nth-child(3){ transition-delay:.23s; }
.pos-alt:hover{ background: rgba(255,255,255,.075); border-color: rgba(0,160,223,.42); transform: translateY(-4px); }
.pos-alt-tag{ font-family:var(--mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase; color: var(--cyan); margin-bottom:12px; }
.pos-alt h3{ font-family:var(--display); font-weight:700; font-size: clamp(17px,1.9vw,21px); letter-spacing:-.02em; color:#fff; margin:0 0 18px; line-height:1.22; }
.pos-alt ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:11px; }
.pos-alt li{ display:flex; gap:11px; align-items:flex-start; font-size:14px; line-height:1.5; color: rgba(255,255,255,.78); }
.pos-alt li .ic{ flex:0 0 auto; width:19px; height:19px; border-radius:50%; display:grid; place-items:center; font-size:11px; font-weight:800; margin-top:1px; }
.pos-alt li.ok .ic{ background: rgba(13,152,122,.22); color:#4ddbb9; }
.pos-alt li.no .ic{ background: rgba(225,37,27,.18); color:#ff8079; }

.pos-merge{ position:relative; height: clamp(64px,8vw,104px); margin-top:4px; }
.pos-merge svg{ position:absolute; inset:0; width:100%; height:100%; }
.pos-merge .draw{ fill:none; stroke: rgba(0,160,223,.55); stroke-width:1.4; stroke-linecap:round; stroke-dasharray:1; stroke-dashoffset:1; transition: stroke-dashoffset 1.1s var(--ease) .3s; }
.position-section.is-in .pos-merge .draw{ stroke-dashoffset:0; }
.pos-merge .flow{ fill:none; stroke: var(--cyan); stroke-width:2.2; stroke-linecap:round; stroke-dasharray:2 9; opacity:0; animation: posFlow 2.4s linear infinite; }
.position-section.is-in .pos-merge .flow{ opacity:.9; }
@keyframes posFlow{ from{ stroke-dashoffset:0;} to{ stroke-dashoffset:-11;} }

.pos-core{ position:relative; margin-top:4px; border-radius:24px; overflow:hidden; background: linear-gradient(120deg,#0b3fa0 0%, #2a7de1 46%, #00a0df 100%); padding: clamp(34px,4.4vw,56px); box-shadow: 0 34px 90px rgba(0,60,140,.42); opacity:0; transform: translateY(30px) scale(.985); transition: opacity .8s var(--ease) .28s, transform .8s var(--ease) .28s; }
.position-section.is-in .pos-core{ opacity:1; transform:none; }
.pos-core::after{ content:''; position:absolute; inset:0; background: linear-gradient(115deg, transparent 32%, rgba(255,255,255,.16) 49%, transparent 65%); transform: translateX(-65%); animation: posSheen 6.5s ease-in-out infinite; pointer-events:none; }
@keyframes posSheen{ 0%,14%{ transform:translateX(-65%);} 54%,100%{ transform:translateX(125%);} }
.pos-core-inner{ position:relative; z-index:2; display:grid; grid-template-columns:auto 1fr; gap: clamp(30px,4vw,60px); align-items:center; }
.pos-core-brand{ text-align:center; }
.pos-core-rings{ position:relative; width:118px; height:118px; display:grid; place-items:center; margin:0 auto; }
.pos-core-rings i{ position:absolute; inset:0; border-radius:50%; border:1.5px solid rgba(255,255,255,.5); animation: posRing 3.2s ease-out infinite; }
.pos-core-rings i:nth-child(2){ animation-delay:1.6s; }
@keyframes posRing{ 0%{ transform:scale(.62); opacity:.7;} 100%{ transform:scale(1.28); opacity:0;} }
.pos-core-mark{ position:relative; z-index:2; width:94px; height:94px; border-radius:50%; background:rgba(255,255,255,.16); display:grid; place-items:center; font-family:var(--display); font-weight:800; font-size:19px; letter-spacing:-.03em; color:#fff; border:1px solid rgba(255,255,255,.34); }
.pos-core-label{ font-family:var(--mono); font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.85); margin-top:16px; }
.pos-core-copy h3{ font-family:var(--display); font-weight:700; font-size: clamp(21px,2.6vw,30px); letter-spacing:-.02em; line-height:1.22; color:#fff; margin:0 0 14px; }
.pos-core-copy p{ font-size: clamp(15px,1.6vw,17px); line-height:1.65; color:rgba(255,255,255,.85); margin:0; max-width:52ch; }
.pos-core-chips{ display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.pos-core-chips.is-layout-flow > *{ margin-block-start: 0; }
.pos-core-chips p{ font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; padding:9px 15px; border-radius:100px; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.28); color:#fff; margin:0; }
@media (max-width: 820px){
 .pos-alts{ grid-template-columns:1fr; }
 .pos-merge{ display:none; }
 .pos-core-inner{ grid-template-columns:1fr; text-align:center; }
 .pos-core-chips{ justify-content:center; }
 .pos-core-copy p{ margin:0 auto; }
}
@media (prefers-reduced-motion: reduce){
 .pos-core::after, .pos-core-rings i, .pos-merge .flow{ animation:none; }
 .pos-core::after{ display:none; }
}