/* ============================================================
   dbweb.ru — слой оформления «финансовый портал».

   Ориентир по настроению — крупные российские финпорталы: холодный
   светлый фон, белые карточки с большими скруглениями без рамок,
   яркий синий акцент, тёмно-синий текст, шрифт Inter, светлая шапка
   в одну строку, таб-фильтры с подчёркиванием, пилюли-теги.
   Это НЕ копия чьего-либо макета: свои логотип, сетка и тексты.

   Грузится после app.css и portal.css и перекрывает их. Все отличия от
   прежней (зелёной) темы собраны здесь — файл можно убрать из layout,
   и сайт вернётся к прежнему виду.
   ============================================================ */

:root{
  /* ── палитра ── */
  --color-accent:#1273ea;
  --color-accent-100:#eaf3ff;
  --color-accent-200:#d6e7ff;
  --color-accent-300:#aecffc;
  --color-accent-400:#6fa9f6;
  --color-accent-500:#2b86f0;
  --color-accent-600:#0f62c7;
  --color-accent-700:#0c4ea1;
  --color-accent-800:#0a3b7a;
  --color-accent-900:#082a57;
  --color-accent-2:#0c4ea1;
  --color-accent-2-100:#eaf3ff;
  --color-accent-2-200:#d6e7ff;
  --color-accent-2-800:#0a3b7a;

  --color-bg:#eef1f6;
  --color-surface:#ffffff;
  --color-text:#0f1b2d;
  --color-divider:#dde3ec;
  --color-neutral-100:#f6f8fb;
  --color-neutral-200:#eef1f6;
  --color-neutral-300:#e3e8f0;
  --color-neutral-400:#cfd7e3;
  --color-neutral-700:#4d5b70;
  --color-neutral-800:#2d3a4e;

  --card:#ffffff;
  --warm:#eaf3ff;
  --ink-55:#66738a;
  --ink-70:#3f4d63;
  --hair:1px solid #e6ebf2;
  --edge:1px solid #e6ebf2;

  /* токены app.css (старая схема переменных) */
  --bg-base:#eef1f6;
  --bg-surface:#ffffff;
  --bg-surface-2:#ffffff;
  --bg-surface-3:#eaf3ff;
  --bg-surface-hover:#f3f6fa;
  --border-subtle:#e6ebf2;
  --border-default:#d6dde8;
  --border-strong:#b8c3d3;
  --border-accent:rgba(18,115,234,.35);
  --text-primary:#0f1b2d;
  --text-secondary:#3f4d63;
  --text-muted:#66738a;
  --text-faint:#8b97aa;
  --accent:#1273ea;
  --accent-hover:#0f62c7;
  --accent-dim:#eaf3ff;
  --accent-100:#eaf3ff;
  --accent-200:#d6e7ff;
  --accent-700:#0c4ea1;
  --accent-800:#0a3b7a;
  --accent-900:#082a57;
  --blue:#1273ea;
  --blue-dim:#eaf3ff;

  --star:#ff8a00;
  --tag-bg:#ece9fb;
  --tag-ink:#3c3a73;

  /* ── шрифты ── */
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-heading:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-heading-weight:700;

  /* ── формы ── */
  --r-sm:10px; --r-md:16px; --r-lg:20px; --r-xl:24px; --r-pill:999px;
  --radius:12px; --radius-sm:10px; --radius-md:16px; --radius-lg:20px; --radius-xl:24px;

  --shadow-sm:0 1px 2px rgba(15,27,45,.04);
  --shadow:0 4px 16px rgba(15,27,45,.07);
  --shadow-md:0 6px 24px rgba(15,27,45,.09);
  --shadow-lg:0 16px 40px rgba(15,27,45,.14);
  --ctl:44px;
}

html{scroll-behavior:smooth}
body{
  background:var(--color-bg);color:var(--color-text);
  font-family:var(--font-body);font-size:15px;line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em;color:var(--color-text)}
