.p-hero{background:var(--navy);color:#FFFFFF;position:relative;overflow:hidden}
.p-hero .wrap{padding-block:72px 88px;display:flex;flex-wrap:wrap;gap:40px 64px;align-items:flex-end}
.crumb{font-size:15px;margin-bottom:22px}
.crumb a{color:var(--on-dark-2);text-decoration:none}
.crumb a:hover{color:#FFFFFF}
.crumb span{color:var(--on-dark-2);margin-inline:8px}
.p-hero .kind{color:var(--teal-soft);font-weight:500;margin-bottom:10px}
.p-hero h1{font-size:clamp(44px,6vw,72px);line-height:1}
.p-hero .tag{font-family:var(--f-display);font-weight:600;font-size:clamp(20px,2.2vw,26px);margin-top:18px;color:#FFFFFF}
.p-hero .lede{font-size:19px;color:var(--on-dark-2);max-width:620px;margin-top:18px}
.p-hero .left{flex:1 1 560px;min-width:0}
.p-hero .right{flex:0 1 360px;min-width:0;display:grid;gap:14px}
.p-hero .ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.facts{display:grid;gap:0;border:1px solid rgba(255,255,255,.16);border-radius:16px;overflow:hidden;background:rgba(7,28,58,.5)}
.facts div{padding:16px 20px;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:2px}
.facts div:first-child{border-top:0}
.facts dt{font-size:14px;color:var(--on-dark-2)}
.facts dd{margin:0;font-weight:600;color:#FFFFFF}
.p-sec{padding-block:88px}
.p-sec.alt{background:var(--mist)}
.p-sec h2{font-size:clamp(28px,3.2vw,40px);line-height:1.15;margin-bottom:14px}
.p-sec .intro{color:var(--ink-2);font-size:18px;max-width:720px;margin-bottom:40px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.card{background:var(--paper);border:1px solid var(--rule);border-radius:16px;padding:28px;display:grid;gap:10px;align-content:start}
.p-sec:not(.alt) .card{background:var(--mist);border-color:transparent}
.card h3{font-size:20px}
.card p{color:var(--ink-2)}
.card ul{margin:4px 0 0;padding-left:20px;color:var(--ink-2);display:grid;gap:6px}
.split{display:flex;flex-wrap:wrap;gap:40px 64px}
.split > div{flex:1 1 420px;min-width:0}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ticks li{display:flex;gap:12px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid var(--rule);color:var(--ink)}
.ticks li::before{content:"";flex:none;width:7px;height:7px;margin-top:10px;border-radius:2px;transform:rotate(45deg);background:var(--teal)}
.flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:24px;counter-reset:s}
.flow > div{display:grid;gap:8px;align-content:start;border-top:3px solid var(--blue);padding-top:18px}
.flow .n{font-family:var(--f-display);font-weight:600;color:var(--blue)}
.flow h3{font-size:19px}
.flow p{color:var(--ink-2);font-size:16px}
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.tier{border:1px solid var(--rule);border-radius:18px;padding:30px;display:grid;gap:12px;align-content:start;background:var(--paper)}
.tier.pick{background:var(--navy);color:#FFFFFF;border-color:var(--navy)}
.tier h3{font-size:24px}
.tier .for{color:var(--ink-2)}
.tier.pick .for{color:var(--on-dark-2)}
.tier .tag{justify-self:start;font-size:13px;font-weight:600;background:#DDF4F1;color:#0B5F59;padding:4px 12px;border-radius:999px}
.tier ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.tier li{padding-top:10px;border-top:1px solid var(--rule)}
.tier.pick li{border-color:rgba(255,255,255,.16);color:var(--on-dark)}
.tier li b{display:block;font-weight:600}
.tier li span{font-size:15px;color:var(--ink-2)}
.tier.pick li span{color:var(--on-dark-2)}
.note{margin-top:22px;color:var(--ink-2);font-size:15px}
.faq{display:grid;gap:12px;max-width:860px}
.faq details{border:1px solid var(--rule);border-radius:14px;background:var(--paper)}
.faq summary{cursor:pointer;list-style:none;padding:20px 24px;font-family:var(--f-display);font-weight:600;font-size:18px;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:24px;line-height:1;color:var(--blue);flex:none;transition:transform .2s ease}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 24px 22px;color:var(--ink-2)}
.callout{margin-top:24px;padding:22px 24px;border-radius:14px;background:var(--navy);color:var(--on-dark);max-width:900px}
.callout strong{color:#FFFFFF}
.nxsec{position:relative;background:linear-gradient(180deg,#FFFFFF 0%,#F6F9FC 100%);border-top:1px solid var(--rule)}
.next{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.next.n5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){.next.n5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.next.n5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.next.n5{grid-template-columns:minmax(0,1fr)}}
.next a{position:relative;display:grid;gap:10px;align-content:start;padding:22px 22px 24px;background:#FFFFFF;border:1px solid var(--rule);border-radius:14px;text-decoration:none;color:var(--ink);box-shadow:0 8px 22px rgba(11,42,85,.06);transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;overflow:hidden}
.next a::after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--teal);transform:scaleX(0);transform-origin:0 50%;transition:transform .3s ease}
.next a:hover,.next a:focus-visible{transform:translateY(-4px);box-shadow:0 16px 32px rgba(11,42,85,.10);border-color:#C5D3E5}
.next a:hover::after,.next a:focus-visible::after{transform:scaleX(1)}
.next .nx-top{display:flex;align-items:center;gap:12px}
.next .ic{flex:none;width:26px;height:26px;stroke:#0E7F78}
.next b{font-family:var(--f-display);font-size:19px;color:var(--navy);white-space:nowrap}
.next .arr{margin-left:auto;flex:none;color:#0E7F78;opacity:.7;transition:transform .25s ease, opacity .25s ease}
.next a:hover .arr,.next a:focus-visible .arr{transform:translateX(4px);opacity:1}
.next .nx-lbl{color:var(--ink-2);font-size:15px}
@media (max-width:1000px){.next{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.next{gap:12px}.next a{padding:18px 16px 20px}.next b{font-size:17px}}
