/* Hallmark · editorial · macrostructure: data-led split · theme: Riso, Sam's white/sans overrides · nav N1a · footer Ft1 */
/* Hallmark · pre-emit critique: P4 H4 E4 S5 R4 V4 */
@font-face{font-family:Manrope;src:url('./assets/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('./assets/manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('./assets/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('./assets/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('./assets/manrope-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{
 --font:Manrope,Arial,sans-serif;--bg:#ffffff;--soft:#f2f4f6;--ink:#172430;--subtle:#54616d;--line:#dce1e6;--accent:#b83924;--coral:#ff876e;--pale:#a9bdc9;--chart:#192e3b;--chart-muted:#6e8492;--dark:#11222e;--panel:#1b303f;--result:#0b1c28;--on-dark:#ffffff;--on-dark-muted:#c2d0da;--field:#ffffff;--field-ink:#172430;--error:#ffb5a5;
 --tabs-dur:250ms;--tabs-ease:cubic-bezier(0.22,1,0.36,1);--tabs-text-muted:#b9c8d2;--tabs-text-active:#11222e;--tabs-bar-bg:#294252;--tabs-pill-bg:#ffffff;
 --space:8px;--radius:6px;
}
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:24px}body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}button,a,input,select{touch-action:manipulation}a,button{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--coral);outline-offset:4px}h1,h2,h3,p,figure,dl{margin:0}h1,h2,h3{font-style:normal;line-height:1.14;letter-spacing:-.045em;font-weight:800;overflow-wrap:anywhere;min-width:0}h1{font-size:clamp(40px,4.3vw,66px)}h2{font-size:clamp(28px,3vw,42px)}h3{font-size:18px;letter-spacing:-.02em}p{max-width:65ch}p+p{margin-top:16px}strong{font-weight:800}.wrap{max-width:1260px;margin-inline:auto;padding-inline:48px}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:var(--bg);padding:12px 20px;z-index:50}.skip:focus{top:12px}.topline{background:var(--soft);font-size:11px;font-weight:600;letter-spacing:.04em}.topline .wrap{display:flex;justify-content:space-between;padding-block:9px}.header{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:105px}.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:30px;font-weight:800;letter-spacing:-1.6px;text-decoration:none;white-space:nowrap;line-height:1.1}.brand-period{color:var(--accent);margin-left:-10px}.brand-mark{display:flex;align-items:flex-end;gap:3px;height:24px;width:26px}.brand-mark i{width:6px;background:var(--accent);height:13px}.brand-mark i:nth-child(2){height:24px}.brand-mark i:nth-child(3){height:18px}.header nav{display:flex;gap:28px}.header nav a,.footer nav a{font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}.header nav a:hover,.footer nav a:hover{color:var(--accent)}.nav-action{font-size:12px;font-weight:800;border-bottom:1px solid var(--ink);text-decoration:none;white-space:nowrap}.nav-action span{margin-left:8px}.hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:64px;align-items:center;padding-block:72px 82px}.eyebrow{display:block;font-size:11px;letter-spacing:.10em;text-transform:uppercase;font-weight:700;line-height:1.8}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:6px}.hero h1{margin-top:23px}.hero h1 span{color:var(--accent)}.lead{font-size:18px;line-height:1.7;color:var(--subtle);margin-top:24px;max-width:52ch}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:48px;padding:13px 20px;border:1px solid transparent;border-radius:var(--radius);font-size:13px;font-weight:800;line-height:1.5;text-decoration:none;white-space:nowrap}.button-ink{background:var(--ink);color:var(--bg)}.button-coral{background:var(--coral);color:var(--dark)}.button-outline{background:transparent;color:var(--on-dark);border-color:var(--chart-muted)}.quiet-link{font-size:12px;font-weight:700}.hero-byline{font-size:11px;color:var(--subtle);margin-top:24px;line-height:1.8}.cost-chart{padding:30px 32px;background:var(--soft);min-width:0}.chart-top{display:flex;justify-content:space-between;gap:12px;font-size:11px;font-weight:800;letter-spacing:.02em;margin-bottom:28px}.chart-top span:last-child{color:var(--subtle);font-weight:500;white-space:nowrap}.bar-row+.bar-row{margin-top:22px}.bar-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:8px;align-items:baseline}.bar-label strong{font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap}.bar-track{height:16px;background:var(--line)}.bar{height:100%;background:var(--accent)}.bar.muted{background:var(--chart-muted)}.bar.pale{background:var(--chart)}.bar-note{display:block;color:var(--subtle);font-size:10px;margin-top:6px}.cost-chart figcaption{font-size:10px;line-height:1.7;color:var(--subtle);border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.fact-strip{border-block:1px solid var(--line)}.fact-strip .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.5fr);align-items:center;gap:30px;padding-block:25px}.fact-strip strong{display:block;font-size:26px;letter-spacing:-1px}.fact-strip span{font-size:11px;color:var(--subtle)}.fact-strip p{font-size:11px;line-height:1.8;color:var(--subtle);text-align:right}.tool-band{margin-top:72px;background:var(--dark);color:var(--on-dark);padding-block:68px;scroll-margin-top:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:34px}.section-heading h2{margin-top:12px}.section-heading>p{font-size:13px;max-width:36ch;color:var(--subtle)}.tool-band .section-heading>p{color:var(--on-dark-muted)}.tool-band .eyebrow{color:var(--on-dark-muted)}.calculator{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);background:var(--panel);border-radius:var(--radius);overflow:hidden}.calculator form{padding:30px;min-width:0}.tool-controls{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:24px}.text-button{border:0;background:transparent;color:inherit;padding:0;font-size:11px;font-weight:700;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.service-row{padding:20px 0 16px;margin:0;border:0;border-top:1px solid var(--chart-muted);min-inline-size:0}.service-row legend{font-size:17px;font-weight:800;padding:0 12px 0 0;line-height:1.5}.service-number{font-size:10px;color:var(--on-dark-muted);margin-right:12px;font-weight:500}.row-fields{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px}.row-fields label{font-size:11px;font-weight:600;display:block;color:var(--on-dark-muted)}.row-fields select,.row-fields input{display:block;min-width:0;width:100%;border:1px solid var(--line);border-radius:4px;background:var(--field);color:var(--field-ink);margin-top:7px;padding:11px 10px;font-size:12px;line-height:1.5;height:44px}.row-fields select:disabled{background:var(--field);opacity:.65}.row-fields .custom-field{grid-column:1/-1;max-width:220px}.row-fields [hidden]{display:none}.field-error{font-size:11px;color:var(--error);min-height:0;margin-top:7px}.field-error:empty{display:none}.tool-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:12px}.tool-actions .button{font-size:11px;padding:10px 15px;min-height:42px}.save-status{font-size:10px;color:var(--on-dark-muted);margin-top:15px;min-height:18px}.result{padding:35px;background:var(--result);min-width:0}.result output{display:block;font-size:clamp(36px,4vw,56px);letter-spacing:-.055em;line-height:1.2;font-weight:800;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:18px}.average{font-size:12px;color:var(--on-dark-muted);margin-top:14px}.breakdown{margin-top:30px}.result-line{border-top:1px solid var(--chart-muted);padding-block:17px}.result-line>div{display:flex;justify-content:space-between;gap:15px;font-size:11px}.result-line strong{white-space:nowrap}.result-line small{display:block;color:var(--on-dark-muted);font-size:10px;line-height:1.7;margin-top:7px}.result-caveat{font-size:10px;color:var(--on-dark-muted);margin-top:25px}.tool-disclosure{font-size:11px;color:var(--on-dark-muted);max-width:100ch;margin-top:22px;line-height:1.8}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px;align-items:center;padding-block:80px}.split p{font-size:14px;color:var(--subtle);margin-top:20px}.split h2{margin-top:12px}.split.reverse .section-copy{order:2}.split.reverse .feature-compare{order:1}.arrow-link{display:inline-block;font-size:12px;font-weight:800;margin-top:24px;text-decoration:none}.arrow-link span{margin-left:12px}.feature-compare{padding:25px 0;border-top:2px solid var(--ink)}.feature-compare>div{padding:18px 0 22px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 15px}.mini-name{font-size:12px;font-weight:700}.feature-compare strong{font-size:22px;letter-spacing:-.04em;grid-row:1/3;grid-column:2;align-self:center}.feature-compare>div>span:last-child{font-size:11px;color:var(--subtle)}.feature-compare p.small{font-size:11px;margin-top:18px}.archive-teaser,.soft-band{background:var(--soft)}.archive-teaser{padding-block:65px}.archive-entry{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:30px;align-items:center;padding-block:25px;border-block:1px solid var(--line);text-decoration:none;font-size:16px;font-weight:700}.archive-entry time{font-size:11px;color:var(--subtle);font-weight:500}.archive-entry small{display:block;font-size:11px;color:var(--subtle);font-weight:400;margin-top:5px}.entry-arrow{font-size:28px}.small{font-size:11px;color:var(--subtle);line-height:1.8}.archive-teaser .small{margin-top:16px}.last-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px;padding-block:80px}.last-split h2{max-width:16ch}.last-split p{font-size:14px;color:var(--subtle)}.last-split .button{margin-top:24px}.footer{border-top:1px solid var(--line);padding-block:35px 20px}.footer-main{display:flex;align-items:center;gap:30px;justify-content:space-between}.footer-main p{font-size:11px;color:var(--subtle)}.footer-main nav{display:flex;gap:22px;flex-wrap:wrap}.footer-main nav a{font-size:11px}.footer .wordmark{font-size:25px}.footnote{display:flex;justify-content:space-between;gap:20px;color:var(--subtle);font-size:10px;margin-top:32px}.page-hero{padding-block:70px 60px}.page-hero h1{margin-top:22px;max-width:21ch}.archive-status{display:flex;flex-wrap:wrap;gap:24px;font-size:12px;padding-top:30px;color:var(--subtle)}.archive-status strong{color:var(--ink)}.data-section{padding-bottom:65px}.data-section h2{margin-bottom:20px}.table-intro{font-size:13px;color:var(--subtle);margin-bottom:25px}.table-scroll{overflow-x:auto;width:100%;margin-bottom:24px}table{width:100%;border-collapse:collapse;font-size:12px;min-width:750px}caption{text-align:left;color:var(--subtle);font-size:11px;padding-bottom:14px}th,td{padding:17px 15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}thead{background:var(--soft);font-size:10px;text-transform:uppercase;letter-spacing:.03em}tbody th{font-weight:500;min-width:180px}tbody th span{display:block;font-weight:800;margin-bottom:3px}td:nth-child(2),td:nth-child(3){white-space:nowrap;font-variant-numeric:tabular-nums}td:nth-child(4){max-width:150px}.service-start td,.service-start th{border-top:2px solid var(--line)}.subtle{color:var(--subtle);font-size:10px}.source-note{display:grid;grid-template-columns:180px minmax(0,1fr);gap:30px;padding-top:20px;font-size:12px}.source-note p{color:var(--subtle)}.source-list{padding-block:65px}.source-list h2{margin-bottom:30px}.source-item{padding-block:20px;border-top:1px solid var(--line)}.source-item p{font-size:12px;color:var(--subtle);margin-top:9px;overflow-wrap:anywhere}.source-list>p{font-size:13px;color:var(--subtle);margin-block:20px}.source-list>.button{margin-top:15px}.comparison-split{padding-top:0}.math-lines{margin-top:28px}.math-lines>div{border-top:1px solid var(--line);padding-block:14px}.math-lines dt{font-size:11px;color:var(--subtle)}.math-lines dd{font-size:17px;font-weight:800;margin:4px 0 0}.number-proof{padding-block:25px;border-block:1px solid var(--line);text-align:center}.number-proof>span{display:block;font-size:13px;color:var(--subtle)}.number-proof>strong{display:block;font-size:72px;letter-spacing:-.06em;color:var(--accent);line-height:1.5}.number-proof p{font-size:12px;text-align:center;margin-inline:auto;max-width:34ch}.rules-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px 90px;padding-block:10px 80px}.rules-grid>div{border-top:1px solid var(--line);padding-top:23px}.rules-grid h2{font-size:29px;margin-block:14px 22px}.rules-grid p{font-size:14px;color:var(--subtle)}.privacy-proof{text-align:center}.privacy-proof .big-zero{display:block;font-size:150px;font-weight:800;line-height:1.1;color:var(--accent);letter-spacing:-.07em}.privacy-proof>span:last-child{font-size:13px;color:var(--subtle)}
@media(prefers-color-scheme:dark){:root{--bg:#101c26;--soft:#172834;--ink:#eef4f8;--subtle:#b1c2ce;--line:#344c5c;--accent:#ff9b85;--coral:#ff9b85;--chart:#91aaba;--chart-muted:#758d9d;--pale:#a9bdc9;--dark:#091720;--panel:#18303f;--result:#0d2231;--field:#f4f7f9;--field-ink:#172430}.button-ink{color:var(--bg)}.brand-mark i{background:var(--accent)}}
@media(min-width:1450px){.hero{gap:85px}}
@media(max-width:1100px){.wrap{padding-inline:32px}.header{gap:22px}.header nav{gap:20px}.nav-action{display:none}.hero{gap:36px;padding-top:50px}h1{font-size:50px}.cost-chart{padding:24px}.tool-controls{align-items:flex-start;flex-direction:column;gap:16px}.calculator{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.calculator form,.result{padding:25px}.split,.last-split{gap:50px}.footer-main{flex-wrap:wrap}.footer-main nav{margin-left:auto}}
@media(max-width:767px){.wrap{padding-inline:22px}.topline{font-size:9px}.topline .wrap{gap:15px}.topline .wrap span:last-child{text-align:right}.header{min-height:105px;flex-wrap:wrap;justify-content:center;gap:16px;padding-block:22px}.wordmark{font-size:28px}.header nav{width:100%;justify-content:center;gap:24px}.header nav a{font-size:12px}.hero{grid-template-columns:minmax(0,1fr);padding-block:35px 40px;gap:35px}.hero h1{font-size:clamp(37px,7.5vw,53px);margin-top:18px;max-width:16ch}.hero .lead{font-size:15px;margin-top:18px}.hero-actions{gap:18px;align-items:flex-start;flex-direction:column;margin-top:23px}.hero-byline{font-size:10px;margin-top:20px}.cost-chart{padding:24px}.fact-strip .wrap{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding-block:20px}.fact-strip strong{font-size:22px;white-space:nowrap}.fact-strip span{font-size:9px;display:block;line-height:1.6}.fact-strip p{display:none}.tool-band{margin-top:40px;padding-block:40px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:25px}.section-heading h2{font-size:32px}.section-heading>p{max-width:50ch;font-size:13px}.calculator{grid-template-columns:minmax(0,1fr)}.calculator form{padding:22px}.result{padding:28px 22px}.tool-controls{gap:18px}.row-fields{grid-template-columns:minmax(0,1fr);gap:12px}.row-fields label{font-size:12px}.row-fields select,.row-fields input{font-size:14px;height:46px;padding:10px}.row-fields .custom-field{max-width:none}.service-row{padding-block:16px 20px}.service-row legend{font-size:18px}.tool-actions{gap:15px}.tool-actions .text-button{margin-block:4px}.save-status{font-size:11px}.result output{font-size:48px}.result-line>div{font-size:12px}.result-line small,.result-caveat{font-size:11px}.tool-disclosure{font-size:11px}.split,.last-split{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:45px}.split.reverse .section-copy{order:1}.split.reverse .feature-compare{order:2}.split h2,.last-split h2{font-size:31px;max-width:19ch}.archive-teaser{padding-block:42px}.archive-entry{grid-template-columns:minmax(0,1fr) 26px;gap:8px 15px;font-size:15px}.archive-entry time{grid-column:1/-1}.entry-arrow{grid-row:2;grid-column:2}.last-split{gap:20px}.footer-main{align-items:flex-start;gap:22px}.footer-main p{width:100%}.footer-main nav{margin:0;gap:18px}.footnote{flex-direction:column;gap:8px}.page-hero{padding-block:35px 40px}.page-hero h1{font-size:40px;max-width:18ch}.page-hero .lead{font-size:15px}.archive-status{gap:12px 22px;font-size:11px}.data-section{padding-bottom:40px}.data-section h2{font-size:30px}.source-note{grid-template-columns:minmax(0,1fr);gap:12px}.source-list{padding-block:42px}.source-list h2{font-size:30px}.source-item h3{font-size:16px}.comparison-split{padding-top:0}.number-proof>strong{font-size:60px}.rules-grid{grid-template-columns:minmax(0,1fr);gap:35px;padding-bottom:45px}.rules-grid h2{font-size:28px}.privacy-proof .big-zero{font-size:110px}}
@media(max-width:360px){.wrap{padding-inline:20px}.header nav{gap:18px}.hero h1{font-size:36px}.button{font-size:12px;padding-inline:15px;gap:12px}.calculator form,.result{padding-inline:18px}.cost-chart{padding:20px}.bar-label{font-size:11px}.bar-label strong{font-size:16px}.t-tab{font-size:11px}.tool-actions{gap:12px}.tool-actions .button{padding-inline:11px}.page-hero h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Transitions.dev: sliding selection, source recipe. */
/* The bar is just a flex container with padding for the pill
   to sit inside. Tabs sit on z-index: 1, the pill on z-index: 0,
   so labels read above the pill background. */
.t-tabs {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px;
  border-radius: 48px;
  background: var(--tabs-bar-bg);
}
.t-tab {
  position: relative;
  appearance: none;
  border: 0;
  background: transparent;
  height: 30px;
  padding: 4px 12px;
  color: var(--tabs-text-muted);
  cursor: pointer;
  border-radius: 48px;
  z-index: 1;
  transition: color var(--tabs-dur) var(--tabs-ease);
}
.t-tab:not([aria-selected="true"]):hover,
.t-tab[aria-selected="true"] {
  color: var(--tabs-text-active);
}

/* The pill: width + transform are written inline by JS so
   the transition tweens between the previous and next
   measured positions. */
.t-tabs-pill {
  position: absolute;
  top: 3px;
  left: 0;
  height: 30px;
  width: 0;
  background: var(--tabs-pill-bg);
  border-radius: 48px;
  transform: translateX(0);
  transition:
    transform var(--tabs-dur) var(--tabs-ease),
    width     var(--tabs-dur) var(--tabs-ease);
  will-change: transform, width;
  z-index: 0;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .t-tabs-pill, .t-tab { transition: none !important; }
}

/* Active selection owns its background for contrast checks and high-contrast rendering. */
.t-tab[aria-selected="true"]{background:var(--tabs-pill-bg)}