
/* ==========================================================
   V5 WORLD-CLASS SECTION REFINEMENT
   ========================================================== */

:root{
  --cyan: #8de2ff;
  --cyan-strong: #39cfff;
  --navy: #071833;
  --navy-2: #0b2554;
  --navy-3: #123a7a;
  --gold: #f4c76a;
  --paper: #f6f9ff;
  --ink: #0f1d36;
  --muted-ink: #51627d;
}

.premium-section .section-head{
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1.08fr) minmax(280px,.92fr);
  gap: 22px;
  align-items: end;
  margin-bottom: 34px;
}

.premium-section .section-head > div{
  max-width: 900px;
}

.premium-section .section-head .eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 900;
  background: rgba(141,226,255,.12);
  border: 1px solid rgba(141,226,255,.28);
  box-shadow: 0 10px 24px rgba(7,24,51,.08);
}

.premium-section .section-head .eyebrow.light{
  background: rgba(141,226,255,.10);
  color: #dff7ff;
  border-color: rgba(141,226,255,.25);
}

.premium-section .section-head h2{
  margin: 14px 0 0;
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1.03;
  letter-spacing: -.04em;
  text-wrap: balance;
}

.premium-section .section-head p{
  margin: 0;
  max-width: 560px;
  font-size: 18px;
  line-height: 1.8;
  color: var(--muted-ink);
}

#problem .section-head p,
#management-stack .section-head p,
#compare .section-head p,
#what-you-get .section-head p,
#managed-execution .section-head p{
  color: rgba(230,242,255,.82);
}

.title-point,
.statement-point{
  display: block;
}
.title-point-one,
.statement-point-one{
  color: #ffffff;
}
.title-point-two,
.statement-point-two{
  margin-top: .10em;
  color: var(--cyan);
}
#solution .title-point-one,
#acquisitions .title-point-one,
#scope .title-point-one,
#owner-role .title-point-one,
#ownership h2,
#solution .section-head h2{
  color: var(--navy);
}
#solution .title-point-two,
#acquisitions .title-point-two,
#scope .title-point-two,
#owner-role .title-point-two{
  color: #0a63c7;
}

.dual-color-statement{
  text-wrap: balance;
}
.dual-color-statement .statement-point{
  display: block;
}
.dual-color-statement .statement-point-two{
  margin-top: .16em;
}
#solution .yes-core .statement-point-one,
#solution .yes-core .statement-point-two{
  text-shadow: 0 1px 0 rgba(0,0,0,.24);
}

#solution{
  background:
    radial-gradient(circle at 8% 8%, rgba(57,207,255,.12), transparent 25%),
    linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
}
#solution .offer-stage{
  display: grid;
  gap: 24px;
  align-items: start;
}
#solution .yes-core{
  position: relative;
  overflow: hidden;
  padding: 38px 36px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 100% 0%, rgba(141,226,255,.26), transparent 28%),
    linear-gradient(135deg, #071833 0%, #0b2554 56%, #123a7a 100%);
  color: #fff;
  border: 1px solid rgba(141,226,255,.16);
  box-shadow: 0 30px 70px rgba(6,25,61,.24);
}
#solution .yes-core::after{
  content:"";
  position:absolute;
  inset:auto -10% -44% auto;
  width:320px;
  height:320px;
  border-radius:50%;
  background: radial-gradient(circle, rgba(141,226,255,.20), transparent 65%);
  pointer-events:none;
}
#solution .yes-core small{
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #d8f5ff;
}
#solution .yes-core h3{
  margin: 18px 0 16px;
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.05;
}
#solution .yes-core p{
  max-width: 800px;
  font-size: 18px;
  line-height: 1.86;
  color: rgba(238,246,255,.94);
}
#solution .service-highlights{
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 18px;
}
#solution .service-highlight{
  padding: 24px 20px;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(10,38,84,.10);
  box-shadow: 0 18px 40px rgba(9,29,63,.09);
}
#solution .service-highlight strong{
  display:block;
  margin-bottom: 8px;
  font-size: 18px;
  color: var(--navy);
}
#solution .service-highlight p{
  margin:0;
  font-size: 15px;
  line-height: 1.72;
  color: #5b6d8a;
}
#solution .control-strip{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 16px;
}
#solution .control-strip > div{
  padding: 18px 18px 20px;
  background: rgba(255,255,255,.82);
  border-radius: 20px;
  border: 1px solid rgba(10,38,84,.08);
  box-shadow: 0 12px 26px rgba(9,29,63,.08);
}
#solution .control-strip small{
  display:block;
  margin-bottom:8px;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#5b6d8a;
}
#solution .control-strip strong{
  font-size:18px;
  line-height:1.35;
  color:var(--navy);
}

