/* Brand theme: deep blue and coral from the logo, pale blue tints, gradient hero band, solid pill buttons. */
:root{--bg:#fff;--card:#fff;--ink:#0d1b2e;--mu:#4d5a6b;--line:#dfe5ef;--blue:#1f4e9c;--blue2:#3a6fc7;--coral:#e8553c;--tint:#e4ecf8;--ok:#1f7a4d;--okbg:#e2f3ea;
--tx:#0d1b2e;--ac:#1f4e9c;--ac2:#1f4e9c;--ac3:#3a6fc7;--cor:#e8553c;--bd:#dfe5ef;--sh:none;
--hd:#12335f;--p1:#e4ecf8;--p2:#d3e1f5;--p3:#c2d6f1;--p4:#dde8f7;--band1:#163a75;--band2:#3a6fc7;--hem:#ffc9bb}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0d1526;--card:#15213a;--ink:#e6edf6;--mu:#9fb0c8;--line:#2a3a58;--blue:#7aa7f0;--blue2:#3a6fc7;--coral:#ff7b63;--tint:#1d2b45;--ok:#6fd1a0;--okbg:#17352a;--tx:#e6edf6;--ac:#7aa7f0;--ac2:#1f4e9c;--ac3:#3a6fc7;--cor:#ff7b63;--bd:#2a3a58;--hd:#dbe7f7;--p1:#172743;--p2:#1b3158;--p3:#203a69;--p4:#1a2d4f;--band1:#0f2a55;--band2:#2a5aa8}}
:root[data-theme="dark"]{--bg:#0d1526;--card:#15213a;--ink:#e6edf6;--mu:#9fb0c8;--line:#2a3a58;--blue:#7aa7f0;--blue2:#3a6fc7;--coral:#ff7b63;--tint:#1d2b45;--ok:#6fd1a0;--okbg:#17352a;--tx:#e6edf6;--ac:#7aa7f0;--ac2:#1f4e9c;--ac3:#3a6fc7;--cor:#ff7b63;--bd:#2a3a58;--hd:#dbe7f7;--p1:#172743;--p2:#1b3158;--p3:#203a69;--p4:#1a2d4f;--band1:#0f2a55;--band2:#2a5aa8}
html,body{overflow-x:clip}
h1,h2,h3,.big,.st b{color:var(--hd)}
a.btn.p,button.btn.p,button:not(.s):not(.off){background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:none}
button.s,a.btn,button.btn{color:var(--blue);border-color:var(--blue)}
a.btn,button.btn,button{border-radius:999px}
/* hero bands */
.welcome,.intro,.mhero{position:relative;isolation:isolate}
.welcome:before,.intro:before,.mhero:before{content:"";position:absolute;z-index:-1;left:calc(50% - 50vw);right:calc(50% - 50vw);top:0;bottom:0;background:linear-gradient(100deg,var(--band1),var(--band2));border-radius:0}
.welcome:before{bottom:64px}
.welcome h1,.intro h1,.mhero h1,.welcome .lead,.intro .lead,.mhero .lead,.welcome .eyebrow,.intro .eye,.mhero .eyebrow{color:#fff}
.welcome h1 em,.intro h1 em,.mhero h1 em{color:var(--hem)}
.welcome .eyebrow{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4)}
.intro .eye,.mhero .eyebrow{color:#dbe7f7}
.intro .pill.w{background:rgba(255,255,255,.2);color:#fff}
.welcome,.intro,.mhero{margin-bottom:8px}
.intro{padding-bottom:36px}.mhero{padding-bottom:40px}
.intro .btn.p,.mhero .btn.p,.welcome .btn.p{background:#fff;color:#004750;border-color:#fff}.intro .btn:not(.p){color:#fff;border-color:#fff}
/* pastel tiles */
.trust{gap:0;border-radius:22px 22px 0 0;overflow:hidden;margin-top:6px;position:relative}
.tb{border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--p1);color:var(--hd);min-height:112px;padding:22px 24px}
.tb:nth-child(2){background:var(--p2)}.tb:nth-child(3){background:var(--p3)}.tb:nth-child(4){background:var(--p4)}
.tb b{color:var(--hd);font-size:1.1rem}.tb span{color:var(--mu)}.tb svg{color:var(--hd)}.tb:hover{transform:none;filter:brightness(.97)}
a.tb[aria-expanded=true]{box-shadow:inset 0 -4px 0 var(--blue)!important}
@media (max-width:1100px){.trust{border-radius:18px}}
/* pastel cards */
.svc4>div:nth-child(1),.svc4>.card:nth-child(1),.mg>.card:nth-child(1),.two2>.card:nth-child(1),.start>.sp:first-child{background:var(--p1)}
.svc4>div:nth-child(2),.svc4>.card:nth-child(2),.mg>.card:nth-child(3){background:var(--p2)}
.svc4>div:nth-child(3),.svc4>.card:nth-child(3),.mg>.card:nth-child(2),.two2>.card:nth-child(2){background:var(--p3)}
.svc4>div:nth-child(4),.svc4>.card:nth-child(4){background:var(--p4)}
.svc4 .card,.mg .card,.two2 .card,.start .sp,.svc{border:0!important;border-radius:20px}
.mg .mem{border:0}
.sp.dk{background:linear-gradient(100deg,var(--band1),var(--band2))!important}.sp.dk h2{color:#fff}
.sp .eyebrow,.eyebrow,.eye{color:var(--coral)}
.pill{background:rgba(31,78,156,.12);color:var(--blue)}
.lst2:not(.num) li:before,.lst2.num li:before{background:var(--blue)}
.ph .n,h2 .n{background:var(--blue)}.ph li b{color:var(--hd)}
.pipe a{border:0;background:var(--p1)}.pipe a:nth-child(2){background:var(--p2)}.pipe a:nth-child(3){background:var(--p3)}.pipe a:nth-child(4){background:var(--p4)}
.pipe a:before{background:var(--blue)}
.note,.why{background:var(--tint)}
/* tool pages: hero band sits exactly behind the heading block */
body.tool .hero,body.tool .top{position:relative;isolation:isolate}
body.tool .hero:before,body.tool .top:before{content:"";position:absolute;z-index:-1;left:calc(50% - 50vw);right:calc(50% - 50vw);top:-28px;bottom:0;background:linear-gradient(100deg,var(--band1),var(--band2))}
body.tool .hero{background:none;padding:28px 0 40px;margin:0 0 24px}
body.tool .top{padding:28px 0 36px;margin:0 0 24px;align-items:center}
body.tool .top .hero{padding:0;margin:0}body.tool .top .hero:before{display:none}
body.tool .hero h1,body.tool .hero p{color:#fff}body.tool .hero h1 em{color:var(--hem)}body.tool .hero .eye{color:#dbe7f7}
body.tool .tabs button.off{color:var(--tx)}
body.tool select{text-overflow:ellipsis}
@media(min-width:1000px){body.tool main{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}
@media(max-width:1250px){body.tool select{font-size:.9rem}}
.selfull{font-size:.88rem;color:var(--mu);margin:4px 2px 0;line-height:1.35}.selfull[hidden]{display:none}

.intro .avatar{width:150px;height:150px;border-radius:50%;object-fit:cover;object-position:50% 12%;background:linear-gradient(160deg,#e4ecf8,#c2d6f1);border:4px solid #fff;box-shadow:0 8px 24px rgba(10,30,70,.28);margin:0 0 16px}
@media (max-width:640px){.intro .avatar{width:120px;height:120px}}