.ee-deductible-preview {
    --ee-green: #00ff3c;
    --ee-orange: #ffad1f;
    --ee-line: rgba(255, 255, 255, 0.14);
    max-width: 1180px;
    margin: 3rem auto;
    padding: clamp(1rem, 3vw, 2rem);
    color: #f7f8f7;
    background: radial-gradient(circle at 86% 0, rgba(0,255,60,.12), transparent 23rem), #080b09;
    border: 1px solid rgba(0,255,60,.28);
    border-radius: 1.5rem;
    box-shadow: 0 22px 55px rgba(0,0,0,.3);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.ee-deductible-preview * { box-sizing: border-box; }
.ee-deductible-preview__header { display: grid; grid-template-columns: 1fr auto; gap: 1.5rem; align-items: end; }
.ee-deductible-preview__eyebrow { margin: 0 0 .35rem; color: var(--ee-green); font-size: .72rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.ee-deductible-preview h2 { margin: 0; color: #fff; font-size: clamp(1.8rem, 4vw, 3.3rem); line-height: .96; letter-spacing: -.04em; }
.ee-deductible-preview__intro { max-width: 40rem; margin: .75rem 0 0; color: #bac1bc; }
.ee-deductible-preview__link { color: var(--ee-green); font-weight: 850; white-space: nowrap; }
.ee-deductible-preview__tool { display: grid; grid-template-columns: minmax(0, 1fr) minmax(17rem, .72fr); gap: 1rem; margin-top: 1.35rem; }
.ee-deductible-preview__controls,
.ee-deductible-preview__result { padding: 1rem; border: 1px solid var(--ee-line); border-radius: 1rem; background: rgba(0,0,0,.3); }
.ee-deductible-preview__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.ee-deductible-preview label { display: grid; gap: .35rem; color: #cbd0cc; font-size: .76rem; font-weight: 800; }
.ee-deductible-preview input[type="text"] { width: 100%; min-height: 2.8rem; padding: 0 .75rem; color: #fff; background: #050706; border: 1px solid #3a403b; border-radius: .65rem; font-weight: 800; }
.ee-deductible-preview input[type="range"] { width: 100%; min-height: 2.3rem; accent-color: var(--ee-green); cursor: ew-resize; }
.ee-deductible-preview__slider { margin-top: .85rem; }
.ee-deductible-preview__slider-head { display: flex; justify-content: space-between; gap: 1rem; }
.ee-deductible-preview__slider-head strong { color: var(--ee-green); }
.ee-deductible-preview__visual { display: grid; grid-template-columns: 8.4rem 1fr; gap: 1rem; align-items: center; }
.ee-deductible-preview__donut { position: relative; width: 8.4rem; aspect-ratio: 1; border-radius: 50%; background: conic-gradient(var(--ee-orange) 0 var(--ee-deductible-angle), var(--ee-green) var(--ee-deductible-angle) var(--ee-insurer-angle), #333833 var(--ee-insurer-angle)); transition: background .35s ease, transform .35s ease; }
.ee-deductible-preview__donut::after { content: ""; position: absolute; inset: 1.15rem; border-radius: 50%; background: #090c0a; }
.ee-deductible-preview__donut-center { position: absolute; z-index: 1; inset: 26%; display: grid; place-content: center; text-align: center; }
.ee-deductible-preview__donut-center span { color: #aeb4af; font-size: .55rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.ee-deductible-preview__donut-center strong { color: #fff; font-size: 1rem; white-space: nowrap; }
.ee-deductible-preview__pay-label { color: #d9c08d; font-size: .7rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.ee-deductible-preview__pay { display: block; color: var(--ee-orange); font-size: clamp(2rem, 5vw, 3.4rem); line-height: 1; letter-spacing: -.045em; }
.ee-deductible-preview__breakdown { margin: .45rem 0 0; color: #bcc2bd; font-size: .82rem; }
.ee-deductible-preview__note { margin: .85rem 0 0; color: #8f9690; font-size: .72rem; }
@media (max-width: 720px) {
    .ee-deductible-preview { margin: 2rem .55rem; padding: 1rem; border-radius: 1.15rem; }
    .ee-deductible-preview__header, .ee-deductible-preview__tool { grid-template-columns: 1fr; }
    .ee-deductible-preview__header { gap: .8rem; }
    .ee-deductible-preview__link { white-space: normal; }
    .ee-deductible-preview__visual { grid-template-columns: 7.3rem 1fr; }
    .ee-deductible-preview__donut { width: 7.3rem; }
}
@media (prefers-reduced-motion: reduce) {
    .ee-deductible-preview__donut { transition: none; }
}