#ownership{
  background:
    linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}
#ownership .ownership-choice{
  display:grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 20px;
  align-items: stretch;
}
#ownership .choice-panel{
  padding: 30px 28px;
  border-radius: 30px;
  border: 1px solid rgba(10,38,84,.10);
  background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
  box-shadow: 0 18px 46px rgba(9,29,63,.08);
}
#ownership .choice-panel.managed{
  position:relative;
  background:
    radial-gradient(circle at 100% 0%, rgba(141,226,255,.18), transparent 30%),
    linear-gradient(135deg, #071833 0%, #0b2554 68%, #0f3470 100%);
  border-color: rgba(141,226,255,.20);
  box-shadow: 0 26px 56px rgba(6,25,61,.18);
}
#ownership .choice-panel.managed small,
#ownership .choice-panel.managed h3,
#ownership .choice-panel.managed p,
#ownership .choice-panel.managed .checks strong{
  color:#fff;
}
#ownership .choice-panel.managed p{
  color: rgba(235,245,255,.90);
}
#ownership .choice-panel h3{
  margin-top: 10px;
  font-size: 30px;
  line-height: 1.08;
}
#ownership .choice-or{
  display:grid;
  place-items:center;
  width:72px;
  min-width:72px;
  height:72px;
  align-self:center;
  border-radius:999px;
  background: linear-gradient(135deg, #0b2554, #0f3470);
  color:#fff;
  font-weight:900;
  letter-spacing:.18em;
  box-shadow: 0 18px 40px rgba(7,24,51,.20);
}
#ownership .checks{
  display:grid;
  gap:12px;
  margin-top:20px;
}
#ownership .checks > div{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px 14px;
  border-radius:18px;
  background: rgba(8,36,84,.04);
}
#ownership .choice-panel.managed .checks > div{
  background: rgba(255,255,255,.08);
}
#ownership .checks span{
  font-weight: 900;
  color: var(--cyan-strong);
}
#ownership .manifesto-strip{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap:16px;
  margin-top:24px;
}
#ownership .manifesto-strip > div{
  padding:18px 16px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(10,38,84,.08);
  box-shadow: 0 12px 24px rgba(9,29,63,.07);
}

#problem{
  background:
    radial-gradient(circle at 0% 0%, rgba(57,207,255,.08), transparent 24%),
    linear-gradient(180deg, #06152c 0%, #0a1f43 100%);
}
#problem .gap-theatre{
  display:grid;
  grid-template-columns: 1.15fr repeat(2, minmax(220px,1fr));
  gap: 18px;
  align-items: stretch;
}
#problem .gap-core{
  grid-row: 1 / span 3;
  min-height: 350px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 75% 20%, rgba(141,226,255,.18), transparent 24%),
    linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border: 1px solid rgba(141,226,255,.16);
  display:grid;
  place-items:center;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 20px 48px rgba(0,0,0,.16);
}
#problem .gap-core > div{
  text-align:center;
  padding:36px;
}
#problem .gap-core strong{
  display:block;
  margin-top:16px;
  font-size: 28px;
  color:#fff;
}
#problem .gap-core span:last-child{
  display:block;
  margin-top:10px;
  font-size:13px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#b8ddf0;
}
#problem .gap-node{
  padding: 24px 22px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.05));
  border: 1px solid rgba(141,226,255,.14);
  box-shadow: 0 14px 34px rgba(0,0,0,.14);
}
#problem .gap-node span{
  display:inline-grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  background: rgba(141,226,255,.13);
  color:#dff7ff;
  font-weight:900;
}
#problem .gap-node h3{
  margin:16px 0 10px;
  font-size:22px;
  line-height:1.18;
  color:#fff;
}
#problem .gap-node p{
  margin:0;
  color: rgba(231,241,255,.86);
  line-height:1.72;
}
#problem .punchline{
  margin-top: 22px;
  padding: 28px 30px;
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  border: 1px solid rgba(141,226,255,.14);
}
#problem .punchline h3{
  margin:0;
  font-size: clamp(28px, 3vw, 40px);
  line-height:1.08;
}

