:root{
  --bg-canvas:#f7f8fa; --bg-surface:#fff; --bg-subtle:#f4f5f7; --bg-muted:#eef0f3;
  --bg-hover:#f5f6f8; --bg-inverse:#111316; --bg-active:#eaf2fe;
  --fg-primary:#14161a; --fg-secondary:#5b6370; --fg-tertiary:#9098a4;
  --fg-on-accent:#fff; --fg-on-inverse:#fff;
  --border-subtle:#eef0f3; --border:#e3e6eb; --border-strong:#cdd2da;
  --accent:#1a73e8; --accent-hover:#1763c9; --accent-press:#1456ae;
  --accent-soft:#eaf2fe; --accent-soft-hover:#dfeafd; --accent-text:#1456ae;
  --success:#1ea863; --success-soft:#e3f5ec; --success-text:#0f6f3e;
  --warning:#d18800; --warning-soft:#fbf1d9; --warning-text:#8a5800;
  --wb:#8b3ff0; --wb-soft:#f1e7fd; --ozon:#005bff; --ozon-soft:#e0ebff;
  --yandex:#ffcc00; --yandex-soft:#fff7d6;

  --font-display:'Manrope','Plus Jakarta Sans',sans-serif;
  --font-sans:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;

  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;
  --space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:96px;
  --radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-pill:999px;
  --shadow-sm:0 1px 2px rgba(15,19,25,.06),0 1px 3px rgba(15,19,25,.04);
  --shadow-md:0 2px 4px rgba(15,19,25,.05),0 4px 12px rgba(15,19,25,.06);
  --shadow-lg:0 4px 8px rgba(15,19,25,.05),0 12px 32px rgba(15,19,25,.10);
  --shadow-focus:0 0 0 3px rgba(26,115,232,.18);
  --ease:cubic-bezier(.65,0,.35,1); --fast:140ms; --medium:220ms;

  --wrap:1280px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg-canvas);color:var(--fg-primary);
  font-family:var(--font-sans);font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-hover)}
:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}
h1,h2,h3,h4{font-family:var(--font-display);margin:0;letter-spacing:-.022em;line-height:1.15;text-wrap:balance}
p{margin:0}
ul{margin:0;padding:0;list-style:none}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--space-6)}
@media(max-width:600px){.wrap{padding:0 var(--space-4)}}

.section{padding:clamp(var(--space-9),6.5vw,var(--space-12)) 0}
.section--surface{background:var(--bg-surface);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}
.section--inverse{background:var(--bg-inverse);color:var(--fg-on-inverse)}

.stack{display:flex;flex-direction:column;gap:var(--space-4)}
.stack--lg{gap:var(--space-7)}
.measure{max-width:62ch}

/* ---------- шапка ---------- */
.header{
  position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border);
}
.header__inner{position:relative;display:flex;align-items:center;gap:var(--space-6);height:64px}
.logo{display:inline-flex;flex-direction:column;line-height:1.1;color:var(--fg-primary)}
.logo b{
  font-family:var(--font-display);font-weight:800;font-size:21px;
  letter-spacing:-.005em;text-transform:uppercase;
}
.logo b i{font-style:normal;color:var(--accent)}
.logo small{font-size:11.5px;font-weight:500;color:var(--fg-secondary);margin-top:3px;letter-spacing:0}
.nav{display:flex;align-items:center;gap:4px;margin-left:var(--space-5)}
.nav a{padding:7px 12px;border-radius:var(--radius-sm);color:var(--fg-secondary);font-size:13px;font-weight:500;transition:color var(--fast) var(--ease),background var(--fast) var(--ease)}
.nav a:hover{color:var(--fg-primary);background:var(--bg-hover)}
.header__actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-3)}

/* бургер: чекбокс вместо скрипта — меню остаётся в HTML и читается машиной */
.burger{display:none}
.burger__toggle{position:absolute;opacity:0;width:0;height:0}
.burger__btn{
  display:none;align-items:center;justify-content:center;width:40px;height:40px;
  border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer;
}
.burger__btn span{display:block;width:17px;height:1.5px;background:var(--fg-primary);position:relative}
.burger__btn span::before,.burger__btn span::after{content:"";position:absolute;left:0;width:17px;height:1.5px;background:var(--fg-primary)}
.burger__btn span::before{top:-5px}
.burger__btn span::after{top:5px}
.burger__toggle:focus-visible + .burger__btn{box-shadow:var(--shadow-focus)}

