:root{
  --deep:#19365F;--navy:#223671;--cyan:#76EAF7;--white:#fff;--ink:#203b63;
  --slate:#62748a;--light:#f4f7fb;--line:#dce6ef;--max:1480px;--soft:#eaf6fa;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Montserrat","Avenir Next","Segoe UI",Arial,sans-serif;background:#fff;color:var(--ink);font-weight:400}
a{color:inherit;text-decoration:none}
button{font:inherit}
.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}
.nowrap{white-space:nowrap}
h1,h2,h3{text-wrap:balance}
h1{font-weight:600;letter-spacing:.018em;line-height:1.16}
h2{font-weight:600;letter-spacing:.012em;line-height:1.19}
h3{font-weight:600;letter-spacing:.008em;line-height:1.32}
p{line-height:1.68;letter-spacing:.002em}
.eyebrow{font-size:.77rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(25,54,95,.985);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px)}
.header-inner{min-height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}
.brand{grid-column:2;display:flex;align-items:center;justify-content:center}
.brand img{width:clamp(176px,13vw,220px);max-height:66px;object-fit:contain}
.header-left{grid-column:1;grid-row:1}
.header-actions{grid-column:3;grid-row:1;display:flex;justify-content:flex-end;gap:11px}
.header-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 20px;border:1px solid rgba(207,225,239,.58);border-radius:999px;color:#d9e8f2;font-size:.79rem;font-weight:600;letter-spacing:.018em}
.header-actions a:hover{border-color:var(--cyan);color:#fff}
.menu-trigger{width:46px;height:46px;border:1px solid rgba(118,234,247,.35);border-radius:50%;background:rgba(255,255,255,.03);color:var(--cyan);display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;cursor:pointer}
.menu-trigger span{display:block;width:20px;height:2px;background:currentColor}
.menu-backdrop{position:fixed;inset:0;background:rgba(3,15,34,.45);opacity:0;pointer-events:none;transition:.18s;z-index:1100}
.side-menu{position:fixed;top:0;right:0;width:min(430px,92vw);height:100vh;background:#102d50;color:#fff;z-index:1200;transform:translateX(102%);transition:.22s ease;box-shadow:-28px 0 70px rgba(0,0,0,.28);overflow:auto}
.side-menu.is-open{transform:none}
.menu-backdrop.is-open{opacity:1;pointer-events:auto}
.side-menu-head{display:flex;align-items:center;justify-content:space-between;padding:24px 26px;border-bottom:1px solid rgba(255,255,255,.1)}
.side-menu-head img{width:160px}
.side-close{border:0;background:none;color:var(--cyan);font-size:30px;cursor:pointer}
.side-menu-nav{padding:14px 26px 36px}
.side-menu-nav a{display:block;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.09);font-weight:600;letter-spacing:.018em}
.side-menu-nav small{display:block;margin-top:22px;color:#91abc1;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;font-weight:700}

.hero{background:radial-gradient(circle at 84% 20%,rgba(118,234,247,.14),transparent 29%),linear-gradient(135deg,#18365f 0%,#1b416c 56%,#19365f 100%);color:#fff;padding:88px 0 72px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:72px;align-items:center}
.hero .eyebrow{color:var(--cyan);margin-bottom:24px}
.hero h1{margin:0;max-width:800px;font-size:clamp(1.72rem,2.35vw,2.5rem)}
.hero h1 .accent{color:var(--cyan)}
.hero-copy{margin:28px 0 0;max-width:890px;color:#d7e1eb;font-size:clamp(1.17rem,1.45vw,1.52rem);line-height:1.64}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:35px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 26px;border-radius:999px;font-size:.79rem;font-weight:700;letter-spacing:.095em;text-transform:uppercase}
.btn-primary{background:var(--cyan);color:#17365f}
.btn-secondary{border:1px solid rgba(255,255,255,.45);color:#fff}
.hero-points{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:#aebed0;font-size:.86rem}
.hero-points span:before{content:"";display:inline-block;width:8px;height:8px;border:2px solid var(--cyan);border-radius:50%;margin-right:9px}

.proof-panel{background:#102e50;border:1px solid rgba(118,234,247,.26);border-radius:34px;padding:30px;box-shadow:0 30px 70px rgba(4,22,46,.24)}
.proof-panel .eyebrow{margin:0 0 16px;font-size:.69rem;color:var(--cyan)}
.proof-panel h2{font-size:1.38rem;color:#fff;margin:0 0 18px}
.proof-list{display:grid;gap:13px}
.proof-item{background:#fff;border-radius:18px;padding:17px 18px;color:#314b6a;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center}
.proof-icon{width:38px;height:38px;border-radius:50%;background:#e7f8fa;color:#176f9a;display:grid;place-items:center;font-weight:700}
.proof-item strong{display:block;font-size:.91rem;font-weight:600;color:var(--navy)}
.proof-item small{display:block;margin-top:3px;color:#75879a;font-size:.78rem;line-height:1.45}

.page-nav{position:sticky;top:92px;z-index:800;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.page-nav .wrap{display:flex;justify-content:center;gap:30px;overflow:auto;padding:16px 0}
.page-nav a{white-space:nowrap;color:#4a5d74;font-size:.76rem;font-weight:600;letter-spacing:.018em}

.section{padding:90px 0}
.section.alt{background:var(--light)}
.section.dark{background:var(--deep);color:#fff}
.section-head{max-width:1120px;margin:0 auto 44px;text-align:center}
.section-head .eyebrow{color:#1f719e;margin-bottom:16px}
.dark .section-head .eyebrow{color:var(--cyan)}
.section h2{font-size:clamp(1.65rem,2.15vw,2.2rem);margin:0;color:var(--navy)}
.dark h2{color:#fff}
.section-intro{max-width:980px;margin:22px auto 0;color:var(--slate);font-size:1.12rem}
.dark .section-intro{color:#b9c9d8}

.answer-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:58px;align-items:start}
.answer-copy h2{font-size:clamp(1.65rem,2.15vw,2.2rem);margin:0}
.answer-copy p{font-size:1.15rem;color:var(--slate);margin:24px 0 0}
.answer-card{background:var(--deep);color:#fff;border-radius:28px;padding:30px}
.answer-card .eyebrow{color:var(--cyan)}
.answer-card h3{font-size:1.5rem;margin:14px 0}
.answer-card p{margin:0;color:#bed0df}
.answer-card ul{margin:20px 0 0;padding-left:20px;color:#c5d3df;line-height:1.75}

.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 12px 34px rgba(24,54,95,.05)}
.card .icon{width:46px;height:46px;border-radius:50%;background:#e8f8fa;color:#166f9c;display:grid;place-items:center;font-weight:700;margin-bottom:18px}
.card h3{margin:0 0 10px;color:var(--navy);font-size:1.05rem}
.card p{margin:0;color:var(--slate);font-size:.94rem}

.dual{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.track{border-radius:28px;padding:32px;border:1px solid var(--line);background:#fff}
.track.primary{background:var(--deep);color:#fff;border-color:transparent}
.track .eyebrow{color:#1f719e}
.track.primary .eyebrow{color:var(--cyan)}
.track h3{font-size:1.45rem;margin:13px 0 16px;color:var(--navy)}
.track.primary h3{color:#fff}
.track p{color:var(--slate)}
.track.primary p{color:#bfd0dd}
.track ul{padding-left:20px;line-height:1.8;color:var(--slate)}
.track.primary ul{color:#c9d6e1}

.compare-wrap{max-width:1180px;margin:0 auto}
.compare-intro{margin:0 auto 28px;max-width:930px;text-align:center;color:#c2d1dd}
.compare{display:grid;gap:12px}
.compare details{border:1px solid rgba(118,234,247,.22);background:rgba(255,255,255,.045);border-radius:20px;overflow:hidden}
.compare summary{list-style:none;cursor:pointer;padding:20px 22px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px}
.compare summary::-webkit-details-marker{display:none}
.compare-num{width:38px;height:38px;border-radius:50%;border:1px solid rgba(118,234,247,.48);display:grid;place-items:center;color:var(--cyan);font-size:.72rem;font-weight:700}
.compare-title strong{display:block;color:#fff;font-weight:600}
.compare-title span{display:block;color:#91acc0;margin-top:3px;font-size:.83rem}
.compare-plus{color:var(--cyan);font-size:1.4rem}
.compare-body{padding:0 22px 22px 80px}
.compare-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.compare-col{border-radius:18px;padding:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.compare-col.case{background:rgba(118,234,247,.08);border-color:rgba(118,234,247,.24)}
.compare-col .label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#9fb2c4;margin-bottom:9px}
.compare-col.case .label{color:var(--cyan)}
.compare-col p{margin:0;color:#c6d4df;font-size:.94rem}
.compare-col strong{color:#fff;font-weight:600}
.compare-note{max-width:980px;margin:24px auto 0;padding:16px 20px;border-left:3px solid var(--cyan);color:#c1d2de;background:rgba(255,255,255,.035)}

.integrity{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.integrity-copy p{color:#c1d0dc;font-size:1.08rem}
.tech-stack{display:grid;gap:14px}
.tech{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start;background:rgba(255,255,255,.05);border:1px solid rgba(118,234,247,.19);border-radius:20px;padding:20px}
.tech-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:rgba(118,234,247,.11);color:var(--cyan);font-weight:700}
.tech strong{font-weight:600}
.tech p{margin:4px 0 0;color:#aebfd0;font-size:.9rem}

.review-band{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center;background:linear-gradient(135deg,#edf7fb,#fafcfd);border:1px solid var(--line);border-radius:30px;padding:34px}
.review-band h2{margin:0}
.review-band p{color:var(--slate);font-size:1.03rem}
.review-list{display:grid;gap:12px}
.review-item{background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px}
.review-item strong{display:block;color:var(--navy);font-weight:600}
.review-item span{display:block;color:var(--slate);font-size:.88rem;margin-top:4px}

.faq{max-width:1040px;margin:auto;display:grid;gap:12px}
.faq details{border:1px solid var(--line);border-radius:18px;background:#fff;padding:0 20px}
.faq summary{cursor:pointer;list-style:none;padding:19px 0;font-weight:600;color:var(--navy)}
.faq summary::-webkit-details-marker{display:none}
.faq p{margin:0 0 20px;color:var(--slate)}

.related{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.related a{display:block;border:1px solid var(--line);border-radius:20px;padding:22px;background:#fff}
.related .eyebrow{color:#1e739d;font-size:.62rem}
.related strong{display:block;margin-top:10px;color:var(--navy);font-weight:600}
.related span{display:block;color:var(--slate);font-size:.86rem;margin-top:7px;line-height:1.5}

.cta{background:linear-gradient(135deg,#19365f,#1d466f);color:#fff;text-align:center;padding:78px 0}
.cta h2{color:#fff;font-size:clamp(1.65rem,2.15vw,2.2rem)}
.cta p{max-width:850px;margin:18px auto 0;color:#bfd0dc;font-size:1.08rem}

.footer{background:#0e2a4b;color:#fff}
.footer-main{padding:60px 0 38px}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(5,1fr);gap:28px}
.footer-brand img{width:180px;max-height:70px;object-fit:contain}
.footer-brand p{color:#a9bccb;font-size:.88rem;max-width:300px}
.footer h3{font-size:.79rem;text-transform:uppercase;letter-spacing:.12em;color:#8fe9f3;margin:0 0 15px}
.footer a{display:block;color:#c4d2dc;font-size:.84rem;padding:6px 0}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;color:#88a0b4;font-size:.76rem}
.footer-bottom .wrap{display:flex;justify-content:space-between;gap:20px}

@media(max-width:1120px){
  .hero-grid,.answer-grid,.integrity,.review-band{grid-template-columns:1fr}
  .hero-grid{gap:42px}
  .cards,.related{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(3,1fr)}
  .footer-brand{grid-column:1/-1}
}
@media(max-width:820px){
  .wrap{width:min(calc(100% - 30px),var(--max))}
  .header-inner{grid-template-columns:auto 1fr auto;min-height:78px}
  .brand{grid-column:2}
  .header-left{grid-column:1}
  .header-actions{grid-column:3}
  .header-actions a:first-child{display:none}
  .brand img{width:160px}
  .page-nav{top:78px}
  .hero{padding:62px 0 54px}
  .section{padding:68px 0}
  .dual,.compare-cols{grid-template-columns:1fr}
  .compare-body{padding:0 16px 18px}
  .compare summary{grid-template-columns:40px 1fr auto;padding:17px 16px}
  .cards,.related{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .nowrap{white-space:normal}
}
@media(max-width:560px){
  .hero h1{font-size:1.72rem}
  .hero-copy{font-size:1.08rem}
  .header-actions a{padding:0 13px;font-size:.68rem}
  .page-nav .wrap{justify-content:flex-start}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom .wrap{display:block}
  .footer-bottom span{display:block;margin:5px 0}
}


#comparison .section-head h2{font-weight:300;line-height:1.2;font-size:clamp(1.7rem,2.7vw,2.4rem);letter-spacing:-.015em}
#comparison .section-intro{text-align:left;color:#D1DCE9}
#comparison .compare{gap:12px}#comparison .compare details{border:1px solid #526F93;border-radius:22px;background:rgba(44,79,119,.46)}
#comparison .compare summary{grid-template-columns:50px minmax(0,1fr) 34px;gap:18px;min-height:106px;padding:20px 24px;font-weight:500}
#comparison .compare-num{width:46px;height:46px;border-color:rgba(118,234,247,.7);background:rgba(11,51,88,.42)}
#comparison .compare-title strong{font-size:1rem;font-weight:500;line-height:1.28}#comparison .compare-title span{color:#D1DCE9;font-size:.82rem;line-height:1.42;margin-top:6px}
#comparison .compare-plus{display:grid;place-items:center;width:30px;height:30px;font-size:1.55rem;transition:transform .18s ease}
#comparison details[open] .compare-plus{transform:rotate(45deg)}
#comparison summary:focus-visible{outline:3px solid #fff;outline-offset:-4px}
#comparison .compare-body{padding:0 28px 28px}#comparison .compare-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#comparison .compare-col{min-width:0;padding:26px 28px 28px;border-radius:20px;background:#142F50;border:1px solid #526F93}
#comparison .compare-col .label{color:#B8CADD;font-size:.69rem;font-weight:600;line-height:1.6}
#comparison .compare-col p{color:#C3D1E1;font-size:.9rem;line-height:1.72;text-align:left}
#comparison .compare-col strong{color:#D1DCE9;font-weight:500}
#comparison .compare-col.case{background:#35577F;border:1px solid #8FAFD0;border-top:3px solid #76EAF7;box-shadow:0 10px 24px rgba(9,29,52,.13)}
#comparison .compare-col.case .label{color:#76EAF7}#comparison .compare-col.case p{color:#E2EBF4}#comparison .compare-col.case strong{color:#fff}
/* P12 v8 service-listing template; exact introductory copy with P14-owned cards. */
#related-resources{padding:54px 0;background:linear-gradient(180deg,#fff,#EAF0F6)}
#related-resources .resource-container{max-width:1180px;position:relative;overflow:hidden;border:1px solid #C5D5E6;border-radius:26px;background:#F3F6FA;box-shadow:0 20px 50px rgba(25,54,95,.09);padding:0 36px 36px}
.resource-heading{position:relative;isolation:isolate;overflow:hidden;margin:0 -36px 32px;padding:36px 40px;background:#19365F;border-bottom:3px solid #8FAFD0;text-align:left}
.resource-heading:before{content:"";position:absolute;z-index:-1;right:-60px;top:-110px;width:340px;height:340px;border:1px solid rgba(143,175,208,.35);border-radius:50%;box-shadow:0 0 0 38px rgba(143,175,208,.07),0 0 0 76px rgba(143,175,208,.04);pointer-events:none}
.resource-heading:after{content:"";display:block;width:64px;height:3px;margin-top:24px;background:#8FAFD0;border-radius:3px}
#related-resources .resource-heading h2{color:#fff;max-width:760px;font-size:clamp(1.7rem,2.7vw,2.4rem);font-weight:300;line-height:1.2;letter-spacing:-.015em;margin:0 0 18px}
.resource-heading p{color:#D1DCE9;max-width:800px;margin:0;text-align:left}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.resource-card{display:flex;flex-direction:column;min-width:0;min-height:214px;padding:24px;border:1px solid #D7E2EE;border-top:4px solid #8FAFD0;border-radius:18px;background:#fff;box-shadow:0 9px 24px rgba(25,54,95,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.resource-card:hover{transform:translateY(-3px);border-color:#8FAFD0;box-shadow:0 15px 30px rgba(25,54,95,.14)}
.resource-card:focus-visible{outline:3px solid #2679FF;outline-offset:4px}
.resource-category{align-self:flex-start;background:#EAF0F6;border-radius:6px;padding:6px 9px;color:#52657D;font-size:.63rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}
.resource-title{display:flex;gap:14px;align-items:center;margin-bottom:16px;min-height:52px}
#related-resources .resource-title h3{margin:0;color:#19365F;font-size:1.04rem;font-weight:500;line-height:1.35}
.resource-envelope{display:block;width:64px;height:auto;max-height:52px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 5px 4px #19365F20)}
.resource-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;color:#19365F;border:1px solid #D7E2EE;background:linear-gradient(145deg,#F7FAFD,#DDE8F3);box-shadow:0 6px 12px rgba(25,54,95,.12),inset 0 1px 0 #fff}
.resource-icon svg{width:22px;height:22px}
.resource-card p{color:#52657D;font-size:.83rem;line-height:1.63;margin:0 0 16px;text-align:left}
.resource-action{margin-top:auto;padding-top:16px;border-top:1px solid #E4ECF4;width:100%;font-size:.75rem;color:#19365F;line-height:1.5}
/* Approved eyebrow component used only in the two requested templates for this pass. */
#comparison .section-head .eyebrow,.resource-heading .eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid rgba(118,234,247,.34);border-radius:999px;background:rgba(118,234,247,.07);color:#E6FBFF;font-size:.67rem;font-weight:600;letter-spacing:.13em;line-height:1.5;margin-bottom:20px}
#comparison .section-head .eyebrow:before,.resource-heading .eyebrow:before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#8FAFD0;box-shadow:0 0 0 5px rgba(143,175,208,.1)}
@media(max-width:1050px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){}
@media(max-width:760px){#comparison .compare summary{grid-template-columns:42px minmax(0,1fr) 28px;gap:12px;min-height:92px;padding:17px 16px}#comparison .compare-num{width:40px;height:40px}#comparison .compare-body{padding:0 16px 18px}#comparison .compare-cols{grid-template-columns:1fr;gap:12px}#comparison .compare-col{padding:22px 20px}}
@media(max-width:620px){.resource-grid{grid-template-columns:1fr;gap:18px}#related-resources .resource-container{padding:0 18px 24px}.resource-heading{margin:0 -18px 24px;padding:28px 24px}.resource-heading:before{right:-190px}}
@media(max-width:420px){}
@media(prefers-reduced-motion:reduce){#comparison .compare-plus,.resource-card{transition:none}.resource-card:hover{transform:none}}




:root{--navy:#19365F;--deep:#19365F;--slate:#D1DCE9;--line:#8FAFD0;--ink:#E2EBF4}
body{background:#35577F;color:#E2EBF4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
main h1,main h2,main h3,main strong,.faq summary{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-wrap:balance;text-shadow:none}
main h1{font-weight:300;letter-spacing:-.015em;line-height:1.16}
main h2{font-weight:300!important;font-size:clamp(1.7rem,2.7vw,2.4rem)!important;line-height:1.2!important;letter-spacing:-.015em}
main h3,main strong{font-weight:400;line-height:1.35;letter-spacing:0}
main p,main li{text-wrap:pretty;text-align:left}
main section[id]{scroll-margin-top:78px}
.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:46px}
.hero h1{font-size:clamp(1.9rem,3vw,2.8rem);font-weight:300}.hero-copy{color:#E2EBF4;font-size:clamp(1.08rem,1.45vw,1.35rem)}
.hero-points{color:#D1DCE9}.proof-panel{background:#19365F;border-color:#8FAFD0;padding:28px}.proof-panel h2{font-size:clamp(1.3rem,1.9vw,1.65rem)!important;font-weight:300}
.proof-item{background:#35577F;color:#E2EBF4;border:1px solid #8FAFD0;grid-template-columns:38px minmax(0,1fr)}.proof-item strong{color:#fff;font-weight:400}.proof-item small{color:#E2EBF4}.proof-icon{background:#19365F;color:#B8CADD;font-weight:400}
.page-nav{top:0;background:#294B70;border-color:#8FAFD0}.page-nav a{color:#E2EBF4}.page-nav .wrap{gap:26px}.page-nav a:hover{color:#76EAF7}
.section{padding:76px 0;background:#35577F;color:#E2EBF4}.section.alt{background:#294B70}.section.dark{background:#19365F}
.section h2,.section h3{color:#fff}.section-head{margin-bottom:32px}.section-intro,.dark .section-intro,.answer-copy p,.integrity-copy p{color:#E2EBF4;text-align:left}
.answer-card{background:#19365F;border:1px solid #526F93}.answer-card h3{font-size:1.3rem}.answer-card p,.answer-card ul{color:#D1DCE9}
.card{background:#35577F;border-color:#8FAFD0;min-width:0;display:flex;flex-direction:column}.card h3{color:#fff;font-weight:400}.card p{color:#E2EBF4}.card .icon{background:#19365F;color:#B8CADD;margin:4px auto 22px;width:66px;height:66px}.card .icon svg{width:30px;height:30px}
.capability-envelope{display:block;width:104px;height:74px;object-fit:contain;align-self:center;margin:0 0 18px;filter:drop-shadow(0 5px 8px rgba(9,29,52,.16))}
#capabilities{background:#f4f7fb;color:#19365F}#capabilities>.wrap>.section-head h2{color:#19365F}#capabilities .section-intro{color:#52657D}
.track,.track.primary{background:#35577F;border:1px solid #8FAFD0;color:#E2EBF4}.track h3,.track.primary h3{color:#fff;font-weight:400}.track p,.track.primary p,.track ul,.track.primary ul{color:#E2EBF4}
#business-government{background:#294B70}
.review-band{background:#19365F;border-color:#8FAFD0}.review-band p{color:#D1DCE9}.review-item{background:#35577F;border-color:#8FAFD0}.review-item strong{color:#fff;font-weight:400}.review-item span{color:#E2EBF4}
.tech{background:#35577F;border-color:#8FAFD0;grid-template-columns:50px minmax(0,1fr)}.tech p{color:#E2EBF4}.tech strong{font-weight:400}.tech-icon{background:#19365F;color:#B8CADD;font-weight:400}
.faq details{background:#35577F;border-color:#8FAFD0}.faq details[open]{background:#25496F}.faq summary{color:#fff;font-weight:400;line-height:1.5;display:flex;justify-content:space-between;gap:18px}.faq summary:after{content:"+";color:#76EAF7;font-size:1.3rem;flex-shrink:0}.faq details[open] summary:after{content:"−"}.faq p{color:#E2EBF4}
.btn{font-weight:600;letter-spacing:.07em;line-height:1.35;white-space:normal;max-width:100%;text-align:center}.hero .btn-primary,.cta .btn-primary{background:#B8CADD;color:#19365F;border:1px solid #B8CADD;box-shadow:none}.hero .btn-secondary,.cta .btn-secondary{background:#25496F;border-color:#8FAFD0;color:#fff}.btn-primary:hover{background:#D1DCE9}.btn-secondary:hover{background:#35577F}
a:focus-visible,summary:focus-visible{outline:3px solid #76EAF7;outline-offset:4px}
main .eyebrow,#comparison .section-head .eyebrow,.resource-heading .eyebrow{display:inline-flex;align-items:center;gap:9px;max-width:100%;padding:7px 12px;border:1px solid rgba(118,234,247,.34);border-radius:999px;background:rgba(118,234,247,.07);color:#E6FBFF!important;font-size:.67rem;font-weight:600;letter-spacing:.13em;line-height:1.5;margin-bottom:20px}
main .eyebrow:before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#8FAFD0;box-shadow:0 0 0 5px rgba(143,175,208,.1)}
#capabilities>.wrap>.section-head>.eyebrow{color:#19365F!important;border-color:#8FAFD0;background:#EAF0F6}
#related-resources{background:#294B70}#related-resources .resource-container{background:#25496F;border-color:#8FAFD0}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#related-resources .resource-card{background:#35577F;color:#E2EBF4;border-color:#8FAFD0}#related-resources .resource-title h3{color:#fff;font-weight:400}#related-resources .resource-card p{color:#E2EBF4}#related-resources .resource-action{color:#76EAF7;border-color:#8FAFD0}#related-resources .resource-category{background:#19365F;color:#B8CADD}#related-resources .resource-icon{background:#19365F;color:#B8CADD;box-shadow:0 6px 12px rgba(9,29,52,.16)}
.cta{background:#19365F}.cta h2{color:#fff}.cta p{color:#D1DCE9;text-align:left}
#comparison .section-intro{text-align:left}.compare-plus{font-weight:400}
@media(max-width:1120px){.hero-grid,.answer-grid,.integrity,.review-band{grid-template-columns:1fr}.hero-grid{gap:32px}.proof-panel{max-width:760px;width:100%;justify-self:center}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.page-nav{top:0}.dual{grid-template-columns:1fr}.section{padding:56px 0}.hero{padding:56px 0}.wrap{width:calc(100% - 32px)}.page-nav .wrap{justify-content:flex-start;gap:22px}.proof-panel{padding:24px}.review-band{padding:24px}.section-head{margin-bottom:28px}}
@media(max-width:620px){.cards,.resource-grid{grid-template-columns:1fr}.card{padding:24px}.track{padding:24px}.hero h1{font-size:clamp(1.8rem,7.5vw,2.4rem)}.hero-copy{font-size:1.08rem}.hero-actions{gap:12px}.proof-item{padding:16px 14px}.integrity{gap:28px}.review-band{gap:24px}.nowrap{white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}



/* Mandatory approved heading and comparable hero-tile dimensions. */
main .hero h1{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(1.72rem,2.35vw,2.5rem);
  font-weight:300;
  line-height:1.16;
  letter-spacing:-.02em;
  text-wrap:balance;
}
main .hero .proof-panel{
  width:100%;
  max-width:470px;
  padding:19px;
  border-radius:23px;
  justify-self:end;
}
@media(max-width:1120px){
  main .hero .proof-panel{justify-self:center}
}
@media(max-width:420px){
  main .hero .proof-panel{padding:14px}
}