#management-stack{
  background:
    radial-gradient(circle at 100% 0%, rgba(57,207,255,.08), transparent 22%),
    linear-gradient(180deg, #071833 0%, #0b2554 100%);
}
#management-stack .stack-stage{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 26px;
  align-items: start;
}
#management-stack .physical-stack{
  padding: 30px;
  border-radius: 34px;
  background:
    radial-gradient(circle at 90% 10%, rgba(141,226,255,.18), transparent 24%),
    linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border: 1px solid rgba(141,226,255,.16);
  box-shadow: 0 28px 60px rgba(0,0,0,.18);
}
#management-stack .stack-layer{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding: 22px 22px;
  margin-bottom: 14px;
  border-radius: 22px;
  color:#fff;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 16px 26px rgba(0,0,0,.12);
}
#management-stack .stack-layer:nth-child(1){ background: linear-gradient(135deg, #0f2f63, #1852a8); }
#management-stack .stack-layer:nth-child(2){ background: linear-gradient(135deg, #0b2554, #1474a5); }
#management-stack .stack-layer:nth-child(3){ background: linear-gradient(135deg, #0c3052, #2180c4); }
#management-stack .stack-layer:nth-child(4){ background: linear-gradient(135deg, #14345f, #0f62c7); }
#management-stack .stack-layer b{
  display:block;
  font-size: 22px;
  line-height:1.1;
  letter-spacing:-.02em;
}
#management-stack .stack-layer span{
  font-size: 15px;
  line-height:1.55;
  color: rgba(236,246,255,.92);
  text-align:right;
}
#management-stack .stack-base{
  margin-top: 8px;
  padding: 18px 20px;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #eef7ff 100%);
  color: #071833;
  text-align: center;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
  border: 1px solid rgba(10,38,84,.10);
  box-shadow: 0 16px 26px rgba(255,255,255,.07), 0 10px 30px rgba(0,0,0,.12);
}
#management-stack .ops-rail{
  display:grid;
  gap: 16px;
}
#management-stack .ops-record{
  display:grid;
  grid-template-columns: 70px 1fr;
  gap:18px;
  padding: 24px 22px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  border: 1px solid rgba(141,226,255,.14);
  color:#fff;
}
#management-stack .ops-record > span{
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  border-radius:18px;
  background: linear-gradient(135deg, rgba(141,226,255,.18), rgba(141,226,255,.08));
  font-weight:900;
  color:#fff;
}
#management-stack .ops-record h3{
  margin:0 0 10px;
  font-size: 24px;
  line-height:1.12;
  color:#fff;
}
#management-stack .ops-record p{
  margin:0;
  color: rgba(230,242,255,.86);
  line-height:1.74;
}