@media(max-width:900px){
  .nav{
    display:none;position:absolute;top:64px;left:0;right:0;
    flex-direction:column;align-items:stretch;gap:0;margin:0;
    background:var(--bg-surface);border-bottom:1px solid var(--border);
    box-shadow:var(--shadow-lg);padding:var(--space-3);max-height:calc(100vh - 64px);overflow-y:auto;
  }
  .burger__toggle:checked ~ .nav{display:flex}
  .burger__btn{display:flex;order:3}
  .header__actions{order:2;margin-left:auto}
  .nav > a,.nav__item > a{display:block;padding:var(--space-3);border-radius:var(--radius-md);font-size:16px;color:var(--fg-primary);font-weight:600}
  .nav__item > a::after{float:right;margin-top:8px}
  .dropdown{
    position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;
    border:none;border-left:2px solid var(--border);border-radius:0;
    margin:0 0 var(--space-2) var(--space-4);padding:0 0 0 var(--space-2);min-width:0;
  }
  .dropdown a{font-size:15px;font-weight:500}
}
@media(max-width:640px){
  .header__inner{gap:var(--space-3)}
  .header__actions .btn--ghost{display:none}
  .header__actions .btn--primary{padding:10px 14px;font-size:14.5px}
  .logo small{display:none}
  .logo b{font-size:19px}
}

/* выпадающее меню без скриптов */
.nav__item{position:relative}
.nav__item > a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.dropdown{
  position:absolute;top:100%;left:-14px;min-width:290px;padding:var(--space-3);
  background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-4px);
  transition:opacity var(--fast) var(--ease),transform var(--fast) var(--ease),visibility var(--fast);
  display:flex;flex-direction:column;gap:2px;
}
.nav__item:hover .dropdown,.nav__item:focus-within .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown a{display:block;padding:var(--space-3);border-radius:var(--radius-md);color:var(--fg-primary);font-size:15px;font-weight:600;transition:background var(--fast) var(--ease)}
.dropdown a:hover{background:var(--bg-hover)}
.dropdown small{display:block;font-weight:400;font-size:13.5px;color:var(--fg-secondary);margin-top:2px;line-height:1.4}

/* ---------- кнопки ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);
  font-family:var(--font-sans);font-size:15px;font-weight:600;line-height:1;
  padding:11px 18px;border-radius:var(--radius-md);border:1px solid transparent;
  cursor:pointer;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease);white-space:nowrap;
}
.btn--primary{background:var(--accent);color:var(--fg-on-accent);box-shadow:var(--shadow-sm)}
.btn--primary:hover{background:var(--accent-hover);color:#fff}
.btn--secondary{background:var(--bg-surface);color:var(--fg-primary);border-color:var(--border-strong)}
.btn--secondary:hover{background:var(--bg-hover);color:var(--fg-primary)}
.btn--ghost{color:var(--fg-secondary);padding:11px 10px}
.btn--ghost:hover{color:var(--fg-primary)}
.btn--lg{font-size:16px;padding:14px 24px;border-radius:var(--radius-lg)}
.btn--block{width:100%}

/* ---------- первый экран ---------- */
.hero{padding:clamp(var(--space-9),7vw,var(--space-12)) 0;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}
.hero h1{font-size:clamp(33px,1.6rem + 1.9vw,52px);font-weight:800;letter-spacing:-.033em;line-height:1.07;max-width:16ch}
.hero__sub{font-size:clamp(17px,16px + .3vw,19px);color:var(--fg-secondary);max-width:46ch;margin-top:var(--space-5);line-height:1.6}
.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-6);margin-top:var(--space-7)}
.hero__link{font-size:16px;font-weight:600;color:var(--accent)}
.hero__link::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:translateY(-1px) rotate(45deg)}
.hero__link:hover{color:var(--accent-hover)}
.hero__micro{margin-top:var(--space-5);font-size:14.5px;line-height:1.5;color:var(--fg-tertiary);max-width:44ch}

