/* A single changing scene, with all four maximum rates always visible. */
.rates{padding:96px 0 82px;background:linear-gradient(180deg,#fef4f6,#fdf1f2 65%,#fefafa);overflow:hidden}
.rates-heading .section-index{font-size:14px;letter-spacing:.035em;margin-bottom:17px}
.rates-heading h2{font-size:clamp(36px,3.9vw,56px);line-height:1.23;margin:0}
.rates-heading h2 span{color:#685860}
.rate-scene{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:405px;margin:24px 0 27px}
.rate-copy{position:relative;z-index:1}
.rate-copy h3{font-size:28px;line-height:1.3;margin:0 0 16px;letter-spacing:-.05em}
.rate-caption{font-size:16px;color:#685860;margin:0 0 3px;line-height:1.4}
.rate-number{display:flex;align-items:baseline;gap:7px;color:var(--deep);font-size:clamp(112px,12vw,172px);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.08em;line-height:1.05;margin:0 0 17px;white-space:nowrap}
.rate-percent{font-size:.46em;letter-spacing:-.04em}
.rate-description{font-size:17px;color:#685860;margin:0 0 20px;line-height:1.6}
.rate-detail{display:inline-flex;align-items:center;gap:18px;font-size:15px;font-weight:700;color:var(--deep);padding:6px 0}
.rate-detail span{transition:transform .25s var(--ease)}
.rate-detail:hover span{transform:translate(3px,-3px)}
.rate-art{position:relative;isolation:isolate;display:grid;place-items:center;height:405px}
.rate-art-glow{position:absolute;z-index:-1;width:88%;height:80%;border-radius:50%;background:radial-gradient(ellipse,rgba(151,44,65,.25),rgba(151,44,65,.12) 48%,transparent 72%)}
.rate-art img{grid-area:1 / 1;width:min(100%,440px);max-height:405px;object-fit:contain;filter:drop-shadow(0 24px 20px rgba(151,44,65,.1));pointer-events:none;opacity:0;transform:translate(12px,7px) scale(.985);transition:opacity .6s ease,transform .7s var(--ease)}
.rate-art img.is-active{opacity:1;transform:translate(0,0) scale(1)}
.rate-art img[hidden]{display:none}
.rate-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.rate-option{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;align-items:flex-start;text-align:left;min-height:122px;padding:22px 25px 20px;border:1px solid #efcfd3;border-radius:16px;background:rgba(255,255,255,.48);color:var(--ink);transition:background .25s,border-color .25s,box-shadow .25s}
.rate-option-name{font-size:18px;font-weight:700;letter-spacing:-.035em;line-height:1.25}
.rate-option-value{display:flex;align-items:baseline;gap:8px;color:var(--deep);line-height:1.1}
.rate-option-value small{font-size:13px;color:#685860}
.rate-option-value strong{font-size:30px;font-variant-numeric:tabular-nums;letter-spacing:-.05em}
.rate-option:hover{background:#fff;border-color:#df9fa7}
.rate-option.is-active{background:#fff;border-color:#e27986;box-shadow:0 8px 22px rgba(151,44,65,.07)}
.rate-timer{margin-top:24px}
.rate-cycle-gauge{height:5px;border-radius:10px;background:#f2d5d8;overflow:hidden}
.rate-cycle-gauge>span{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c72038,#ef4055);transform:scaleX(var(--rate-progress,0));transform-origin:left}
.rate-cycle-meta{display:flex;justify-content:space-between;gap:20px;color:#685860;font-size:13px;line-height:1.4;margin:11px 0 0}
.rate-cycle-meta>span:last-child{font-variant-numeric:tabular-nums;letter-spacing:.02em}
.rate-note{font-size:13px;color:#685860;margin:19px 0 0;line-height:1.65}
.rate-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:721px) and (max-width:1100px){.rate-scene{gap:25px;min-height:340px}.rate-art{height:340px}.rate-art img{max-height:340px}.rate-option{padding:22px 18px}.rate-option-name{font-size:17px}}
@media(max-width:720px){.rates{padding:63px 0 58px}.rates-heading .section-index{font-size:13px;margin-bottom:15px}.rates-heading h2{font-size:clamp(30px,8.1vw,40px)}.rate-scene{grid-template-columns:minmax(0,1fr) 45%;gap:0;min-height:0;margin:30px 0 27px;align-items:start}.rate-copy h3{font-size:22px;margin-bottom:14px;white-space:nowrap}.rate-caption{font-size:14px}.rate-number{font-size:clamp(95px,27vw,130px);gap:4px;margin-bottom:0;line-height:1.1}.rate-art{height:195px;align-self:start;margin-top:18px}.rate-art img{width:117%;max-width:none;max-height:208px}.rate-description{font-size:14px;width:181%;margin:18px 0 12px;min-height:23px}.rate-detail{font-size:14px;white-space:nowrap;gap:10px}.rate-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rate-option{padding:18px 17px;min-height:106px;gap:10px;border-radius:13px}.rate-option-name{font-size:17px}.rate-option-value strong{font-size:29px}.rate-note{font-size:12px;max-width:300px;margin-top:17px}}
@media(prefers-reduced-motion:reduce){.rate-option,.rate-detail span,.rate-art img{transition:none}.rate-art img{transform:none}.rate-timer{display:none}}