h1{font-size:clamp(28px,3.2vw,38px);line-height:1.15}
h2{font-size:clamp(22px,2.4vw,30px);line-height:1.2}
h3{font-size:22px}
h4{font-size:18px}
h6{font-size:12px;letter-spacing:.04em}
a{color:var(--color-accent);text-underline-offset:3px}
a:hover:not(.btn){color:var(--color-accent-600)}
::selection{background:rgba(18,115,234,.22)}
:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}

/* ── кнопки ── */
.btn{
  height:var(--ctl);padding:0 20px;border-radius:12px;
  font-family:var(--font-body);font-size:14.5px;font-weight:600;letter-spacing:0;
  justify-content:center;text-align:center;box-shadow:none;
}
.btn-sm{height:34px;padding:0 14px;font-size:13.5px;border-radius:10px}
.btn-lg{height:52px;padding:0 28px;font-size:16px;border-radius:14px}
.btn-primary{
  --bs-btn-bg:var(--color-accent);--bs-btn-hover-bg:var(--color-accent-600);--bs-btn-active-bg:var(--color-accent-700);
  --bs-btn-border-color:var(--color-accent);--bs-btn-hover-border-color:var(--color-accent-600);--bs-btn-active-border-color:var(--color-accent-700);
  --bs-btn-color:#fff;--bs-btn-hover-color:#fff;--bs-btn-active-color:#fff;
  background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:none;
}
.btn-primary:hover{background:var(--color-accent-600);border-color:var(--color-accent-600)}
/* вторичная — светло-серая заливка без рамки (как «Подобрать» / «Получить») */
.btn-secondary{
  --bs-btn-bg:#e9eef6;--bs-btn-hover-bg:#dce5f1;--bs-btn-active-bg:#d0dbea;
  --bs-btn-border-color:transparent;--bs-btn-hover-border-color:transparent;--bs-btn-active-border-color:transparent;
  --bs-btn-color:var(--color-text);--bs-btn-hover-color:var(--color-text);--bs-btn-active-color:var(--color-text);
  background:#e9eef6;border-color:transparent;color:var(--color-text);
}
.btn-secondary:hover{background:#dce5f1;border-color:transparent;color:var(--color-text)}
.btn-ghost{background:transparent;color:var(--color-accent);border-color:transparent}
.btn-ghost:hover{background:var(--color-accent-100);color:var(--color-accent-700)}
.btn-pill{border-radius:var(--r-pill)}
.hd .btn,.ft .btn,.org-acts .btn,.rank .btn,.bon-ft .btn,.hero-cta .btn{border-radius:12px}

/* ── поля ── */
.input,.form-control,.form-select,input[type=text],input[type=email],input[type=search],
input[type=tel],input[type=url],input[type=number],textarea,select{
  background:#fff !important;border:1px solid #d6dde8 !important;border-radius:12px !important;
  color:var(--color-text);font-size:14.5px;
}
.input:hover,.form-control:hover{border-color:#b8c3d3 !important}
.input:focus,.form-control:focus,.form-select:focus,textarea:focus,select:focus{
  border-color:var(--color-accent) !important;box-shadow:0 0 0 3px rgba(18,115,234,.16) !important;
}
.field > label,.form-label,.calc-field label{font-size:13px;font-weight:500;color:var(--ink-70)}
input[type=range],input[type=checkbox],input[type=radio]{accent-color:var(--color-accent)}

/* ── карточки: белые, большие радиусы, без рамок ── */
.w,.org,.bon,.met,.content-card,.form-box,.card,.tile,.empty,.faq details,
.calc-result,.calc-compare-card{
  background:#fff;border:0;border-radius:var(--r-lg);box-shadow:none;
}
.content-card{padding:24px}
.org:hover,.bon:hover,.tile:hover,a.content-card:hover{box-shadow:var(--shadow-md);border-color:transparent}
.w-accent{box-shadow:inset 0 0 0 2px var(--color-accent-200)}
.w-hd{border-bottom:1px solid #eef1f6;padding:18px 22px}
.w-hd h4{font-size:18px}
.w-bd{padding:22px}
.w-ft{background:transparent;border-top:1px solid #eef1f6;padding:14px 22px}
.org-t{border-bottom:0;padding:22px 22px 14px}
.org-logo{border-radius:14px;background:var(--color-accent-100);color:var(--color-accent-700)}
.org-logo-a{background:var(--color-accent);color:#fff}
.org-specs li{border-bottom:1px solid #f0f3f8;padding:11px 22px;font-size:14px}
.org-specs li b{font-weight:600}
.org-tags{padding:14px 22px 0}
.org-acts{border-top:0;padding:18px 22px 22px;gap:10px}
.org-rate b{color:var(--color-text);font-size:22px}
.org-rate span{text-transform:none;letter-spacing:0;font-size:12px}
.bon-hero{border-radius:var(--r-lg) var(--r-lg) 0 0}
.bon-ft{border-top:1px solid #eef1f6}

/* ── блоки страницы (заголовок-«хиро») ── */
.hero-section{
  background:#fff;border:0;border-radius:var(--r-xl);padding:32px 36px;box-shadow:none;color:var(--color-text);
}
.hero-title{font-family:var(--font-heading);font-size:clamp(26px,3vw,36px);font-weight:700;letter-spacing:-.025em;line-height:1.15;color:var(--color-text)}
.hero-subtitle{color:var(--ink-70);font-size:15.5px;max-width:78ch;margin-top:8px}
@media (max-width:640px){.hero-section{padding:22px 20px;border-radius:var(--r-lg)}}

.sec-head h2,.section-title{font-weight:700;letter-spacing:-.025em}
.sec-warm{background:transparent}
.kicker{font-size:12px;letter-spacing:.06em;color:var(--color-accent)}
.link-more{color:var(--color-accent);font-weight:600}
.lede{color:var(--ink-70)}
.hero h1 mark{color:var(--color-accent)}
.crumbs,.breadcrumbs-nav{font-size:13px;color:var(--ink-55)}
.breadcrumbs-nav a,.crumbs a{color:var(--ink-55)}
.breadcrumbs-nav a:hover,.crumbs a:hover{color:var(--color-accent)}

/* ── шапка: одна светлая строка ── */
.hd{background:#fff;border-bottom:1px solid #e6ebf2;box-shadow:none;position:sticky;top:0;z-index:50}
.hd-strip,.hd-main{display:none}
.hd-bar{position:relative;background:#fff}
.hd-bar-in{display:flex;align-items:center;gap:20px;height:68px}
.hd .logo{gap:11px}
.logo-mark,.logo-mark-lg{
  width:40px;height:40px;border-radius:12px;overflow:hidden;
  background:linear-gradient(135deg,#2b9bff 0%,#1273ea 55%,#0c55c7 100%);color:#fff;
}
.logo-mark::after,.logo-mark-lg::after{display:none}
.logo-mark span,.logo-mark-lg span{font-size:17px;font-weight:800;letter-spacing:-.04em;transform:none}
.logo-word b{font-size:21px;font-weight:800;letter-spacing:-.03em;color:var(--color-text)}
.hd .logo-word em{display:none}
.ft .logo-word em{font-size:11px;letter-spacing:0;text-transform:none;color:var(--ink-55)}

.nv{position:static;border:0;background:transparent;flex:1;min-width:0}
.nv-row{align-items:center;gap:2px;flex-wrap:nowrap}
.nv-row a,.nv-row button{
  font-family:var(--font-body);font-weight:500;font-size:14.5px;color:var(--color-text);
  padding:0 12px;height:68px;border-radius:0;position:relative;
}
.nv-row a:hover,.nv-row button:hover{background:transparent;color:var(--color-accent)}
.nv-row .on{color:var(--color-accent);box-shadow:none}
.nv-row .on::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--color-accent)}
.nv-row button svg{opacity:.6}

.hd-acts{margin-left:auto;gap:10px}
.search{flex:none;width:200px;height:40px;border:0;border-radius:var(--r-pill);background:#eef1f6;padding:0 14px;transition:width .2s,background .2s,box-shadow .2s}
.search:focus-within{width:260px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--color-accent)}
.search svg{color:var(--ink-55)}
.search input{background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;min-height:0;padding:0;font-size:14px}
.search kbd{display:none}
.burger{border:0;background:#eef1f6;border-radius:12px;color:var(--color-text)}
@media (max-width:1240px){.search{width:150px}.search:focus-within{width:200px}.nv-row a,.nv-row button{padding:0 9px;font-size:14px}}
@media (max-width:1100px){.hd-acts .btn{display:none}}

/* мега-меню: белая карточка под шапкой */
.mega{
  left:0;right:0;top:100%;background:transparent;border:0;box-shadow:none;padding:8px 24px 0;pointer-events:none;
}
.mega-in{
  pointer-events:auto;max-width:1392px;margin:0 auto;background:#fff;border-radius:var(--r-xl);
  box-shadow:var(--shadow-lg);padding:28px 32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 0;
}
.mega-col{padding:0 24px;border-left:1px solid #eef1f6}
.mega-col:first-child{padding-left:0;border-left:0}
.mega-col h6{font-size:15px;letter-spacing:-.01em;text-transform:none;color:var(--color-text);font-weight:700;margin-bottom:10px}
.mega-col li a{border-bottom:0;padding:7px 0;font-size:14px}
.mega-col li a:hover{color:var(--color-accent)}
.mega-lnk i.bi{color:var(--color-accent)}
.mob{background:#fff;border-top:1px solid #eef1f6}
.mob li a{font-family:var(--font-body);font-weight:600;border-bottom:1px solid #f0f3f8}

/* ── таб-фильтры (как лента новостей: подчёркнутый активный) ── */
.tab-filters{display:flex;flex-wrap:wrap;gap:6px 26px;border-bottom:1px solid #dde3ec;padding:0;background:transparent}
.tab-filter-btn{
  background:transparent;border:0;border-radius:0;padding:12px 0;font-size:15px;font-weight:600;color:var(--ink-55);
  border-bottom:3px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s;
}
.tab-filter-btn:hover{color:var(--color-text);background:transparent;border-color:transparent}
.tab-filter-btn.active{background:transparent;color:var(--color-text);border-bottom-color:var(--color-accent);font-weight:700}

/* ── чипы, сортировка, теги ── */
.chip{border:0;background:#fff;border-radius:var(--r-pill);height:38px;padding:0 16px;font-size:14px;font-weight:500;color:var(--color-text)}
.chip:hover{background:var(--color-accent-100);color:var(--color-accent-700)}
.chip.on{background:var(--color-accent);color:#fff;box-shadow:none}
.sort{border:0;border-radius:var(--r-pill);background:#fff;padding:3px}
.sort a{height:34px;border-radius:var(--r-pill);font-family:var(--font-body);font-weight:500}
.sort a + a{border-left:0}
.sort a.on{background:var(--color-accent);color:#fff}
.sort a:not(.on):hover{background:var(--color-accent-100)}
.tag{background:var(--tag-bg);color:var(--tag-ink);border:0;border-radius:var(--r-pill);padding:4px 11px;font-size:12px;font-weight:500;letter-spacing:0}
.tag-accent{background:var(--color-accent-100);color:var(--color-accent-700)}
.tag-neutral{background:#eef1f6;color:var(--ink-70)}
.tag-outline{background:transparent;border:1px solid var(--color-accent);color:var(--color-accent)}
.badge{border-radius:var(--r-pill);font-weight:500}

/* ── плитки направлений: белые квадраты с иконкой ── */
.tiles{gap:14px}
.tile{padding:18px;min-height:128px;transition:box-shadow .15s}
.tile-top i.bi{font-size:26px;color:var(--color-accent)}
.tile b{font-size:15.5px;font-weight:600;letter-spacing:-.01em}
.tile span.cnt{color:var(--ink-55);font-size:13px}

/* ── таблицы и рейтинги: строки внутри белой карточки ── */
.rank{padding:16px 22px;border-bottom:1px solid #f0f3f8}
.rank:hover{background:#f7f9fc}
.rank-c span{text-transform:none;letter-spacing:0;font-size:12px}
.rank-c b{font-weight:600}
.bar{background:#e8edf5;height:6px;border-radius:var(--r-pill)}
.bar i{background:var(--color-accent);border-radius:var(--r-pill)}
.table{--bs-table-bg:transparent}
.table th{font-size:12.5px;font-weight:600;color:var(--ink-55);border-bottom:1px solid #e6ebf2;padding:14px 16px}
.table td{border-bottom:1px solid #f0f3f8;padding:14px 16px;font-size:14.5px;vertical-align:middle}
.table tbody tr:hover{background:#f7f9fc}
.pagination .page-link{border:0;border-radius:12px !important;background:#fff;color:var(--color-text);font-weight:600;box-shadow:none}
.pagination .page-item.active .page-link{background:var(--color-accent);color:#fff;box-shadow:none}
.pagination .page-item:not(.active) .page-link:hover{background:var(--color-accent-100);color:var(--color-accent-700)}

/* ── рейтинги-звёзды: оранжевые ── */
.star-rating .bi-star-fill,.bi-star-fill.text-warning,.stars-gold .bi-star-fill,.bi-star-fill{color:var(--star) !important}
i.bi-star-fill[style*="--accent"]{color:var(--star) !important}

/* ── постер / промо-блок: синяя карточка, как главный баннер ── */
.poster{background:linear-gradient(120deg,#1273ea 0%,#0a84ff 60%,#3aa0ff 100%);color:#fff;border-radius:var(--r-xl)}
.poster h2,.poster h3{color:#fff}
.poster .btn-primary{background:#fff;border-color:#fff;color:var(--color-accent-700)}
.poster .btn-primary:hover{background:var(--color-accent-100)}
.poster .btn-secondary{background:rgba(255,255,255,.18);border-color:transparent;color:#fff}
.poster .btn-secondary:hover{background:rgba(255,255,255,.28)}

/* ── FAQ, пустые состояния ── */
.faq details{margin-bottom:10px}
.faq summary{padding:18px 22px;font-weight:600;font-size:15.5px}
.empty-ico{background:var(--color-accent-100);color:var(--color-accent)}

/* ── калькуляторы ── */
.calc-result{background:var(--color-accent-100)}
.calc-note{background:#fff7e8;border-radius:12px}
.calc-compare-card{background:#f6f8fb}
.calc-winner{box-shadow:inset 0 0 0 2px var(--color-accent)}
.calc-result-main b,.calc-total{color:var(--color-accent-700)}

/* ── футер: светлый, без рамок и иконок ── */
.ft{background:transparent;border-top:1px solid #dde3ec;margin-top:48px}
.ft-nav{padding-top:44px;padding-bottom:36px}
.ft-col h6{font-size:15px;letter-spacing:-.01em;text-transform:none;color:var(--color-text);font-weight:700;margin-bottom:14px}
.ft-col li a{font-size:14px;color:var(--ink-70);font-weight:400}
.ft-col li a:hover{color:var(--color-accent)}
.ft-col li a i.bi{display:none}
.ft-brand p{font-size:13.5px;color:var(--ink-55)}
.ft-btm{background:transparent;border-top:1px solid #dde3ec}
.ft-btm .shell{font-size:12.5px}
.ft-legal a{color:var(--ink-55)}

/* ── мобильная адаптация ── */
@media (max-width:860px){
  .hd-bar-in{height:60px;gap:12px}
  .hd-acts{margin-left:auto}
  .logo-mark,.logo-mark-lg{width:36px;height:36px}
  .logo-word b{font-size:19px}
  .content-card{padding:18px}
  .w-bd{padding:18px}
  .org-t,.org-acts{padding-left:18px;padding-right:18px}
  .org-specs li{padding-left:18px;padding-right:18px}
  .tab-filters{gap:4px 20px;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;scrollbar-width:none}
  .tab-filters::-webkit-scrollbar{display:none}
}

/* ── главная: синий hero-блок слева, белая карточка справа ── */
.sec{border-bottom:0}
.sec-pad{padding-top:36px;padding-bottom:36px}
.shell.hero{gap:20px;padding-top:24px;padding-bottom:24px;align-items:stretch}
.hero > div:first-child{
  position:relative;overflow:hidden;color:#fff;border-radius:var(--r-xl);padding:44px 44px 36px;
  background:linear-gradient(135deg,#0a84ff 0%,#1273ea 55%,#0f5fd0 100%);
}
.hero > div:first-child::before,.hero > div:first-child::after{
  content:"";position:absolute;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.55),rgba(255,255,255,.12) 45%,rgba(255,255,255,.04) 70%);
}
.hero > div:first-child::before{width:300px;height:300px;right:-70px;top:-90px}
.hero > div:first-child::after{width:190px;height:190px;right:150px;bottom:-80px;opacity:.7}
.hero > div:first-child > *{position:relative;z-index:1}
.hero h1{font-size:clamp(30px,3.6vw,50px);line-height:1.08;letter-spacing:-.03em;color:#fff;max-width:16ch}
.hero h1 mark{color:#c8ff6b}
.hero .kicker{color:rgba(255,255,255,.8)}
.hero .lede{color:rgba(255,255,255,.88);font-size:16.5px;max-width:52ch}
.hero .hero-cta .btn-primary{background:#fff;border-color:#fff;color:var(--color-accent-700)}
.hero .hero-cta .btn-primary:hover{background:var(--color-accent-100)}
.hero .hero-cta .btn-secondary{background:rgba(255,255,255,.18);color:#fff}
.hero .hero-cta .btn-secondary:hover{background:rgba(255,255,255,.28)}
.hero .trust .tag{background:rgba(255,255,255,.18);color:#fff;border:0}
.hero-meta{border-top:1px solid rgba(255,255,255,.28);margin-top:28px}
.hero-meta div b{color:#fff;font-weight:700}
.hero-meta div span{color:rgba(255,255,255,.78)}
.hero > div:last-child .w{height:100%}
@media (max-width:860px){
  .hero > div:first-child{padding:28px 22px 24px;border-radius:var(--r-lg)}
  .hero h1{max-width:none}
}

/* ============================================================
   Современные штрихи (поверх базового слоя выше):
   стеклянная шапка, мягкий «меш»-градиент в hero, иконки-плитки
   в тонированных квадратах, кольцо-обводка карточек вместо рамки,
   плавные состояния. Без подпрыгиваний — только свет и тень.
   ============================================================ */
body{
  background:
    radial-gradient(1200px 420px at 50% -120px,rgba(18,115,234,.10),transparent 70%),
    var(--color-bg);
  background-repeat:no-repeat;
}
.hd{
  background:rgba(255,255,255,.78);
  -webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);
  border-bottom:1px solid rgba(15,27,45,.06);
}
.hd-bar{background:transparent}

/* карточки: тонкое кольцо вместо рамки, мягкое свечение при наведении */
.w,.org,.bon,.met,.content-card,.form-box,.card,.tile,.empty,.faq details{
  box-shadow:0 0 0 1px rgba(15,27,45,.04),0 1px 2px rgba(15,27,45,.03);
  transition:box-shadow .2s ease;
}
.org:hover,.bon:hover,.tile:hover,a.content-card:hover{
  box-shadow:0 0 0 1px rgba(18,115,234,.14),0 12px 32px rgba(18,115,234,.10);
}
.hero-section{box-shadow:0 0 0 1px rgba(15,27,45,.04);position:relative;overflow:hidden}
.hero-section::after{
  content:"";position:absolute;right:-80px;top:-120px;width:340px;height:340px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 35% 35%,rgba(18,115,234,.14),rgba(18,115,234,0) 70%);
}
.hero-section > *{position:relative;z-index:1}

/* hero главной: «меш»-градиент и стеклянные чипы */
.hero > div:first-child{
  background:
    radial-gradient(520px 320px at 88% 8%,rgba(120,205,255,.55),transparent 70%),
    radial-gradient(460px 360px at 8% 110%,rgba(54,92,255,.55),transparent 70%),
    linear-gradient(135deg,#0a84ff 0%,#1273ea 52%,#0e57d6 100%);
  box-shadow:0 20px 50px rgba(18,115,234,.28);
}
.hero .trust .tag,.hero .hero-cta .btn-secondary{
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
}
.hero .hero-cta .btn-primary{box-shadow:0 8px 20px rgba(8,42,87,.22)}
.hero h1 mark{background:linear-gradient(90deg,#d9ff8a,#8dffd3);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* кнопки: мягкое свечение у основной */
.btn-primary{box-shadow:0 1px 2px rgba(18,115,234,.25)}
.btn-primary:hover{box-shadow:0 8px 20px rgba(18,115,234,.30)}
.btn{transition:background .15s,box-shadow .2s,color .15s}

/* плитки направлений: иконка в тонированном квадрате */
.tile-top i.bi{
  width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:22px;
  background:linear-gradient(145deg,#eaf3ff,#d6e7ff);color:var(--color-accent);
}
.tile:hover .tile-top i.bi{background:linear-gradient(145deg,#d6e7ff,#c3dcff);color:var(--color-accent-700)}
.tile-top > :last-child{font-variant-numeric:tabular-nums;color:var(--ink-55)}
.org-logo{background:linear-gradient(145deg,#eaf3ff,#d6e7ff)}
.org-logo-a{background:linear-gradient(135deg,#2b9bff,#1273ea)}

/* рейтинг: цифры «табличные», бейджи мест — круглые */
.rank > :first-child{font-weight:700;color:var(--color-accent)}
.mono,.met-v,.org-rate b{font-variant-numeric:tabular-nums}

/* мега-меню: мягкое появление */
.mega-in{animation:dbMegaIn .18s ease-out}
@keyframes dbMegaIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* постер: тот же меш, что в hero */
.poster{
  background:
    radial-gradient(520px 300px at 90% 0%,rgba(120,205,255,.5),transparent 70%),
    radial-gradient(420px 300px at 0% 100%,rgba(54,92,255,.5),transparent 70%),
    linear-gradient(120deg,#1273ea 0%,#0a84ff 60%,#2f9bff 100%);
  box-shadow:0 20px 50px rgba(18,115,234,.22);
}

/* подчёркнутый таб: плавная смена цвета */
.tab-filter-btn{transition:color .2s,border-color .2s}

@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}

/* ============================================================
   Страница организации и карточки в сетке «Похожие»
   ============================================================ */

/* ── шапка организации: белая карточка вместо синей заливки ── */
.det-top{
  background:#fff;border:0;border-radius:var(--r-xl);padding:32px 36px;
  box-shadow:0 0 0 1px rgba(15,27,45,.06);
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center;
}
.det-top > img.org-logo,.det-top > span.org-logo{
  width:auto;max-width:260px;min-width:96px;height:88px;padding:14px 20px;
  background:#fff;border:1px solid #e1e7f0;border-radius:20px;
  object-fit:contain;object-position:center;box-shadow:none;
}
.det-top > span.org-logo{width:96px;font-size:30px}
.det-top h1{font-size:clamp(28px,3.2vw,40px);margin:2px 0 0}
.det-top .kicker{margin:0 0 6px;letter-spacing:.04em}
.det-top .hero-cta{margin-top:18px}
@media (max-width:760px){
  .det-top{grid-template-columns:minmax(0,1fr);gap:18px;padding:22px 20px;border-radius:var(--r-lg)}
}

/* ── основной блок: единая левая линия у заголовков, таблиц и текста ── */
.det-card{border:0;border-radius:var(--r-xl);box-shadow:0 0 0 1px rgba(15,27,45,.06)}
.det-sec{padding:30px 36px;border-bottom:1px solid #eef1f6}
.det-sec h2,.det-sec h3{font-size:20px;font-weight:700;color:var(--color-text);margin:0 0 16px;display:flex;align-items:center;gap:8px}
.det-sec h2 i,.det-sec h3 i{color:var(--color-accent);font-size:18px}
.det-sec .table th:first-child,.det-sec .table td:first-child{padding-left:0}
.det-sec .table th:last-child,.det-sec .table td:last-child{padding-right:0}
.det-sec .table td:first-child{color:var(--ink-55) !important}
.det-sec .table tr:last-child td{border-bottom:0}
.det-sec .content-body{color:var(--ink-70);line-height:1.65}
.det-sec .content-body p:last-child{margin-bottom:0}
@media (max-width:760px){.det-sec{padding:22px 20px}}

/* плюсы / минусы */
.pc-box{height:100%;border-radius:var(--r-md);padding:20px 22px}
.pc-box h3.h6{font-size:16px;margin:0 0 12px;text-transform:none;letter-spacing:-.01em}
.pc-box ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pc-box li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:var(--color-text)}
.pc-box li i{flex:none;margin-top:3px}
.pc-pros{background:#eefaf3}.pc-pros h3,.pc-pros li i{color:#16864d}
.pc-cons{background:#fff3f1}.pc-cons h3,.pc-cons li i{color:#d03a2c}

/* «Полезные разделы» */
.det-sub{background:#f5f8fc;border:0 !important;transition:background .15s,box-shadow .2s}
.det-sub:hover{background:#eaf3ff;box-shadow:0 0 0 1px rgba(18,115,234,.2)}

/* сайдбар */
.det-r .w,.det > div:last-child .w{box-shadow:0 0 0 1px rgba(15,27,45,.06)}

/* ── карточка .org: видимая граница и адаптивная шапка ── */
.org{
  position:relative;container-type:inline-size;
  box-shadow:0 0 0 1px rgba(15,27,45,.08),0 1px 2px rgba(15,27,45,.04);
}
.det-card .org,.det-sec .org{box-shadow:0 0 0 1px #d5deea}
.org:hover,.det-card .org:hover{box-shadow:0 0 0 1px rgba(18,115,234,.45),0 12px 32px rgba(18,115,234,.12)}

/* вся шапка карточки — ссылка (растянутая), кнопки остаются поверх */
.org-nm h4 a::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:1}
.org-acts,.org-acts .btn{position:relative;z-index:2}
.org-t{flex-wrap:wrap;gap:12px 14px;align-items:center}
.org-nm{flex:1 1 140px;min-width:0}
.org-nm h4{overflow-wrap:anywhere}
.org-rate{flex:none;margin-left:auto}
img.org-logo{max-width:100%}
/* в узких карточках (3 в ряд внутри страницы) логотип занимает свою строку */
@container (max-width:400px){
  img.org-logo{flex:0 0 100%;width:auto;max-width:100%;height:40px;object-position:left center}
  .org-t{padding-bottom:10px}
  .org-acts{flex-wrap:wrap}
  .org-acts .btn{flex:1 1 120px;padding:0 12px}
}
.org-specs li b{overflow-wrap:anywhere;min-width:0}

/* FAQ: единые отступы вопроса и ответа */
.faq details{padding:0}
.faq summary{padding:18px 22px;font-family:var(--font-body);font-weight:600;font-size:15.5px}
.faq details p{margin:0;padding:0 22px 18px;max-width:none}
.org-acts .btn{flex:1 1 110px}

/* ── футер: ровная сетка и аккуратный бренд-блок ── */
.ft-nav{grid-template-columns:minmax(240px,1.5fr) repeat(4,minmax(0,1fr));gap:32px 40px}
.ft-brand{max-width:340px}
.ft .logo-word{white-space:nowrap}
.ft .logo-word b{font-size:22px}
.ft-col ul{gap:11px}
@media (max-width:1100px){
  .ft-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}
  .ft-brand{grid-column:1 / -1;max-width:none}
}
@media (max-width:560px){
  .ft{margin-top:32px}
  .ft-nav{padding-top:32px;padding-bottom:24px}
}