.cc-hero{padding-block:clamp(20px,3svh,28px) clamp(28px,4svh,40px)}.cc-hero-head{display:grid;gap:10px;margin-bottom:clamp(16px,2.4svh,22px)}.cc-hero h1{margin:0;font-size:var(--hp-h1-split);font-weight:400;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}.cc-hero h1 span{color:var(--hp-primary)}.cc-hero-head>p{font-size:17px;line-height:1.5;color:var(--hp-muted)}.cc-hero-head>p.hp-eyebrow{font-size:11px;line-height:1.5;color:var(--hp-primary)}.cc-note{margin-top:10px}.cc-note a{color:var(--hp-ink);text-decoration:underline;text-underline-offset:3px}.cc-page .cc-tool{--cc-step: 38px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(14px,1.4vw,20px);padding:clamp(14px,1.5vw,22px);border-radius:28px}.cc-inputs,.cc-output{min-width:0;border-radius:24px;background:#fff;box-shadow:0 24px 48px -28px #0c0a0947}.cc-inputs{display:grid;align-content:space-between;gap:2px;padding:clamp(10px,1.2vw,16px) clamp(18px,2vw,28px)}.cc-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;min-height:calc(var(--cc-step) + 12px);padding-block:2px;font-size:15px;font-weight:500}.cc-field label small{display:block;margin-top:2px;font-size:12px;font-weight:400;color:var(--hp-muted)}.cc-stepper{display:inline-flex;flex-shrink:0;align-items:center;gap:2px;padding:3px;border:1px solid var(--hp-border-strong);border-radius:999px}.cc-stepper button{display:grid;place-items:center;width:var(--cc-step);height:var(--cc-step);border-radius:50%;background:var(--hp-surface);color:var(--hp-ink);transition:background .16s}.cc-stepper button:hover:not(:disabled){background:var(--hp-surface-strong)}.cc-stepper button:disabled{color:var(--hp-border-strong);cursor:default}.cc-stepper input{width:72px;border:0;background:transparent;color:var(--hp-primary);font-size:20px;font-weight:500;letter-spacing:-.02em;text-align:center;font-variant-numeric:tabular-nums}.cc-stepper input:focus-visible{outline:none}.cc-stepper:has(input:focus-visible){border-color:var(--hp-primary);outline:2px solid var(--hp-primary);outline-offset:2px}.cc-field.has-slider{row-gap:4px}.cc-slider{grid-column:1 / -1;width:100%;height:24px;margin:0;background:transparent;appearance:none;cursor:pointer}.cc-slider::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--hp-primary) var(--p),var(--hp-surface-strong) var(--p))}.cc-slider::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--hp-primary) var(--p),var(--hp-surface-strong) var(--p))}.cc-slider::-webkit-slider-thumb{width:22px;height:22px;margin-top:-8px;border:3px solid var(--hp-primary);border-radius:50%;background:#fff;appearance:none}.cc-slider::-moz-range-thumb{width:16px;height:16px;border:3px solid var(--hp-primary);border-radius:50%;background:#fff}.cc-slider:focus-visible{outline:2px solid var(--hp-primary);outline-offset:4px;border-radius:999px}.cc-segmented{display:inline-flex;flex-shrink:0;gap:2px;padding:3px;border-radius:999px;background:var(--hp-surface)}.cc-segmented button{min-height:calc(var(--cc-step) - 4px);padding:4px 16px;border-radius:999px;font-size:14px;color:var(--hp-muted);transition:background .16s,color .16s}.cc-segmented button:hover:not([aria-checked=true]){background:var(--hp-surface-strong);color:var(--hp-ink)}.cc-segmented button[aria-checked=true]{background:var(--hp-primary);color:#fff}.cc-output{display:grid;align-content:space-between;gap:12px;padding:clamp(14px,1.6vw,22px)}.cc-results{display:grid;gap:10px}.cc-quote{display:grid;gap:6px}.cc-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:max-content;min-height:54px;padding:6px 20px 6px 6px;border-radius:999px;background:var(--hp-surface)}.cc-bar.is-best{background:var(--hp-accent);color:var(--hp-accent-ink)}.cc-bar-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--hp-ink)}.cc-bar.is-best .cc-bar-icon{background:var(--hp-primary);color:var(--hp-accent)}.cc-bar-label{overflow:hidden;font-size:16px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.cc-bar b{font-size:clamp(22px,2vw,26px);font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}.cc-quote ul{display:grid;gap:3px;margin:0;padding:0 10px;list-style:none}.cc-quote li{display:flex;justify-content:space-between;gap:16px;font-size:13px;line-height:1.45;color:var(--hp-muted)}.cc-quote li span:last-child{flex-shrink:0;font-variant-numeric:tabular-nums;color:var(--hp-ink)}.cc-difference{padding:12px 10px 0;border-top:1px solid var(--hp-border);font-size:15px;color:var(--hp-muted)}.cc-difference b{font-weight:500;color:var(--hp-primary);font-variant-numeric:tabular-nums}.cc-actions{display:flex;flex-wrap:wrap;gap:10px}.cc-actions .hp-button{flex:1 1 auto;gap:12px;padding-inline:20px}.cc-email-open,.cc-email-sent{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:8px;font-size:14px;font-weight:500;color:var(--hp-ink)}.cc-email-open:hover{color:var(--hp-primary);text-decoration:underline;text-underline-offset:4px}.cc-email-sent{color:var(--hp-primary)}.cc-email{margin-top:16px;padding:20px;border-radius:20px;background:var(--hp-surface)}.cc-why .kt-problem-media img{height:min(500px,calc(var(--kt-frame) - 170px))}.cc-media-caption{margin-top:10px}.cc-sheet{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(16px,2vw,24px)}.cc-sheet-col{padding:14px 22px;border-radius:16px;background:#fff}.kt-page .cc-sheet-col h3{margin:0 0 6px;font-size:15px;font-weight:500;color:var(--hp-primary)}.cc-sheet-col dl>div{display:grid;grid-template-columns:136px minmax(0,1fr);gap:16px;padding-block:9px;border-top:1px solid var(--hp-border);font-size:14px;line-height:1.45}.cc-sheet-col dl>div:first-child{border-top:0}.cc-sheet-col dt{font-weight:500}.cc-sheet-col dd{color:var(--hp-muted)}.cc-sheet-col .hp-text-link{margin-top:8px}.cc-src{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:4px;font-size:12px}.cc-src a{color:var(--hp-primary);text-decoration:underline;text-decoration-color:color-mix(in oklch,var(--hp-primary) 35%,transparent);text-underline-offset:3px}.cc-src a:hover{text-decoration-color:currentColor}@media(max-width:960px){.cc-page .cc-tool,.cc-sheet{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.cc-page .cc-tool{--cc-step: 44px;padding:10px;border-radius:20px}.cc-sheet{padding:8px}.cc-inputs,.cc-output{border-radius:20px}.cc-inputs{padding-inline:16px}.cc-output{padding:14px}.cc-sheet-col{padding-inline:14px}.cc-sheet-col dl>div{grid-template-columns:minmax(0,1fr);gap:4px}.cc-bar{grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:0;min-width:100%;padding-right:16px}.cc-bar-icon{grid-row:1 / span 2}.cc-bar-label{align-self:end;font-size:14px}.cc-bar b{align-self:start;font-size:22px;line-height:1.15}.cc-actions .hp-button{flex:1 1 100%}.cc-stepper input{width:60px;height:44px;font-size:18px}.cc-segmented button{min-height:44px}.cc-field{padding-block:4px}.cc-quote ul{gap:6px;padding:4px 6px 2px}.cc-quote li{font-size:14px;line-height:1.4}.cc-results{gap:14px}.cc-difference{padding-inline:6px}.cc-why .kt-problem-media img{height:auto;aspect-ratio:4 / 3}.cc-sheet-col dl>div{padding-block:12px;font-size:15px}.cc-src{gap:0 16px;margin-top:2px;font-size:13px}.cc-src a{display:inline-flex;align-items:center;min-height:44px}.cc-note{font-size:13px}}@media(min-width:961px)and (max-height:820px){.cc-hero{padding-block:14px 20px}.cc-page .cc-tool{--cc-step: 36px;padding:16px}.cc-field{min-height:calc(var(--cc-step) + 10px);padding-block:2px}.cc-bar{min-height:50px}.cc-bar-icon{width:38px;height:38px}.cc-output{gap:10px;padding-block:14px}.cc-results{gap:8px}.cc-difference{padding-top:8px}}@media(prefers-reduced-motion:reduce){.cc-stepper button,.cc-segmented button{transition:none}}@media(min-width:961px)and (max-height:740px){.cc-hero-head{gap:6px;margin-bottom:12px}.cc-page .cc-tool{--cc-step: 34px}.cc-note{margin-top:6px}}