#acquisitions{
  background:
    linear-gradient(180deg, #f7fbff 0%, #eef5ff 100%);
}
#acquisitions .asset-compass{
  display:grid;
}
#acquisitions .asset-core{
  margin-bottom: 22px;
  padding: 28px 30px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 100% 0%, rgba(141,226,255,.22), transparent 30%),
    linear-gradient(135deg, #071833 0%, #0b2554 55%, #0f3470 100%);
  color:#fff;
  border: 1px solid rgba(141,226,255,.14);
  box-shadow: 0 24px 56px rgba(6,25,61,.18);
}
#acquisitions .asset-core strong{
  font-size: 62px;
  line-height:1;
}
#acquisitions .asset-core span{
  display:block;
  margin-top:8px;
  font-size: 18px;
  color: rgba(234,245,255,.92);
}
#acquisitions .asset-compass{
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 18px;
}
#acquisitions .asset-core{ grid-column: 1 / -1; }
#acquisitions .asset-sector{
  padding: 26px 24px;
  border-radius: 28px;
  background: #ffffff;
  border: 1px solid rgba(10,38,84,.10);
  box-shadow: 0 18px 40px rgba(9,29,63,.08);
}
#acquisitions .asset-sector > span:first-child{
  display:inline-grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:14px;
  background: rgba(141,226,255,.14);
  color:#0a63c7;
  font-weight:900;
}
#acquisitions .asset-sector h3{
  margin:16px 0 10px;
  font-size: 26px;
  line-height:1.14;
  color: var(--navy);
}
#acquisitions .asset-sector p{
  margin:0;
  color:#5b6d8a;
  line-height:1.78;
}

#scope{
  background:
    linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}
#scope .section-shell{
  position:relative;
}
#scope .scope-department{
  margin-top: 22px;
  padding: 28px;
  border-radius: 30px;
  background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
  border: 1px solid rgba(10,38,84,.08);
  box-shadow: 0 18px 44px rgba(9,29,63,.08);
}
#scope .scope-department header{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  padding-bottom:18px;
  border-bottom: 1px solid rgba(10,38,84,.08);
  margin-bottom: 20px;
}
#scope .scope-department header small{
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(141,226,255,.14);
  color:#0a63c7;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:900;
}
#scope .scope-department header h3{
  margin:0;
  font-size: 30px;
  line-height:1.06;
  color: var(--navy);
}
#scope .scope-department > div{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap:16px;
}
#scope .scope-department article{
  padding: 22px 20px;
  border-radius: 22px;
  background: linear-gradient(180deg, #f7fbff 0%, #eef5ff 100%);
  border: 1px solid rgba(10,38,84,.08);
}
#scope .scope-department article span{
  display:inline-grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius: 12px;
  background: #0b2554;
  color:#fff;
  font-weight:900;
}
#scope .scope-department article h4{
  margin:16px 0 10px;
  font-size: 21px;
  line-height:1.2;
  color: var(--navy);
}
#scope .scope-department article p{
  margin:0;
  color:#5b6d8a;
  line-height:1.75;
}

#owner-role{
  background:
    linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
}
#owner-role .owner-orbit{
  display:grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 22px;
  align-items: start;
}
#owner-role .owner-core,
#owner-role .owner-spoke,
#owner-role .owner-finale{
  border-radius: 28px;
}
#owner-role .owner-core{
  margin-bottom: 18px;
  min-height: 260px;
  background:
    radial-gradient(circle at 100% 0%, rgba(141,226,255,.20), transparent 28%),
    linear-gradient(135deg, #071833 0%, #0b2554 58%, #123a7a 100%);
  border:1px solid rgba(141,226,255,.16);
  display:grid;
  place-items:center;
  box-shadow: 0 24px 54px rgba(6,25,61,.16);
}
#owner-role .owner-core > div{
  text-align:center;
  padding:32px;
  color:#fff;
}
#owner-role .owner-core strong{
  display:block;
  margin-top:16px;
  font-size: 30px;
}
#owner-role .owner-core span:last-child{
  display:block;
  margin-top:10px;
  letter-spacing:.16em;
  font-size:12px;
  text-transform:uppercase;
  color:#dff7ff;
}
#owner-role .owner-orbit{
  grid-template-areas:
    "left right"
    "bottom right";
}
#owner-role .owner-orbit > div:first-child{
  grid-area:left;
}
#owner-role .owner-finale{
  grid-area:right;
  padding: 28px 26px;
  background:#fff;
  border: 1px solid rgba(10,38,84,.10);
  box-shadow: 0 18px 42px rgba(9,29,63,.08);
}
#owner-role .owner-finale h3{
  margin:0 0 12px;
  font-size: clamp(26px, 2.7vw, 38px);
  line-height:1.1;
}
#owner-role .owner-finale .statement-point-one{
  color: var(--navy);
}
#owner-role .owner-finale .statement-point-two{
  color: #0a63c7;
}
#owner-role .owner-finale p{
  margin:0;
  font-size: 17px;
  line-height:1.75;
  color:#5b6d8a;
}
#owner-role .owner-orbit article{
  padding: 22px 20px;
  border-radius: 22px;
  background:#fff;
  border:1px solid rgba(10,38,84,.08);
  box-shadow: 0 14px 34px rgba(9,29,63,.07);
}
#owner-role .owner-spoke span{
  display:inline-grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius: 12px;
  background: rgba(141,226,255,.16);
  color:#0a63c7;
  font-weight:900;
}
#owner-role .owner-spoke h3{
  margin:14px 0 10px;
  font-size:22px;
  line-height:1.18;
  color:var(--navy);
}
#owner-role .owner-spoke p{
  margin:0;
  color:#5b6d8a;
  line-height:1.72;
}

