#cf-savings { --cs-bg:var(--color-bg); --cs-bg2:var(--color-bg-2); --cs-surface:var(--color-surface); --cs-text:var(--color-text); --cs-dim:var(--color-text-dim); --cs-blue:var(--color-brand); --cs-blue2:var(--color-brand-2); --cs-amber:var(--color-amber); --cs-line:var(--color-border-strong); --cs-percent:0%; color-scheme:dark; font:400 14px/1.5 Inter,system-ui,sans-serif; color:var(--cs-text); width:100%; background:transparent; }
#cf-savings * { box-sizing:border-box; }
#cf-savings .cs-savings-title,#cf-savings h2,#cf-savings h3,#cf-savings p { margin:0; }
#cf-savings button,#cf-savings input { font:inherit; }
#cf-savings button { color:inherit; }
#cf-savings button,#cf-savings a { -webkit-tap-highlight-color:transparent; }
#cf-savings [hidden] { display:none!important; }
#cf-savings .cs-page { max-width:1440px; margin:auto; background:var(--cs-bg); container:cs / inline-size; position:relative; isolation:isolate; }
#cf-savings[data-screen="mobile"] .cs-page { max-width:390px; }
#cf-savings .cs-nav { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 4.6%; border-bottom:1px solid color-mix(in srgb, var(--color-brand-2) 5.1%, transparent); }
#cf-savings .cs-brand { display:flex; align-items:center; gap:14px; }
#cf-savings .cs-brand img { display:block; width:auto; height:30px; }
#cf-savings .cs-brand small { display:block; font:400 10px/1.35 Inter,sans-serif; letter-spacing:.4px; color:var(--cs-dim); border-left:1px solid var(--cs-line); padding-left:14px; max-width:130px; }
#cf-savings .cs-navlinks { display:flex; align-items:center; gap:24px; }
#cf-savings .cs-navlink { color:var(--cs-dim); border:0; background:transparent; padding:10px 0; font-size:12px; min-height:44px; }
#cf-savings .cs-navcta { border:1px solid color-mix(in srgb, var(--color-brand-2) 25.1%, transparent); border-radius:100px; background:color-mix(in srgb, var(--color-brand) 8.2%, transparent); color:var(--cs-blue2); padding:11px 18px; min-height:44px; font-size:12px; font-weight:600; white-space:nowrap; }
#cf-savings .cs-hero { padding:60px 4.6% 40px; position:relative; background:radial-gradient(ellipse at 68% 27%,color-mix(in srgb, var(--color-brand-deep) 14.9%, transparent),transparent 60%); }
#cf-savings .cs-hero::before { content:''; position:absolute; inset:0; z-index:-1; opacity:.25; background-image:radial-gradient(color-mix(in srgb, var(--color-brand-2) 33.3%, transparent) .8px,transparent .8px); background-size:22px 22px; mask-image:linear-gradient(90deg,transparent 20%,#000 80%); }
#cf-savings .cs-hero-grid { display:grid; grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); gap:4.5%; align-items:center; }
#cf-savings .cs-eyebrow { display:flex; align-items:center; gap:9px; color:var(--cs-blue2); font-size:11px; letter-spacing:.9px; font-weight:500; }
#cf-savings .cs-eyebrow .cs-light { width:6px; height:6px; border-radius:50%; background:var(--cs-blue2); box-shadow:0 0 14px color-mix(in srgb, var(--color-brand) 60.0%, transparent); flex:none; }
#cf-savings .cs-savings-title { font:700 clamp(46px,6.4cqw,86px)/.99 'Inter Tight',sans-serif; letter-spacing:-.045em; margin:27px 0 25px; }
#cf-savings .cs-savings-title .cs-gradient { display:block; color:var(--cs-blue2); background:linear-gradient(110deg,var(--color-text),var(--color-brand) 82%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
#cf-savings .cs-savings-title .cs-lastline { display:block; }
#cf-savings .cs-savings-title sup { font-size:.4em; vertical-align:super; padding-left:3px; }
#cf-savings .cs-intro { color:var(--cs-dim); font-size:14px; line-height:1.85; max-width:355px; }
#cf-savings .cs-intro strong { font-weight:500; color:var(--cs-text); }
#cf-savings .cs-free { margin-top:25px; display:flex; gap:13px; align-items:center; }
#cf-savings .cs-free-icon { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; flex:none; background:color-mix(in srgb, var(--color-brand) 8.2%, transparent); color:var(--cs-blue2); }
#cf-savings .cs-free strong { font-size:12px; font-weight:600; }
#cf-savings .cs-free span { display:block; font-size:11px; color:var(--cs-dim); margin-top:3px; }
#cf-savings .cs-terms { color:var(--cs-dim); font-size:11px; line-height:1.65; margin-top:24px; max-width:360px; }
#cf-savings .cs-calc { min-width:0; border:1px solid color-mix(in srgb, var(--color-brand-2) 23.9%, transparent); border-radius:24px; padding:25px; background:linear-gradient(155deg,var(--color-surface),var(--color-bg-2) 67%); box-shadow:0 24px 80px -32px #000a,0 0 65px -35px color-mix(in srgb, var(--color-brand) 50.2%, transparent),inset 0 1px 0 color-mix(in srgb, var(--color-brand-2) 8.2%, transparent); position:relative; }
#cf-savings .cs-calc-top { display:flex; gap:16px; justify-content:space-between; align-items:center; margin-bottom:24px; }
#cf-savings .cs-calc-top h2 { font:600 20px/1.15 'Inter Tight',sans-serif; letter-spacing:-.4px; }
#cf-savings .cs-badge { color:var(--cs-amber); font-size:11px; font-weight:600; padding:5px 9px; border-radius:7px; background:color-mix(in srgb, var(--color-amber) 7.1%, transparent); white-space:nowrap; }
#cf-savings .cs-spend-label { display:block; color:var(--cs-dim); font-size:12px; margin-bottom:9px; }
#cf-savings .cs-spend-entry { display:flex; align-items:center; gap:10px; }
#cf-savings .cs-input-shell { display:flex; align-items:center; flex:1; min-width:0; border-bottom:1px solid color-mix(in srgb, var(--color-brand-2) 31.4%, transparent); padding:0 0 6px; }
#cf-savings .cs-currency { font:600 31px/1 'Inter Tight',sans-serif; color:var(--cs-dim); }
#cf-savings .cs-amount { width:100%; min-width:0; font-family:'Inter Tight',sans-serif; font-size:34px; line-height:1.2; font-weight:600; letter-spacing:-1.2px; color:var(--cs-text); border:0; border-radius:4px; background:transparent; padding:5px 7px; font-variant-numeric:tabular-nums; }
#cf-savings .cs-per-month { font-size:11px; white-space:nowrap; color:var(--cs-dim); }
#cf-savings .cs-range { display:block; width:100%; height:44px; appearance:none; -webkit-appearance:none; background:transparent; margin:12px 0 0; touch-action:pan-y; }
#cf-savings .cs-range::-webkit-slider-runnable-track { height:6px; border-radius:9px; background:linear-gradient(to right,var(--cs-blue) 0 var(--cs-percent),var(--color-surface-2) var(--cs-percent) 100%); }
#cf-savings .cs-range::-webkit-slider-thumb { -webkit-appearance:none; width:25px; height:25px; border:5px solid var(--color-text); background:var(--cs-blue); border-radius:50%; margin-top:-9.5px; box-shadow:0 0 0 6px color-mix(in srgb, var(--color-brand) 10.6%, transparent),0 0 20px color-mix(in srgb, var(--color-brand) 37.6%, transparent); }
#cf-savings .cs-range::-moz-range-track { height:6px; border-radius:9px; background:var(--color-surface-2); }
#cf-savings .cs-range::-moz-range-progress { height:6px; border-radius:9px; background:var(--cs-blue); }
#cf-savings .cs-range::-moz-range-thumb { width:15px; height:15px; border:5px solid var(--color-text); background:var(--cs-blue); border-radius:50%; box-shadow:0 0 0 6px color-mix(in srgb, var(--color-brand) 10.6%, transparent); }
#cf-savings .cs-range-ends { display:flex; justify-content:space-between; color:var(--color-text-dim); font-size:11px; }
#cf-savings .cs-presets { display:flex; gap:7px; margin:15px 0 23px; }
#cf-savings .cs-preset { flex:1; min-width:0; min-height:38px; border:1px solid color-mix(in srgb, var(--color-brand-2) 14.1%, transparent); background:color-mix(in srgb, var(--color-brand-2) 2.0%, transparent); padding:7px 8px; border-radius:8px; font-size:11px; color:var(--cs-dim); font-variant-numeric:tabular-nums; }
#cf-savings .cs-preset[aria-pressed="true"] { background:color-mix(in srgb, var(--color-brand) 13.3%, transparent); color:var(--color-text); border-color:color-mix(in srgb, var(--color-brand-2) 45.9%, transparent); }
#cf-savings .cs-comparison { padding-top:21px; border-top:1px solid var(--cs-line); }
#cf-savings .cs-comparison-heading { display:flex; align-items:baseline; justify-content:space-between; gap:10px; font-size:11px; color:var(--cs-dim); margin-bottom:11px; }
#cf-savings .cs-comparison-heading strong { font-size:14px; font-weight:600; color:var(--cs-text); font-variant-numeric:tabular-nums; }
#cf-savings .cs-bill { display:flex; width:100%; height:12px; gap:4px; }
#cf-savings .cs-bill-cost { width:75%; height:100%; background:linear-gradient(90deg,var(--color-brand-deep),var(--color-brand-2)); border-radius:4px 0 0 4px; }
#cf-savings .cs-bill-saving { width:25%; height:100%; background:var(--cs-amber); border-radius:0 4px 4px 0; }
#cf-savings .cs-legend { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:12px 0 22px; }
#cf-savings .cs-legend div:last-child { text-align:right; }
#cf-savings .cs-legend-label { font-size:11px; color:var(--cs-dim); margin-bottom:5px; display:flex; gap:6px; align-items:center; }
#cf-savings .cs-legend div:last-child .cs-legend-label { justify-content:end; }
#cf-savings .cs-swatch { width:6px; height:6px; border-radius:2px; background:var(--cs-blue2); flex:none; }
#cf-savings .cs-swatch-saving { background:var(--cs-amber); }
#cf-savings .cs-legend-value { font:600 20px/1.1 'Inter Tight',sans-serif; font-variant-numeric:tabular-nums; letter-spacing:-.4px; }
#cf-savings .cs-legend-value span { font:400 10px/1 Inter,sans-serif; color:var(--cs-dim); letter-spacing:0; }
#cf-savings .cs-annual { border-radius:14px; background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb, var(--color-amber) 9.0%, transparent),transparent 70%),var(--color-bg); padding:18px 20px; border:1px solid color-mix(in srgb, var(--color-amber) 17.3%, transparent); }
#cf-savings .cs-annual-label { font-size:11px; color:var(--color-amber); display:flex; align-items:center; gap:7px; }
#cf-savings .cs-annual-label svg { width:14px; height:14px; }
#cf-savings .cs-annual-amount { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; margin:5px 0 0; }
#cf-savings .cs-annual-amount strong { font:600 clamp(37px,4.8cqw,66px)/1.16 'Inter Tight',sans-serif; color:var(--cs-amber); letter-spacing:-1.7px; font-variant-numeric:tabular-nums; }
#cf-savings .cs-annual-amount span { font-size:12px; color:var(--cs-dim); }
#cf-savings .cs-annual-note { margin-top:3px; font-size:11px; color:var(--cs-dim); }
#cf-savings .cs-primary { display:flex; align-items:center; justify-content:center; gap:12px; border:0; border-radius:12px; background:linear-gradient(125deg,var(--color-brand-2),var(--color-brand)); color:#061329; min-height:51px; padding:15px 16px; font-size:13px; font-weight:700; box-shadow:0 8px 26px -12px color-mix(in srgb, var(--color-brand) 69.0%, transparent); transition:transform .2s,box-shadow .2s; }
#cf-savings .cs-primary:hover { transform:translateY(-2px); box-shadow:0 13px 26px -10px color-mix(in srgb, var(--color-brand) 69.0%, transparent); }
#cf-savings .cs-primary svg { width:17px; height:17px; flex:none; }
#cf-savings .cs-calc .cs-primary { width:100%; margin-top:19px; }
#cf-savings .cs-under-cta { margin-top:10px; color:var(--cs-dim); font-size:11px; text-align:center; }
#cf-savings .cs-calc-note { font-size:10px; line-height:1.6; color:var(--color-text-dim); margin-top:15px; }
#cf-savings .cs-trust { display:flex; justify-content:center; flex-wrap:wrap; gap:10px 27px; margin-top:35px; color:var(--cs-dim); font-size:11px; }
#cf-savings .cs-trust span { display:flex; align-items:center; gap:7px; }
#cf-savings .cs-trust svg { width:14px; height:14px; color:var(--cs-blue2); }
#cf-savings .cs-assessment { padding:39px 4.6% 40px; background:linear-gradient(180deg,var(--cs-bg2),var(--cs-bg)); border-top:1px solid color-mix(in srgb, var(--color-brand-2) 7.5%, transparent); }
#cf-savings .cs-assessment-head { display:flex; justify-content:space-between; align-items:end; gap:25px; margin-bottom:26px; }
#cf-savings .cs-section-eyebrow { font-size:12px; font-style:italic; color:var(--cs-blue2); margin-bottom:11px; }
#cf-savings .cs-assessment h2 { font:600 clamp(30px,3.5cqw,43px)/1.06 'Inter Tight',sans-serif; letter-spacing:-1.1px; max-width:480px; }
#cf-savings .cs-assessment-head>p { max-width:300px; color:var(--cs-dim); font-size:12px; line-height:1.75; }
#cf-savings .cs-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
#cf-savings .cs-step { padding:21px; background:color-mix(in srgb,var(--color-surface) 60%,transparent); border-radius:16px; border:1px solid color-mix(in srgb, var(--color-brand-2) 7.8%, transparent); }
#cf-savings .cs-step-number { color:var(--cs-blue2); font-size:11px; letter-spacing:1px; margin-bottom:16px; }
#cf-savings .cs-step h3 { font:600 18px/1.15 'Inter Tight',sans-serif; margin-bottom:10px; letter-spacing:-.3px; }
#cf-savings .cs-step p { color:var(--cs-dim); font-size:12px; line-height:1.75; }
#cf-savings .cs-booking { margin:25px 0 0; border:1px solid color-mix(in srgb, var(--color-brand-2) 25.1%, transparent); border-radius:18px; background:var(--cs-surface); padding:25px; }
#cf-savings .cs-booking-head { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-bottom:15px; }
#cf-savings .cs-booking h3 { font:600 24px/1.1 'Inter Tight',sans-serif; }
#cf-savings .cs-close { border:1px solid var(--cs-line); border-radius:9px; background:color-mix(in srgb, var(--color-brand-2) 3.1%, transparent); display:grid; place-items:center; width:44px; height:44px; flex:none; }
#cf-savings .cs-booking p { font-size:13px; color:var(--cs-dim); line-height:1.7; }
#cf-savings .cs-booking ul { padding-left:20px; font-size:13px; line-height:1.9; margin:17px 0; }
#cf-savings .cs-booking .cs-preview { font-size:11px; padding-top:15px; border-top:1px solid var(--cs-line); }
#cf-savings .cs-bottom { display:flex; gap:20px; align-items:center; justify-content:space-between; margin-top:28px; }
#cf-savings .cs-bottom p { font-size:12px; color:var(--cs-dim); }
#cf-savings .cs-foot { padding:20px 4.6%; border-top:1px solid color-mix(in srgb, var(--color-brand-2) 7.5%, transparent); color:#90a2bd; font-size:10px; display:flex; gap:16px; justify-content:space-between; flex-wrap:wrap; }
#cf-savings .cs-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@container cs (max-width:740px) {
 #cf-savings .cs-nav { padding:18px 6%; gap:12px; }
 #cf-savings .cs-navlinks { display:none; }
 #cf-savings .cs-brand img { height:26px; }
 #cf-savings .cs-brand small { display:none; }
 #cf-savings .cs-navcta { font-size:11px; padding:10px 13px; }
 #cf-savings .cs-hero { padding:30px 6%; }
 #cf-savings .cs-hero-grid { grid-template-columns:1fr; gap:28px; }
 #cf-savings .cs-eyebrow { font-size:10px; letter-spacing:.6px; }
 #cf-savings .cs-savings-title { font-size:clamp(46px,12.6cqw,78px); line-height:1.02; margin:21px 0 17px; }
 #cf-savings .cs-savings-title .cs-lastline { display:inline; }
 #cf-savings .cs-intro { font-size:13px; line-height:1.8; max-width:460px; }
 #cf-savings .cs-free { margin-top:19px; }
 #cf-savings .cs-free-icon { width:35px; height:35px; border-radius:10px; }
 #cf-savings .cs-terms { max-width:100%; margin-top:17px; font-size:11px; }
 #cf-savings .cs-calc { padding:22px; border-radius:20px; }
 #cf-savings .cs-calc-top { margin-bottom:20px; gap:9px; }
 #cf-savings .cs-calc-top h2 { font-size:20px; }
 #cf-savings .cs-badge { padding:5px 7px; font-size:10px; }
 #cf-savings .cs-amount { font-size:34px; }
 #cf-savings .cs-currency { font-size:30px; }
 #cf-savings .cs-preset { min-height:44px; font-size:11px; }
 #cf-savings .cs-presets { margin-bottom:18px; }
 #cf-savings .cs-legend-value { font-size:21px; }
 #cf-savings .cs-legend-label { font-size:10px; }
 #cf-savings .cs-annual { padding:17px; }
 #cf-savings .cs-annual-amount strong { font-size:clamp(33px,10.5cqw,59px); }
 #cf-savings .cs-primary { font-size:12px; padding:15px 12px; gap:8px; }
 #cf-savings .cs-under-cta { font-size:10px; }
 #cf-savings .cs-calc-note { font-size:11px; }
 #cf-savings .cs-trust { justify-content:start; margin-top:25px; gap:12px 17px; font-size:10px; }
 #cf-savings .cs-assessment { padding:32px 6%; }
 #cf-savings .cs-assessment-head { display:block; margin-bottom:23px; }
 #cf-savings .cs-assessment h2 { font-size:33px; }
 #cf-savings .cs-assessment-head>p { margin-top:15px; max-width:450px; }
 #cf-savings .cs-steps { grid-template-columns:1fr; gap:12px; }
 #cf-savings .cs-step { padding:20px; display:grid; grid-template-columns:24px 1fr; column-gap:13px; }
 #cf-savings .cs-step-number { grid-row:span 2; padding-top:3px; }
 #cf-savings .cs-step h3 { font-size:18px; margin-bottom:7px; }
 #cf-savings .cs-step p { font-size:12px; }
 #cf-savings .cs-bottom { display:block; }
 #cf-savings .cs-bottom .cs-primary { margin-top:17px; width:100%; }
 #cf-savings .cs-booking { padding:20px; }
 #cf-savings .cs-booking h3 { font-size:22px; }
 #cf-savings .cs-foot { padding:19px 6%; }
}
@container cs (max-width:355px) {
 #cf-savings .cs-calc { padding:17px; }
 #cf-savings .cs-calc-top h2 { font-size:18px; }
 #cf-savings .cs-annual { padding:15px; }
 #cf-savings .cs-legend-value { font-size:19px; }
 #cf-savings .cs-legend-value span { display:block; margin-top:4px; }
 #cf-savings .cs-badge { padding:4px 6px; }
}
@media (prefers-reduced-motion:reduce) { #cf-savings * { transition:none!important; scroll-behavior:auto!important; } }