.ocs{border:1px solid var(--stroke);background:0 0;border-radius:22px;max-width:460px;margin-top:24px;padding:26px 28px}.ocs--fill{max-width:none;margin-top:0}.ocs__eyebrow{letter-spacing:.07em;text-transform:uppercase;color:var(--brand);margin:0 0 12px;font-size:12px;font-weight:800}.ocs__headline{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 20px;display:flex}.ocs__headline-value{letter-spacing:-.03em;color:var(--color-success);font-variant-numeric:tabular-nums;font-size:max(30px,min(4vw,42px));font-weight:900;line-height:1}.ocs__headline-text{color:var(--body);font-size:16px;font-weight:700}.ocs__control{margin:0 0 18px}.ocs__control-row{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.ocs__control-label{color:var(--body);font-size:13px;font-weight:700}.ocs__control-value{color:var(--ink);font-variant-numeric:tabular-nums;font-size:16px;font-weight:900}.ocs__slider{cursor:pointer;width:100%;height:6px;accent-color:var(--brand)}.ocs__compare{border-top:1px solid var(--stroke);grid-template-columns:1fr 1px 1fr;align-items:center;gap:24px;padding-top:18px;display:grid}.ocs__divider{background:var(--stroke);width:1px;height:60px}.ocs__col{flex-direction:column;gap:4px;min-width:0;display:flex}.ocs__compare>.ocs__col:last-child{text-align:right;align-items:flex-end}.ocs__col-name{letter-spacing:.03em;text-transform:uppercase;color:var(--color-success);font-size:11px;font-weight:800}.ocs__col-name--muted{color:#dc2626}.ocs__col-pay{color:var(--color-success);font-variant-numeric:tabular-nums;font-size:26px;font-weight:900;line-height:1.1}.ocs__col-pay--muted{color:#dc2626}.ocs__col-note{color:var(--color-success);font-size:12.5px;font-weight:800}.ocs__col-note--muted{color:#dc2626;font-weight:700}.ocs__disclosure{color:var(--color-text-tertiary);margin:18px 0 0;font-size:11.5px;line-height:1.5}.ocs__qualitative{border-top:1px solid var(--stroke);margin-top:4px;padding-top:18px}.ocs__qualitative-text{color:var(--body);margin:0;font-size:15px;line-height:1.6}.ocs__qualitative-text strong{color:var(--color-success);font-weight:800}@media (max-width:440px){.ocs__compare{grid-template-columns:1fr;gap:14px}.ocs__divider{display:none}}