/* ---------- макет ответа Алисы в первом экране ---------- */
.hero__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-9);align-items:center}
@media(min-width:1000px){.hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,520px)}}

.shot{
  background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);
  box-shadow:var(--shadow-lg);overflow:hidden;
}
.shot__bar{
  display:flex;align-items:center;gap:8px;padding:10px 14px;
  background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle);
}
.shot__dots{display:flex;gap:5px}
.shot__dots i{width:8px;height:8px;border-radius:50%;background:var(--border-strong);display:block}
.shot__url{
  margin-left:auto;font-size:11.5px;color:var(--fg-tertiary);background:var(--bg-surface);
  border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px 12px;
}
.shot__body{padding:var(--space-5) var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}
.shot__q{
  display:flex;align-items:center;gap:10px;padding:11px 14px;
  border:1px solid var(--border);border-radius:var(--radius-pill);
  font-size:14.5px;color:var(--fg-primary);background:var(--bg-canvas);
}
.shot__q svg{flex:none;color:var(--fg-tertiary)}
.shot__badge{
  display:inline-flex;align-items:center;gap:7px;align-self:flex-start;
  font-size:12.5px;font-weight:600;color:var(--accent-text);background:var(--accent-soft);
  padding:4px 10px;border-radius:var(--radius-pill);
}
.shot__badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.shot__answer{font-size:14.5px;line-height:1.55;color:var(--fg-secondary)}
.shot__list{display:flex;flex-direction:column;gap:8px}
.shot__src{
  display:flex;align-items:center;gap:10px;padding:9px 12px;
  border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-canvas);font-size:13.5px;
}
.shot__src b{font-weight:600;color:var(--fg-primary)}
.shot__src span{margin-left:auto;font-size:12px;color:var(--fg-tertiary)}
.shot__gap{
  display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:var(--radius-md);
  background:var(--warning-soft);color:var(--warning-text);font-size:13.5px;font-weight:600;
}
.shot__gap::before{
  content:"";flex:none;width:16px;height:16px;border-radius:50%;
  border:2px dashed currentColor;opacity:.65;
}
.shot__note{font-size:12px;color:var(--fg-tertiary);text-align:right;margin-top:var(--space-3)}

/* ---------- заголовки секций ---------- */
.head{max-width:720px;margin-bottom:var(--space-9)}
.head h2{font-size:clamp(28px,1.5rem + 1.2vw,40px);font-weight:700;letter-spacing:-.03em;line-height:1.1}
.head p{margin-top:var(--space-4);color:var(--fg-secondary);font-size:17px;line-height:1.6;max-width:56ch}

/* ---------- сетки ---------- */
.grid{display:grid;gap:var(--space-4)}
.grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.grid--3{grid-template-columns:repeat(auto-fit,minmax(268px,1fr))}
.grid--facts{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--space-8)}

/* ---------- карточки ---------- */
.card{
  background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);
  box-shadow:var(--shadow-sm);transition:box-shadow var(--medium) var(--ease),border-color var(--medium) var(--ease);
}
.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}
.card--feature{border-color:var(--accent)}
.card h3{font-size:19px;font-weight:700}
.card p{color:var(--fg-secondary);font-size:15.5px;line-height:1.5}
.card__list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}
.card__list li{position:relative;padding-left:22px;font-size:15px;line-height:1.45;color:var(--fg-secondary)}
.card__list li::before{
  content:"";position:absolute;left:2px;top:7px;width:9px;height:5px;
  border-left:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:rotate(-45deg);
}
.card__foot{margin-top:auto;padding-top:var(--space-5);border-top:1px solid var(--border-subtle);display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}

/* ---------- эволюция ---------- */
.evo{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:var(--space-4)}
.evo__item{
  background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);position:relative;
}
.evo__item--now{border-color:var(--accent);box-shadow:var(--shadow-md)}
.evo__era{font-size:14px;font-weight:600;color:var(--fg-tertiary)}
.evo__item--now .evo__era{color:var(--accent-text)}
.evo__item h3{font-size:19px;font-weight:700}
.evo__row{display:flex;gap:var(--space-3);font-size:15px;line-height:1.45}
.evo__row dt{flex:none;width:64px;color:var(--fg-tertiary)}
.evo__row dd{margin:0;color:var(--fg-secondary)}
.evo__note{
  margin-top:var(--space-6);padding:var(--space-5) var(--space-6);
  background:var(--bg-active);border-radius:var(--radius-lg);
  font-size:16.5px;line-height:1.5;max-width:68ch;
}

