:root{--flow-ink:var(--fb-gray-900);--flow-muted:var(--fb-gray-600);--flow-line:var(--fb-gray-200);--flow-blue:var(--fb-brand-blue);--flow-green:var(--fb-brand-green)}
html:has(.flow-page),.flow-page{height:100%;overflow:hidden}.flow-page{background:#f5f7fb;color:var(--flow-ink)}
.flow-page .header,.flow-page .footer,.flow-page .top-banner-anon,.flow-page .referral-sticky-bar,.flow-page .mobile-nav,.flow-page #cookie-consent-wrapper,.flow-page #cookie-fab{display:none!important}.flow-shell,.flow-hero{height:100dvh;overflow:hidden}.flow-hero{position:relative;padding:clamp(18px,3vh,34px);background:radial-gradient(circle at 5% 90%,rgba(0,166,81,.12),transparent 28%),radial-gradient(circle at 95% 8%,rgba(0,51,160,.14),transparent 30%),#f7f9fd}
.flow-ambient{position:absolute;border-radius:50%;pointer-events:none;filter:blur(6px)}.flow-ambient--one{width:300px;height:300px;background:rgba(0,166,81,.08);left:-160px;bottom:-100px}.flow-ambient--two{width:260px;height:260px;background:rgba(0,51,160,.08);right:-120px;top:-80px}
.flow-hero__inner{position:relative;z-index:1;width:min(1220px,100%);height:100%;margin:auto;display:grid;grid-template-columns:minmax(330px,.82fr) minmax(560px,1.18fr);gap:clamp(28px,5vw,70px);align-items:center}
.flow-brand{display:inline-block;width:190px;margin-bottom:clamp(22px,4vh,44px)}.flow-hero__copy h1{font:800 clamp(38px,5vw,66px)/1.04 Manrope,sans-serif;letter-spacing:-.045em;margin:18px 0 20px;color:var(--flow-ink)}.flow-hero__copy h1 em{font-style:normal;color:var(--flow-blue)}.flow-hero__copy>p{font-size:18px;line-height:1.55;color:var(--flow-muted);max-width:560px}
.flow-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;color:var(--flow-blue)}.flow-kicker span{width:8px;height:8px;border-radius:50%;background:var(--flow-green);box-shadow:0 0 0 5px rgba(0,166,81,.12)}.flow-promises{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.flow-promises span{padding:8px 11px;border-radius:10px;background:#fff;border:1px solid var(--flow-line);font-size:12px;font-weight:700;color:var(--flow-muted);box-shadow:var(--fb-shadow-sm)}
.flow-stage{position:relative;width:100%;height:min(720px,calc(100dvh - 68px));background:rgba(255,255,255,.96);border:1px solid rgba(0,51,160,.12);border-radius:24px;box-shadow:0 28px 70px rgba(0,33,102,.15);overflow:hidden;transition:width .45s ease,height .45s ease,border-radius .45s ease}
.flow-card{height:100%;padding:clamp(22px,3vw,34px);display:flex;flex-direction:column;overflow:hidden}.flow-card--result{overflow-y:auto;overscroll-behavior:contain}.flow-progress{height:7px;background:var(--fb-blue-50);border-radius:999px;overflow:hidden;margin-bottom:18px;flex:0 0 auto}.flow-progress span{display:block;height:100%;background:var(--fb-brand-gradient);border-radius:inherit;transition:width .35s ease}.flow-meta{display:flex;justify-content:space-between;gap:12px;color:var(--fb-gray-500);font-size:13px;font-weight:700;margin-bottom:14px}.flow-title{font:800 clamp(26px,3vw,36px)/1.17 Manrope,sans-serif;letter-spacing:-.025em;margin:0 0 8px}.flow-subtitle{margin:0 0 16px;color:var(--flow-muted);line-height:1.45;font-size:15px}
.flow-options{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;overflow-y:auto;overscroll-behavior:contain;padding:2px 6px 18px 2px;scrollbar-width:thin;scrollbar-color:var(--fb-blue-300) var(--fb-blue-50)}.flow-options.is-scrollable{mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 26px),transparent 100%)}.flow-options::-webkit-scrollbar{width:6px}.flow-options::-webkit-scrollbar-track{background:var(--fb-blue-50);border-radius:9px}.flow-options::-webkit-scrollbar-thumb{background:var(--fb-blue-300);border-radius:9px}.flow-options::after{display:none;content:'Ещё варианты ниже ↓';position:sticky;bottom:-15px;grid-column:1/-1;margin-top:-7px;text-align:center;color:var(--flow-blue);font-size:11px;font-weight:800;pointer-events:none;opacity:.8}.flow-options.is-scrollable:not(.is-at-end)::after{display:block}
.flow-option{appearance:none;position:relative;isolation:isolate;border:1px solid var(--flow-line);background:#fff;border-radius:16px;padding:15px 16px;text-align:left;color:var(--flow-ink);font:700 16px/1.32 Manrope,sans-serif;cursor:pointer;min-height:76px;display:flex;gap:15px;align-items:center;overflow:hidden;transition:.2s ease}.flow-option::before{content:'';position:absolute;z-index:-1;inset:0 auto 0 0;width:23%;background:linear-gradient(90deg,rgba(0,51,160,.17),rgba(0,166,81,.09) 55%,transparent);transition:width .25s ease,opacity .25s ease}.flow-option:hover{border-color:var(--fb-blue-300);transform:translateY(-1px);box-shadow:var(--fb-shadow-md)}.flow-option.is-selected{border-color:var(--flow-green);box-shadow:0 0 0 2px rgba(0,166,81,.12)}.flow-option.is-selected::before{width:100%;opacity:.55}.flow-option__icon{width:44px;height:44px;flex:0 0 44px;border-radius:13px;background:var(--fb-brand-gradient);display:grid;place-items:center;color:#fff;box-shadow:0 7px 18px rgba(0,51,160,.2)}.flow-option__icon svg{width:24px;height:24px}.flow-option>span:last-child{position:relative;z-index:1}
.flow-actions{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;flex:0 0 auto}.flow-btn{position:relative;border:0;border-radius:13px;padding:14px 20px;font:800 15px Manrope,sans-serif;cursor:pointer;text-decoration:none;text-align:center;transition:.2s ease;overflow:hidden}.flow-btn:hover{transform:translateY(-1px)}.flow-btn--primary,.flow-btn--green{background:linear-gradient(90deg,var(--flow-green),var(--flow-blue),var(--flow-green));background-size:200% 100%;color:#fff;box-shadow:0 8px 24px rgba(0,166,81,.3);animation:flow-gradient 3s linear infinite}.flow-btn--primary::before,.flow-btn--green::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:translateX(-100%);animation:flow-shine 4s ease-in-out infinite}.flow-btn--secondary{background:var(--flow-blue);color:#fff}.flow-btn--ghost{background:transparent;color:var(--flow-blue);padding-inline:8px}.flow-btn[disabled]{opacity:.42;cursor:not-allowed;transform:none;animation:none}@keyframes flow-gradient{to{background-position:200% 50%}}@keyframes flow-shine{0%,100%{transform:translateX(-100%)}50%{transform:translateX(100%)}}
.flow-note{display:flex;gap:10px;padding:11px 13px;margin:0 0 14px;border-radius:12px;background:var(--fb-blue-50);color:var(--flow-muted);font-size:12px;line-height:1.45}.flow-note strong{color:var(--flow-blue)}.flow-input{width:100%;border:1px solid var(--flow-line);border-radius:12px;padding:12px 13px;font:600 14px Manrope,sans-serif;background:#fff;color:var(--flow-ink)}
.flow-result-head{padding:20px;border-radius:18px;background:var(--fb-brand-gradient);color:#fff!important;margin-bottom:15px}.flow-result-head--green{background:linear-gradient(135deg,var(--fb-green-700),var(--flow-green))}.flow-result-head--amber{background:linear-gradient(135deg,#8b5100,var(--fb-orange-500))}.flow-result-head small,.flow-result-head h2,.flow-result-head p{color:#fff!important}.flow-result-head small{display:block;text-transform:uppercase;letter-spacing:.08em;font-weight:800;opacity:.8;margin-bottom:7px}.flow-result-head h2{font:800 27px/1.15 Manrope,sans-serif;margin:0 0 7px}.flow-result-head p{margin:0;line-height:1.45;opacity:.92;font-size:13px}.flow-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:12px}.flow-result-panel,.flow-offer{padding:14px;border:1px solid var(--flow-line);border-radius:15px;background:#fff}.flow-result-panel h3,.flow-offer h3{font-size:14px;margin:0 0 8px}.flow-result-panel ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.flow-result-panel li{font-size:12px;color:var(--flow-muted);padding-left:17px;position:relative}.flow-result-panel li:before{content:'✓';position:absolute;left:0;color:var(--flow-green);font-weight:900}.flow-score{display:flex;gap:5px;margin-top:9px}.flow-score span{height:7px;flex:1;border-radius:99px;background:var(--fb-gray-200)}.flow-score span.is-on{background:var(--flow-green)}.flow-offers{display:grid;gap:9px}.flow-offer--primary{border-color:var(--fb-blue-200);background:var(--fb-blue-50)}.flow-offer p{font-size:12px;color:var(--flow-muted);margin:0 0 10px;line-height:1.45}.flow-offer__actions{display:flex;flex-wrap:wrap;gap:8px}.flow-offer .flow-btn{padding:11px 14px;font-size:12px}.flow-form{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.flow-form .full{grid-column:1/-1}.flow-form-status{font-size:12px;color:var(--flow-muted);grid-column:1/-1}.flow-form-status.is-error{color:var(--fb-red-600)}.flow-form-status.is-success{color:var(--fb-green-700)}.flow-calc{display:none;margin-top:10px;padding:14px;border-radius:14px;background:var(--fb-blue-800);color:#fff}.flow-calc.is-visible{display:block}.flow-calc__value{font:800 27px JetBrains Mono,monospace;margin:7px 0}.flow-calc p{color:#fff;opacity:.78}.flow-calc label{font-size:12px;display:block;margin:9px 0 5px}.flow-calc select{width:100%;border:0;border-radius:10px;padding:10px}.flow-noscript{padding:16px;background:#fff1f0;color:var(--fb-red-600);text-align:center}
/* После первого ответа остаётся только квиз. */
.flow-page.is-quiz-active .flow-hero{padding:clamp(12px,2vh,22px)}.flow-page.is-quiz-active .flow-hero__inner{display:block;width:min(920px,100%)}.flow-page.is-quiz-active .flow-hero__copy{display:none}.flow-page.is-quiz-active .flow-stage{height:100%;max-height:none;margin:auto;animation:flow-stage-in .42s ease both}@keyframes flow-stage-in{from{opacity:.4;transform:scale(.965)}to{opacity:1;transform:scale(1)}}
@media(max-width:900px){.flow-hero{padding:18px}.flow-hero__inner{grid-template-columns:1fr 1.12fr;gap:24px}.flow-brand{width:160px;margin-bottom:22px}.flow-hero__copy h1{font-size:37px}.flow-hero__copy>p{font-size:15px}.flow-stage{height:calc(100dvh - 36px)}}
@media(max-width:700px){.flow-hero{padding:12px}.flow-hero__inner{display:flex;flex-direction:column;gap:10px;align-items:stretch}.flow-hero__copy{flex:0 0 auto}.flow-brand{width:125px;margin-bottom:8px}.flow-kicker{font-size:10px}.flow-hero__copy h1{font-size:clamp(25px,7.3vw,32px);margin:8px 0 6px;line-height:1.08}.flow-hero__copy>p{font-size:13px;line-height:1.4}.flow-promises{display:none}.flow-stage{flex:1;min-height:0;height:auto;border-radius:18px}.flow-card{padding:15px}.flow-progress{margin-bottom:10px}.flow-meta{margin-bottom:8px;font-size:11px}.flow-title{font-size:22px;margin-bottom:5px}.flow-subtitle{font-size:13px;margin-bottom:10px;line-height:1.35}.flow-options{grid-template-columns:1fr;gap:9px;padding-bottom:16px}.flow-option{min-height:68px;padding:11px 13px;font-size:16px}.flow-option__icon{width:42px;height:42px;flex-basis:42px}.flow-actions{padding-top:9px}.flow-btn{padding:12px 15px;font-size:14px}.flow-page.is-quiz-active .flow-hero{padding:8px}.flow-page.is-quiz-active .flow-stage{border-radius:15px}.flow-result-grid,.flow-form{grid-template-columns:1fr}.flow-form .full{grid-column:auto}.flow-result-head h2{font-size:22px}.flow-card--result{padding:12px}.flow-result-head{padding:16px}.flow-result-panel:nth-child(2){display:none}}
@media(max-height:700px) and (max-width:700px){.flow-brand{display:none}.flow-kicker{font-size:9px}.flow-hero__copy h1{font-size:23px}.flow-hero__copy>p{display:none}.flow-title{font-size:20px}.flow-option{min-height:62px}.flow-option__icon{width:38px;height:38px;flex-basis:38px}.flow-option__icon svg{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){.flow-btn--primary,.flow-btn--green,.flow-btn--primary::before,.flow-btn--green::before,.flow-page.is-quiz-active .flow-stage{animation:none}}