@font-face{font-family:"Neris-Light";src:url("../fonts/Neris-Light.woff") format("woff"),url("../fonts/Neris-Light.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Neris-SemiBold";src:url("../fonts/Neris-SemiBold.woff") format("woff"),url("../fonts/Neris-SemiBold.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Neris-Thin";src:url("../fonts/Neris-Thin.woff") format("woff"),url("../fonts/Neris-Thin.ttf") format("truetype");font-display:swap}
:root{
  /* палитра дизайнера — снята из www/css/style.css */
  --graphite:#262b2e; --graphite-2:#2c363b; --dark:#3d3d3d; --slate:#2e3e50;
  --cyan:#2cadf1; --cyan-2:#2cacf0; --green:#51bb55; --orchid:#d369e3;
  --red-btn:#de7676; --red-btn-h:#7678de; --yellow:#ffde00; --price-green:#3eab42;
  --tbl-1:#f4f8fc; --tbl-2:#eaf0f5; --tbl-line:#dde9ed;
  --ink:#262626; --muted:#8a94a6; --paper:#fff; --bg-soft:#f6f8fa; --line:#e3e8ef;
  --radius:14px; --shadow:0 10px 30px rgba(35,41,54,.08); --wrap:1200px;
  --fh:"Neris-SemiBold",system-ui,sans-serif;
  --fl:"Neris-Light",system-ui,sans-serif;
  --ft:"Neris-Thin",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:84px}
body{font-family:var(--fl);color:var(--ink);background:var(--paper);line-height:1.55;font-size:16px}
img{max-width:100%;display:block}
a{color:var(--cyan);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:var(--fh);font-weight:normal}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(16px,4vw,32px)}
h2{font-size:clamp(26px,3vw,34px);line-height:1.2;text-align:center;margin-bottom:12px;color:#353535}
.sub{color:var(--muted);text-align:center;max-width:640px;margin:0 auto 40px}
section{padding:clamp(48px,6vw,80px) 0}
.btn{display:inline-block;background:var(--cyan);color:#fff;font-family:var(--fh);padding:12px 28px 14px;border-radius:30px;border:0;cursor:pointer;font-size:17px;transition:background .15s}
.btn:hover{background:var(--graphite-2);text-decoration:none}
.btn.green{background:var(--green)}
.btn.green:hover{background:var(--orchid)}
.btn.ghost{background:transparent;border:2px solid rgba(255,255,255,.5);color:#fff;padding:10px 26px 12px}
.btn.ghost:hover{background:rgba(255,255,255,.12)}

/* ── верхний баннер: курс одним блоком (SQ2) ─────────────── */
.topbar{background:var(--green);color:#fff;font-size:14px;padding:9px 0;text-align:center}
.topbar a{color:#fff;font-family:var(--fh);text-decoration:underline;white-space:nowrap}

/* ── шапка ────────────────────────────────────────────────── */
header.site{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:26px;height:64px}
.logo{display:flex;align-items:center;gap:10px}
.logo img{height:40px;width:auto}
.logo span{font-family:var(--fh);font-size:19px;color:#a21c4f;white-space:nowrap}
.nav-links{display:flex;gap:22px;margin-left:auto;font-size:15px}
.nav-links a{color:#4b5563}
.nav-links a:hover{color:var(--cyan);text-decoration:none}
.nav .lk{padding:8px 20px 10px;font-size:15px;white-space:nowrap}

/* ── HERO ─────────────────────────────────────────────────── */
.hero{color:#fff;padding:clamp(52px,6vw,84px) 0 clamp(44px,5vw,64px);overflow:hidden;position:relative;
  background:
    radial-gradient(640px 420px at 12% 14%, rgba(44,173,241,.16), transparent 65%),
    radial-gradient(720px 480px at 88% 78%, rgba(211,105,227,.13), transparent 65%),
    radial-gradient(520px 360px at 72% 8%, rgba(81,187,85,.10), transparent 65%),
    linear-gradient(135deg,#1f242a 0%,#262b2e 45%,#2c363b 100%)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(80% 75% at 50% 42%, #000 25%, transparent 100%);
  mask-image:radial-gradient(80% 75% at 50% 42%, #000 25%, transparent 100%)}
.hero-inner{text-align:center;max-width:1200px;margin:0 auto;position:relative}
.hero h1{font-size:clamp(30px,4vw,50px);line-height:1.14;margin:0 auto 16px;max-width:900px}
.hero p.lead{font-size:clamp(17px,1.6vw,21px);color:#c7cedb;margin:0 auto 30px;max-width:660px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:44px;justify-content:center}
/* круги-показатели — мотив фирменного слайда slide1.jpg */
.stat-ring-row{display:flex;gap:clamp(12px,1.6vw,22px);justify-content:center;flex-wrap:wrap;margin-bottom:46px}
.ring{--c:#e290ee;width:164px;height:164px;border:2px solid var(--c);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px;opacity:0;transform:scale(.7);animation:pop .6s forwards}
.ring:nth-child(2){animation-delay:.1s}.ring:nth-child(3){animation-delay:.2s}
.ring:nth-child(4){animation-delay:.3s}.ring:nth-child(5){animation-delay:.4s}
.ring:nth-child(6){animation-delay:.5s}
@keyframes pop{to{opacity:1;transform:scale(1)}}
.ring small{font-size:13.5px;line-height:1.25;color:#dbe2ee;margin-bottom:6px}
.ring b{font-family:var(--ft);font-weight:normal;font-size:34px;color:var(--c);white-space:nowrap}
.ring b em{font-style:normal;font-size:15px}
.demo p{font-size:15px;color:#939db0;margin-bottom:14px}
.demo p b{font-family:var(--fh);font-weight:normal;color:#dbe2ee}
.stock-pills{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.stock-pills a{font-family:var(--fh);color:#fff;font-size:17px;border-radius:16px;padding:4px 26px 6px;transition:background .15s}
.stock-pills a:hover{text-decoration:none}
.p-forex{background:#ff9961}.p-forex:hover{background:#f2671b}
.p-forts{background:#bbaeff}.p-forts:hover{background:#725af0}
.p-mmvb{background:#e8cc0c}.p-mmvb:hover{background:#d19d00}
.p-nyse{background:#6bc9f0}.p-nyse:hover{background:#22a8df}
.p-cme{background:#e290ee}.p-cme:hover{background:#c95edb}
@media (prefers-reduced-motion:reduce){.ring{animation:none;opacity:1;transform:none}html{scroll-behavior:auto}}

/* ── о сервисе ────────────────────────────────────────────── */
.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,60px);align-items:center}
.about h2{text-align:left}
.about .sub{text-align:left;margin-left:0}
.about ul{list-style:none;margin:20px 0}
.about li{padding-left:30px;position:relative;margin-bottom:12px;color:#4b5563}
.about li::before{content:"✔";position:absolute;left:0;color:var(--green)}
.video-frame{aspect-ratio:16/9;width:100%;border:0;border-radius:var(--radius);box-shadow:var(--shadow)}

/* ── тизер-полосы ─────────────────────────────────────────── */
.teaser{background:var(--graphite-2);color:#fff;padding:32px 0}
.teaser .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.teaser p{font-family:var(--fh);font-size:clamp(17px,1.8vw,22px);max-width:640px}

/* ── почему полезно: 9 карточек с фирменными цветами ─────── */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.card .head{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.card img{width:52px;height:52px;flex:0 0 52px}
.card h3{font-size:19px;line-height:1.25}
.card p{font-size:14.5px;color:#4b5563}
.c-green{color:#51b02b}.c-pink{color:#c06acd}.c-coral{color:#f08950}
.c-orchid{color:#816ee5}.c-orange{color:#eea416}.c-blue{color:#1da9e4}
.c-malachid{color:#09b870}.c-mint{color:#0daa9f}.c-carrot{color:#d9bf0b}
.soft{background:var(--bg-soft)}

/* ── ключевые понятия ─────────────────────────────────────── */
.concept{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center;margin-bottom:clamp(40px,6vw,72px)}
.concept:last-child{margin-bottom:0}
.concept h3{font-size:clamp(20px,2vw,26px);margin-bottom:12px;color:#353535}
.zoom{position:relative;display:block;border:0;background:none;cursor:zoom-in;padding:0;width:100%}
.zoom img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line)}
.zoom::after{content:"Увеличить";position:absolute;right:12px;bottom:12px;background:rgba(38,43,46,.78);color:#fff;font-size:13px;padding:4px 14px 6px;border-radius:14px;opacity:.85;transition:opacity .15s}
.zoom:hover::after{opacity:1;background:var(--cyan)}
.concept ul{list-style:none;margin:14px 0}
.concept li{padding-left:26px;position:relative;margin-bottom:10px;color:#4b5563;font-size:15px}
.concept li::before{content:"—";position:absolute;left:0;color:var(--cyan);font-family:var(--fh)}
.concept .note{font-size:13px;color:var(--muted);margin-top:10px}
dialog.lightbox{margin:auto;border:0;padding:0;background:transparent;overflow:visible}
dialog.lightbox::backdrop{background:rgba(38,43,46,.92)}
dialog.lightbox[open]{animation:lb-in .22s ease-out}
@keyframes lb-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
dialog.lightbox figure{position:relative;margin:0}
dialog.lightbox img{display:block;max-width:min(1500px,92vw);max-height:84vh;width:auto;height:auto;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.55)}
dialog.lightbox figcaption{color:#c7cedb;font-family:var(--fl);text-align:center;font-size:14.5px;margin-top:14px}
dialog.lightbox .close{position:absolute;top:-16px;right:-16px;width:40px;height:40px;border-radius:50%;background:var(--cyan);color:#fff;border:0;font-size:20px;cursor:pointer;line-height:1;box-shadow:0 4px 14px rgba(0,0,0,.4)}
dialog.lightbox .close:hover{background:var(--orchid)}
@media (prefers-reduced-motion:reduce){dialog.lightbox[open]{animation:none}}
/* попап с описанием функции из тарифной таблицы */
dialog.featbox{margin:auto;border:0;border-radius:16px;padding:0;width:min(880px,92vw);max-height:84vh;box-shadow:0 30px 80px rgba(0,0,0,.35)}
dialog.featbox::backdrop{background:rgba(38,43,46,.75)}
dialog.featbox[open]{animation:lb-in .2s ease-out}
.featbox .feat-content{padding:36px 40px 40px;overflow:auto;max-height:84vh}
.featbox h4{font-size:24px;color:#353535;text-align:center;margin-bottom:14px}
.featbox p{color:var(--ink);font-size:16px;text-align:center;max-width:680px;margin:0 auto 8px}
.featbox ul{list-style:none;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:13px 24px}
.featbox li{background-repeat:no-repeat;background-position:0 2px;padding:0 0 4px 34px;width:216px;font-size:14.5px;color:#333}
.featbox .li-panel li{background-image:url(../img/panel-icon.png)}
.featbox .li-deals li{background-image:url(../img/deals-li-icon.png)}
.featbox .li-perf li{background-image:url(../img/perf-li-icon.png)}
.featbox .li-statdep li{background-image:url(../img/stat-dep-li-icon.png)}
.featbox .li-data li{background-image:url(../img/data-li-icon.png)}
.featbox .li-stattime li{background-image:url(../img/stat-time-li-icon.png)}
.featbox .li-stattools li{background-image:url(../img/stat-tools-li-icon.png)}
.featbox .li-style li{background-image:url(../img/style-li-icon.png)}
.featbox .li-capital li{background-image:url(../img/capital-li-icon.png)}
.featbox .close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;background:var(--tbl-2);color:var(--slate);border:0;font-size:18px;cursor:pointer;line-height:1}
.featbox .close:hover{background:var(--cyan);color:#fff}
@media (max-width:760px){.featbox .feat-content{padding:28px 20px 30px}.featbox li{width:100%}}

/* ── что умеет сервис: иконочное меню + пастельные панели ── */
.can-nav{display:flex;justify-content:center;gap:clamp(2px,0.6vw,8px);flex-wrap:nowrap;overflow-x:auto;background:#fff;border:1px solid #95d0f0;border-radius:44px;padding:6px 14px;max-width:1120px;margin:0 auto;position:relative;z-index:2;scrollbar-width:none}
.can-nav button{flex:0 0 85px;height:85px;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center 0;cursor:pointer;border-radius:50%}
.can-nav button[aria-selected="true"],.can-nav button:hover{background-position:center -106px}
.i-bord{background-image:url(../img/dashboard-icon.png)}
.i-deals{background-image:url(../img/deal-icon.png)}
.i-perf{background-image:url(../img/trade-perf-icon.png)}
.i-statdep{background-image:url(../img/dep-stat-icon.png)}
.i-data{background-image:url(../img/aggr-data-icon.png)}
.i-stattime{background-image:url(../img/time-stat-icon.png)}
.i-stattools{background-image:url(../img/stat-tools-icon.png)}
.i-style{background-image:url(../img/style-trade-icon.png)}
.i-capital{background-image:url(../img/capital-icon.png)}
.i-filter{background-image:url(../img/filter-icon.png)}
.i-diary{background-image:url(../img/diary-icon.png)}
.can-panels{margin-top:-48px}
.can-panel{border-radius:50px 50px 20px 20px;padding:96px 44px 40px;min-height:320px}
.can-panel[hidden]{display:none}
.can-panel h4{color:#353535;font-size:25px;text-align:center;margin-bottom:18px}
.can-panel>p{color:var(--ink);font-size:17px;text-align:center;max-width:860px;margin:0 auto 10px}
.can-panel ul{list-style:none;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:14px 26px;justify-content:flex-start}
.can-panel li{background-repeat:no-repeat;background-position:0 2px;padding:0 0 4px 34px;width:216px;font-size:14.5px;color:#333}
/* тематические иконки пунктов — раскиданы по смыслу, база задаётся классом панели */
.can-panel li.ic-graph,.featbox li.ic-graph{background-image:url(../img/perf-li-icon.png)}
.can-panel li.ic-money,.featbox li.ic-money{background-image:url(../img/capital-li-icon.png)}
.can-panel li.ic-time,.featbox li.ic-time{background-image:url(../img/stat-time-li-icon.png)}
.can-panel li.ic-num,.featbox li.ic-num{background-image:url(../img/data-li-icon.png)}
.can-panel li.ic-deal,.featbox li.ic-deal{background-image:url(../img/deals-li-icon.png)}
.can-panel li.ic-dep,.featbox li.ic-dep{background-image:url(../img/stat-dep-li-icon.png)}
.can-panel li.ic-tool,.featbox li.ic-tool{background-image:url(../img/stat-tools-li-icon.png)}
.can-panel li.ic-style,.featbox li.ic-style{background-image:url(../img/style-li-icon.png)}
.can-panel li.ic-note,.featbox li.ic-note{background-image:url(../img/diary-li-icon.png)}
.can-panel li.ic-filter,.featbox li.ic-filter{background-image:url(../img/filter-li-icon.png)}
.can-panel li.ic-pan,.featbox li.ic-pan{background-image:url(../img/panel-icon.png)}
.li-panel li{background-image:url(../img/panel-icon.png)}
.li-deals li{background-image:url(../img/deals-li-icon.png)}
.li-perf li{background-image:url(../img/perf-li-icon.png)}
.li-statdep li{background-image:url(../img/stat-dep-li-icon.png)}
.li-data li{background-image:url(../img/data-li-icon.png)}
.li-stattime li{background-image:url(../img/stat-time-li-icon.png)}
.li-stattools li{background-image:url(../img/stat-tools-li-icon.png)}
.li-style li{background-image:url(../img/style-li-icon.png)}
.li-capital li{background-image:url(../img/capital-li-icon.png)}
.show-panel{display:inline-block;background:var(--cyan-2);border-radius:14px;color:#fff;font-size:15px;padding:2px 19px 5px;margin:10px 0 0}
.show-panel:hover{background:var(--graphite-2);text-decoration:none;color:#fff}
.can-center{text-align:center}
.can-panel .cols p{font-size:16px;text-align:left;max-width:none;margin-bottom:14px}

/* ── достижения ───────────────────────────────────────────── */
.honors{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;text-align:center}
.honor img{width:84px;height:84px;margin:0 auto 12px}
.honor h3{font-size:18px;margin-bottom:6px;color:#353535}
.honor p{font-size:14px;color:#4b5563}

/* ── биржи: тёмные слайд-фоны + пилюльные вкладки ─────────── */
.stocks{background:var(--dark);color:#fff;padding:0}
.stocks-head{padding:clamp(40px,5vw,56px) 0 0}
.stocks h2{color:#fff}
.stocks .tabs-pill{display:flex;justify-content:center;flex-wrap:wrap;background:var(--dark);border-radius:25px;width:max-content;max-width:100%;margin:26px auto 0;position:relative;z-index:2;box-shadow:0 4px 18px rgba(0,0,0,.35)}
.stocks .tabs-pill button{font-family:var(--fh);font-size:clamp(15px,1.6vw,21px);color:#fff;background:transparent;border:0;border-radius:25px;line-height:1;padding:14px clamp(16px,2.6vw,44px) 16px;cursor:pointer}
.stocks .tabs-pill button[aria-selected="true"]{background:var(--cyan)}
.stock-panel{background-color:var(--dark);background-repeat:no-repeat;background-position:center 0;margin-top:-26px;padding:80px 0 46px;min-height:520px}
.stock-panel[hidden]{display:none}
.bg-1{background-image:url(../img/brok-slide1.jpg)}
.bg-2{background-image:url(../img/brok-slide2.jpg)}
.bg-3{background-image:url(../img/brok-slide3.jpg)}
.bg-4{background-image:url(../img/brok-slide4.jpg)}
.bg-5{background-image:url(../img/brok-slide5.jpg)}
.stock-cols{display:flex;gap:clamp(28px,4vw,70px);flex-wrap:wrap}
.stock-group{flex:1 1 260px;min-width:240px}
.stock-group.wide{flex:2 1 480px}
.stock-group h4{font-size:24px;color:#fff;margin:0 0 14px;padding:0 0 8px;display:inline-block}
.u-usa h4{border-bottom:2px solid #2698d4}
.u-forex h4{border-bottom:2px solid #e3778c}
.u-cme h4{border-bottom:2px solid #c09633}
.u-mmvb h4{border-bottom:2px solid #c28091}
.u-forts h4{border-bottom:2px solid #68c784}
.stock-group ul{list-style:none;columns:2;column-gap:44px}
.stock-group.wide ul{columns:3}
.stock-group li{color:#fff;font-size:17px;line-height:34px;padding-left:36px;background-repeat:no-repeat;background-position:left center;break-inside:avoid}
.b-usa li{background-image:url(../img/brokers-list-icon.png)}
.pl-usa li{background-image:url(../img/platform-list-icon.png)}
.b-forex li{background-image:url(../img/brok-list-forex.png)}
.pl-forex li{background-image:url(../img/platform-list-forex.png)}
.b-cme li{background-image:url(../img/brok-list-cme.png)}
.pl-cme li{background-image:url(../img/platform-list-cme.png)}
.b-mmvb li{background-image:url(../img/brok-list-mmvb.png)}
.pl-mmvb li{background-image:url(../img/platform-list-mmvb.png)}
.b-forts li{background-image:url(../img/brok-list-forts.png)}
.pl-forts li{background-image:url(../img/platform-list--forts.png)}
.stocks .serv-link{text-align:right;margin-top:26px}
.btn.red{background:var(--red-btn)}
.btn.red:hover{background:var(--red-btn-h)}

/* ── отзывы ───────────────────────────────────────────────── */
.reviews{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 6px 22px;scrollbar-width:thin}
.review{flex:0 0 340px;scroll-snap-align:start;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.review header{display:flex;align-items:center;gap:12px;margin-bottom:12px;border:0;position:static;background:none}
.review header img{width:44px;height:44px;border-radius:50%}
.review header b{font-family:var(--fh);font-weight:normal;font-size:15px}
.review p{font-size:14.5px;color:#4b5563}

/* видео-отзывы */
.videos{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.video-card iframe{aspect-ratio:16/9;width:100%;border:0;border-radius:12px;box-shadow:var(--shadow)}
.video-card b{display:block;margin-top:12px;font-family:var(--fh);font-weight:normal;font-size:15px}
.video-card span{font-size:13px;color:var(--muted)}

/* ── тарифы: сравнительная матрица оригинала ──────────────── */
.tariff-table{display:grid;grid-template-columns:minmax(280px,1fr) repeat(3,minmax(150px,190px));max-width:960px;margin:0 auto;font-size:14.5px;color:var(--slate);border:2px solid var(--tbl-line);border-radius:12px;overflow:hidden}
.tt-corner{background:var(--tbl-1);display:flex;align-items:flex-end;padding:12px 8px 12px 20px;font-family:var(--fh);font-size:16px;color:var(--slate)}
.tt-head{text-align:center;padding:0;position:relative}
.tt-head .mascot{height:118px;display:flex;align-items:flex-end;justify-content:center;background-size:cover;background-position:center}
.m-1{background-image:url(../img/light-img.png)}
.m-2{background-image:url(../img/econom-img.png)}
.m-3{background-image:url(../img/standart.png)}
.tt-head h4{font-size:17px;color:#fff;padding:8px 4px 10px}
.h-1{background:#22a8df}.h-2{background:#d96a5f}.h-3{background:#3eab42}
.tt-feat{background:var(--tbl-1);border-bottom:1px solid var(--tbl-line);padding:7px 8px 7px 44px;background-image:url(../img/table-icon-set.png);background-repeat:no-repeat;background-position:6px var(--sp,4px)}
.tt-feat button{border:0;background:none;cursor:pointer;color:var(--slate);font:inherit;padding:0;display:inline-flex;align-items:center;gap:8px;text-align:left}
.tt-feat button::after{content:"i";flex:0 0 15px;width:15px;height:15px;border-radius:50%;border:1px solid #a8bccf;color:#7d92a8;font-size:11px;line-height:1;display:inline-flex;align-items:center;justify-content:center;font-family:var(--fh)}
.tt-feat button:hover{color:#009cee}
.tt-feat button:hover::after{border-color:#009cee;color:#009cee}
.tt-feat span{color:var(--slate)}
.tt-cell{background:var(--tbl-2);border-bottom:1px solid var(--tbl-line);border-left:2px solid var(--tbl-line);display:flex;align-items:center;justify-content:center;text-align:center;padding:4px}
.tt-cell.alt{background:var(--tbl-1)}
.tt-cell img{width:17px;height:14px}
.tt-cell .no{color:#c9d2de}
.tt-total-label{background:#f7fafd;font-family:var(--fh);padding:14px 8px 14px 44px;display:flex;align-items:center}
.tt-total{display:flex;align-items:center;justify-content:center;background:var(--tbl-2);border-left:2px solid var(--tbl-line);font-family:var(--ft);font-size:32px;color:var(--price-green);padding:10px 4px}
.tt-total em{font-style:normal;font-size:15px;margin-left:6px;font-family:var(--fl);color:var(--slate)}
.tt-total.hot{background:var(--yellow);color:var(--slate)}
.tt-buy{padding:14px 10px;background:var(--tbl-1);border-left:2px solid var(--tbl-line);display:flex;align-items:stretch}
.tt-buy a{flex:1;text-align:center;background:var(--cyan);color:#fff;border-radius:20px;font-family:var(--fh);font-size:15px;line-height:1.25;padding:10px 6px 12px}
.tt-buy a:hover{background:var(--yellow);color:var(--slate);text-decoration:none}
.tt-buy-label{background:var(--tbl-1);border-left:0}
.tariff-cards{display:none}
.guarantee{max-width:560px;margin:44px auto 0;display:flex;gap:18px;align-items:flex-start;border:1px dashed #a9a9a9;border-radius:6px;padding:18px 22px}
.guarantee img{width:64px;flex:0 0 64px}
.guarantee b{font-family:var(--fh);font-weight:normal;color:#148fd6;font-size:17px;display:block;margin-bottom:6px}
.guarantee p{font-size:14px;color:#4b5563}

/* ── форма лида (макет, S42) ──────────────────────────────── */
.lead{background:var(--graphite);color:#fff}
.lead h2{color:#fff}
.lead .sub{color:#a7b0c0}
.lead form{display:flex;gap:12px;justify-content:center;max-width:560px;margin:0 auto;flex-wrap:wrap}
.lead input{flex:1;min-width:240px;padding:13px 20px;border-radius:30px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;font-size:15px;font-family:var(--fl)}
.lead input::placeholder{color:#8f99ac}
.lead .fine{font-size:12.5px;color:#7c8598;text-align:center;margin-top:14px}
.lead .fine a{color:#9fb4c9}

/* ── футер ────────────────────────────────────────────────── */
footer.site{background:#1c2023;color:#98a1b3;font-size:14px;padding:44px 0}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
.foot b{font-family:var(--fh);font-weight:normal;color:#e6eaf2;display:block;margin-bottom:10px;font-size:15px}
.foot a{color:#b8c1d1}
.foot small{display:block;margin-top:6px;line-height:1.6}

/* ── адаптив ──────────────────────────────────────────────── */
@media (max-width:1024px){
  .cards{grid-template-columns:repeat(2,1fr)}
  .honors{grid-template-columns:repeat(2,1fr)}
  .videos{grid-template-columns:repeat(2,1fr)}
  .stock-group ul,.stock-group.wide ul{columns:2}
}
@media (max-width:900px){
  .tariff-table{display:none}
  .tariff-hint{display:none}
  .tariff-cards{display:grid;grid-template-columns:1fr;gap:24px;max-width:420px;margin:0 auto}
  .plan{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
  .plan .mascot{height:118px;background-size:cover;background-position:center}
  .plan h3{font-size:18px;color:#fff;text-align:center;padding:8px 4px 10px}
  .plan .body{padding:20px 24px 26px;display:flex;flex-direction:column;flex:1}
  .plan .dur{text-align:center;color:var(--muted);font-size:14px;margin-bottom:10px}
  .plan .price{text-align:center;font-family:var(--ft);font-size:40px;color:var(--price-green);margin-bottom:16px}
  .plan .price em{font-style:normal;font-size:16px;font-family:var(--fl);color:var(--slate)}
  .plan ul{list-style:none;margin-bottom:20px;flex:1}
  .plan li{padding:6px 0 6px 26px;position:relative;font-size:14.5px;color:#4b5563;border-bottom:1px dashed var(--line)}
  .plan li::before{content:"✔";position:absolute;left:0;color:var(--green)}
  .plan li.dim{color:#a7b0be}
  .plan li.dim::before{content:"—";color:#c9d2de}
  .plan .btn{text-align:center}
}
@media (max-width:760px){
  .nav-links{display:none}
  .about-grid,.concept{grid-template-columns:1fr}
  .concept.rev .zoom{order:-1}
  .cards{grid-template-columns:1fr}
  .videos{grid-template-columns:1fr}
  .honors{grid-template-columns:repeat(2,1fr);gap:18px}
  .review{flex-basis:84vw}
  .teaser .wrap{justify-content:center;text-align:center}
  .foot{grid-template-columns:1fr;gap:24px}
  .can-nav{border-radius:30px;justify-content:flex-start}
  .can-panel{padding:80px 20px 32px}
  .can-panel li{width:100%}
  .stock-group ul,.stock-group.wide ul{columns:1}
  .stocks .serv-link{text-align:center}
  .ring{width:150px;height:150px}
  .ring b{font-size:28px}
}