/* /<lang>/rating/ — «Как считается рейтинг». Sits on home-v7.css (header, tokens, phone bezel, reveal). */
.scene.rt-hero h1{font-size:clamp(40px,7.4vw,92px);font-weight:400;letter-spacing:-.045em;line-height:1.02;max-width:11em}
.scene.rt-hero .copy{max-width:760px;gap:20px}
.scene.rt-hero .sub{font-size:clamp(19px,2vw,26px);line-height:1.4;max-width:30em;font-weight:400;letter-spacing:-.014em}
.rt-fig{margin:0;display:flex;flex-direction:column;align-items:center;min-width:0}
.rt-fig .phone{width:min(320px,72vw)}
.rt-fig figcaption{margin-top:22px;font-size:15px;font-weight:500;line-height:1.35;color:var(--muted);text-align:center;text-wrap:balance}
.scene.rt-hero .hero-stage{width:100%;align-items:center}
.scene.rt-hero .hero-stage .phone{width:min(330px,70vw)}
.rt-picture,.screen picture{display:contents}
.rt-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:72px;width:min(1120px,100%);margin-inline:auto;padding:104px 24px;text-align:left}
.rt-split .copy{align-items:flex-start;max-width:30em;justify-self:center}
.rt-flip .copy{order:2}
.rt-p{margin:0;font-size:clamp(21px,2.3vw,32px);font-weight:400;line-height:1.28;letter-spacing:-.024em;color:var(--ink);text-wrap:pretty}
.rt-band{padding:88px 24px 96px;display:flex;flex-direction:column;align-items:center;gap:28px}
.rt-swatches{display:flex;gap:6px;width:min(1120px,100%)}
.rt-cont{height:clamp(150px,24vw,280px);border-radius:clamp(8px,1.6vw,20px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 24px rgba(36,18,58,.12)}
.rt-bandcap{margin:0;font-size:clamp(20px,2.2vw,28px);font-weight:400;letter-spacing:-.02em;text-align:center;color:var(--ink)}
@media(max-width:900px){
 .rt-split{grid-template-columns:minmax(0,1fr);gap:40px;padding:72px 18px}
 .rt-flip .copy{order:0}
 .rt-split .copy{max-width:26em}
 .rt-p{font-size:clamp(19px,5.2vw,24px)}
 .rt-swatches{gap:3px}
 .rt-band{padding:56px 18px 64px}
}
@media(prefers-reduced-motion:reduce){.rt-fig,.rt-fig .phone,.rt-swatches{transform:none!important}}
.rt-tiers{list-style:none;margin:-8px 0 0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:8px 28px;width:min(1120px,100%);font-size:clamp(15px,1.5vw,18px);color:var(--muted)}
.rt-tiers li{display:flex;align-items:center;gap:8px}
.rt-tiers li::before{content:"";width:14px;height:14px;border-radius:50%;background:var(--lvl);box-shadow:0 0 0 1.5px rgba(36,18,58,.18)}
.rt-tiers .t-mint{--lvl:var(--lvl-02)}.rt-tiers .t-lime{--lvl:var(--lvl-10)}.rt-tiers .t-amber{--lvl:var(--lvl-16)}
.rt-tiers li:not(:last-child)::after{content:"·";margin-left:12px;color:var(--muted)}
.rt-tiers b{font-weight:600;color:var(--ink)}
/* light/dark screens: one <picture> per theme, the other is display:none (lazy → never fetched) */
.screen picture.rt-dark{display:none}
html[data-theme=dark] .screen picture.rt-light{display:none}
html[data-theme=dark] .screen picture.rt-dark{display:contents}
@media(prefers-color-scheme:dark){
 html:not([data-theme=light]) .screen picture.rt-light{display:none}
 html:not([data-theme=light]) .screen picture.rt-dark{display:contents}
}