:root{--navy:#03101f;--navy2:#07192c;--panel:#0a1d32;--gold:#e9a83e;--gold2:#ffc35b;--ink:#091323;--muted:#9cacbd;--line:#21364d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--navy);color:white}
a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 52px));margin:auto}
.hero{position:relative;min-height:748px;overflow:hidden;background:#020d19 url('hero-earth.webp') right top/cover no-repeat;border-bottom:1px solid #263a4d}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020d19 0%,rgba(2,13,25,.98) 28%,rgba(2,13,25,.72) 43%,rgba(2,13,25,.10) 67%,rgba(2,13,25,0) 100%);pointer-events:none}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:190px;background:linear-gradient(0deg,rgba(2,13,25,.80),transparent);pointer-events:none}
nav{height:76px;display:grid;grid-template-columns:260px 1fr 245px;align-items:center;position:relative;z-index:5;gap:22px}
.logo{display:flex;align-items:center;min-width:0}.approved-logo{display:block;width:280px;height:80px;object-fit:contain;object-position:left center}.logo-lockup{display:flex;flex-direction:column;justify-content:center}
.logo-svg{width:38px;height:38px;flex:0 0 38px}.wordmark{font-size:17px;line-height:1;letter-spacing:2.4px;font-weight:700}.tag{font-size:5.7px;line-height:1;margin-top:6px;color:var(--gold);letter-spacing:1px;font-weight:700}
.navlinks{display:flex;gap:27px;font-size:11px;flex:1;justify-content:center;align-items:center;white-space:nowrap}.navlinks a{display:flex;align-items:center;gap:5px;color:#f4f6f8}.chev{width:7px;height:7px;border-right:1.2px solid #d9e0e7;border-bottom:1.2px solid #d9e0e7;transform:rotate(45deg) translateY(-2px)}
.navright{display:flex;align-items:center;justify-content:flex-end;gap:22px;font-size:11px;white-space:nowrap}.navright .btn{padding:11px 16px;border-radius:3px;font-size:10px;min-width:132px;justify-content:center}.signin{color:#f1f4f7}
.btn{border:1px solid #a06e31;padding:14px 20px;border-radius:4px;font-size:13px;display:inline-flex;gap:13px;align-items:center}.btn.gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#0b1320;border:0;font-weight:700}
.hero-copy{position:relative;z-index:4;padding-top:70px;width:48%;max-width:650px}.hero h1{font-size:58px;line-height:1.07;margin:0 0 24px;letter-spacing:-1.7px}.dot{color:var(--gold)}.hero p{font-size:17px;line-height:1.65;color:#eef2f5;max-width:515px}.actions{display:flex;gap:18px;margin-top:27px}
.hero-capabilities{position:absolute;z-index:5;left:0;right:0;bottom:48px}.capgrid{display:grid;grid-template-columns:repeat(4,1fr);width:59%;max-width:760px;gap:28px}.cap{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:start}.cap svg{width:35px;height:35px;stroke:var(--gold);fill:none;stroke-width:1.7}.cap b{font-size:14px}.cap small{display:block;color:#e2e8ee;font-size:12px;line-height:1.55;margin-top:7px}
.trust{height:162px;background:linear-gradient(90deg,#071a2d,#0b2238,#071a2d);border-top:1px solid #27415a;display:flex;align-items:center}.trust-title{text-align:center;font-size:11px;letter-spacing:3.5px;color:#d0d8e1;margin-bottom:28px}.logos{display:grid;grid-template-columns:repeat(7,1fr);align-items:center;color:#fff;gap:0}.brand{height:52px;display:flex;align-items:center;justify-content:center;border-right:1px solid #405064;font-weight:800;font-size:22px;letter-spacing:-.5px}.brand:last-child{border-right:0}.brand.bae span{background:#f1f1f1;color:#101820;padding:5px 9px;font-size:15px;letter-spacing:1px}.brand.northrop{font-size:14px;line-height:.9;text-align:center}.brand.leidos{font-size:25px}.brand.serco{font-size:30px;font-weight:600}.brand.downer{font-size:23px}.brand.arup{font-family:Georgia,serif;font-size:27px;font-weight:500}.brand.nsw{font-size:13px;line-height:1.05;text-align:center}
.ai{background:#f8f8fb;color:var(--ink);min-height:470px;position:relative;overflow:hidden}.ai:after{content:"";position:absolute;right:-4%;top:35%;width:63%;height:220px;background:repeating-linear-gradient(174deg,transparent 0 14px,rgba(98,77,239,.08) 15px,transparent 17px);transform:skewY(-8deg)}
.two{display:grid;grid-template-columns:48% 52%;align-items:center;min-height:470px;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:1px;color:#6a66df;font-weight:800}.ai h2,.eop h2{font-size:39px;line-height:1.12;margin:15px 0}.ai p{max-width:390px;color:#4d5868;line-height:1.7;font-size:14px}.lav{color:#6967db}.floatcards{position:relative;height:360px}.float{position:absolute;background:white;border:1px solid #e5e6ef;box-shadow:0 12px 32px rgba(70,70,120,.13);padding:17px 20px;border-radius:6px;width:240px;font-size:11px}.float small{font-size:8px;color:#6f6ae5;font-weight:800}.float p{font-size:11px;line-height:1.45;color:#222b39;margin:8px 0}.f1{top:24px;left:90px}.f2{top:145px;right:35px}.f3{bottom:5px;left:165px}
.eop{background:#041321;min-height:520px}.eop .two{min-height:520px;grid-template-columns:29% 71%;gap:34px}.eop .eyebrow{color:var(--gold)}.eop p{color:#c2ccd7;line-height:1.7;font-size:14px}.screen{border:1px solid #6e512e;border-radius:11px;background:#061728;padding:0;overflow:hidden;box-shadow:0 22px 60px rgba(0,0,0,.35)}.screenbar{height:42px;border-bottom:1px solid #1d344b;display:flex;align-items:center;padding:0 14px;gap:14px;font-size:11px}.screenbody{display:grid;grid-template-columns:100px 1fr}.sidebar{padding:12px 8px;border-right:1px solid #1c334b;color:#aab8c7;font-size:8px}.sideitem{padding:7px 5px}.sideitem.on{background:#102842;color:#f4b348;border-left:2px solid #f4b348}.dash{padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.tile{background:#0a2036;border:1px solid #15344f;border-radius:4px;padding:10px;min-height:112px}.tile small{font-size:7px;color:#b7c4d0}.score{font-size:32px;font-weight:800;text-align:center;margin-top:12px}.ring{width:76px;height:76px;border-radius:50%;margin:8px auto;background:conic-gradient(#2ac46d 0 45%,#f4b33e 45% 72%,#e95151 72% 100%);display:grid;place-items:center}.ring:after{content:"78%";background:#0a2036;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;font-size:20px;font-weight:800}.status{font-size:8px;line-height:2}.pill{float:right;font-size:6px;background:#e95151;padding:2px 5px;border-radius:2px}.pill.amber{background:#e99d31}.bar{height:5px;background:#19334a;margin:8px 0}.bar i{display:block;height:100%;background:#32c873;width:78%}
.features{background:#fafafa;color:#0b1422;padding:48px 0}.features h3{text-align:center;font-size:25px;margin:0 0 7px}.features>div>p{text-align:center;color:#596473;margin:0}.featuregrid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:35px}.feature{text-align:center;padding:0 17px;border-right:1px solid #d9dce0}.feature:last-child{border:0}.feature .fic{font-size:28px;color:#d79535;margin-bottom:12px}.feature b{font-size:12px}.feature p{font-size:10px;line-height:1.5;color:#505b68}
.cta{background:#071728;padding:36px 0;border-bottom:1px solid #20354a}.ctain{display:flex;justify-content:space-between;align-items:center}.cta h3{font-size:25px;margin:0 0 8px}.cta p{margin:0;color:#b9c4cf;font-size:12px}
footer{background:#04111f;padding:38px 0 24px;color:#8797a8}.footergrid{display:grid;grid-template-columns:1.7fr repeat(4,1fr) 1.4fr;gap:30px}.footergrid h4{font-size:10px;color:#fff;margin:0 0 14px}.footergrid a{display:block;font-size:9px;margin:8px 0}.footergrid p{font-size:10px;line-height:1.6}.email{border:1px solid #2c4054;padding:9px;font-size:9px;margin-top:13px}.legal{border-top:1px solid #162a3d;margin-top:30px;padding-top:20px;font-size:8px;display:flex;justify-content:space-between}
@media(max-width:850px){.container{width:min(100% - 30px,1180px)}.navlinks{display:none}.navright .signin{display:none}.hero{min-height:760px}.hero-copy{width:100%;padding-top:40px}.hero h1{font-size:43px}.globe{width:460px;height:460px;right:-170px;top:270px;opacity:.72}.stepgrid{width:100%;grid-template-columns:1fr 1fr}.steps{bottom:25px}.trust{height:auto;padding:25px 0}.logos{flex-wrap:wrap;justify-content:center}.two,.eop .two{grid-template-columns:1fr;padding:55px 0}.floatcards{height:390px}.screenbody{grid-template-columns:70px 1fr}.dash{grid-template-columns:1fr 1fr}.featuregrid{grid-template-columns:1fr 1fr}.feature{border:0;border-bottom:1px solid #ddd;padding:18px}.ctain{display:block}.ctain .actions{margin-top:20px}.footergrid{grid-template-columns:1fr 1fr}}
@media(max-width:1050px){nav{grid-template-columns:225px 1fr 210px}.navlinks{gap:16px;font-size:10px}}
@media(max-width:900px){.hero{min-height:850px;background-position:62% top}.hero:before{background:linear-gradient(90deg,#020d19 0%,rgba(2,13,25,.92) 55%,rgba(2,13,25,.2))}.hero-copy{width:100%}.hero h1{font-size:44px}.capgrid{width:100%;grid-template-columns:1fr 1fr}.hero-capabilities{bottom:28px}.trust{height:auto;padding:30px 0}.logos{grid-template-columns:repeat(2,1fr)}.brand{border-bottom:1px solid #405064}.navlinks{display:none}}

/* HERO VERTICAL RHYTHM — capabilities intentionally tied close to CTAs */
@media(min-width:901px){
  .hero{min-height:790px}
  .hero-copy{padding-top:82px}
  .steps{top:640px;bottom:auto}
}


/* FINAL HERO FLOW FIX: capabilities are physically inside hero-copy */
@media(min-width:901px){
  .hero{min-height:760px}
  .hero-copy{padding-top:82px;width:59%;max-width:790px}
  .hero-copy .hero-capabilities{
    position:relative !important;
    left:auto !important; right:auto !important;
    top:auto !important; bottom:auto !important;
    margin-top:58px !important;
    width:100%;
  }
  .hero-copy .hero-capabilities>.container{width:100%;margin:0}
  .hero-copy .capgrid{width:100%;max-width:none;grid-template-columns:repeat(4,1fr);gap:24px}
}


/* HERO HEIGHT LOCK — remove excess space below capability row */
@media(min-width:901px){
  .hero{min-height:650px !important;height:650px !important;}
  .hero-copy{padding-top:52px !important;}
  .hero-copy .hero-capabilities{margin-top:48px !important;}
}


.cap .cap-icon{width:36px;height:36px;stroke:#e9a83e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cap .cap-icon .fill-dot{fill:#e9a83e;stroke:none}


/* HERO LOCK v6 */
@media(min-width:901px){
.hero{height:510px!important;min-height:510px!important;overflow:hidden}
.hero-copy{padding-top:22px!important;width:59%!important;max-width:790px!important}
.hero-copy .hero-capabilities{position:relative!important;inset:auto!important;margin-top:30px!important;width:100%!important}
.hero-copy .capgrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;width:100%!important;max-width:none!important}
.hero-copy .cap{display:grid!important;grid-template-columns:38px 1fr!important;gap:10px!important;align-items:start!important;min-width:0}
.hero-copy .cap b{display:block;font-size:12px}.hero-copy .cap small{display:block;margin-top:7px;font-size:10px;line-height:1.5;color:#d4dbe3}
}

/* HERO LOCK v7 — approved capability icon family */
@media(min-width:901px){
  .hero{height:560px!important;min-height:560px!important;overflow:hidden}
  .hero-copy{padding-top:32px!important;width:61%!important;max-width:820px!important}
  .hero-copy .hero-capabilities{
    position:relative!important;inset:auto!important;
    margin-top:36px!important;width:100%!important
  }
  .hero-copy .capgrid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:26px!important;width:100%!important;max-width:none!important
  }
  .hero-copy .cap{
    display:grid!important;
    grid-template-columns:42px 1fr!important;
    gap:12px!important;align-items:start!important;min-width:0
  }
}
.cap .cap-icon.approved{
  width:38px;height:38px;
  stroke:#E9A83E;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
  overflow:visible
}
.cap b{display:block;font-size:12px}
.cap small{display:block;margin-top:7px;font-size:10px;line-height:1.5;color:#d4dbe3}


/* v8 refinements */
.cap .cap-icon.approved{stroke-width:2}


/* GLOBAL NAV / ROUTING v9 */
.navlinks{overflow:visible!important}
.navitem{position:relative;display:flex;align-items:center}
.navitem>a,.navlinks>a,.navright a{cursor:pointer;text-decoration:none}
.dropdown{
  position:absolute;top:calc(100% + 16px);left:-18px;
  min-width:230px;padding:10px;
  background:rgba(3,18,32,.98);
  border:1px solid rgba(233,168,62,.22);
  box-shadow:0 18px 45px rgba(0,0,0,.35);
  border-radius:6px;opacity:0;visibility:hidden;
  transform:translateY(-6px);transition:.18s ease;z-index:50
}
.navitem:hover .dropdown,.navitem:focus-within .dropdown{
  opacity:1;visibility:visible;transform:translateY(0)
}
.dropdown a{
  display:block!important;padding:9px 11px!important;border-radius:4px;
  color:#e9eef4!important;font-size:11px!important;white-space:nowrap
}
.dropdown a:hover{background:rgba(233,168,62,.10);color:#f3b64c!important}
.route-note{font-size:8px;opacity:.45;margin-left:5px}


/* AI DELIVERY INTELLIGENCE SECTION v10 */
.ai{background:#f9fafc;color:var(--ink);min-height:500px;position:relative;overflow:hidden;border-top:1px solid #edf0f5}
.ai:after{display:none!important}
.ai .ai-flow{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.78}
.ai .ai-flow svg{width:100%;height:100%;display:block}
.ai .flow-lines path{stroke:#8fb5ff;stroke-width:1.15;opacity:.31}
.ai .flow-lines path:nth-child(3n+1){stroke:#6d8cff;opacity:.24}
.ai .flow-lines path:nth-child(4n+2){stroke:#b4c8ff;opacity:.38}
.ai .flow-dots circle{fill:#337be0;opacity:.8}
.ai .flow-dots .gold-dot{fill:#dfa548;opacity:.9}
.ai .two{min-height:500px;grid-template-columns:48% 52%;position:relative;z-index:2}
.ai .ai-copy{position:relative;z-index:3}
.ai .ai-copy p{max-width:420px}
.ai .actions a{position:relative;z-index:4}
.ai .floatcards{position:relative;height:410px;z-index:3}
.ai .float{width:280px;padding:20px 22px;border-radius:16px;border:1px solid #dfd4bf;box-shadow:0 18px 42px rgba(34,48,66,.12);background:rgba(255,255,255,.94);backdrop-filter:blur(3px)}
.ai .float small{font-size:9px;letter-spacing:.7px}.ai .float p{font-size:13px;line-height:1.5;margin:10px 0 8px;color:#111c2c}.ai .float b{font-size:11px;color:#5e6877;font-weight:500}
.ai .f1{top:20px;left:100px}.ai .f2{top:155px;left:35px}.ai .f3{top:292px;left:135px}
.ai .f1 small{color:#d99b38}.ai .f2 small{color:#3d9a68}.ai .f3 small{color:#568dca}
.ai .card-arrow{float:right;color:#516274;font-size:15px}
@media(max-width:850px){.ai .ai-flow{background-position:65% center;opacity:.5}.ai .floatcards{height:430px}.ai .f1{left:5%;}.ai .f2{left:0}.ai .f3{left:10%}}


/* v10.1 — decoration-only AI network fix */
.ai .inner,.ai .copy,.ai .floatcards{position:relative;z-index:2}
@media(max-width:850px){.ai .ai-flow{opacity:.42}}


/* AI SECTION v10.2 — annotated spacing/card corrections */
@media(min-width:901px){
  .ai{padding-top:54px!important;padding-bottom:62px!important}
  .ai .inner{min-height:500px!important}
  .ai .floatcards{top:28px!important}

  .ai .floatcards .card{
    width:360px!important;
    height:174px!important;
    min-height:174px!important;
    max-height:174px!important;
    padding:27px 28px 24px!important;
    box-sizing:border-box!important;
  }

  /* retain the stagger, but with equal card dimensions */
  .ai .floatcards .card:nth-child(1){margin-left:92px!important}
  .ai .floatcards .card:nth-child(2){margin-left:0!important}
  .ai .floatcards .card:nth-child(3){margin-left:132px!important}
}


/* AI SECTION v10.3 — ACTUAL selector fix */
@media(min-width:901px){
  .ai{
    padding-top:0!important;
    padding-bottom:0!important;
    min-height:470px!important;
  }
  .ai .two{
    min-height:470px!important;
  }
  .ai .floatcards{
    top:0!important;
    height:380px!important;
  }

  /* All three actual cards are .float elements */
  .ai .floatcards .float{
    width:300px!important;
    height:142px!important;
    min-height:142px!important;
    max-height:142px!important;
    padding:20px 22px!important;
    box-sizing:border-box!important;
  }

  /* tighter top placement + retained stagger */
  .ai .f1{top:0!important;left:100px!important;margin:0!important}
  .ai .f2{top:119px!important;left:35px!important;margin:0!important}
  .ai .f3{top:238px!important;left:135px!important;margin:0!important}
}


/* EXECUTIVE OPERATING PICTURE — v11 */
.eop-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 42%,rgba(30,88,140,.22),transparent 35%),
    linear-gradient(110deg,#03111d 0%,#061b2c 58%,#041421 100%);
  color:#fff;
  border-top:1px solid rgba(255,255,255,.08);
}
.eop-section:after{
  content:"";position:absolute;inset:auto -8% -120px 34%;height:280px;
  background:radial-gradient(ellipse,rgba(44,111,173,.18),transparent 66%);
  pointer-events:none;
}
.eop-inner{
  max-width:1540px;margin:0 auto;min-height:620px;
  padding:72px 64px 62px;
  display:grid;grid-template-columns:29% 71%;align-items:center;
  box-sizing:border-box;
}
.eop-copy{position:relative;z-index:2;padding-right:46px}
.eop-eyebrow{
  color:#dda33c;font-size:13px;font-weight:800;letter-spacing:.14em;
  margin-bottom:24px;
}
.eop-copy h2{
  margin:0 0 22px;font-size:48px;line-height:1.06;letter-spacing:-.035em;
  font-weight:760;color:#fff;
}
.eop-copy h2 span{color:#e1a63e}
.eop-copy p{
  max-width:390px;margin:0 0 32px;color:#c7d2dd;
  font-size:18px;line-height:1.62;
}
.eop-btn{
  display:inline-flex;align-items:center;gap:28px;
  min-height:54px;padding:0 22px;
  border:1px solid #d79d38;border-radius:4px;
  color:#fff;text-decoration:none;font-weight:700;
  transition:.2s ease;
}
.eop-btn:hover{background:#dfa846;color:#071522;transform:translateY(-1px)}
.eop-product{
  position:relative;z-index:2;width:100%;
  transform:perspective(1800px) rotateY(-1.6deg);
  transform-origin:center right;
}
.eop-product img{
  position:relative;z-index:2;display:block;width:100%;height:auto;
  border-radius:9px;border:1px solid rgba(164,194,219,.24);
  box-shadow:0 30px 75px rgba(0,0,0,.44),0 0 0 1px rgba(255,255,255,.025);
}
.eop-glow{
  position:absolute;z-index:1;inset:8% 3% -5% 5%;
  background:rgba(24,111,179,.20);filter:blur(45px);
}
@media(max-width:1050px){
  .eop-inner{grid-template-columns:1fr;padding:60px 42px;gap:46px}
  .eop-copy{padding-right:0;max-width:620px}
  .eop-product{transform:none}
}
@media(max-width:650px){
  .eop-inner{padding:48px 22px}
  .eop-copy h2{font-size:38px}
  .eop-copy p{font-size:16px}
}


/* V12 — approved Executive Operating Picture composition */
.eop-approved{
  position:relative;
  overflow:hidden;
  background:#061827;
  line-height:0;
}
.eop-approved-stage{
  position:relative;
  width:100%;
  max-width:2048px;
  margin:0 auto;
}
.eop-approved-stage>img{
  display:block;
  width:100%;
  height:auto;
}
.eop-platform-hotspot{
  position:absolute;
  left:3.25%;
  top:68.1%;
  width:17.7%;
  height:8.1%;
  z-index:4;
  border-radius:6px;
}
.eop-platform-hotspot:focus-visible{
  outline:3px solid #f0ae43;
  outline-offset:3px;
}
@media(max-width:760px){
  .eop-approved-stage{
    min-width:900px;
    left:50%;
    transform:translateX(-50%);
  }
}


/* FINAL LOCKED EOP */
.eop-approved-stage{width:100%;max-width:2048px;margin:0 auto}
.eop-approved-stage>img{display:block;width:100%;height:auto}

/* FINAL APPROVED PILLARS */
.pillars-final{position:relative;overflow:hidden;background:#fff;color:#07152d;padding:60px 0 70px;border-top:1px solid #edf1f5}
.pillars-final-inner{position:relative;z-index:2;width:min(1280px,calc(100% - 70px));margin:auto}
.pillars-eyebrow{text-align:center;color:#d39227;font-size:11px;font-weight:800;letter-spacing:.28em}
.pillars-gold-rule{width:58px;height:2px;background:#d69a35;margin:21px auto 25px}
.pillars-final h3{text-align:center;margin:0;font-size:38px;line-height:1.08;letter-spacing:-.035em;font-weight:800}
.pillars-final h3 span{color:#d69a35}
.pillars-intro{text-align:center;margin:10px 0 0;color:#68717f;font-size:20px}
.pillars-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:44px}
.pillar{min-height:318px;padding:25px 16px 18px;border:1px solid #dfe5eb;border-radius:11px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(13,34,57,.035);display:flex;flex-direction:column;align-items:center;text-align:center}
.pillar-icon{width:76px;height:76px;border-radius:50%;background:#fbf6ed;color:#cb8a23;display:grid;place-items:center;margin-bottom:16px}
.pillar-icon svg{width:45px;height:45px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pillar h4{font-size:17px;line-height:1.15;margin:0 0 13px;letter-spacing:-.025em}
.pillar p{font-size:13px;line-height:1.45;color:#5d6776;margin:0}
.pillar a{margin-top:auto;padding-top:15px;color:#c98a22;font-size:28px;line-height:1;text-decoration:none}
.pillars-wave{position:absolute;top:92px;width:34%;height:135px;opacity:.55}
.pillars-wave:before,.pillars-wave:after{content:"";position:absolute;inset:0;border-top:1px solid rgba(211,151,48,.22);border-radius:50%;transform:skewY(8deg)}
.pillars-wave:after{top:24px;transform:skewY(-8deg)}
.pillars-wave-left{left:-4%}.pillars-wave-right{right:-4%;transform:scaleX(-1)}
@media(max-width:1050px){.pillars-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.pillars-final-inner{width:calc(100% - 28px)}.pillars-grid{grid-template-columns:1fr}.pillars-final h3{font-size:30px}}


/* V17 — EXACT LOCKED EOP ARTWORK. Do not crop, stretch or reconstruct. */
.eop-approved{
  background:#061827;
  padding:0;
  overflow:hidden;
}
.eop-approved-stage{
  width:100%;
  max-width:none;
  margin:0 auto;
  line-height:0;
}
.eop-approved-stage>img{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  object-fit:contain;
  object-position:center;
}


/* V19 — LOCKED CTA IMAGE: exact approved artwork */
.cta-approved-image{
  background:#061827;
  padding:0;
  overflow:hidden;
  line-height:0;
}
.cta-approved-stage{
  position:relative;
  width:100%;
  margin:0 auto;
}
.cta-approved-stage>img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.cta-hotspot{
  position:absolute;
  display:block;
  z-index:3;
}
/* Hotspots correspond to the two buttons in the approved artwork. */
.cta-demo-hotspot{
  left:5.15%;
  top:52.0%;
  width:18.1%;
  height:8.6%;
}
.cta-platform-hotspot{
  left:24.75%;
  top:52.0%;
  width:17.9%;
  height:8.6%;
}


/* V20 — approved footer direction, built with the genuine supplied SVG logo */
.vantage-footer{background:#041523;color:#d8e0e7;position:relative;overflow:hidden;border-top:1px solid #294155}
.footer-wave{display:none}
.footer-wave:after{content:"";position:absolute;right:-5%;top:-120px;width:80%;height:220px;border:2px solid rgba(229,164,53,.9);border-radius:50%;transform:rotate(-9deg)}
.footer-wave i{position:absolute;left:-8%;width:118%;height:160px;border-top:1px solid rgba(23,133,205,.38);border-radius:50%;transform:rotate(4deg)}
.footer-wave i:nth-child(1){top:16px}.footer-wave i:nth-child(2){top:29px;transform:rotate(-2deg)}.footer-wave i:nth-child(3){top:43px;transform:rotate(6deg)}.footer-wave i:nth-child(4){top:58px;transform:rotate(-5deg)}.footer-wave i:nth-child(5){top:73px;transform:rotate(2deg)}
.footer-main{width:min(1180px,calc(100% - 56px));margin:auto;padding:48px 0 43px;display:grid;grid-template-columns:1.7fr repeat(5,1fr) 1.55fr;gap:30px}
.footer-brand img{display:block;width:245px;max-width:100%;height:auto;margin-bottom:22px}
.footer-brand p,.footer-update p{font-size:13px;line-height:1.75;color:#c0ccd6;margin:0}
.footer-social{display:flex;gap:10px;margin-top:28px}.footer-social a{width:38px;height:38px;border:1px solid #526779;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;text-decoration:none}
.footer-col h4,.footer-update h4{margin:0;color:#fff;font-size:11px;letter-spacing:.12em}.footer-col>b,.footer-update>b{display:block;width:28px;height:2px;background:#e0a238;margin:14px 0 21px}
.footer-col a{display:block;color:#c5d0d9;text-decoration:none;font-size:12px;margin:0 0 14px;white-space:nowrap}.footer-col a:hover{color:#e0a238}
.footer-update{padding-left:26px;border-left:1px solid #536575}.footer-update h4{font-family:inherit;text-transform:none;font-size:15px;letter-spacing:0}
.footer-update form{display:flex;margin-top:24px;height:46px}.footer-update input{min-width:0;width:100%;border:1px solid #506577;border-right:0;border-radius:4px 0 0 4px;background:#0c2234;color:#fff;padding:0 14px;outline:none}.footer-update button{width:52px;border:0;border-radius:0 4px 4px 0;background:linear-gradient(135deg,#efb54e,#db962d);color:#071522;font-size:24px;cursor:pointer}
.footer-bottom{width:min(1180px,calc(100% - 56px));margin:auto;border-top:1px solid #4b5f70;min-height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;font-size:11px;color:#c1ccd5}.footer-bottom nav{display:flex;align-items:center;gap:18px}.footer-bottom nav a{color:#c1ccd5;text-decoration:none}.footer-bottom nav i{height:18px;width:1px;background:#536777}.footer-country{text-align:right;color:#fff}
@media(max-width:1100px){.footer-main{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:span 2}.footer-update{border-left:0;padding-left:0}.footer-bottom{grid-template-columns:1fr}.footer-bottom nav{justify-content:flex-start}.footer-country{text-align:left;padding-bottom:22px}}
@media(max-width:650px){.footer-wave{height:70px}.footer-main{grid-template-columns:1fr 1fr;width:calc(100% - 32px);gap:32px 20px}.footer-brand,.footer-update{grid-column:1/-1}.footer-bottom{width:calc(100% - 32px)}.footer-bottom nav{flex-wrap:wrap}.footer-brand img{width:220px}}


/* V23 — clickable areas aligned to the newly approved infrastructure CTA */
.cta-demo-hotspot{
  left:4.7%;
  top:49.4%;
  width:13.8%;
  height:8.5%;
}
.cta-platform-hotspot{
  left:19.2%;
  top:49.4%;
  width:13.0%;
  height:8.5%;
}