@font-face{font-family:Inter;src:url('/webinar-sales/consultation/assets/inter-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/webinar-sales/consultation/assets/inter-medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('/webinar-sales/consultation/assets/inter-regular-cyrillic-ext.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Inter;src:url('/webinar-sales/consultation/assets/inter-regular-cyrillic.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;src:url('/webinar-sales/consultation/assets/inter-regular-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2070,U+2074-207E,U+2080-208E,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;src:url('/webinar-sales/consultation/assets/inter-regular-cyrillic-ext.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Inter;src:url('/webinar-sales/consultation/assets/inter-regular-cyrillic.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;src:url('/webinar-sales/consultation/assets/inter-regular-latin.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2070,U+2074-207E,U+2080-208E,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;src:url('/webinar-sales/consultation/assets/inter-bold-cyrillic-ext.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Inter;src:url('/webinar-sales/consultation/assets/inter-bold-cyrillic.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;src:url('/webinar-sales/consultation/assets/inter-bold-latin.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2070,U+2074-207E,U+2080-208E,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--blue:#0138c7;--text:#212833;--muted:#818aa3;--border:#efefef;--subtle:#f7f7f8;--danger:#cc3333}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:#fff;color:var(--text);font:400 16px/1.5 Inter,Arial,sans-serif;letter-spacing:-.01em}
.container{width:100%;max-width:1280px;margin:auto;padding:0 22px}
.header{padding:24px 0}
.brand{display:block;width:135px;height:32px}
.consultation{display:grid;grid-template-columns:minmax(0,1fr) 621px;gap:64px;padding:32px 0 48px;align-items:start}
.offer{min-width:0;padding-top:29.4px}
p,h1,h2{margin:0}
.eyebrow{color:var(--blue);font-size:14px;font-weight:500;margin-bottom:16px}
.business-badge{display:flex;align-items:center;width:max-content;max-width:100%;gap:8px;padding:8px 4px;color:#585e6c;font-size:14px;font-weight:500;line-height:14px;letter-spacing:-.01em;margin-bottom:8px}
.business-badge img{display:block;flex:none}
.business-badge-text{display:block;line-height:14px}
h1{font-size:48px;line-height:1.1;letter-spacing:-.03em;font-weight:500}
.lead{font-size:16px;line-height:1.5;margin-top:24px}
.benefits{list-style:none;padding:0;margin:32px 0;display:grid;gap:24px}
.benefits li{display:flex;gap:10px;align-items:flex-start}
.benefit-check{display:block;flex:none;width:16px;height:16px;margin-top:4px}
.benefits h2{font-weight:700;font-size:16px;line-height:1.5;letter-spacing:-.02em;margin-bottom:4px}
.benefits p{font-size:16px;line-height:1.5}
.trial{margin-top:20px;padding:16px 20px;background:#edf3ff;border-radius:4px;font-size:16px;line-height:1.5}
.trial-title{font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--blue);margin-bottom:8px}
.meeting{margin-top:16px;font-size:14px}
.estimate{margin-top:8px;color:var(--muted);font-size:13px}
.form-column{min-width:0}
.form-card{min-width:0;border:1px solid var(--border);border-radius:4px;padding:48px 40px 40px;background:#fff}
.form-title{font-size:24px;font-weight:500;line-height:1.25;letter-spacing:-.02em}
.form-intro{margin:12px 0 32px}
.field{margin-bottom:32px}
label{display:block;color:#56596c;font-weight:500;margin-bottom:8px}
input,select,button{font:inherit;border-radius:4px;width:100%;letter-spacing:-.01em}
input,select,button{font-family:sans-serif}
input,select{border:1px solid var(--border);background:var(--subtle);height:44px;padding:11px 12px;line-height:20px;color:var(--text)}
input::placeholder{color:var(--muted);opacity:1;font-size:16px}
select:has(option[value=""]:checked){color:var(--muted)}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
input[aria-invalid="true"],select[aria-invalid="true"]{border-color:var(--danger)}
.field-error{font-size:13px;color:var(--danger);margin-top:6px}
.required-note{font-size:13px;color:var(--muted);margin-top:-8px;margin-bottom:24px}
button{border:0;min-height:49px;background:var(--blue);color:#fff;cursor:pointer;padding:12px 16px;font-size:16px;font-weight:500;line-height:1.4}
button:hover{background:#0032b1}
button:disabled{background:#809be3;cursor:wait}
.privacy{font-size:12px;color:var(--muted);margin-top:16px;line-height:1.6}
.privacy a{color:var(--muted);text-underline-offset:3px}
.privacy a:hover{color:var(--blue)}
.form-status{font-size:14px;margin-top:16px;color:var(--danger);line-height:1.5}
.success h2{font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-.03em;margin-bottom:24px}
.success p+p{margin-top:16px}
.customers{min-width:0;margin:0 0 48px}
.customers>p{font-size:14px;color:var(--muted);margin-bottom:16px}
.logo-carousel{overflow:hidden;width:100%;padding:4px 0;mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.logo-track{display:flex;width:max-content;animation:logo-scroll 24s linear infinite}
.logos{list-style:none;padding:0 40px 0 0;margin:0;display:flex;flex:none;gap:40px;align-items:center}
.logos li{display:flex;flex:none;align-items:center;justify-content:center;height:57px}
.logos img{object-fit:contain;height:auto;display:block;flex:none}
.logo-carousel:hover .logo-track,.logo-carousel:focus .logo-track,.logo-carousel:focus-within .logo-track{animation-play-state:paused}
@keyframes logo-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--logo-group-width,771px)))}}
@media(max-width:1299px){.container{padding:0 32px}.consultation{grid-template-columns:1fr;gap:32px;padding:32px 0 36px}.offer{display:contents;padding-top:0}.offer-top{order:0}.form-column{width:100%;order:2}.offer-details{min-width:0;order:1}.offer-details .benefits{margin-top:0}h1{max-width:800px;font-size:40px}.lead{max-width:760px}.offer-details .benefits p{max-width:780px}}
@media(max-width:809px){.container{padding:0 16px}.header{padding:16px 0}.consultation{padding-top:40px}}
@media(max-width:600px){h1{font-size:34px;line-height:1.12}.lead{margin-top:20px}.benefits{gap:20px;margin:28px 0}.form-card{padding:32px 24px 24px}.field{margin-bottom:24px}.meeting{line-height:1.6}.customers{margin:32px 0}.business-badge{font-size:14px}}
@media(max-width:360px){h1{font-size:30px}.form-card{padding:28px 20px 20px}button{font-size:15px}input::placeholder{font-size:13px}}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none;width:100%}.logos-repeat{display:none}.logos{flex-wrap:wrap;gap:24px 32px;justify-content:center;width:100%;padding-right:0}.logo-carousel{mask-image:none}}

/* special: форма как вариант B /business — подсказки организаций, плитки масштаба, согласие */
.org-field{position:relative}
.org-list{position:absolute;z-index:5;left:0;right:0;top:calc(100% - 2px);margin:0;padding:4px 0;list-style:none;background:#fff;border:1px solid var(--border);border-radius:4px;box-shadow:0 8px 24px rgba(33,40,51,.12);max-height:300px;overflow:auto}
.org-list li{padding:8px 12px;cursor:pointer;line-height:1.35}
.org-list li[aria-selected="true"],.org-list li:hover{background:var(--subtle)}
.org-list .org-name{display:block;font-size:15px;color:var(--text)}
.org-list .org-meta{display:block;font-size:12px;color:var(--muted)}
.org-list .org-empty{cursor:default;font-size:13px;color:var(--muted)}
.field-label{color:#56596c;margin-bottom:8px;font-weight:500}
.scales{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.scales .scale{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:0;padding:12px 4px;background:var(--subtle);border:1px solid var(--border);color:var(--text);font-family:inherit}
.scales .scale:hover{background:#fff;border-color:var(--blue)}
.scales .scale[aria-checked="true"]{background:#fff;border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);color:var(--blue)}
.scale svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:4px}
.scale-title{font-size:14px;font-weight:500;line-height:1.3}
.scale-sub{font-size:12px;color:var(--muted);line-height:1.3}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.consent{display:flex;font-weight:400;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 20px;cursor:pointer}
.consent input{width:18px;height:18px;flex:none;margin:1px 0 0;padding:0;accent-color:var(--blue)}
.consent a{color:var(--muted);text-underline-offset:3px}
.consent + .field-error{margin:-14px 0 16px}
@media(max-width:600px){.scales{grid-template-columns:repeat(2,1fr)}}

/* special 13.10.2026 (просьба Ильи): синяя рамка фокусирует внимание на форме, колонки больше не равнозначны */
.form-card{border:2px solid var(--blue)}
