/* Скин «Конфигуратор»: CSS-only слайдер скорости, табличные тарифы, списки вместо карточек */
.cfg-hero{position:relative;overflow:hidden;background:linear-gradient(165deg,#001430 0%,var(--navy) 42%,var(--navy-3) 100%);color:#fff}
.cfg-hero::before{content:"";position:absolute;inset:auto -15% -55% 30%;height:120%;background:radial-gradient(50% 55% at 50% 50%,rgba(0,158,227,.45),transparent 72%);pointer-events:none;animation:cfg-glow-float 14s ease-in-out infinite}
@keyframes cfg-glow-float{0%,100%{transform:translate(0,0)}50%{transform:translate(-3%,-4%)}}
@media(prefers-reduced-motion:reduce){.cfg-hero::before{animation:none}}
.cfg-wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(32px,4vw,64px);align-items:start;padding:clamp(56px,6vw,92px) 0 clamp(40px,4vw,60px)}
.cfg-intro .eyebrow{color:var(--onnavy)}
.cfg-intro h1{margin-top:20px;font-size:clamp(34px,4.4vw,58px);letter-spacing:-.03em;max-width:15ch}
.cfg-intro .lede{margin-top:18px;color:var(--onnavy);font-size:17px;max-width:46ch}
.cfg-box{background:#fff;color:var(--ink);border-radius:24px;padding:clamp(22px,2.4vw,30px);box-shadow:var(--shadow-lg)}
.cfg{border:0;margin:0;padding:0}
.cfg legend{font:600 13px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--soft);padding:0;margin-bottom:14px}
.cfg-track{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cfg-tab{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 4px;border:1px solid var(--line);border-radius:12px;cursor:pointer;text-align:center}
.cfg-tab input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.cfg-tab b{font:600 20px/1 var(--mono);letter-spacing:-.02em}
.cfg-tab span{font:400 12px/1 var(--font);color:var(--faint)}
.cfg-tab:has(input:checked){background:var(--navy);border-color:var(--navy);box-shadow:inset 0 -3px 0 var(--cta)}
.cfg-tab:has(input:checked) b,.cfg-tab:has(input:checked) span{color:#fff}
.cfg-tab:has(input:focus-visible){outline:2.5px solid var(--cta);outline-offset:2px}
.cfg-panels{margin-top:22px;border-top:1px solid var(--line);padding-top:22px}
.cfg-panel{display:none}
.cfg:has(#s250:checked) .cfg-panel[data-p="250"],
.cfg:has(#s350:checked) .cfg-panel[data-p="350"],
.cfg:has(#s400:checked) .cfg-panel[data-p="400"]{display:block}
.cfg-price{font:700 clamp(40px,4.2vw,56px)/1 var(--mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.cfg-price span{font:500 15px/1 var(--font);color:var(--faint);margin-left:8px}
.cfg-who{margin-top:10px;color:var(--soft);font-size:15.5px;max-width:40ch}
.cfg-panel .btn{margin-top:20px}
.hdr .nav{gap:clamp(10px,1.3vw,20px);flex:none}
.hdr .nav a{white-space:nowrap}
.hdr .wrap{gap:clamp(10px,1.6vw,26px)}

.tariff-table{width:100%;margin-top:clamp(28px,3vw,44px);border-collapse:collapse;font-size:15.5px}
.tariff-table caption{text-align:left;color:var(--faint);font-size:13px;margin-bottom:14px}
.tariff-table th,.tariff-table td{padding:16px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.tariff-table thead th{font:600 13px/1 var(--font);letter-spacing:.04em;text-transform:uppercase;color:var(--faint);border-bottom:2px solid var(--ink)}
.tariff-table tbody th{font-weight:600;color:var(--ink);white-space:nowrap}
.tariff-table td.tt-speed{font:600 16px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--navy);white-space:nowrap}
.tariff-table td.tt-price{font:700 18px/1 var(--font);letter-spacing:-.02em;white-space:nowrap}
.row-hot{background:var(--paper)}
.tariff-table .badge{margin-left:10px;padding:3px 10px;border-radius:999px;background:var(--cta);color:#fff;font:600 11px/1 var(--font);letter-spacing:.02em;vertical-align:middle;white-space:nowrap}
@media(max-width:760px){.tariff-table{display:block;overflow-x:auto;white-space:nowrap}}

.timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:clamp(36px,4vw,56px)}
.timeline::before{content:"";position:absolute;top:19px;left:19px;right:19px;height:2px;background:var(--line)}
.timeline li{position:relative;display:flex;flex-direction:column;gap:14px}
.tl-dot{position:relative;z-index:1;width:38px;height:38px;border-radius:12px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font:600 15px/1 var(--mono);flex:none}
.timeline h3{font-size:19px}
.timeline p{margin-top:2px;color:var(--soft);font-size:15px}
@media(max-width:1080px){.timeline{grid-template-columns:1fr;gap:28px}.timeline::before{display:none}}

.ledger{margin-top:clamp(32px,3.5vw,48px);border-top:1px solid var(--line)}
.ledger li{padding:26px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:280px 1fr;gap:32px}
.ledger h3{font-size:19px}
.ledger p{color:var(--soft);font-size:15.5px;max-width:60ch}
.ledger dl{margin-top:14px;display:grid;gap:8px}
.ledger dt{font:600 13px/1.3 var(--font);color:var(--ink)}
.ledger dd{color:var(--soft);font-size:14.5px}
@media(max-width:900px){.ledger li{grid-template-columns:1fr;gap:8px}}
@media(max-width:1080px){.cfg-wrap{grid-template-columns:1fr}}