/* Shared Concept 8 calculator styling for /plans and the homepage pricing band. */
.cs-price-calculator{max-width:900px;margin:0 auto;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-bottom:1px solid rgba(14,154,167,.15);border-radius:20px;padding:32px;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.cs-price-calculator h2,.cs-price-calculator h3{font-size:28px;color:var(--cs-near-black,var(--cs-ink,#0A1E29));margin:0 0 8px}
.cs-price-calculator-intro{font-size:15px;line-height:1.6;color:var(--cs-gray-500,var(--cs-gray,#6B6B80));margin:0 0 24px;max-width:700px}
.cs-price-calculator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
.cs-price-calculator label{display:flex;flex-direction:column;gap:7px;color:var(--cs-gray-700,var(--cs-slate,#3A3A4E));font-size:13px;font-weight:700}
.cs-price-calculator input:not([type=radio]):not([type=checkbox]):not([type=range]),.cs-price-calculator select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--cs-border,#C6C6D2);border-radius:10px;background:var(--cs-white,#FFF);color:var(--cs-near-black,var(--cs-ink,#0A1E29));font:500 15px var(--cs-font-sans,Inter,sans-serif)}
.cs-price-calculator input:focus,.cs-price-calculator select:focus{outline:3px solid rgba(8,145,166,.22);outline-offset:1px;border-color:var(--cs-teal,#077A8C)}
.cs-price-calculator-hint{font-size:12px;font-weight:400;color:var(--cs-gray-500,var(--cs-gray,#6B6B80))}
.cs-price-calculator-result{margin-top:24px;padding:22px 24px;background:var(--cs-teal-50,#ECF7F9);border:1px solid var(--cs-teal-100,#CFEAEF);border-radius:14px}
.cs-price-calculator-total-label{margin:0;color:var(--cs-gray-700,var(--cs-slate,#3A3A4E));font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}
.cs-price-calculator-total{margin:3px 0 12px;color:var(--cs-teal,#077A8C);font:700 42px/1.1 var(--cs-font-display,Inter,sans-serif);letter-spacing:-1px}
.cs-price-calculator-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 24px;margin:0;color:var(--cs-gray-700,var(--cs-slate,#3A3A4E));font-size:13px}
.cs-price-calculator-breakdown div{display:flex;justify-content:space-between;gap:16px;border-top:1px solid rgba(8,145,166,.14);padding-top:7px}
.cs-price-calculator-breakdown dt{font-weight:500}.cs-price-calculator-breakdown dd{margin:0;font-weight:700;color:var(--cs-near-black,var(--cs-ink,#0A1E29))}
.cs-price-calculator-footnote{margin:14px 0 0;font-size:12px;line-height:1.5;color:var(--cs-gray-500,var(--cs-gray,#6B6B80))}
@media(max-width:600px){.cs-price-calculator{padding:24px 18px}.cs-price-calculator-grid,.cs-price-calculator-breakdown{grid-template-columns:1fr}.cs-price-calculator-total{font-size:36px}}

/* URL-first calculator (pricing-url-calculator.js) */
.cs-urlcalc{display:grid;gap:20px}
.cs-urlcalc-hosts{border:1px solid var(--cs-gray-100);border-radius:12px;padding:12px 14px;margin:0}
.cs-urlcalc-hosts legend{font-weight:700;padding:0 4px}
.cs-urlcalc-host-group{display:grid;gap:6px;margin-top:8px}
.cs-urlcalc-host-root{margin:0;font-weight:600}
.cs-price-calculator .cs-urlcalc-host-option{display:flex;flex-direction:row;gap:8px;align-items:center;font-weight:500}
.cs-urlcalc textarea{width:100%;min-height:72px;padding:12px;border:1px solid var(--cs-gray-100);border-radius:12px;font:inherit}
.cs-urlcalc-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.cs-urlcalc-status{min-height:1.5em;color:var(--cs-gray-700)}
.cs-urlcalc-estimates{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.cs-urlcalc-estimate{display:grid;gap:4px;padding:14px;border:1px solid var(--cs-gray-100);border-radius:12px}
.cs-urlcalc-range{font-size:1.25rem;font-weight:700}
/* Confidence chips: existing tokens only. Token colour carries the border + tint;
   label text stays --cs-gray-900 on a light tint so contrast is >= 4.5:1 and the
   text label (not colour) is the primary signal. */
.cs-urlcalc-confidence{display:inline-flex;align-items:center;width:max-content;padding:2px 10px;border-radius:var(--cs-radius-full,9999px);border:1px solid;font-size:.8125rem;font-weight:700;color:var(--cs-gray-900)}
.cs-urlcalc-confidence.is-high{border-color:var(--cs-success);background:color-mix(in srgb,var(--cs-success) 14%,#fff)}
.cs-urlcalc-confidence.is-medium{border-color:var(--cs-amber,#F5A800);background:color-mix(in srgb,var(--cs-amber,#F5A800) 16%,#fff)}
.cs-urlcalc-confidence.is-low{border-color:var(--cs-gray-300);background:var(--cs-gray-50)}
.cs-urlcalc-noestimate{color:var(--cs-gray-700);font-size:.875rem}
.cs-urlcalc-plans,.cs-urlcalc-report-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:640px){.cs-urlcalc-plans,.cs-urlcalc-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639.98px){.cs-urlcalc-ctas{flex-direction:column;align-items:stretch}.cs-urlcalc-ctas .btn{width:100%;justify-content:center;text-align:center}}
.cs-urlcalc [data-urlcalc-results-heading]:focus{outline:2px solid var(--cs-teal-bright,#0891A6);outline-offset:2px}
.cs-urlcalc-plan,.cs-urlcalc-op{padding:16px;border:1px solid var(--cs-gray-100);border-radius:14px;background:var(--cs-white)}
.cs-urlcalc-plan-price{font-size:1.5rem;font-weight:800;margin:4px 0}
.cs-urlcalc-plan-note,.cs-urlcalc-report-meta{color:var(--cs-gray-700);font-size:.875rem}
.cs-urlcalc-lead{display:grid;gap:10px;max-width:480px}
.cs-urlcalc-lead .cs-hp{position:absolute;left:-9999px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.cs-urlcalc-reco{font-weight:700;margin:4px 0 12px}
.cs-urlcalc-qsection{border:1px solid var(--cs-gray-100);border-radius:14px;padding:16px;margin:12px 0;background:var(--cs-white)}
.cs-urlcalc-qsection h4{margin:0}
.cs-urlcalc-qline{display:grid;gap:2px;padding:8px 0;border-bottom:1px solid var(--cs-gray-100)}
.cs-urlcalc-qlabel{font-weight:600}
.cs-urlcalc-qdesc{color:var(--cs-gray-700);font-size:.875rem}
.cs-urlcalc-subtotal{font-weight:700;margin:8px 0 0}
.cs-urlcalc-overage-total{font-size:1.25rem;font-weight:800}
.cs-urlcalc-advanced{margin:16px 0}
.cs-urlcalc-advanced>summary{cursor:pointer;font-weight:700}
.cs-urlcalc-field{display:grid;gap:6px;margin:12px 0}
.cs-urlcalc-field input[type=range]{width:100%}
.cs-urlcalc-field-error{color:var(--cs-error,#b42318);font-size:.875rem;min-height:1em;margin:0}

/* DS&UX review 2afd0f49 */
.cs-urlcalc-lead label:has(input[type=checkbox]){flex-direction:row;align-items:center;gap:8px;font-weight:500}
.cs-price-calculator input[type=radio],.cs-price-calculator input[type=checkbox]{width:20px;height:20px;accent-color:var(--cs-teal,#077A8C)}
.cs-urlcalc-addons{list-style:none;padding:0;display:grid;gap:6px}
.cs-urlcalc h3{font-size:20px}
/* DS&UX re-review a9964b86 */
.cs-urlcalc-ctas{margin:16px 0 24px}
.cs-urlcalc-lead{margin-top:8px}
.cs-urlcalc-field input[type=range]{accent-color:var(--cs-teal,#077A8C)}
.cs-urlcalc textarea:focus{outline:3px solid rgba(8,145,166,.22);outline-offset:1px;border-color:var(--cs-teal,#077A8C)}