:root { --bg:#fdfcfc; --surface:#fff; --fg:rgba(3,3,6,0.88); --muted:rgba(4,4,19,0.56); --border:#e7e8ea; --accent:oklch(63% 0.19 38); --accent-hover:#ff4a3e; /* --inverse:#0e0e0e; */ --inverse:#000000; --inverse-2:#1c1c1e; --inverse-3:#27272a; --section:#f2f3f5; --telegram:oklch(35% 0.14 277); --text-inv:rgba(255,255,255,0.94); --spacing-xs:0.5rem; --spacing-s:1rem; --spacing-m:1.5rem; --spacing-l:2rem; --spacing-xl:3rem; --spacing-2xl:4rem; --spacing-3xl:5rem; --spacing-4xl:5.5rem; --radius-m:0.5rem; --radius-l:0.75rem; --radius-xl:1rem; --radius-2xl:1.5rem; --radius-3xl:2rem; --radius-4xl:3rem; --radius-pill:62.4375rem; --header-h:6rem; --container:1540px; --font-sans:'Myriad Pro','Myriad Web Pro','Myriad Web',system-ui,'Segoe UI',sans-serif; --font-display:var(--font-sans); --font-body:var(--font-sans); --font-accent:var(--font-sans); --font-myriad:var(--font-sans); --font-mono:ui-monospace,'JetBrains Mono','IBM Plex Mono',Menlo,monospace; --tariff-core:oklch(28% 0.14 278); --tariff-interaction:oklch(52% 0.28 278); --tariff-accent:oklch(63% 0.19 38); --tariff-shadow:0 8px 28px oklch(27% 0.09 272 / 0.05); --tariff-ring:oklch(63% 0.19 38 / 0.25); /* Фокус полей в блоке регистрации (аналог tb-cyan) */ --form-focus-ring:oklch(72% 0.14 220); --reg-lift-shadow:0 18px 50px oklch(27% 0.06 272 / 0.12),0 8px 20px oklch(63% 0.19 38 / 0.08); /* Трек табов регистрации (аналог bg-tb-bg из референса) */ --tb-bg:oklch(93% 0.03 274);}*,*::before,*::after { box-sizing:border-box;}.img-standart { width:100%; height:100%; object-fit:cover;}html { -webkit-font-smoothing:antialiased; scroll-behavior:smooth; font-family:var(--font-sans);}.font-sans { font-family:var(--font-sans);}body { margin:0; min-width:0; background:var(--bg); color:var(--fg); font-family:var(--font-body); font-size:1rem; line-height:1.5rem; letter-spacing:-0.01em;}img { display:block; max-width:100%;}a { color:inherit; text-decoration:none;}button { font:inherit; cursor:pointer; border:none; background:none;}input,select,textarea { font:inherit; width:100%; border:1px solid var(--border); border-radius:var(--radius-m); padding:0.625rem 0.875rem; background:var(--surface); color:var(--fg);}input:focus,select:focus,textarea:focus { outline:2px solid rgba(239,49,36,0.35); outline-offset:1px;}.container { width:100%; max-width:var(--container); margin:0 auto; padding:0 1rem;}.heading-1 { font-family:var(--font-display); font-weight:900; font-size:clamp(1.75rem,4vw,3rem); line-height:1.1; letter-spacing:-0.09rem; text-align:center; margin:0;}.heading-promo-1 { font-family:var(--font-display); font-weight:900; font-size:clamp(2rem,5.2vw,5.25rem); line-height:1; letter-spacing:-0.1575rem; margin:0;}.heading-promo-0 { font-family:var(--font-display); font-weight:900; font-size:clamp(1.5rem,3vw,3.25rem); line-height:1.1; letter-spacing:-0.0975rem; margin:0 0 2.125rem; color:var(--text-inv);}.kicker { display:inline-block; font-family:var(--font-accent); font-weight:600; font-size:0.875rem; line-height:1.25rem; letter-spacing:0.02em; text-transform:uppercase; color:var(--muted); margin-bottom:1rem;}.hero .kicker { color:rgba(255,255,255,0.72);}.btn { display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; border-radius:var(--radius-m); font-family:var(--font-accent); font-weight:500; white-space:nowrap; text-decoration:none; cursor:pointer;}.btn--xl { height:3.5rem; padding:0 1.75rem; font-size:1.125rem; line-height:1.5rem;}.btn--l { height:3rem; padding:0 1.75rem; font-size:1rem; line-height:1.5rem;}.btn--primary { /* background:var(--accent); */ background-color:oklch(35% 0.14 277); color:var(--text-inv);}.btn--primary:hover { /* background:var(--accent-hover); */}.btn--secondary { background:var(--inverse); color:var(--text-inv);}.btn--outline { background:transparent; color:var(--fg); border:1px solid var(--inverse);}.btn--outline-inv { background:transparent; color:var(--text-inv); border:1px solid rgba(255,255,255,0.55);}.btn--outline-inv:hover { background:rgba(255,255,255,0.08);}.btn--white { background:var(--surface); color:var(--fg);}.btn--pill { border-radius:var(--radius-pill);}.hero__actions { display:flex; flex-wrap:wrap; gap:0.75rem; align-items:center; margin-bottom:100px;}.sub-bar { background:var(--inverse); padding:0.5rem 1rem; display:flex; align-items:center; justify-content:center; position:relative;}.sub-bar__text { color:var(--text-inv); font-weight:700; font-size:clamp(0.9375rem,2vw,1.375rem); line-height:1.4; letter-spacing:-0.01em; text-align:center;}.sub-bar__close { position:absolute; right:0.5rem; color:var(--text-inv); width:2rem; height:2rem; display:flex; align-items:center; justify-content:center; opacity:0.7;}.header { /* Явный белый:шапка отделена от фиолетового пояса `.hero-wrap` */ position:relative; z-index:260; background-color:#fff; /* border-bottom:1px solid var(--border); */ min-height:var(--header-h); display:flex; align-items:center; padding:0.75rem 0;}.header__inner { display:flex; align-items:center; justify-content:space-between; gap:0.75rem; width:100%;}@media (max-width:1279px) { .header__inner {  justify-content:flex-start;  padding-right:3.75rem; }}@media (max-width:1279px) and (min-width:640px) { .header__inner {  padding-right:9rem; }}@media (max-width:1279px) and (min-width:768px) { .header__inner {  padding-right:15rem; }}@media (max-width:1279px) and (min-width:1024px) { .header__inner {  padding-right:22rem; }}.header__brand { display:flex; align-items:center; min-width:0; flex-shrink:0;}.header__logo img { height:2.5rem; width:auto;}/* Десктопное меню:по центру между логотипом и CTA (см. grid на .header__inner) */.header__nav-main { display:none; flex-wrap:wrap; gap:0.25rem; justify-content:center; align-items:center; margin:0; padding:0; min-width:0;}.header__nav-main a { padding:0.5rem 0.75rem; font-family:var(--font-myriad); font-weight:500; font-size:0.9375rem; line-height:1.5rem; letter-spacing:0.012em; color:var(--muted); border-radius:var(--radius-pill); transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;}.header__nav-main a:hover { color:var(--fg); background-color:color-mix(in oklch,var(--fg) 6%,transparent); box-shadow:inset 0 0 0 1px var(--border);}.header__nav-main a:focus-visible { outline:2px solid var(--form-focus-ring); outline-offset:3px;}.header__nav-main a:active { background-color:color-mix(in oklch,var(--fg) 10%,transparent);}.header__actions { display:inline-flex; flex-wrap:nowrap; gap:0.5rem; justify-content:flex-end; align-items:center; justify-self:end; width:max-content; max-width:100%;}/* Три CTA всегда соседней группой (отдельно от бургера) */.header__actions-cta { display:inline-flex; flex-wrap:wrap; align-items:center; gap:0.5rem;}.lang-switch { display:inline-flex; align-items:center; gap:0.15rem; font-size:0.8125rem; font-weight:600; line-height:1; flex-shrink:0;}.lang-switch__btn { color:color-mix(in oklch,var(--fg) 55%,transparent); text-decoration:none; padding:0.35rem 0.4rem; border-radius:0.35rem; transition:color 0.15s ease,background-color 0.15s ease;}.lang-switch__btn:hover { color:var(--fg); background-color:color-mix(in oklch,var(--fg) 8%,transparent);}.lang-switch__btn--active { color:var(--fg);}.lang-switch__sep { color:color-mix(in oklch,var(--fg) 35%,transparent); user-select:none;}.mobile-panel__lang { display:flex; align-items:center; justify-content:center; gap:0.35rem; padding:0.75rem 1rem 0.25rem; border-bottom:1px solid color-mix(in oklch,var(--fg) 12%,transparent); margin-bottom:0.5rem;}@media (max-width:1279px) { .header__actions {  position:fixed;  top:1.25rem;  right:max(1rem,env(safe-area-inset-right,0px));  z-index:249;  max-width:calc(100vw - 2rem);  pointer-events:auto; } .header__actions-cta {  display:none; } .header__actions > .lang-switch {  display:none; }}@media (min-width:640px) { .header__actions,.header__actions-cta {  gap:0.75rem; }}.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}/* Шапка:как TechBridge — бургер + три CTA с responsive-появлением */.header-actions__burger { display:none; align-items:center; justify-content:center; width:2.75rem; height:2.75rem; flex-shrink:0; border-radius:var(--radius-2xl); border:1px solid var(--border); background:var(--surface); color:var(--fg); font-size:1.125rem; line-height:1; transition:background-color 0.2s ease;}.header-actions__burger:hover { background:var(--section);}.header-actions__burger:focus-visible { outline:2px solid var(--form-focus-ring); outline-offset:3px;}.header-actions__pill { display:none; align-items:center; justify-content:center; padding:0.5rem 1rem; border-radius:var(--radius-pill); font-family:var(--font-myriad); font-weight:600; font-size:0.875rem; line-height:1.25rem; color:#fff; white-space:nowrap; transition: background-color 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;}.header-actions__pill.js-lead-open { display:inline-flex; text-decoration:none; cursor:pointer;}.header-actions__pill--ghost { border:1px solid var(--border); background:var(--surface); color:var(--fg);}.header-actions__pill--ghost:hover { background:var(--section);}.header-actions__pill--ghost:focus-visible { outline:2px solid var(--form-focus-ring); outline-offset:3px;}/* «Регистрация · вендор» — акцент как основная кнопка платформы */.header-actions__pill--accent { border:none; background-color:oklch(63% 0.19 38); box-shadow:0 10px 28px rgba(160,72,28,0.32);}.header-actions__pill--accent:hover { filter:brightness(1.06);}.header-actions__pill--accent:focus-visible { outline:2px solid var(--form-focus-ring); outline-offset:3px;}/* «Я специалист» — вторичный акцент (как interaction на референсе) */.header-actions__pill--interaction { border:none; background-color:oklch(52% 0.28 278);}.header-actions__pill--interaction:hover { filter:brightness(1.05);}.header-actions__pill--interaction:focus-visible { outline:2px solid var(--form-focus-ring); outline-offset:3px;}@media (min-width:640px) { .header-actions__pill--login {  display:inline-flex; }}@media (min-width:768px) { .header-actions__pill--vendor {  display:inline-flex; }}@media (min-width:1024px) { .header-actions__pill--spec {  display:inline-flex; }}/* ≥1280:лого слева,CTA справа; меню по середине между ними (не центр экрана) */@media (min-width:1280px) { .header__inner {  position:relative;  display:flex;  align-items:center;  justify-content:flex-start;  column-gap:1rem; } .header__brand {  flex:0 0 auto; } .header__nav-main {  position:absolute;  left:var(--header-nav-x,50%);  top:50%;  transform:translate(-50%,-50%);  z-index:1;  display:flex;  justify-content:center;  pointer-events:auto; } .header__actions {  position:static;  top:auto;  right:auto;  z-index:auto;  flex:0 0 auto;  margin-left:auto;  max-width:100%; } .header__actions-cta {  flex-wrap:nowrap;  gap:0.5rem; } .header-actions__pill--login,.header-actions__pill--vendor,.header-actions__pill--spec {  display:inline-flex; }}@media (max-width:1279px) { .header-actions__burger {  display:inline-flex; }}.mobile-panel-backdrop { position:fixed; inset:0; z-index:240; background-color:rgba(3,3,6,0.45); opacity:0; transition:opacity 0.3s ease; pointer-events:none;}.mobile-panel-backdrop.is-open { opacity:1; pointer-events:auto;}.mobile-panel-backdrop[hidden] { display:none !important;}.mobile-panel { position:fixed; top:0; right:0; z-index:250; display:flex; flex-direction:column; width:min(18.5rem,88vw); height:100dvh; max-height:100dvh; padding:calc(var(--header-h) + 0.75rem) 1.25rem 1.5rem; overflow-x:hidden; overflow-y:auto; background-color:var(--surface); border-left:1px solid var(--border); box-shadow:-8px 0 32px rgba(0,0,0,0.12); transform:translateX(100%); visibility:hidden; transition: transform 0.32s cubic-bezier(0.4,0,0.2,1), visibility 0.32s;}.mobile-panel.is-open { transform:translateX(0); visibility:visible;}.mobile-panel[hidden]:not(.is-open) { display:none !important;}body.mobile-nav-open { overflow:hidden;}.mobile-panel__nav { display:flex; flex-direction:column; gap:0.125rem; padding-bottom:0.75rem; margin-bottom:0.75rem; border-bottom:1px solid var(--border);}.mobile-panel__nav a { padding:0.625rem 0.75rem; font-family:var(--font-myriad); font-weight:500; font-size:0.9375rem; color:var(--fg); border-radius:var(--radius-m); transition:background-color 0.2s ease;}.mobile-panel__nav a:hover { background-color:var(--section);}.mobile-panel__nav a:focus-visible { outline:2px solid var(--form-focus-ring); outline-offset:2px;}.mobile-panel__cta { display:flex; flex-direction:column; gap:0.5rem;}.mobile-panel__cta .header-actions__pill { display:inline-flex; width:100%; justify-content:center;}@media (min-width:1280px) { .mobile-panel,.mobile-panel-backdrop {  display:none !important; }}@media (prefers-reduced-motion:reduce) { .mobile-panel,.mobile-panel-backdrop {  transition:none; }}.header__search { width:3rem; height:3rem; border-radius:var(--radius-m); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; background:var(--surface);}#product,#specialists,#business,#metrics,#how,#partners,#register-banner,#metrics-banner,#register,#register-spec,#login,#tariffs,#about,#contacts { scroll-margin-top:calc(var(--header-h) + 0.75rem);}.hero-wrap { /* Фиолетовый фон блока над героем / под белой шапкой */ /* background-color:oklch(35% 0.14 277); */ position:relative; z-index:1;}.hero { background:var(--inverse); border-radius:var(--radius-4xl) var(--radius-4xl) 0 0; overflow:hidden; min-height:28rem; position:relative;}.hero__inner { display:grid; grid-template-columns:repeat(12,1fr); column-gap:1.5rem; /* padding:2.5rem 0 2rem; */ /* padding:2.5rem 0 0rem; */ min-height:24rem; position:relative; z-index:1;}.hero__text { grid-column:1 / span 7; display:flex; flex-direction:column; justify-content:center;}.hero__title { color:var(--text-inv);}.hero__title em { color:var(--accent); font-style:normal;}.hero__desc { margin:1.5rem 0 1.25rem; max-width:38rem; font-size:1.125rem; line-height:1.55; color:var(--text-inv); font-weight:500;}.hero__note { margin:0 0 1.75rem; max-width:36rem; font-size:0.9375rem; line-height:1.5; color:rgba(255,255,255,0.65);}.hero__visual { grid-column:8 / span 5; display:flex; align-items:center; justify-content:center;}.hero__mock { width:min(100%,22rem); aspect-ratio:10 / 11; border-radius:var(--radius-2xl); border:1px solid var(--inverse-3); background:linear-gradient(165deg,var(--inverse-2),var(--inverse)); box-shadow:0 24px 48px rgba(0,0,0,0.35); padding:1rem; display:flex; flex-direction:column; gap:0.75rem;}.hero__mock-bar { height:0.5rem; width:40%; border-radius:var(--radius-pill); background:var(--inverse-3);}.hero__mock-lines { flex:1; display:flex; flex-direction:column; gap:0.5rem; justify-content:center;}.hero__mock-line { height:0.35rem; border-radius:var(--radius-pill); background:var(--inverse-3);}.hero__mock-line--short { width:72%;}.hero__mock-line--accent { width:55%; background:var(--accent); opacity:0.85;}.section { padding:var(--spacing-4xl) 0;}.section--gray { background:var(--section);}.hero-wrap+.section.section--gray { margin-top:calc(-1 * var(--radius-4xl)); padding-top:calc(var(--spacing-4xl) + var(--radius-4xl) * 0.35); border-radius:var(--radius-4xl) var(--radius-4xl) 0 0; position:relative; z-index:2;}.section__header { text-align:center; margin-bottom:0;}.section__lead { text-align:center; max-width:42rem; margin:1rem auto 0; color:var(--muted); font-size:1.125rem; line-height:1.55;}.section__footer { display:flex; justify-content:center; align-items:center; gap:40px; margin-top:var(--spacing-l);}.tagline-pill { display:inline-flex; align-items:center; justify-content:center; margin:1rem auto 0; padding:0.375rem 1rem; border-radius:var(--radius-pill); background:rgba(239,49,36,0.12); color:var(--accent); font-family:var(--font-accent); font-weight:600; font-size:0.875rem;}.grid-2 { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; margin-top:var(--spacing-xl);}.card { display:flex; flex-direction:column; background:var(--surface); border-radius:var(--radius-2xl); overflow:hidden; height:100%; border:1px solid var(--border);}.card__body { padding:1.25rem; display:flex; flex-direction:column; gap:1rem; flex:1;}.card__tags { display:flex; gap:0.75rem; flex-wrap:wrap;}.tag { font-size:0.875rem; line-height:1.25rem; font-weight:500; padding:0.25rem 0.75rem; border-radius:var(--radius-m); background:var(--section); color:var(--fg); font-family:var(--font-accent);}.tag--accent { background:rgba(239,49,36,0.12); color:var(--accent);}.card__title { font-weight:700; font-size:1.125rem; line-height:1.4; margin:0; letter-spacing:-0.01em;}.card__text { margin:0; font-size:0.9375rem; color:var(--muted); line-height:1.5;}.list-check { margin:0; padding:0 0 0 1.1rem; color:var(--fg); font-size:0.9375rem; line-height:1.55;}.list-check li { margin-bottom:0.5rem;}.partners-marquee { position:relative; z-index:2; padding:1.25rem 0; background:var(--surface); border-bottom:1px solid var(--border);}.partners-marquee__viewport { position:relative; overflow:hidden;}.partners-marquee__viewport::before,.partners-marquee__viewport::after { content:""; position:absolute; top:0; bottom:0; width:clamp(2rem,6vw,4rem); z-index:1; pointer-events:none;}.partners-marquee__viewport::before { left:0; background:linear-gradient(90deg,var(--surface) 15%,transparent);}.partners-marquee__viewport::after { right:0; background:linear-gradient(270deg,var(--surface) 15%,transparent);}.partners-marquee__track { display:flex; width:max-content; animation:partners-marquee-scroll 42s linear infinite;}.partners-marquee__track:hover { animation-play-state:paused;}.partners-marquee__list { display:flex; align-items:center; gap:clamp(2rem,5vw,4rem); list-style:none; margin:0; padding:0 clamp(1rem,3vw,2rem);}.partners-marquee__item { flex:0 0 auto;}.partners-marquee__item a { display:flex; align-items:center; justify-content:center; min-width:7.5rem; height:3.25rem; padding:0.35rem 0.5rem; border-radius:var(--radius-l); opacity:1; transition:background-color 0.2s ease;}.partners-marquee__item a:hover { background:var(--section);}.partners-marquee__item a:focus-visible { outline:2px solid var(--form-focus-ring); outline-offset:3px;}.partners-marquee__item img { display:block; max-width:9.5rem; max-height:2.75rem; width:auto; height:auto; object-fit:contain; image-rendering:auto; -webkit-backface-visibility:hidden; backface-visibility:hidden; transform:translateZ(0);}@keyframes partners-marquee-scroll { from {  transform:translate3d(0,0,0); } to {  transform:translate3d(-50%,0,0); }}@media (prefers-reduced-motion:reduce) { .partners-marquee__track {  animation:none;  flex-wrap:wrap;  justify-content:center;  width:100%;  gap:1rem 2rem;  padding:0 1rem; } .partners-marquee__list[aria-hidden="true"] {  display:none; } .partners-marquee__list {  flex-wrap:wrap;  justify-content:center;  padding:0; }}/* IT-специалистам:лаконичный блок — плоская сетка,без лишней декорации */.specialists-section { background:var(--section);}.specialists-intro,.how-intro { max-width:38rem; margin:0 auto 2.25rem; text-align:center; padding-bottom:1.75rem; border-bottom:1px solid var(--border);}.specialists-intro__eyebrow,.how-intro__eyebrow { margin:0 0 0.625rem; font-size:0.6875rem; font-weight:600; letter-spacing:0.14em; text-transform:uppercase; color:var(--muted);}.specialists-intro__title,.how-intro__title { margin:0; font-family:var(--font-display); font-weight:600; font-size:clamp(1.375rem,2.85vw,2rem); line-height:1.22; letter-spacing:-0.03em; color:var(--fg);}.specialists-intro__lead,.how-intro__lead { margin:0.75rem 0 0; font-size:1rem; line-height:1.55; color:var(--muted); text-wrap:pretty;}.specialists-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; margin-top:0;}.specialists-section .specialists-panel .card__body { padding:0;}.specialists-section .specialists-grid .specialists-panel { margin:0; padding:1.25rem 1.35rem; background:var(--surface); border-radius:var(--radius-2xl); border:1px solid var(--border); box-shadow:none; transition:border-color 0.18s ease,box-shadow 0.18s ease; height:100%; display:flex; flex-direction:column;}@media (hover:hover) { .specialists-section .specialists-grid .specialists-panel:hover {  border-color:color-mix(in oklch,var(--border) 70%,var(--fg) 30%);  box-shadow:var(--tariff-shadow); }}.specialists-panel .card__tags { margin-bottom:0.5rem; display:flex; flex-wrap:wrap; gap:0.375rem;}.specialists-panel .card__title { font-size:1.0625rem; font-weight:700; letter-spacing:-0.018em;}.specialists-panel .card__text { font-size:0.9375rem; line-height:1.5; margin-top:0.35rem;}.specialists-panel .list-check { margin-top:0.875rem; padding-left:1rem; font-size:0.875rem; line-height:1.45; color:var(--muted);}.specialists-panel .list-check li { margin-bottom:0.4rem;}.specialists-panel .list-check li:last-child { margin-bottom:0;}.specialists-cta { display:flex; flex-wrap:wrap; align-items:center; gap:1rem 1.75rem; margin-top:2rem; padding-top:1.5rem; border-top:1px solid var(--border); justify-content:space-between;}.specialists-cta__hint { margin:0; text-align:left; color:var(--muted); flex:1; min-width:min(100%,20rem); font-size:0.875rem; line-height:1.45; text-wrap:pretty;}@media (min-width:900px) { .specialists-intro,.how-intro {  text-align:left;  margin-left:0;  margin-right:auto;  max-width:40rem;  padding-left:0;  border-left:none;  padding-bottom:1.5rem; } .specialists-grid {  gap:1.125rem; }}/* Для бизнеса:та же лаконичная типографика,что у блока специалистов; на широких экранах — влево */.business-intro { max-width:38rem; margin:0 auto 2.25rem; text-align:center; padding-bottom:1.75rem; border-bottom:1px solid var(--border);}.business-intro__eyebrow { margin:0 0 0.625rem; font-size:0.6875rem; font-weight:600; letter-spacing:0.14em; text-transform:uppercase; color:var(--muted);}.business-intro__title { margin:0; font-family:var(--font-display); font-weight:600; font-size:clamp(1.375rem,2.85vw,2rem); line-height:1.22; letter-spacing:-0.03em; color:var(--fg);}.business-intro__lead { margin:0.75rem 0 0; font-size:1rem; line-height:1.55; color:var(--muted); text-wrap:pretty;}@media (min-width:900px) { .business-intro {  text-align:left;  margin-left:0;  margin-right:auto;  max-width:40rem;  padding-left:0;  padding-bottom:1.5rem; }}@media (max-width:599px) { .list-check {  padding:0; } .specialists-panel .list-check {  padding:0; } .specialists-cta {  flex-direction:column;  align-items:stretch; } .specialists-cta__hint {  text-align:center; } .specialists-cta .btn {  width:100%; }}@media (max-width:1023px) { .specialists-grid {  grid-template-columns:1fr; }}/* Тарифы:сетка как md:grid-cols-2 xl:grid-cols-3 (+ gap-5,mt-10) */.tariff-grid { display:grid; gap:1.25rem; margin-top:2.5rem;}@media (min-width:768px) { .tariff-grid {  grid-template-columns:repeat(2,1fr); }}@media (min-width:1280px) { .tariff-grid {  grid-template-columns:repeat(3,1fr); }}/* Карточка:rounded-3xl · border · p-6 · col flex */.tariff-card { display:flex; flex-direction:column; border-radius:1.5rem; border:1px solid var(--border); background:var(--surface); padding:1.5rem; box-shadow:var(--tariff-shadow);}.tariff-card--highlight { box-shadow:var(--tariff-shadow), 0 0 0 2px var(--tariff-ring);}.tariff-card__title { margin:0; font-size:1.125rem; font-weight:600; line-height:1.35; letter-spacing:-0.01em; color:var(--fg);}.tariff-card__price { margin:0.5rem 0 0; font-size:1.5rem; font-weight:600; line-height:1.2; letter-spacing:-0.025em; color:var(--tariff-core);}.tariff-card__desc { margin:0.75rem 0 0; flex:1; font-size:0.875rem; line-height:1.5; color:var(--muted);}.tariff-card__btn { margin-top:1.25rem; display:inline-flex; align-self:flex-start; flex-shrink:0; align-items:center; justify-content:center; gap:0.25rem; padding:0.625rem 1.25rem; border:none; border-radius:999px; font-family:var(--font-body); font-size:0.875rem; font-weight:600; line-height:1.25; color:#fff; background:var(--tariff-interaction); cursor:pointer; transition:filter 0.15s ease,transform 0.1s ease;}.tariff-card__btn:hover { filter:brightness(1.06);}.tariff-card__btn:focus-visible { outline:2px solid var(--tariff-interaction); outline-offset:2px;}.tariff-card__btn--accent { background:var(--tariff-accent); box-shadow:0 10px 28px oklch(63% 0.19 38 / 0.28);}.tariff-card__btn--accent:focus-visible { outline-color:var(--tariff-accent);}/* Блок «Результаты в цифрах» — композиция как mx-auto max-w-6xl / max-w-3xl + grid из референса TechBridge */.metrics-section__intro { max-width:48rem;}.metrics-section__title { margin:0; font-family:var(--font-body); font-size:1.5rem; font-weight:600; letter-spacing:-0.025em; color:var(--fg); line-height:1.2;}@media (min-width:768px) { .metrics-section__title {  font-size:1.875rem; }}.metrics-section__lead { margin:0.75rem 0 0; font-size:1.125rem; line-height:1.625; color:var(--muted);}.metrics { display:grid; grid-template-columns:1fr; gap:1.25rem; margin-top:2.5rem;}@media (min-width:768px) { .metrics {  grid-template-columns:repeat(3,1fr); }}.metric { background:var(--surface); border:1px solid var(--border); border-radius:1.5rem; padding:1.5rem;}.metric__label { font-family:var(--font-mono); font-size:0.75rem; font-weight:700; text-transform:uppercase; letter-spacing:0.1em; color:var(--muted); margin:0;}.metric__value { margin:0.75rem 0 0; font-family:var(--font-body); font-size:1.5rem; font-weight:600; letter-spacing:-0.025em; color:var(--tariff-core); line-height:1.25; font-variant-numeric:tabular-nums;}.metric__desc { margin:0.5rem 0 0; font-size:0.875rem; color:var(--muted); line-height:1.5;}/* «Как это работает» — карточки процесса:номер отдельно от заголовка,без сжатия в одну строку */.steps { display:grid; gap:1rem; margin-top:2rem; list-style:none; padding:0; margin-left:0; margin-right:0; position:relative;}@media (min-width:900px) { .steps {  grid-template-columns:repeat(3,1fr);  gap:1.5rem;  align-items:stretch; } .step-card {  height:100%; }}.step-card { display:flex; flex-direction:column; align-items:stretch; text-align:left;}/* Лёгкий акцент «потока» между колонками на десктопе */@media (min-width:900px) { .step-card:not(:last-child) .step-card__panel::after {  content:"→";  position:absolute;  top:calc(3.125rem + 0.5625rem);  right:-0.82rem;  font-size:0.6875rem;  line-height:1;  color:color-mix(in oklch,var(--muted) 80%,transparent);  pointer-events:none; }}.step-card__panel { position:relative; flex:1; display:flex; flex-direction:column; min-height:0; width:100%; padding:1.5rem; padding-top:1.35rem; background:var(--surface); border:1px solid var(--border); border-radius:1.5rem; box-shadow:var(--tariff-shadow); transition: border-color 0.18s ease, box-shadow 0.22s ease, transform 0.22s ease;}@media (hover:hover) { .step-card:hover .step-card__panel {  border-color:color-mix(in oklch,var(--accent) 22%,var(--border));  box-shadow:  var(--tariff-shadow),  0 0 0 1px color-mix(in oklch,var(--accent) 12%,transparent);  transform:translateY(-2px); }}@media (prefers-reduced-motion:reduce) { .step-card__panel {  transition:none; } .step-card:hover .step-card__panel {  transform:none; }}.step-card__badge { align-self:flex-start; display:inline-flex; align-items:center; justify-content:center; min-width:2.75rem; padding:0.35rem 0.65rem; border-radius:999px; font-family:var(--font-mono); font-size:0.6875rem; font-weight:700; font-variant-numeric:tabular-nums; letter-spacing:0.1em; color:var(--accent); background:color-mix(in oklch,var(--accent) 14%,transparent); border:1px solid color-mix(in oklch,var(--accent) 28%,var(--border));}.step-card__title { margin:1rem 0 0; font-family:var(--font-display); font-weight:700; font-size:1.125rem; line-height:1.28; letter-spacing:-0.02em; color:var(--tariff-core);}.step-card__text { margin:0.625rem 0 0; color:var(--muted); font-size:0.9375rem; line-height:1.55; text-wrap:pretty; flex:1;}.partner-strip { display:flex; flex-wrap:wrap; gap:0.75rem; justify-content:center; margin-top:1.5rem;}.partner-chip { padding:0.625rem 1.125rem; border-radius:var(--radius-pill); border:1px solid var(--border); background:var(--surface); font-family:var(--font-accent); font-weight:600; font-size:0.875rem; color:var(--muted);}.case-card { margin-top:var(--spacing-xl); max-width:48rem; margin-left:auto; margin-right:auto; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-2xl); padding:1.5rem;}.case-card h3 { margin:0 0 0.75rem; font-size:1.25rem;}.case-card p { margin:0 0 1rem; color:var(--muted); line-height:1.55;}.case-card footer { font-size:0.875rem; color:var(--muted);}.reg-block { max-width:72rem; margin-left:auto; margin-right:auto; width:100%;}.reg-intro { max-width:48rem;}.reg-title { margin:0; font-family:var(--font-body); font-size:clamp(1.5rem,1.35rem + 0.4vw,1.875rem); font-weight:600; letter-spacing:-0.025em; line-height:1.25; color:var(--fg);}.reg-tablist { display:inline-flex; margin-top:2rem; padding:0.25rem; align-items:center; gap:0; border-radius:9999px; border:1px solid var(--border); background-color:var(--tb-bg);}.reg-tab { font-family:var(--font-body); padding:0.625rem 1.25rem; margin:0; border-radius:9999px; font-size:0.875rem; font-weight:600; letter-spacing:-0.01em; line-height:1.25; color:var(--muted); background:transparent; border:none; cursor:pointer; -webkit-appearance:none; appearance:none; transition: color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;}.reg-tab:hover[aria-selected="false"] { color:var(--fg);}.reg-tab[aria-selected="true"] { color:var(--fg); background:var(--surface); box-shadow:0 1px 2px rgba(15,23,42,0.06);}.reg-tab:focus-visible { outline:2px solid var(--form-focus-ring); outline-offset:2px;}/* Две вкладки — одна область контента «заместо»:панели в одной ячейке сетки */.reg-tabpanels { margin-top:1.75rem; display:grid; grid-template-columns:minmax(0,1fr); align-items:start; min-height:min-content;}.reg-tabpanels > [role="tabpanel"] { grid-column:1; grid-row:1;}.reg-tabpanels > [role="tabpanel"][hidden] { display:none !important;}.reg-panels-b2b { margin-top:0; display:grid; gap:1.5rem;}@media (min-width:1024px) { .reg-panels-b2b {  grid-template-columns:repeat(2,minmax(0,1fr)); }}.reg-card { border-radius:var(--radius-3xl); border:1px solid var(--border); background:var(--surface); padding:1.5rem;}@media (min-width:768px) { .reg-card {  padding:2rem; }}.reg-card--elevated { box-shadow:var(--reg-lift-shadow);}.reg-card__title { margin:0; font-size:1.125rem; font-weight:600; color:var(--fg); font-family:var(--font-body);}.reg-card__hint { margin:0.5rem 0 0; font-size:0.875rem; line-height:1.5; color:var(--muted);}.reg-form-stack { margin-top:1.5rem; display:flex; flex-direction:column; gap:1rem;}.reg-label { display:block; margin-bottom:0.375rem; font-size:0.75rem; font-weight:600; color:color-mix(in oklch,var(--fg) 80%,transparent);}.reg-input { width:100%; border-radius:var(--radius-2xl); border:1px solid var(--border); padding:0.75rem 1rem; background:var(--surface); color:var(--fg); transition:box-shadow 0.15s ease;}.reg-card textarea.reg-input { min-height:100px; resize:vertical;}.reg-input:focus { outline:none; box-shadow: 0 0 0 2px var(--surface), 0 0 0 4px color-mix(in oklch,var(--accent) 75%,transparent);}.reg-btn { margin-top:0.125rem; display:inline-flex; align-items:center; justify-content:center; width:fit-content; padding:0.75rem 1.5rem; border-radius:var(--radius-pill); font-size:0.875rem; font-weight:600; color:var(--surface); border:none; transition:filter 0.18s ease,box-shadow 0.18s ease; font-family:var(--font-body);}.reg-btn--interaction { background:var(--tariff-interaction);}.reg-btn--accent { background:var(--tariff-accent); box-shadow:0 10px 28px oklch(63% 0.19 38 / 0.28);}.reg-btn:hover { filter:brightness(1.05);}.reg-btn:focus-visible { outline:2px solid color-mix(in oklch,var(--tariff-interaction) 50%,transparent); outline-offset:3px;}.reg-btn:disabled,.reg-btn.is-submitting { opacity:0.72; cursor:not-allowed; pointer-events:none; filter:none; box-shadow:none;}.reg-btn.is-submitting { position:relative;}.reg-panel-demo { margin-top:0; border-radius:var(--radius-3xl); border:1px solid var(--border); background:var(--surface); padding:1.5rem; box-shadow:var(--reg-lift-shadow);}@media (min-width:768px) { .reg-panel-demo {  padding:2rem; }}.reg-panel-demo[hidden] { display:none !important;}#flash-info { position:fixed; top:2.2rem; right:1rem; z-index:300; display:flex; flex-direction:column; gap:0.625rem; max-width:min(420px,calc(100vw - 2rem)); pointer-events:none;}#flash-info input[type="checkbox"] { display:none;}#flash-info label { display:block; border-radius:12px; padding:0.75rem 0.875rem; font-size:0.875rem; line-height:1.35; box-shadow:0 10px 30px rgba(15,23,42,0.2); border:1px solid transparent; background:#0f172a; color:#fff; cursor:pointer; margin:0; pointer-events:auto;}#flash-info label.alert-success { background:#ecfdf5; border-color:#a7f3d0; color:#065f46;}#flash-info label.alert-danger,#flash-info label.alert-error { background:#fef2f2; border-color:#fecaca; color:#991b1b;}#flash-info label.alert-warning { background:#fffbeb; border-color:#fde68a; color:#92400e;}#flash-info label.alert-info { background:#eff6ff; border-color:#bfdbfe; color:#1e40af;}.form-status { margin-top:0.75rem; font-size:0.875rem; color:var(--accent); font-weight:600; min-height:0;}.form-status:empty { display:none;}.form-status--ok { color:#15803d;}.form-status--error { color:#b91c1c;}.reg-input--invalid { border-color:#f87171; box-shadow: 0 0 0 2px var(--surface), 0 0 0 4px rgba(248,113,113,0.35);}.reg-label__opt { font-weight:400; color:var(--muted);}.reg-btn.w-full,.lead-popup__submit { width:100%;}/* Тарифная модалка */.tb-modal-root[hidden] { display:none !important;}.tb-modal-root { position:fixed; inset:0; z-index:270; display:flex; align-items:center; justify-content:center; padding:1.25rem; pointer-events:none;}.tb-modal-root:not([hidden]) { display:flex !important; pointer-events:auto;}.tb-modal-backdrop { position:absolute; inset:0; background:rgba(3,3,6,0.52); opacity:0; transition:opacity 0.3s ease; pointer-events:auto;}.tb-modal-backdrop.opacity-100,.tb-modal-root .tb-modal-backdrop.opacity-100 { opacity:1;}.tb-modal-card { position:relative; z-index:1; width:100%; max-width:32rem; max-height:min(90vh,44rem); overflow-y:auto; padding:1.75rem 1.5rem 1.5rem; border-radius:var(--radius-3xl); border:1px solid var(--border); background:var(--surface); box-shadow:var(--reg-lift-shadow);}.tb-modal-card__close { position:absolute; top:0.85rem; right:0.85rem; display:flex; align-items:center; justify-content:center; width:2.5rem; height:2.5rem; border:1px solid var(--border); border-radius:var(--radius-2xl); background:var(--surface); font-size:1.35rem; line-height:1; color:var(--muted); cursor:pointer; transition:background-color 0.2s ease,color 0.2s ease;}.tb-modal-card__close:hover { background:var(--section); color:var(--fg);}.tb-modal-card__title { margin:0 2.5rem 0 0; font-size:1.25rem; font-weight:700; color:var(--fg);}.tb-modal-card__desc { margin:0.5rem 0 0; font-size:0.9375rem; color:var(--muted);}.tb-modal-card__note { margin:1rem 0 0; padding:0.75rem 1rem; border-radius:var(--radius-xl); border:1px dashed var(--border); background:var(--section); font-size:0.8125rem; line-height:1.45; color:var(--muted);}/* Popup заявки — открывается по :target (#lead-popup в URL) */.lead-popup { position:fixed; inset:0; z-index:280; display:none; align-items:center; justify-content:center; padding:1rem; pointer-events:none;}.lead-popup:target { display:flex !important; pointer-events:auto;}.lead-popup__backdrop { position:absolute; inset:0; display:block; background:rgba(3,3,6,0.55); opacity:0; transition:opacity 0.32s ease; text-decoration:none; cursor:default;}.lead-popup:target .lead-popup__backdrop { opacity:1;}.lead-popup__dialog { position:relative; z-index:1; width:100%; max-width:26rem; padding:1.75rem 1.5rem 1.5rem; border-radius:var(--radius-3xl); border:1px solid var(--border); background:linear-gradient(165deg,var(--surface) 0%,color-mix(in oklch,var(--section) 55%,var(--surface)) 100%); box-shadow: 0 24px 60px rgba(3,3,6,0.18), 0 0 0 1px rgba(255,255,255,0.6) inset; transform:translateY(1.25rem) scale(0.97); opacity:0; transition: transform 0.32s cubic-bezier(0.4,0,0.2,1), opacity 0.32s ease;}.lead-popup:target .lead-popup__dialog { transform:translateY(0) scale(1); opacity:1;}.lead-popup__close { position:absolute; top:0.75rem; right:0.75rem; display:flex; align-items:center; justify-content:center; width:2.5rem; height:2.5rem; border:none; border-radius:var(--radius-pill); background:color-mix(in oklch,var(--fg) 6%,transparent); font-size:1.5rem; line-height:1; color:var(--muted); cursor:pointer; text-decoration:none;}.lead-popup__eyebrow { margin:0; font-size:0.6875rem; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:var(--tariff-interaction);}.lead-popup__title { margin:0.35rem 0 0; font-size:1.375rem; font-weight:700; line-height:1.2; color:var(--fg);}.lead-popup__lead { margin:0.5rem 0 0; font-size:0.9375rem; line-height:1.5; color:var(--muted);}.lead-popup__consent { display:flex; align-items:flex-start; gap:0.5rem; font-size:0.75rem; line-height:1.4; color:var(--muted); cursor:pointer;}.lead-popup__consent input { margin-top:0.15rem; flex-shrink:0;}body.lead-popup-open,body.privacy-modal-open,body.mobile-nav-open { overflow:hidden;}/* Согласие на обработку ПДн */.reg-consent { display:flex; align-items:flex-start; gap:0.5rem; margin:0.25rem 0 0.5rem;}.reg-consent__check { display:flex; flex-shrink:0; margin-top:0.1rem; cursor:pointer;}.reg-consent__check input { width:1rem; height:1rem; margin:0; accent-color:var(--accent);}.reg-consent__text { font-size:0.75rem; line-height:1.45; color:var(--muted);}.reg-consent__link { color:var(--accent); font-weight:600; text-decoration:underline; text-underline-offset:2px;}.reg-consent__link:hover { color:var(--tariff-interaction);}.reg-consent--invalid .reg-consent__text { color:#b91c1c;}/* Попап политики ПДн */.privacy-modal { position:fixed; inset:0; z-index:285; display:none; align-items:center; justify-content:center; padding:1rem; pointer-events:none;}.privacy-modal:target { display:flex !important; pointer-events:auto;}.privacy-modal__backdrop { position:absolute; inset:0; display:block; background:rgba(3,3,6,0.55); text-decoration:none;}.privacy-modal__dialog { position:relative; z-index:1; width:100%; max-width:32rem; max-height:min(85vh,36rem); overflow-y:auto; padding:1.5rem 1.35rem 1.25rem; border-radius:var(--radius-3xl); border:1px solid var(--border); background:var(--surface); box-shadow:var(--reg-lift-shadow);}.privacy-modal__close { position:absolute; top:0.65rem; right:0.65rem; display:flex; align-items:center; justify-content:center; width:2.25rem; height:2.25rem; border-radius:var(--radius-pill); background:color-mix(in oklch,var(--fg) 6%,transparent); font-size:1.35rem; line-height:1; color:var(--muted); text-decoration:none;}.privacy-modal__title { margin:0 2rem 0.75rem 0; font-size:1.2rem; font-weight:700; color:var(--fg);}.privacy-modal__body { font-size:0.875rem; line-height:1.55; color:var(--muted);}.privacy-modal__body p { margin:0 0 0.65rem;}.privacy-modal__footer { margin:1rem 0 0; font-size:0.8125rem;}.privacy-modal__policy-link { color:var(--accent); font-weight:600; text-decoration:underline;}@media (prefers-reduced-motion:reduce) { .lead-popup__dialog,.lead-popup__backdrop,.tb-modal-backdrop {  transition:none; }}.section--white { background:var(--bg);}.section--overlap-up { margin-top:calc(-1 * var(--radius-4xl)); padding-top:calc(var(--spacing-4xl) + var(--radius-4xl) * 0.35); border-radius:var(--radius-4xl) var(--radius-4xl) 0 0; position:relative;}#business { z-index:3;}#metrics-banner { z-index:4;}#metrics { z-index:5;}#how { z-index:6;}#partners { z-index:7;}#register-banner { z-index:8;}#register { z-index:9;}/* Синий баннер над метриками — тот же синий,что у блока специалистов */.metrics-promo-banner { background:var(--telegram); position:relative; overflow:hidden; margin-top:calc(-1 * var(--radius-4xl)); padding-top:calc(var(--radius-4xl) * 0.35); padding-bottom:var(--spacing-2xl); border-radius:var(--radius-4xl) var(--radius-4xl) 0 0;}.metrics-promo-banner__inner { display:grid; gap:2rem; align-items:center; padding-top:50px; /* padding:var(--spacing-l) 0; */}@media (min-width:768px) { .metrics-promo-banner__inner {  grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);  gap:clamp(2rem,5vw,4rem); }}.metrics-promo-banner__copy { display:flex; flex-direction:column; gap:1rem; align-items:flex-start; max-width:38rem;}.metrics-promo-banner__title { font-family:var(--font-display); font-weight:700; font-size:clamp(1.5rem,3.5vw,2.5rem); line-height:1.12; letter-spacing:-0.03em; color:var(--text-inv); margin:0;}.metrics-promo-banner__lead { margin:0; font-size:1.0625rem; line-height:1.55; color:rgba(255,255,255,0.88);}.metrics-promo-banner__figure img { transform:scaleX(-1); max-width:500px; display:flex; justify-content:end; align-items:end;}.metrics-promo-banner__cta { background:rgba(255,255,255,0.96); color:var(--telegram); font-weight:600; text-decoration:none;}.metrics-promo-banner__cta:hover { filter:brightness(1.04);}.metrics-promo-banner__cta:focus-visible { outline:2px solid rgba(255,255,255,0.85); outline-offset:3px;}.register-promo-banner { background:var(--accent); position:relative; overflow:hidden; margin-top:calc(-1 * var(--radius-4xl)); padding-top:calc(var(--radius-4xl) * 0.35); padding-bottom:var(--spacing-2xl); border-radius:var(--radius-4xl) var(--radius-4xl) 0 0;}.register-promo-banner__inner { display:grid; gap:2rem; align-items:center; /* padding:var(--spacing-l) 0; */ padding-top:50px;}@media (min-width:768px) { .register-promo-banner__inner {  grid-template-columns:minmax(0,2.05fr) minmax(0,0.95fr);  gap:clamp(2rem,5vw,4rem); }}.register-promo-banner__copy { display:flex; flex-direction:column; gap:1rem; align-items:flex-start; max-width:38rem;}.register-promo-banner__title { font-family:var(--font-display); font-weight:700; font-size:clamp(1.5rem,3.5vw,2.5rem); line-height:1.12; letter-spacing:-0.03em; color:var(--text-inv); margin:0;}.register-promo-banner__lead { margin:0; font-size:1.0625rem; line-height:1.55; color:rgba(255,255,255,0.9);}.register-promo-banner__cta { background:rgba(255,255,255,0.96); color:var(--fg); font-weight:600; text-decoration:none;}.register-promo-banner__cta:hover { filter:brightness(1.04);}.register-promo-banner__cta:focus-visible { outline:2px solid rgba(255,255,255,0.9); outline-offset:3px;}.register-promo-banner__figure { display:flex; align-items:center; justify-content:center; max-width:430px;}.telegram { background:var(--telegram); min-height:14rem; position:relative; overflow:hidden; margin-top:calc(-1 * var(--radius-4xl)); padding-top:calc(var(--radius-4xl) * 0.35); border-radius:var(--radius-4xl) var(--radius-4xl) 0 0; z-index:10;}.telegram__wrap { display:flex;  flex-wrap:wrap;  justify-content:space-around;}.telegram__inner { display:flex; flex-direction:column; align-items:flex-start; padding:3rem 0; padding-left:clamp(1rem,6vw,4.5rem); gap:1.5rem; position:relative; z-index:1;}.telegram__title { font-family:var(--font-display); font-weight:900; font-size:clamp(1.75rem,4vw,3.25rem); line-height:1.05; letter-spacing:-0.0975rem; color:var(--text-inv); margin:0; max-width:36rem;}.telegram__desc { margin:0; max-width:36rem; color:rgba(255,255,255,0.88); font-size:1.0625rem; line-height:1.5;}.footer { background:var(--inverse); color:var(--text-inv); padding:var(--spacing-3xl) 0 var(--spacing-l);}.footer__top { display:grid; grid-template-columns:200px repeat(3,1fr); gap:2rem 1.5rem; /* padding-bottom:var(--spacing-xl); */ padding-bottom:1.5rem; border-bottom:1px solid var(--inverse-3); justify-items:anchor-center;}.footer__logo { height:2.1rem;}.footer__col h4 { font-size:1rem; font-weight:700; margin:0 0 1rem; color:var(--text-inv);}.footer__col ul { list-style:none; margin:0; padding:0;}.footer__col li { margin-bottom:0.75rem;}.footer__col li a { font-size:0.875rem; line-height:1.25rem; color:rgba(238,238,251,0.55);}.footer__col a:hover { color:var(--text-inv);}.footer__cabinet-link { margin-top:1rem; display:inline-flex; width:100%; justify-content:center;}.footer__mid { display:grid; grid-template-columns:1fr 1fr; gap:2rem; padding:1.5rem 0; font-size:0.875rem; color:rgba(238,238,251,0.55);}.footer__legal { display:flex; flex-wrap:wrap; gap:0.35rem 1rem; font-size:0.75rem;}.footer__legal a { color:white; text-decoration:underline; text-underline-offset:2px; transition:color 0.3s ease;}.footer__legal a:hover { color:var(--accent);}.footer__bottom { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; /* padding-top:var(--spacing-l); */ font-size:0.75rem; color:rgba(238,238,251,0.55);}.footer__social { display:flex; gap:1rem;}.footer__social a { width:2.5rem; height:2.5rem; border-radius:50%; background:var(--inverse-3); display:flex; align-items:center; justify-content:center;}.fab { position:fixed; right:1.5rem; bottom:1.5rem; width:3.5rem; height:3.5rem; border-radius:50%; background:var(--inverse); color:var(--text-inv); display:flex; align-items:center; justify-content:center; box-shadow:0 4px 20px rgba(0,0,0,0.15); z-index:50;}/* Кнопка «Наверх» */.scroll-to-top { position:fixed; right:1.25rem; bottom:1.25rem; z-index:90; display:flex; align-items:center; justify-content:center; width:3rem; height:3rem; padding:0; border:1px solid var(--border); border-radius:50%; background:var(--surface); color:var(--fg); box-shadow: 0 8px 24px rgba(3,3,6,0.12), 0 0 0 1px rgba(255,255,255,0.5) inset; cursor:pointer; opacity:0; visibility:hidden; transform:translateY(0.75rem) scale(0.92); pointer-events:none; transition: opacity 0.28s ease, transform 0.28s ease, visibility 0.28s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;}.scroll-to-top.is-visible { opacity:1; visibility:visible; transform:translateY(0) scale(1); pointer-events:auto;}.scroll-to-top:hover { background:var(--accent); border-color:var(--accent); color:#fff;}.scroll-to-top:focus-visible { outline:2px solid var(--form-focus-ring); outline-offset:3px;}.scroll-to-top__icon { display:block;}@media (max-width:639px) { .scroll-to-top {  right:1rem;  bottom:1rem;  width:2.75rem;  height:2.75rem; } .scroll-to-top__icon {  width:20px;  height:20px; }}body.lead-popup-open .scroll-to-top,body.mobile-nav-open .scroll-to-top { opacity:0 !important; visibility:hidden !important; pointer-events:none !important;}@media (prefers-reduced-motion:reduce) { .scroll-to-top {  transition:none; }}.cookie-consent { position:fixed; inset-inline:0; bottom:0; z-index:320; border-top:1px solid var(--border); background:rgba(255,255,255,0.98); backdrop-filter:blur(10px); box-shadow:0 -10px 30px rgba(15,23,42,0.1); padding-bottom:env(safe-area-inset-bottom,0);}.cookie-consent[hidden] { display:none !important;}.cookie-consent__inner { display:flex; flex-direction:column; gap:1rem; padding:1rem 0 1.25rem; width:100%;}.cookie-consent__text { margin:0; font-size:0.875rem; line-height:1.5; color:var(--muted);}.cookie-consent__link { color:var(--accent); text-decoration:underline; text-underline-offset:2px;}.cookie-consent__actions { display:flex; flex-wrap:wrap; gap:0.625rem; width:100%;}.cookie-consent__actions .reg-btn,.cookie-consent__actions .cookie-consent__ghost { margin-top:0;}.cookie-consent__ghost { display:inline-flex; align-items:center; justify-content:center; padding:0.75rem 1rem; border:1px solid var(--border); border-radius:var(--radius-pill); background:transparent; color:var(--fg); font-size:0.875rem; font-weight:600; cursor:pointer;}.cookie-consent__ghost:hover { background:var(--section);}.cookie-consent-modal { position:fixed; inset:0; z-index:330; display:flex; align-items:center; justify-content:center; padding:1rem;}.cookie-consent-modal[hidden] { display:none !important;}.cookie-consent-modal__backdrop { position:absolute; inset:0; background:rgba(3,3,6,0.55);}.cookie-consent-modal__dialog { position:relative; z-index:1; width:100%; max-width:32rem; max-height:min(90vh,40rem); overflow-y:auto; padding:1.5rem; border-radius:var(--radius-3xl); border:1px solid var(--border); background:var(--surface); box-shadow:var(--reg-lift-shadow);}.cookie-consent-modal__close { position:absolute; top:0.85rem; right:0.85rem; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; width:2.5rem; height:2.5rem; min-width:2.5rem; min-height:2.5rem; padding:0; border:1px solid var(--border); border-radius:var(--radius-2xl); background:var(--surface); color:var(--muted); line-height:0; cursor:pointer; transition:background-color 0.2s ease,color 0.2s ease; -webkit-appearance:none; appearance:none;}.cookie-consent-modal__close svg { display:block; flex-shrink:0;}.cookie-consent-modal__close:hover { background:var(--section); color:var(--fg);}.cookie-consent-modal__title { margin:0 2rem 0.5rem 0; font-size:1.25rem;}.cookie-consent-modal__desc { margin:0 0 1rem; font-size:0.875rem; color:var(--muted);}.cookie-consent-option { display:block; margin-bottom:0.75rem; padding:0.875rem 1rem; border:1px solid var(--border); border-radius:var(--radius-2xl); background:var(--section); cursor:pointer;}.cookie-consent-option p { margin:0.35rem 0 0; font-size:0.8125rem; line-height:1.45; color:var(--muted);}.cookie-consent-option--locked { opacity:0.92;}.cookie-consent-option__head { display:flex; align-items:center; /* justify-content:space-between; */ gap:10px; font-size:0.875rem;}.cookie-consent-option__badge { font-size:0.75rem; color:var(--muted);}.cookie-consent-option__check { display:flex;}.cookie-consent-option__check input { width:1.125rem; height:1.125rem; margin-top:0.125rem; flex-shrink:0;}.cookie-consent-modal__actions { display:flex; flex-wrap:wrap; gap:0.625rem; margin-top:1rem;}body.cookie-consent-modal-open { overflow:hidden;}body.cookie-consent-visible .scroll-to-top { opacity:0 !important; visibility:hidden !important; pointer-events:none !important;}@media (max-width:767px) { .cookie-consent__inner {  gap:0.875rem;  padding:1rem 1.25rem 1.125rem; } .cookie-consent__text {  font-size:0.8125rem;  line-height:1.55; } .cookie-consent__link {  display:inline-block;  margin-top:0.25rem; } .cookie-consent__actions {  flex-direction:column;  align-items:stretch; } .cookie-consent__actions .reg-btn,.cookie-consent__actions .cookie-consent__ghost {  width:100%;  justify-content:center;  padding-inline:1rem;  text-align:center; } .cookie-consent-modal {  align-items:flex-end;  padding:0; } .cookie-consent-modal__dialog {  width:100%;  max-width:none;  max-height:min(92vh,44rem);  padding:1.25rem 1rem calc(1rem + env(safe-area-inset-bottom,0));  border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;  border-bottom:none; } .cookie-consent-modal__title {  font-size:1.125rem;  padding-right:3rem; } .cookie-consent-modal__close {  top:1rem;  right:1rem;  display:inline-flex;  align-items:center;  justify-content:center;  width:2.5rem;  height:2.5rem;  min-width:2.5rem;  min-height:2.5rem;  padding:0; } .cookie-consent-option--locked .cookie-consent-option__head {  flex-direction:column;  align-items:flex-start;  gap:0.35rem; } label.cookie-consent-option .cookie-consent-option__head {  flex-direction:row;  align-items:flex-start; } .cookie-consent-modal__actions {  flex-direction:column;  align-items:stretch; } .cookie-consent-modal__actions .reg-btn,.cookie-consent-modal__actions .cookie-consent__ghost {  width:100%;  justify-content:center; }}@media (min-width:768px) { .cookie-consent__inner {  gap:1.125rem;  padding:1.125rem 0 1.375rem; } .cookie-consent__actions {  justify-content:flex-start;  flex-wrap:wrap;  width:100%;  max-width:none; }}.sub-bar.is-hidden { display:none;}@media (max-width:1023px) { .hero__inner {  grid-template-columns:1fr; } .hero__text {  grid-column:1 / -1; } .hero__visual {  grid-column:1 / -1;  order:-1;  padding-bottom:1rem; } .grid-2 {  grid-template-columns:1fr; } .footer__top {  grid-template-columns:1fr 1fr;  justify-items:start; }}@media (max-width:600px) { .footer__top {  grid-template-columns:1fr;  justify-items:start; } .footer__cabinet-link {  width:100%; } .footer__mid {  grid-template-columns:1fr; }}   html {    scroll-behavior:smooth;   }   @media (prefers-reduced-motion:reduce) {    html {     scroll-behavior:auto;    }   }   section[id],  main[id],  [id].scroll-mt-24 {    scroll-margin-top:calc(4.5rem + 1rem);   }   @media (max-width:767px) {    section[id],   main[id],   [id].scroll-mt-24 {     scroll-margin-top:calc(4rem + 1rem);    }   }   .text-balance {    text-wrap:balance;   }   /* Герой:глубина — орбы → сетка → виньетка → зернистость; параллакс через --hx/--hy на секции */   .hero-paper {    position:relative;    isolation:isolate;    --hx:0px;    --hy:0px;   }   .hero-bg-motion {    position:absolute;    inset:0;    z-index:0;    overflow:hidden;    pointer-events:none;    will-change:transform;    transform:translate3d(calc(var(--hx) * 1.08),calc(var(--hy) * 0.85),0);    transition:transform 0.65s cubic-bezier(0.2,0.9,0.35,1);   }   .hero-bg-motion__wash {    position:absolute;    inset:0;    opacity:1;    background:    radial-gradient(120% 85% at 12% -8%,oklch(99% 0.02 274),transparent 52%),    radial-gradient(90% 70% at 100% 0%,oklch(96% 0.04 280 / 0.55),transparent 45%),    linear-gradient(      165deg,     oklch(100% 0 0),     oklch(97% 0.015 274 / 0.92),     oklch(99% 0.006 274)     );   }   .hero-bg-motion__aurora {    position:absolute;    inset:-22%;    opacity:0.62;    background:    radial-gradient(ellipse 62% 52% at 14% 28%,oklch(82% 0.09 285 / 0.38),transparent 68%),    radial-gradient(ellipse 58% 48% at 88% 22%,oklch(82% 0.1 228 / 0.32),transparent 65%),    radial-gradient(ellipse 54% 44% at 58% 86%,oklch(54% 0.22 278 / 0.14),transparent 62%);    mix-blend-mode:multiply;    filter:saturate(1.05);    animation:tb-hero-aurora 36s ease-in-out infinite alternate;   }   .hero-bg-motion__blob {    position:absolute;    border-radius:50%;    mix-blend-mode:multiply;    filter:blur(82px);    opacity:0.42;   }   .hero-bg-motion__blobs-mask {    position:absolute;    inset:-5%;    z-index:1;    background:radial-gradient(85% 70% at 50% 12%,transparent 25%,oklch(100% 0 0 / 0.94) 78%);    opacity:0.85;    pointer-events:none;   }   .hero-bg-motion__blob--1 {    width:min(56vw,36rem);    height:min(56vw,36rem);    left:-10%;    top:8%;    background:radial-gradient(circle at 35% 35%,oklch(82% 0.1 285 / 1),oklch(78% 0.09 285 / 0.75));    animation:tb-hero-blob-1 31s cubic-bezier(0.45,0,0.55,1) infinite;   }   .hero-bg-motion__blob--2 {    width:min(52vw,32rem);    height:min(52vw,32rem);    right:-8%;    top:-12%;    background:radial-gradient(circle at 60% 40%,oklch(82% 0.11 228 / 0.98),oklch(74% 0.1 228 / 0.65));    animation:tb-hero-blob-2 38s cubic-bezier(0.45,0,0.55,1) infinite;    opacity:0.38;    filter:blur(88px);   }   .hero-bg-motion__blob--3 {    width:min(46vw,28rem);    height:min(46vw,28rem);    left:22%;    bottom:-22%;    background:radial-gradient(circle at 42% 38%,oklch(42% 0.16 277 / 0.62),oklch(38% 0.12 278 / 0.45));    animation:tb-hero-blob-3 34s cubic-bezier(0.45,0,0.55,1) infinite;    mix-blend-mode:multiply;    opacity:0.34;    filter:blur(76px);   }   .hero-bg-motion__beam {    position:absolute;    inset:-25% -50%;    z-index:2;    background:linear-gradient(     118deg,    transparent 42%,    oklch(100% 0 0 / 0.52) 50.5%,    transparent 59%    );    opacity:0.55;    mix-blend-mode:soft-light;    animation:tb-hero-beam 22s cubic-bezier(0.4,0,0.2,1) infinite;   }   .hero-bg-motion__rim {    position:absolute;    inset:-1px;    z-index:3;    background:radial-gradient(     120% 90% at 50% -5%,    oklch(52% 0.28 278 / 0.07),    transparent 42%    );    opacity:0.9;    pointer-events:none;   }   @keyframes tb-hero-aurora {    0% {     transform:translate3d(-2.2%,-1.2%,0) rotate(-0.35deg) scale(1);     opacity:0.92;    }    100% {     transform:translate3d(3.8%,2.8%,0) rotate(0.4deg) scale(1.05);     opacity:1;    }   }   @keyframes tb-hero-blob-1 {    0%,   100% {     transform:translate3d(0,0,0) scale(1) rotate(0deg);    }    42% {     transform:translate3d(8%,-6%,0) scale(1.1) rotate(2deg);    }    72% {     transform:translate3d(4%,-2%,0) scale(1.03) rotate(-1deg);    }   }   @keyframes tb-hero-blob-2 {    0%,   100% {     transform:translate3d(0,0,0) scale(1.06) rotate(0deg);    }    38% {     transform:translate3d(-10%,7%,0) scale(0.98) rotate(-2deg);    }    65% {     transform:translate3d(-5%,3%,0) scale(1.04) rotate(1deg);    }   }   @keyframes tb-hero-blob-3 {    0%,   100% {     transform:translate3d(0,3%,0) scale(1.04);    }    30% {     transform:translate3d(6%,-5%,0) scale(0.97);    }    60% {     transform:translate3d(-5%,3%,0) scale(1.08);    }   }   @keyframes tb-hero-beam {    0%,   100% {     transform:translate3d(-12%,-2%,0) rotate(0.002deg);     opacity:0.18;    }    42% {     transform:translate3d(14%,4%,0) rotate(0.002deg);     opacity:0.45;    }   }   .hero-paper::before {    content:"";    position:absolute;    inset:0;    pointer-events:none;    z-index:4;    will-change:transform,background-position;    transform:translate3d(calc(var(--hx) * -0.22),calc(var(--hy) * -0.16),0);    transition:transform 0.75s cubic-bezier(0.2,0.9,0.35,1);    background-image:    linear-gradient(oklch(88% 0.04 274 / 0.22) 1px,transparent 1px),    linear-gradient(90deg,oklch(88% 0.04 274 / 0.22) 1px,transparent 1px),    linear-gradient(oklch(35% 0.09 278 / 0.11) 1px,transparent 1px),    linear-gradient(90deg,oklch(35% 0.09 278 / 0.11) 1px,transparent 1px);    background-size:    11px 11px,    11px 11px,    55px 55px,    55px 55px;    background-position:    0 0,    0 0,    3px 2px,    3px 2px;    mask-image:radial-gradient(     ellipse 118% 90% at 38% 32%,    black 26%,    rgba(0,0,0,0.78) 58%,    rgba(0,0,0,0.45) 100%    );    -webkit-mask-image:radial-gradient(     ellipse 118% 90% at 38% 32%,    black 26%,    rgba(0,0,0,0.78) 58%,    rgba(0,0,0,0.45) 100%    );    animation:tb-hero-grid-drift 72s cubic-bezier(0.4,0,0.2,1) infinite;   }   @keyframes tb-hero-grid-drift {    0% {     background-position:     0 0,     0 0,     3px 2px,     3px 2px;    }    100% {     background-position:     44px 44px,     44px 44px,     47px 46px,     47px 46px;    }   }   .hero-paper::after {    content:"";    position:absolute;    inset:0;    pointer-events:none;    z-index:6;    background:    radial-gradient(      ellipse 145% 100% at 50% 118%,     oklch(35% 0.12 277 / 0.06),     transparent 42%     ),    radial-gradient(ellipse 80% 70% at 50% 42%,transparent 52%,oklch(99% 0.01 274 / 0.55) 100%);    mix-blend-mode:multiply;   }   .hero-noise {    position:absolute;    inset:0;    z-index:7;    pointer-events:none;    opacity:0.048;    mix-blend-mode:overlay;    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");   }   @media (max-width:767px) {    .hero-bg-motion__blob {     filter:blur(64px) !important;     opacity:0.34 !important;    }    .hero-bg-motion__blobs-mask {     opacity:0.94;    }    .hero-paper::before {     opacity:0.92;    }    .hero-noise {     opacity:0.036;    }   }   @media (prefers-reduced-motion:reduce) {    .hero-bg-motion__aurora,   .hero-bg-motion__blob,   .hero-bg-motion__beam,   .hero-paper::before {     animation:none !important;    }    .hero-bg-motion {     transition:none;     transform:none !important;    }    .hero-paper {     --hx:0px;     --hy:0px;    }    .hero-paper::before {     transform:none !important;     transition:none;    }   }