/* ---------- вход и результат этапа ---------- */
.io{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--space-3);margin-top:var(--space-4)}
.io > div{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}
.section--surface .io > div{background:var(--bg-subtle)}
.io dt{font-size:13px;color:var(--fg-tertiary);margin-bottom:2px}
.io dd{margin:0;font-size:14.5px;line-height:1.4;color:var(--fg-primary);font-weight:500}

/* ---------- клиенты ---------- */
.who{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4)}
.who__item{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}
.who__item h3{font-size:18px;font-weight:700}
.who__item p{font-size:15.5px;line-height:1.5;color:var(--fg-secondary)}
.who__item .who__task{color:var(--fg-primary);font-weight:500}
.team{
  margin-top:var(--space-7);display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:var(--space-6);padding-top:var(--space-7);border-top:1px solid var(--border);
}
.team div b{display:block;font-family:var(--font-display);font-size:27px;font-weight:800;letter-spacing:-.03em;line-height:1;margin-bottom:var(--space-2)}
.team div span{font-size:15px;color:var(--fg-secondary);line-height:1.45}

/* ---------- процесс ---------- */
.steps{display:grid;gap:0;max-width:860px}
.step{display:grid;grid-template-columns:auto 1fr;gap:var(--space-5);padding:var(--space-6) 0;border-bottom:1px solid var(--border)}
.step:last-child{border-bottom:none}
.step__n{
  width:34px;height:34px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);
  display:grid;place-items:center;font-size:15px;font-weight:700;font-family:var(--font-display);
}
.step h3{font-size:18px;font-weight:700;margin-bottom:var(--space-2)}
.step p{color:var(--fg-secondary);font-size:16px;line-height:1.5;max-width:60ch}
@media(max-width:560px){.step{gap:var(--space-4);padding:var(--space-5) 0}}
.card__price{font-size:15px;font-weight:600;color:var(--fg-primary)}
.card__link{font-size:15px;font-weight:600;color:var(--accent)}

