.rank-section{background:linear-gradient(#f7f5ef 0%,#f1eee4 100%);border-top:1px solid #e5e6dd;padding:110px 0 120px}.rank-intro{max-width:640px}.rank-intro h2{letter-spacing:-2.8px;margin:21px 0 14px;font-size:48px;line-height:1.08}.rank-intro h2 span{color:#ec5b24}.rank-intro>p{color:#6f7268;max-width:560px;margin:0;font-size:15px;line-height:1.7}.rank-trail{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:54px;display:grid;position:relative}.rank-trail:before{content:"";z-index:0;border-top:2px dashed #e2c9b6;position:absolute;top:34px;left:6%;right:6%}.rank-card{z-index:1;opacity:0;transition:opacity .6s ease var(--d), transform .6s ease var(--d), box-shadow .2s ease;background:#fbfaf6;border:1px solid #e5e6dd;border-radius:12px;flex-direction:column;padding:22px 20px 20px;display:flex;position:relative;transform:translateY(18px)}.rank-trail.play .rank-card{opacity:1;transform:none}.rank-card:hover{box-shadow:0 14px 40px -24px #1e241959}.rank-step{letter-spacing:1.4px;color:#c2410c;background:#fdeee6;border-radius:999px;align-self:flex-start;padding:5px 10px;font-size:10.5px;font-weight:700}.rank-card h3{letter-spacing:-.6px;margin:16px 0 8px;font-size:19px;line-height:1.25}.rank-card>p{color:#74776b;margin:0 0 18px;font-size:13.5px;line-height:1.65}.rank-card-dark{color:#f4f2ea;background:#1e2419;border-color:#1e2419}.rank-card-dark>p{color:#b9bcae}.rank-card-dark .rank-step{color:#b7f47a;background:#b7f47a24}.rk-mock{color:#1e2419;background:#fff;border:1px solid #ece8de;border-radius:9px;margin-top:auto;padding:12px;font-size:12px}.rank-card-dark .rk-mock{color:#f4f2ea;background:#283022;border-color:#343d2d}.rk-mock-h{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.rk-mock-h b{font-size:12.5px}.rk-mock-h i{letter-spacing:1.2px;color:#a4a69b;font-size:9px;font-style:normal}.rk-row{border-top:1px solid #f1eee6;grid-template-columns:18px minmax(0,1fr) 52px 48px;align-items:center;gap:8px;padding:6px 0;display:grid}.rk-row.rk-head{color:#a4a69b;border-top:0;padding-top:0;font-size:10px}.rk-row .q{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rk-row .n{text-align:right;font-variant-numeric:tabular-nums;color:#55584e}.rk-tick{width:15px;height:15px;transition:background .25s ease calc(.7s + var(--i,0) * .26s), border-color .25s ease calc(.7s + var(--i,0) * .26s);border:1.5px solid #cfc8bb;border-radius:4px;place-items:center;display:grid}.rk-tick svg{fill:none;stroke:#fff;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14;stroke-dashoffset:14px;width:11px;height:11px;transition:stroke-dashoffset .3s ease calc(.8s + var(--i,0) * .26s)}.play .rk-tick.on{background:#ec5b24;border-color:#ec5b24}.play .rk-tick.on svg{stroke-dashoffset:0}.rk-btn{text-align:center;color:#fff;background:#ec5b24;border-radius:7px;margin-top:10px;padding:8px;font-size:12px;font-weight:600}.rk-check{background:#f4f8ee;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;display:flex}.rk-check b{color:#4d7a26;margin-left:auto}.rk-dot{background:#83c746;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #83c74633}.rk-link{margin-top:10px}.rk-link small{letter-spacing:.6px;color:#a4a69b;text-transform:uppercase;margin-bottom:4px;font-size:10px;display:block}.rk-link>div{border-top:1px solid #f1eee6;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;padding:7px 0;display:grid}.rk-link b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.rk-link em{color:#8b8e83;grid-column:1;font-size:10.5px;font-style:normal}.rk-pill{color:#4d7a26;background:#edf4e5;border-radius:999px;grid-area:1/2/span 2;padding:3px 8px;font-size:10.5px;font-weight:600}.rk-pill.wait{color:#c2410c;background:#fdeee6}.rk-sum{color:#c9ccbf;margin-bottom:8px;font-size:12px}.rk-sum b{color:#b7f47a}.rk-res{border-top:1px solid #343d2d;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:7px 0;display:grid}.rk-res .t{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rk-res .p{font-variant-numeric:tabular-nums;color:#b9bcae}.rk-res .p i{color:#6f7766;font-style:normal}.rk-res .p b{color:#b7f47a}.rk-res .bar{background:#343d2d;border-radius:4px;grid-column:1/-1;height:4px;overflow:hidden}.rk-res .bar em{transform-origin:0;height:100%;transition:transform 1s cubic-bezier(.2, .7, .2, 1) calc(.9s + var(--i,0) * .18s);background:linear-gradient(90deg,#ec5b24,#f59e6b);border-radius:4px;display:block;transform:scaleX(0)}.play .rk-res .bar em{transform:scaleX(1)}.rank-foot{color:#74776b;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:34px;font-size:13px;display:flex}.rank-foot>span{flex:320px}@media (prefers-reduced-motion:reduce){.rank-card,.rk-tick,.rk-tick svg,.rk-res .bar em{transition:none!important}}@media (max-width:900px){.rank-trail{grid-template-columns:1fr;max-width:520px}.rank-trail:before{border-top:0;border-left:2px dashed #e2c9b6;inset:6% auto 6% 34px}}@media (max-width:650px){.rank-section{padding:72px 0 76px}.rank-intro h2{letter-spacing:-1.8px;font-size:35px}.rank-intro>p{font-size:13px}.rank-trail{gap:12px;margin-top:34px}.rank-foot .button{justify-content:center;width:100%}}
