/* Переключатель общий для трёх тем; палитры light и AERO изолированы. */
.landing-theme-select {
  max-width: 140px;
  min-height: 38px;
  padding: .45rem .55rem;
  border: 1px solid var(--bd2);
  border-radius: 9px;
  background: var(--bg2);
  color: var(--fg2);
  font: 500 .75rem 'Inter', sans-serif;
  cursor: pointer;
  color-scheme: inherit;
}
.landing-theme-select:focus-visible { outline: 2px solid var(--pr); outline-offset: 3px; }
.landing-theme-mobile { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .75rem 0; color: var(--fg2); }
.nav-mobile { overflow-y: auto; overscroll-behavior: contain; }
#nav > .cw { max-width: 1480px; }
/* Место для четырёх языков и дополнительного переключателя темы. */
@media (max-width: 1400px) {
  #nav .nl, #nav .nav-acts { display: none; }
  #nav .nav-burger { display: flex; }
}

/* Обычная светлая тема сохраняет бирюзовый бренд, композицию и движение. */
html.light:not(.aero) {
  --bg: #f8fbfa;
  --bg2: #eef5f3;
  --bg3: #e2eeea;
  --card: #ffffff;
  --card2: #f4f9f7;
  --pr: #00786b;
  --pr-rgb: 0, 120, 107;
  --pr-lt: #006b60;
  --pr-deep: #005f56;
  --pr-dim: rgba(0, 120, 107, .07);
  --pr-glow: rgba(0, 201, 177, .14);
  --cy: #006f89;
  --pu: #7050b1;
  --am: #8a5905;
  --red: #ba3039;
  --fg: #233e38;
  --fg2: #12362e;
  --mu: #536963;
  --mu2: #4d625e;
  --bd: #d6e5de;
  --bd2: #aaccc0;
  color-scheme: light;
}
html.light:not(.aero) body { background: var(--bg); color: var(--fg); }
html.light:not(.aero) ::selection { background: #b7eee3; color: var(--fg2); }
html.light:not(.aero) #nav { background: rgba(248, 251, 250, .94); border-bottom-color: var(--bd); }
html.light:not(.aero) .nav-mobile { background: rgba(248, 251, 250, .98); }
html.light:not(.aero) :is(.nav-mobile a, .hero-proof, .fbot) { border-color: var(--bd); }
html.light:not(.aero) .stag { background: var(--bg2); border-color: var(--bd); }
/* Яркая бирюза остаётся заливкой CTA; текстовые акценты темнее для контраста. */
html.light:not(.aero) :is(.bp, .lang button.on, .plbl) { background: #00c9b1; color: #06090c; }
html.light:not(.aero) .bp:hover { background: #7fe6d8; color: #06090c; }
html.light:not(.aero) .hlogo-core {
  background: radial-gradient(circle at 32% 30%, #d5f1e9, #ffffff 70%);
  box-shadow: 0 0 55px rgba(var(--pr-rgb), .16), inset 0 0 28px rgba(var(--pr-rgb), .08);
}
html.light:not(.aero) :is(.hcard, .day-task) {
  background: var(--card);
  border-color: var(--bd);
  box-shadow: 0 18px 40px -18px rgba(18, 54, 46, .24), 0 0 28px rgba(var(--pr-rgb), .05);
}
html.light:not(.aero) :is(.sgrid, .ac, .si, .rc, .roi-ctrl, #aiDemo, .pc, .fi) {
  background: var(--card);
  border-color: var(--bd);
}
html.light:not(.aero) :is(.ctab, .crow, .zrow, .rvin, .phdr td, .stop, .chart-area,
  .scth td, .ppr, .cma, .aid-input input, .aid-out, .rmd-plan) {
  background: var(--bg2);
  border-color: var(--bd);
}
html.light:not(.aero) .aid-input input::placeholder { color: var(--mu); opacity: 1; }
html.light:not(.aero) .ss.chaos.dim { opacity: 1; }
html.light:not(.aero) :is(.day-clock, .day-clock.zen .day-h-num) {
  background-image: linear-gradient(180deg, var(--fg2), var(--pr));
}
html.light:not(.aero) .day-prog { background: var(--bg3); }
html.light:not(.aero) .day-task.done { background: var(--card2); border-color: var(--bd2); }
html.light:not(.aero) :is(.slbl-r, .rv, .tw, .mzl, .rd, .ppbr, .day-task:not(.done) .tk) { color: var(--red); }
html.light:not(.aero) .hcard [style*="color:#ef4444"] { color: var(--red) !important; }
html.light:not(.aero) .llid { background: var(--bg3); box-shadow: 0 -2px 30px rgba(18, 54, 46, .12); }
html.light:not(.aero) .lbase { background: #cadbd4; }
html.light:not(.aero) :is(.av, .rav) { background: #dcefe8 !important; color: var(--pr-deep); }
html.light:not(.aero) #pricing { background: var(--bg); }
html.light:not(.aero) .pc.pop, html.light:not(.aero) .pc.pop::after { background: var(--card); }
html.light:not(.aero) .pc.pop { border-color: transparent; }
html.light:not(.aero) .pc:hover { box-shadow: 0 20px 50px rgba(18, 54, 46, .12); }
html.light:not(.aero) #partners .fu[style*="background:rgba(5,12,26"] { background: var(--card) !important; }
html.light:not(.aero) .fi.open { background: var(--card2); border-color: var(--bd2); }
html.light:not(.aero) footer { background: var(--bg2); border-color: var(--bd); }
html.light:not(.aero) .freqs b { color: var(--fg); }
html.light:not(.aero) [data-i18n="foot_online"] { color: var(--mu2) !important; }
html.light:not(.aero) #ticker { background: linear-gradient(180deg, transparent, rgba(248, 251, 250, .98) 30%); }
html.light:not(.aero) #boot { background: var(--bg); }
html.light:not(.aero) :is(#tele .tl-row, .sec-cmd, .mcb) { background: var(--card2); border-color: var(--bd); }
html.light:not(.aero) :is(.hero-hud, #cta .cta-prompt, .day-orb-s) { opacity: 1; }
html.light:not(.aero) #rs-migrate {
  background: var(--card) !important;
  color: var(--fg2) !important;
  border-color: var(--bd2) !important;
  box-shadow: 0 20px 50px rgba(18, 54, 46, .18) !important;
}
html.light:not(.aero) :is(#rs-mig-close, [data-i18n="mig_text"]) { color: var(--mu2) !important; }
html.light:not(.aero) #rs-mig-cta { background: #00c9b1 !important; color: #06090c !important; }

html.light.aero[data-theme="aero"] {
  --bg: #ffffff;
  --bg2: #f6f7fb;
  --bg3: #edf0f9;
  --card: #ffffff;
  --card2: #f7f8fc;
  --pr: #4263d8;
  --pr-rgb: 66, 99, 216;
  --pr-lt: #617ae0;
  --pr-deep: #304cb0;
  --pr-dim: #eef1fc;
  --pr-glow: transparent;
  --bone: #ffffff;
  --cy: #4263d8;
  --pu: #6959b3;
  --am: #946217;
  --red: #bd3d49;
  --fg: #242e46;
  --fg2: #182138;
  --mu: #657087;
  --mu2: #5a657d;
  --bd: #e4e8f1;
  --bd2: #cdd5ec;
  --r: 12px;
  --rl: 18px;
  --rxl: 24px;
  color-scheme: light;
}
html.aero body { background: var(--bg); color: var(--fg); }
html.aero ::selection { background: #dfe6ff; color: #182138; }
html.aero :is(h1, h2, h3) { letter-spacing: -.045em; color: var(--fg2); }
html.aero h2 { font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.12; }
html.aero section { padding-top: clamp(4.5rem, 7vw, 7rem); padding-bottom: clamp(4.5rem, 7vw, 7rem); }
html.aero .sh { padding-top: 0; max-width: 760px; margin-bottom: 3rem; }
html.aero .sh p { font-size: 1rem; line-height: 1.8; }
html.aero :is(.stag, .htag, .plbl) { letter-spacing: .03em; }
html.aero .stag { background: var(--pr-dim); border-color: var(--bd2); }
html.aero :is(.gt, .hero-title .line2, .day-clock, .zen .day-h-num, .day-result .rb, .sn, .roi-out) {
  background: none;
  -webkit-text-fill-color: currentColor;
  color: var(--pr);
}
html.aero :is(#boot, #neuroCanvas, #mouseGlow, .cur-dot, .cur-ring,
  .horb, .hgrid-bg, .hlogo-pulse, .hlogo-ring, .hlogo .radar, .hconn, .hpath,
  .giga, .hud-c, .sec-cmd, .section-scan,
  .hero-hud, #mcBanner, #tele, #ticker, .cta-gl, .cta-bg, .day-bg, .day-bg2) { display: none !important; }
html.aero body::before, html.aero #hstage::before, html.aero #hstage::after,
html.aero .hcard::before, html.aero .ac::after, html.aero .spot::before,
html.aero .pc.pop::before, html.aero .pc.pop::after, html.aero .si::before,
html.aero .stag::before { display: none !important; }
html.aero :is(.cpulse, .hping-dot, .ldot, .ndot, .hc-live, .hc-bar-f, .alv, .bdot, .fcore, .fcore-r, .hlogo-mark, .hlogo-mark *, .tk, .rmd-wip) { animation: none !important; }
html.aero :is(.bp, .bo, .bg, .ac, .si, .pc, .rc, .fi, .hcard, .fcore, .day-orb, .hlogo-core, .roi-card) { text-shadow: none; }
html.aero .fu { opacity: 1; transform: none; }
html.aero .h3d { transform: none !important; }

/* Навигация и основное действие читаются на любой поверхности. */
html.aero #nav { background: rgba(255, 255, 255, .96); border-bottom: 1px solid var(--bd); box-shadow: none; }
html.aero #nav.scrolled { background: rgba(255, 255, 255, .98); box-shadow: 0 4px 20px rgba(26, 40, 78, .04); }
html.aero .logo { color: var(--fg2); }
html.aero :is(.logo svg, .logo-mark) { filter: none; }
html.aero :is(.logo-mark, .hlogo-mark) g { fill: var(--pr); }
html.aero .lang { background: var(--bg2); border-color: var(--bd); }
html.aero .lang button { color: var(--mu2); }
html.aero .lang button.on { background: var(--pr); color: #fff; box-shadow: none; }
html.aero .landing-theme-select { color-scheme: light; background: #fff; }
html.aero .nav-mobile { background: #fff; backdrop-filter: none; }
html.aero .nav-mobile a { border-color: var(--bd); }
html.aero .nav-mobile a::before { display: none; }
html.aero .bp { background: var(--pr); color: #fff; box-shadow: none; border-color: var(--pr); }
html.aero .bp:hover { background: var(--pr-deep); color: #fff; box-shadow: none; transform: none; }
html.aero .bp::after { display: none; }
html.aero .bo { background: #fff; color: var(--fg2); border-color: var(--bd2); box-shadow: none; }
html.aero .bo:hover { background: var(--pr-dim); border-color: var(--pr); color: var(--pr); transform: none; box-shadow: none; }
html.aero .bg { color: var(--fg2); }
html.aero :is(a, button, input, select):focus-visible { outline: 2px solid var(--pr); outline-offset: 4px; }

/* Спокойная продуктовая витрина без декоративных свечений. */
html.aero #hero { background: #fff; padding-top: calc(var(--navh, 5rem) + 2rem); min-height: min(900px, 100svh); }
html.aero .hero-grid { gap: 3rem; }
html.aero .hero-title { font-size: clamp(2.75rem, 5.25vw, 4.5rem) !important; line-height: 1.06 !important; }
html.aero .hero-title .line2 { filter: none; }
html.aero .hero-desc { font-size: 1.0625rem; max-width: 510px; }
html.aero :is(.htag-g, .htag-c, .htag-p) { background: var(--pr-dim); color: var(--pr-deep); border-color: #dce3f9; border-radius: 6px; }
html.aero .hero-proof { border-color: var(--bd); }
html.aero :is(.av, .rav) { background: #e8edfc !important; color: var(--pr-deep); }
html.aero :is(.hping-dot, .ldot, .ndot, .hc-live, .alv, .bdot) { box-shadow: none; }
html.aero #hstage { height: auto; background: #f0f2fc; border: 1px solid #e4e8f7; border-radius: 32px; perspective: none; }
html.aero .h3d { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; padding: 1.5rem; }
html.aero .hlogo { position: relative; top: auto; left: auto; grid-column: 1 / -1; justify-self: center; width: 80px; height: 80px; transform: none; margin-bottom: .5rem; }
html.aero .hlogo-core { background: #fff; border: 1px solid var(--bd2); box-shadow: 0 12px 40px rgba(32, 45, 82, .05); }
html.aero .hlogo .hlogo-core { inset: 0; }
html.aero .hlogo-mark { color: var(--pr); filter: none; }
html.aero .hcard { background: #fff; border: 1px solid #dce2f1; box-shadow: 0 10px 28px rgba(32, 45, 82, .07), 0 2px 4px rgba(32, 45, 82, .03); backdrop-filter: none; }
html.aero #hstage :is(.hcard, .hbadge) { position: static; min-width: 0; transform: none !important; }
html.aero #hstage .hcard:has(.hc-grid3) { grid-column: 1 / -1; }
html.aero :is(.hc-lbl, .hc-meta, .hc-mono) { font-size: .68rem; }
html.aero .hc-sub { font-size: .65rem; }
html.aero :is(.hc-val, .hc-mono) { color: var(--fg2); text-shadow: none; }
html.aero .hc-bar { background: #e8ecf8; }
html.aero .hc-bar-f { background: var(--pr); box-shadow: none; }
html.aero .hbadge { background: var(--pr-dim) !important; color: var(--pr-deep) !important; border-color: var(--bd2) !important; justify-content: center; }

/* Единые поверхности сравнения, агентов, дашборда и отзывов. */
html.aero :is(#split, #showcase, #reviews, #faq) { background: var(--bg2); }
html.aero :is(#flow, #agents, #stats, #roadmap, #pricing, #partners, #cta) { background: #fff; }
html.aero #roi { background: #eef1fb; }
html.aero :is(.sgrid, .ac, .si, .rc, .fi, .pc, .roi-ctrl), html.aero #aiDemo { background: #fff; border: 1px solid var(--bd); box-shadow: 0 6px 24px rgba(32, 45, 82, .035); }
html.aero :is(.ctab, .crow, .zrow, .rvin, .phdr td, .stop, .chart-area, .scth td, .ppr, .cma, .aid-input input, .aid-out) { background: var(--bg2); color: var(--fg); border-color: var(--bd); }
html.aero :is(.crow, .zrow) { border-color: var(--bd); }
html.aero :is(.ss.chaos.dim, .ss.chaos) { opacity: 1; }
html.aero :is(.slbl-r, .rv, .tw) { color: var(--red); }
html.aero :is(.slbl-g, .zv) { color: #23745d; }
html.aero :is(.fn, .fcore) { background: var(--bg2); border-color: var(--bd2); box-shadow: none; }
html.aero .fcore-r { border-color: var(--bd2); }
html.aero .ac:hover { border-color: #b7c4ec; box-shadow: 0 10px 30px rgba(32, 45, 82, .07); transform: translateY(-3px); }
html.aero .ai { background: var(--pr-dim) !important; color: var(--pr) !important; border-color: var(--bd2) !important; }
html.aero :is(.rvout, .cmu, .pquota) { background: var(--pr-dim); border-color: #dae1f7; }
html.aero .ptbl td { border-color: var(--bd); }
html.aero :is(.llid, .lbase) { background: #e3e8f3; box-shadow: 0 20px 45px rgba(32, 45, 82, .1); border-color: #cdd5e8; }
html.aero .lscr { background: #fff; border-color: var(--bd); }
html.aero .lbase::after { background: #c4cde0; }
html.aero .si { border-radius: var(--rl); }
html.aero .si:hover { border-color: #b7c4ec; box-shadow: 0 8px 24px rgba(32, 45, 82, .05); }
html.aero .rq { color: var(--fg); }
html.aero .rscroll { grid-auto-rows: auto; align-items: start; }
html.aero .rc:nth-child(n) { grid-row: auto; margin-top: 0; }
html.aero .rmd-plan { background: #f1f3f8; color: var(--mu2); border-color: var(--bd2); }
html.aero .rmd-wip { background: #fff7e8; color: #946217; box-shadow: none; }

/* Сценарий прокрутки и калькулятор сохраняют исходное поведение. */
html.aero #dayOf { padding: 0; }
html.aero .day-pin { background: #f2f4fc; }
html.aero #dayOf .day-clock { color: var(--fg2); }
html.aero .day-prog { background: #dde3f2; }
html.aero .day-task { background: #fff; border-color: var(--bd2); box-shadow: 0 8px 28px rgba(32, 45, 82, .05); }
html.aero .day-task .tk { position: static; width: auto; height: auto; background: none; border-radius: 0; box-shadow: none; }
html.aero .day-orb { background: #e2e8fc; border-color: #c8d3f5; box-shadow: none; }
html.aero .day-result { color: var(--fg); }
html.aero .roi-out-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html.aero .roi-card { min-width: 0; container-type: inline-size; background: #fff; border-color: #d8e0f5; box-shadow: none; }
html.aero .roi-out { font-family: inherit; font-variant-numeric: tabular-nums; font-weight: 650; font-size: clamp(1.375rem, 19cqi, 2rem); }
html.aero .roi-out:has(#roiRev) { font-size: clamp(.9375rem, 12cqi, 2rem); }
html.aero .roi-card.roi-big .roi-out { font-size: clamp(1.375rem, 8cqi, 2.5rem); }
html.aero .roi-row label { flex-wrap: wrap; column-gap: .5rem; row-gap: .3rem; }
html.aero .roi-big { background: #e3e9fc; border-color: #c8d3f5; }
html.aero input[type="range"] { background: linear-gradient(to right, var(--pr) var(--rp, 0%), #d9e0f3 var(--rp, 0%)); accent-color: var(--pr); }
html.aero input[type="range"]::-webkit-slider-thumb { background: var(--pr); border: 3px solid #fff; box-shadow: 0 1px 5px rgba(32, 45, 82, .16); }
html.aero input[type="range"]::-moz-range-thumb { background: var(--pr); border: 3px solid #fff; box-shadow: 0 1px 5px rgba(32, 45, 82, .16); }
html.aero .aid-input input::placeholder { color: var(--mu); opacity: 1; }
html.aero .pmpt { color: var(--mu2); }
html.aero .pc { transform: none !important; }
html.aero .pc.pop { background: #f1f4ff; border: 1px solid #93a7e8; box-shadow: 0 12px 36px rgba(32, 45, 82, .07); }
html.aero .pc:hover { border-color: #93a7e8; box-shadow: 0 12px 36px rgba(32, 45, 82, .07); }
html.aero .plbl { background: var(--pr); color: #fff; box-shadow: none; }
html.aero .ac .plbl { position: static; background: none; color: var(--mu2); padding: 0; border-radius: 0; font-size: .65rem; text-transform: none; }
html.aero .pq-pro { background: #e4eafd; }
html.aero .pq-bonus { background: #fff5df; color: #82570f; }
html.aero .tsw { background: #e0e5f2; border-color: var(--bd2); }
html.aero .tsw.on { background: var(--pr); }
html.aero .tsw .tk { background: #fff; box-shadow: 0 1px 4px rgba(32, 45, 82, .12); }
html.aero .pt-card { background: var(--bg2); border-color: var(--bd); box-shadow: none; }
html.aero :is(.pt-card-cy, .pt-card-am) { background: var(--bg2); border-color: var(--bd); }
html.aero .pt-card:hover { box-shadow: 0 8px 24px rgba(32, 45, 82, .05); }
html.aero .pt-icon { background: #e6ebfc !important; color: var(--pr) !important; }
html.aero .fi.open { background: #fff; border-color: #c3cff1; }
html.aero .fa { color: var(--mu2); }
html.aero #cta { background: #eaf0ff; }
html.aero #cta .cw { position: relative; }
html.aero footer { background: #f7f8fb; border-top: 1px solid var(--bd); }
html.aero .freqs b { color: var(--fg); }
html.aero .fbot { border-color: var(--bd); }
html.aero [data-i18n="foot_online"] { color: var(--mu2) !important; }
html.aero .term-status { background: #edf0f8; border-color: var(--bd); color: var(--mu2); }
html.aero #rs-migrate { background: #fff !important; color: var(--fg) !important; border: 1px solid var(--bd2) !important; box-shadow: 0 12px 36px rgba(32, 45, 82, .13) !important; }
html.aero #rs-migrate :is(p, button, [data-i18n="mig_text"]) { color: var(--mu2) !important; }
html.aero #rs-migrate a { background: var(--pr) !important; color: #fff !important; }

@media (max-width: 900px) {
  html.aero #hero { min-height: auto; }
  html.aero .hero-grid { gap: 2.5rem; }
  html.aero #hstage { max-width: 620px; margin: 0 auto; }
}
@media (max-width: 580px) {
  .landing-theme-mobile { padding: .5rem 0; }
  .nav-mobile { padding-top: 5rem; padding-bottom: max(1.5rem, env(safe-area-inset-bottom)); }
  .nav-mobile a { padding: .7rem 0; font-size: 1.15rem; }
  .nav-mobile .nav-ctas { margin-top: 1rem; }
  html.aero #hero { padding-top: calc(var(--navh, 5rem) + 1rem); }
  html.aero .hero-title { font-size: clamp(2.15rem, 9.3vw, 3.35rem) !important; line-height: 1.08 !important; }
  html.aero .hero-desc { font-size: .98rem; }
  html.aero .hero-ctas { gap: .65rem; }
  html.aero .hero-ctas > a { flex: 0 0 auto; min-height: 48px; padding: .65rem 1.5rem; justify-content: center; }
  html.aero #hstage { transform: none; margin-bottom: 0; border-radius: 24px; }
  html.aero .h3d { padding: .875rem; gap: .6rem; }
  html.aero .hcard { padding: .75rem; }
  html.aero .hc-val { font-size: 1.25rem; }
  html.aero .hc-lbl { font-size: .6rem; }
  html.aero .sh { margin-bottom: 2rem; }
  html.aero :is(.pc, .roi-ctrl, .pt-card) { border-radius: 18px; }
  html.aero .roi-card { padding: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
  html.aero { scroll-behavior: auto; }
  html.aero *, html.aero *::before, html.aero *::after { animation: none !important; transition: none !important; }
}