/* Pricing page tokens and rules from Pricing.dc.html's <style> (PRD 004 Phase 5); loaded after redesign.css. */
:root{ --pf-cols:1fr 1fr; --pf-full:1 / -1;
--trk-lbl:inline;
--cv-iw:clamp(170px,17vw,220px); --cv-pr:calc(var(--cv-iw) + 24px); --cv-img:block;
--maxw:1200px; --pad-x:clamp(18px,5vw,48px); --sect-y:clamp(76px,9vw,148px);
--h1:clamp(36px,5.2vw,56px); --h2:clamp(30px,4vw,44px); --h3:clamp(20px,1.9vw,24px);
--lead:clamp(17px,1.5vw,20px); --body:clamp(16px,1.3vw,18px);
--card:clamp(268px,80vw,356px); --card-sm:clamp(232px,68vw,284px);
--ink:#0E1B2A; --ink-2:#3A5771; --blue:#014C85; --blue-deep:#013D6A; --orange:#F6AF4E;
--mist:#F1F5F8; --line:#CBD7E1;
--s2-feat:repeat(3,minmax(0,1fr)); --s2-div:1px solid rgba(255,255,255,.22); --meet-cols:repeat(4,minmax(0,1fr)); --q-grid:minmax(132px,1.5fr) minmax(118px,1fr) 104px minmax(132px,1.15fr) 58px 70px 58px 30px; --q-head:grid; --q-band:minmax(0,1fr) auto; --nav-d:flex; --nav-m:none; --util-label:inline-flex; --note-d:block; --hero-cols:1.02fr .98fr; --cta-w:auto;
--hero-size:auto 118%; --hero-pos2:right 85%; --hero-txt:calc(50vw - max(var(--pad-x), (100vw - var(--maxw)) / 2 + var(--pad-x)) - 32px); --stats-cols:4; --serve-head:repeat(3,minmax(0,1fr)); --serve-span:span 1; --serve-end:auto; --split:1fr 1fr; --portal-cols:auto minmax(0,1fr) auto; --portal-al:flex-end; --portal-ar:flex-start; --serve-cols:repeat(3,minmax(0,1fr)); --press-cols:repeat(6,minmax(0,1fr)); --foot-cols:repeat(5,auto); --foot-b:repeat(4,auto); --foot-act:repeat(4,auto); --note-w:150px; --form-mt:0px; --fdr-mask:linear-gradient(to right,#000 88%,transparent 100%); --form-cols:1.25fr .75fr; --ord-media:0; --ord-side:0; --gap-lg:clamp(28px,4vw,64px); --tbl-px:14px; --tbl-f:clamp(15px,1.25vw,17px); --ai-tile:flex; --ai-cols:auto minmax(0,1fr) auto; --hero-veil:rgba(1,46,80,0); --hero-fade:78%; --hero-pos:right center; --tel-d:inline-flex; --nav-gap:clamp(16px,2vw,30px);
}
@media (max-width:1180px){ :root{ --tel-d:none; --nav-gap:14px; } }
@media (max-width:960px){ :root{ --q-grid:1fr 1fr; --q-head:none; --q-band:1fr; --s2-feat:repeat(3,minmax(0,1fr)); --s2-div:1px solid rgba(255,255,255,.22); --meet-cols:repeat(2,minmax(0,1fr));  --ai-rule:0; --note-w:0px; --form-mt:clamp(28px,5vw,48px); --fdr-mask:linear-gradient(to right,#000 88%,transparent 100%),linear-gradient(to bottom,#000 62%,transparent 100%);--stats-cols:2; --serve-head:minmax(0,1fr); --serve-span:auto; --serve-end:start; --serve-p:auto; --hero-txt:100%; --hero-size:cover; --hero-pos2:var(--hero-pos); --nav-d:none; --nav-m:flex; --hero-cols:1fr; --split:1fr; --portal-cols:minmax(0,1fr); --portal-al:flex-start; --portal-ar:flex-start; --serve-cols:repeat(2,minmax(0,1fr)); --press-cols:repeat(3,minmax(0,1fr)); --foot-cols:repeat(2,minmax(0,1fr)); --foot-b:repeat(2,minmax(0,1fr)); --foot-act:repeat(2,minmax(0,1fr)); --form-cols:minmax(0,1fr); --ord-media:-1; --ord-side:0; --note-d:none; --ai-tile:none; --ai-cols:minmax(0,1fr); --hero-veil:rgba(1,46,80,.74); --hero-fade:100%; --hero-pos:64% center; } }
@media (max-width:600px){ :root{ --pf-cols:1fr; --s2-feat:1fr; --s2-div:0; --trk-lbl:none; --cv-span:1 / -1; --serve-cols:minmax(0,1fr); --press-cols:repeat(2,minmax(0,1fr)); --foot-cols:minmax(0,1fr); --foot-b:minmax(0,1fr); --foot-act:minmax(0,1fr); --cta-w:100%; --util-label:none; --tbl-px:10px; --tbl-f:14px; } }
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;font-family:"DM Sans","Helvetica Neue",Arial,sans-serif;color:#0E1B2A;overflow-x:hidden}
a{color:#014C85;text-decoration:none}
a:hover{color:#013D6A}
button,select,input,textarea{font-family:inherit}
[data-track]{scrollbar-width:none;-ms-overflow-style:none}
[data-track]::-webkit-scrollbar{display:none}
a:hover .cat-arrow{transform:scale(1.42) translateX(2px)}
[data-dd]:hover > [data-ddm],[data-dd]:focus-within > [data-ddm],[data-dd][data-open] > [data-ddm]{display:block !important}
nav a,nav button{white-space:nowrap}
input[list]::-webkit-calendar-picker-indicator{display:none !important;opacity:0}
@media (min-width:961px) and (max-width:1060px){ [data-founders]{display:none !important} }
[data-ddm] a:hover img[src*="menu-v2"]{transform:scale(1.05)}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
details[open] > summary > svg{transform:rotate(180deg)}
@media (max-width:960px){ :root{ --cv-iw:150px; } }
@media (max-width:600px){ :root{ --pf-cols:1fr; --s2-feat:1fr; --s2-div:0; --trk-lbl:none; --cv-span:1 / -1; --cv-img:none; --cv-pr:clamp(20px,2.2vw,26px); } }
@container (min-width:460px){ [data-cv]{--cvpos:absolute;--cvm:0;--cviw:215px;--cvp:240px} }
@container (min-width:540px){ [data-cv]{--cvpos:absolute;--cvm:0;--cviw:250px;--cvp:280px} }
:root{ --pt-cols:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr); --pt-ord:0; --pt-side:1fr; }
@media (max-width:960px){ :root{ --pt-cols:minmax(0,1fr); --pt-ord:-1; --pt-side:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px){ :root{ --pf-cols:1fr; --s2-feat:1fr; --s2-div:0; --trk-lbl:none; --pt-side:minmax(0,1fr); } }
:root{ --why-cols:repeat(2,minmax(0,1fr)); --why-note:block; --why-div:1px 100%; }
:root{ --ai-rule:1px solid #E3EAF0; --ai-pl:clamp(32px,4.4vw,72px); --ai-gap:0px; }
@media (max-width:960px){ :root{ --ai-rule:0; --ai-pl:0px; --ai-gap:clamp(28px,5vw,44px); } }
@media (max-width:760px){ :root{ --why-cols:minmax(0,1fr); --why-note:none; --why-div:0 0; } }
[data-phones] > summary > svg:last-child{transform:rotate(90deg)}
[data-phones][open] > summary > svg:last-child{transform:rotate(-90deg)}
[data-phones] > summary::-webkit-details-marker{display:none}
/* "Calculate my savings" full width on phones. */
@media (max-width:600px){.rd-pv-cta{width:100%}}
/* Hero role box: the pills share its white box, so the focus ring goes round the whole box, not the input under them. */
.rd-combo-pills input:focus{box-shadow:none!important}
.rd-combo-pills:focus-within{box-shadow:0 0 0 3px rgba(1,76,133,.18),0 10px 28px rgba(1,30,52,.18)!important}