.tag{
  display:inline-flex;align-self:flex-start;align-items:center;
  font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:var(--radius-pill);
}
.tag--wb{background:var(--wb-soft);color:#5f24ad}
.tag--beta{background:var(--warning-soft);color:var(--warning-text)}
.tag--new{background:var(--yandex-soft);color:#7a5c00}
.tag--accent{background:var(--accent-soft);color:var(--accent-text)}

/* ---------- факты ---------- */
.fact{display:flex;flex-direction:column;gap:var(--space-2)}
.fact b{font-family:var(--font-display);font-size:clamp(34px,2rem + 1.5vw,46px);font-weight:800;letter-spacing:-.035em;line-height:1;color:#fff}
.fact p{font-size:15.5px;color:#b9c0cb;line-height:1.45;max-width:30ch}
.fact cite{font-style:normal;font-size:13.5px;color:#7e8794}

/* ---------- цитата ---------- */
.pull{
  font-family:var(--font-display);font-size:clamp(21px,1.15rem + .9vw,28px);line-height:1.25;
  font-weight:700;letter-spacing:-.022em;max-width:24ch;color:var(--fg-primary);
}

/* ---------- FAQ ---------- */
.faq{display:flex;flex-direction:column;gap:var(--space-3);max-width:760px}
.faq details{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}
.faq summary{
  padding:var(--space-5) var(--space-6);cursor:pointer;font-weight:600;font-size:17px;
  list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:9px;height:9px;border-right:2px solid var(--fg-tertiary);border-bottom:2px solid var(--fg-tertiary);transform:rotate(45deg) translateY(-3px);transition:transform var(--fast) var(--ease)}
.faq details[open] summary::after{transform:rotate(-135deg) translateY(-3px)}
.faq summary:hover{background:var(--bg-hover)}
.faq .faq__body{padding:0 var(--space-6) var(--space-5);color:var(--fg-secondary);font-size:16px;line-height:1.55;max-width:64ch}

/* ---------- форма ---------- */
.cta{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-9);align-items:start}
.form{
  background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:var(--space-6);box-shadow:var(--shadow-md);
  display:flex;flex-direction:column;gap:var(--space-3);
}
.field{
  width:100%;font-family:var(--font-sans);font-size:16px;color:var(--fg-primary);line-height:1.5;
  padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle);
}
textarea.field{min-height:84px;resize:vertical}
.field::placeholder{color:var(--fg-tertiary)}
.field:focus{outline:none;box-shadow:var(--shadow-focus);border-color:var(--accent);background:var(--bg-surface)}

.consent{display:flex;gap:var(--space-3);align-items:flex-start;font-size:13.5px;color:var(--fg-secondary);line-height:1.45}
.consent input{width:17px;height:17px;flex:none;margin-top:2px;accent-color:var(--accent)}

.form__note{font-size:13.5px;color:var(--fg-tertiary);line-height:1.45}

/* ---------- подвал ---------- */
.footer{background:var(--bg-surface);border-top:1px solid var(--border);padding:var(--space-10) 0 var(--space-7)}
.footer__cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--space-9);align-items:start;padding-bottom:var(--space-7);border-bottom:1px solid var(--border)}
@media(max-width:880px){.footer__cols{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.footer__cols{grid-template-columns:1fr;gap:var(--space-7)}}
.footer h4{font-family:var(--font-sans);font-size:14px;font-weight:700;color:var(--fg-primary);margin:0 0 var(--space-4)}
.footer__col ul{display:flex;flex-direction:column;gap:10px}
.footer li{margin:0}
.footer li a{color:var(--fg-secondary);font-size:15px}
.footer li a:hover{color:var(--fg-primary)}
.footer__about{max-width:28ch;color:var(--fg-secondary);font-size:15px;line-height:1.5;margin-top:var(--space-4)}
.footer__bottom{
  padding-top:var(--space-6);display:flex;flex-wrap:wrap;justify-content:space-between;
  gap:var(--space-3) var(--space-7);align-items:center;font-size:13px;color:var(--fg-tertiary);
}
.footer__bottom a{color:var(--fg-secondary)}
.footer__bottom a:hover{color:var(--fg-secondary)}

@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* ---------- юридический текст ---------- */
.legal{max-width:760px;display:flex;flex-direction:column;gap:var(--space-4);font-size:16px;line-height:1.6}
.legal h2{font-size:21px;font-weight:700;margin-top:var(--space-5)}
.legal p{color:var(--fg-primary)}
.legal__list{padding-left:1.2rem;display:flex;flex-direction:column;gap:var(--space-2);list-style:disc}
.legal .tbl td,.legal .tbl th{font-size:14.5px}

/* ---------- блог ---------- */
.rubs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6)}
.rubs a{font-size:14px;font-weight:600;color:var(--fg-primary);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:8px 14px;transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease)}
.rubs a:hover{border-color:var(--border-strong);background:var(--bg-hover);color:var(--fg-primary)}
.plan{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}
.plan__rub{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6)}
.plan__rub h3{font-size:17px;font-weight:700;margin-bottom:var(--space-3)}
.plan__rub ul{display:flex;flex-direction:column;gap:var(--space-2);padding-left:1.1rem;list-style:disc}
.plan__rub li{font-size:15px;line-height:1.45;color:var(--fg-secondary)}
.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}
.post{display:flex;flex-direction:column;gap:var(--space-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);color:var(--fg-primary);box-shadow:var(--shadow-sm);transition:box-shadow var(--medium) var(--ease),border-color var(--medium) var(--ease)}
.post:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);color:var(--fg-primary)}
.post h3{font-size:18px;font-weight:700;line-height:1.3}
.post p{font-size:15px;line-height:1.5;color:var(--fg-secondary)}
.post__tag{display:inline-flex;align-self:flex-start;font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text)}
.post__meta{margin-top:auto;padding-top:var(--space-2);font-size:13.5px;color:var(--fg-tertiary)}