.comparison-section{padding-top:30px}.comparison-section .section-title{max-width:900px;margin:0 auto 44px}.section-title .comparison-kicker{color:#ffb16e;text-transform:uppercase;font-size:11px;letter-spacing:.18em;margin:0 0 24px}.comparison-section h2{font-size:clamp(30px,3.5vw,44px)}
.credit-comparison{position:relative;isolation:isolate;height:530px;border:1px solid #ffc59445;border-radius:28px;overflow:hidden;background:#171311}
.comparison-layer{position:absolute;inset:0;display:flex;align-items:center;padding:48px;pointer-events:none}
.comparison-before{background:linear-gradient(120deg,#131315,#241b18);clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.comparison-after{justify-content:flex-end;background:linear-gradient(120deg,#703315,#241710);clip-path:inset(0 0 0 var(--split))}
.comparison-copy{width:43%;max-width:460px}.comparison-copy h3{display:inline-block;border:1px solid #ffffff26;background:#ffffff08;border-radius:22px;padding:9px 13px;text-transform:uppercase;letter-spacing:.09em;font-size:10px;line-height:1.4;font-weight:600;color:#d2c6bf}
.comparison-after h3{color:#29150a;background:#ffac5b;border-color:#ffac5b}
.comparison-copy ul{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:17px}.comparison-copy li{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;color:#e5dcd5}.comparison-copy li>span{flex:none;font-size:14px}.comparison-after li{color:#fff0e3}.comparison-after li>span{color:#ffb879}
.comparison-divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;transform:translateX(-50%);background:#ffad60;pointer-events:none;z-index:3}.comparison-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:#ff9b3d;box-shadow:0 0 28px #ff7d0040;display:grid;place-items:center;color:#241307;font-size:25px}
.comparison-range{position:absolute;inset:0;z-index:4;width:100%!important;height:100%;margin:0!important;padding:0!important;opacity:0;cursor:ew-resize;touch-action:pan-y}
.credit-comparison:focus-within{outline:2px solid #ffbf85;outline-offset:5px}.comparison-hint{text-align:center;font-size:11px;color:#d9bca7;margin-top:15px}.comparison-ending{text-align:center;max-width:760px;margin:44px auto 0}.comparison-ending h3{font-size:clamp(22px,2.4vw,30px);color:#fff}.comparison-ending p{color:#eadbd0;font-size:15px;line-height:1.7;margin-top:18px}
@media(max-width:700px){.credit-comparison{height:640px;border-radius:20px}.comparison-layer{padding:26px 23px}.comparison-copy{width:100%;max-width:none}.comparison-after{align-items:center}.comparison-copy h3{font-size:10px}.comparison-copy li{font-size:14px;line-height:1.6}.comparison-copy ul{gap:20px}.comparison-section .section-title{margin-bottom:30px}.comparison-ending{margin-top:32px}.comparison-ending p{font-size:14px}}