#fit{
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}
#fit .quote-wall{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
}
#fit .owner-quote{
  position:relative;
  margin:0;
  padding: 26px 22px 24px;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  border:1px solid rgba(10,38,84,.09);
  box-shadow: 0 16px 34px rgba(9,29,63,.08);
}
#fit .owner-quote span{
  display:inline-grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius: 12px;
  background: #0b2554;
  color:#fff;
  font-weight:900;
}
#fit .owner-quote p{
  margin:16px 0 0;
  font-size:18px;
  line-height:1.7;
  color:var(--navy);
}
#fit .fit-finale{
  margin-top: 20px;
  padding: 28px 30px;
  border-radius: 26px;
  background: linear-gradient(135deg, #071833 0%, #0b2554 65%, #0f3470 100%);
  box-shadow: 0 24px 52px rgba(6,25,61,.18);
}
#fit .fit-finale h3{
  margin:0;
  font-size: clamp(28px, 3vw, 40px);
  line-height:1.08;
}

@media (max-width: 1160px){
  .premium-section .section-head{
    grid-template-columns: 1fr;
  }
  #solution .service-highlights,
  #solution .control-strip,
  #scope .scope-department > div,
  #fit .quote-wall{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  #problem .gap-theatre,
  #management-stack .stack-stage,
  #owner-role .owner-orbit{
    grid-template-columns: 1fr;
  }
  #problem .gap-core{
    grid-row:auto;
    min-height: 260px;
  }
  #ownership .ownership-choice{
    grid-template-columns: 1fr;
  }
  #ownership .choice-or{
    width:64px; min-width:64px; height:64px;
    margin: 0 auto;
  }
  #ownership .manifesto-strip,
  #acquisitions .asset-compass{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  #acquisitions .asset-core{
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px){
  .premium-section .section-head h2{
    font-size: clamp(30px, 9vw, 42px);
  }
  .premium-section .section-head p{
    font-size: 16px;
    line-height: 1.7;
  }
  #solution .yes-core,
  #scope .scope-department,
  #management-stack .physical-stack,
  #problem .punchline,
  #owner-role .owner-finale,
  #acquisitions .asset-sector{
    padding: 24px 20px;
  }
  #solution .service-highlights,
  #solution .control-strip,
  #ownership .manifesto-strip,
  #scope .scope-department > div,
  #fit .quote-wall,
  #acquisitions .asset-compass{
    grid-template-columns: 1fr;
  }
  #scope .scope-department header{
    flex-direction: column;
    align-items: flex-start;
  }
  #management-stack .stack-layer{
    flex-direction: column;
    align-items: flex-start;
  }
  #management-stack .stack-layer span{
    text-align:left;
  }
}
