@font-face {
    font-family: "Onest Variable";
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url("../fonts/onest/onest-cyrillic-ext-wght-normal.woff2") format("woff2-variations");
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: "Onest Variable";
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url("../fonts/onest/onest-cyrillic-wght-normal.woff2") format("woff2-variations");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: "Onest Variable";
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url("../fonts/onest/onest-math-wght-normal.woff2") format("woff2-variations");
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

@font-face {
    font-family: "Onest Variable";
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url("../fonts/onest/onest-symbols-wght-normal.woff2") format("woff2-variations");
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

@font-face {
    font-family: "Onest Variable";
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url("../fonts/onest/onest-latin-ext-wght-normal.woff2") format("woff2-variations");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Onest Variable";
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url("../fonts/onest/onest-latin-wght-normal.woff2") format("woff2-variations");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



:root {
  --navy: #102a43;
  --blue: #5b4fe9;
  --blue-dark: #3d35b5;
  --sky: #f0efff;
  --mint: #20a979;
  --bg: #f6f7fb;
  --line: #dee2ee;
  --muted: #65728a;
  --shadow: 0 24px 70px rgba(61, 53, 181, .14);
}

.bank-context { --bank-accent: #ef3124; --bank-dark: #bd1f16; --bank-tint: #fff1f0; --bank-mark-bg: #ef3124; --bank-mark-color: #fff; }
.bank-mark { width: 38px; height: 38px; display: grid; place-items: center; flex: none; border: 1px solid color-mix(in srgb,var(--bank-accent) 32%,white); border-radius: 13px; color: var(--bank-mark-color); background: var(--bank-mark-bg); box-shadow: 0 8px 20px color-mix(in srgb,var(--bank-accent) 20%,transparent); font-size: 12px; font-weight: 850; line-height: 1; }
.bank-mark.compact { width: 30px; height: 30px; border-radius: 10px; font-size: 10px; box-shadow: none; }
.bank-context-pill { width: fit-content; max-width: 100%; margin-bottom: 16px; padding: 7px 12px 7px 7px; display: flex; align-items: center; gap: 10px; border: 1px solid color-mix(in srgb,var(--bank-accent) 24%,white); border-radius: 15px; background: rgba(255,255,255,.82); box-shadow: 0 10px 28px color-mix(in srgb,var(--bank-accent) 9%,transparent); backdrop-filter: blur(12px); }
.bank-context-pill > span:last-child { min-width: 0; display: grid; gap: 2px; }
.bank-context-pill small { color: #7a8391; font-size: 9px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.bank-context-pill b { overflow: hidden; color: var(--navy); font-size: 13px; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }
.bank-route-strip { margin-top: 15px; padding: 9px 10px; display: flex; align-items: center; gap: 10px; border: 1px solid color-mix(in srgb,var(--bank-accent) 23%,white); border-radius: 14px; background: linear-gradient(100deg,var(--bank-tint),rgba(255,255,255,.96) 78%); }
.bank-route-strip p { min-width: 0; margin: 0; display: grid; gap: 3px; line-height: 1.12; }
.bank-route-strip b { overflow: hidden; color: #253b54; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.bank-route-strip small { color: #718095; font-size: 9px; }
.bank-support-note, .next-bank-context { margin-top: 18px; padding: 9px 11px; display: flex; align-items: center; gap: 10px; border: 1px solid color-mix(in srgb,var(--bank-accent) 22%,white); border-radius: 14px; background: linear-gradient(100deg,var(--bank-tint),rgba(255,255,255,.84)); }
.bank-support-note > span:last-child, .next-bank-context p { min-width: 0; margin: 0; display: grid; gap: 3px; line-height: 1.12; }
.bank-support-note b, .next-bank-context b { color: #273c53; font-size: 11px; }
.bank-support-note small, .next-bank-context small { color: #738196; font-size: 9px; }
.next-bank-context { width: fit-content; max-width: 100%; margin-top: 22px; background: linear-gradient(105deg,var(--bank-tint),white); }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--navy); font-family: 'Onest Variable', system-ui, sans-serif; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }

.hero {
  min-height: 720px;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 23%, rgba(91, 79, 233, .19), transparent 27%),
    radial-gradient(circle at 8% 95%, rgba(32, 191, 169, .13), transparent 26%),
    linear-gradient(135deg, #fcfcff 0%, #f0efff 58%, #f8fbff 100%);
  border-bottom: 1px solid #e4eaf3;
}
.hero::before { content: ''; position: absolute; width: 760px; height: 760px; right: -180px; top: -250px; pointer-events: none; opacity: .24; border-radius: 50%; background: repeating-radial-gradient(circle, transparent 0 68px, rgba(91,79,233,.19) 69px 71px); mask-image: radial-gradient(circle, black, transparent 72%); }
.hero, .hero > * { position: relative; }
.site-header { height: 92px; display: flex; align-items: center; justify-content: space-between; }
.brand { display: flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; }
.brand-mark { width: 46px; height: 46px; display: block; flex: none; filter: drop-shadow(0 10px 13px rgba(91,79,233,.22)); }
.brand-mark img { width: 100%; height: 100%; display: block; }
.brand-copy { display: grid; line-height: 1; }
.brand-copy strong { font-size: 20px; font-weight: 780; letter-spacing: -.6px; }
.brand-copy strong em { color: var(--blue); font-style: normal; }
.brand-copy small { margin-top: 6px; color: var(--muted); font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.header-nav { display: flex; align-items: center; gap: 28px; }
.header-nav a { color: var(--navy); font-size: 14px; font-weight: 650; text-decoration: none; }
.header-nav .header-action { padding: 12px 18px; border: 1px solid rgba(91,79,233,.25); border-radius: 14px; color: var(--blue); background: rgba(255,255,255,.72); }
.hero-grid { min-height: 610px; padding: 58px 0 74px; display: grid; grid-template-columns: minmax(0,1fr) 470px; gap: 78px; align-items: center; }
.eyebrow, .section-kicker { display: flex; align-items: center; gap: 9px; color: var(--blue); font-size: 13px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.eyebrow span { width: 9px; height: 9px; border: 3px solid #b8f3df; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 5px rgba(34,184,135,.12); }
.hero-copy h1 { max-width: 670px; margin: 20px 0 18px; font-size: clamp(42px,5vw,68px); line-height: .99; letter-spacing: -.045em; font-weight: 790; }
.hero-lead { max-width: 570px; margin: 0; color: #526680; font-size: 20px; line-height: 1.55; }
.hero-proof { margin-top: 36px; display: flex; gap: 32px; }
.hero-proof div { display: grid; gap: 5px; padding-left: 15px; border-left: 2px solid #c5bfff; }
.hero-proof b { font-size: 14px; }
.hero-proof span { color: var(--muted); font-size: 12px; }
.proof-swap { animation: proof-swap-in .22s ease both; }
.proof-conditions { margin: 8px 0 0; color: var(--muted); font-size: 10px; line-height: 1.35; }
.form-proof-conditions { display: none; }
@keyframes proof-swap-in { from { opacity: .35; transform: translateY(3px); } to { opacity: 1; transform: translateY(0); } }

.lead-card { padding: 28px; border: 1px solid rgba(255,255,255,.9); border-radius: 28px; background: rgba(255,255,255,.91); box-shadow: var(--shadow); backdrop-filter: blur(18px); }
.form-topline { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
.form-kicker { color: var(--blue); font-size: 12px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.form-topline h2 { margin: 7px 0 0; font-size: 24px; line-height: 1.18; letter-spacing: -.035em; }
.step-badge { flex: none; padding: 7px 10px; border-radius: 10px; color: var(--blue); background: #f0efff; font-size: 11px; font-weight: 750; }
.form-microproof { margin-top: 17px; padding: 10px 11px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; border: 1px solid #e0dcff; border-radius: 15px; background: #f7f6ff; }
.form-microproof > div { min-width: 0; display: flex; align-items: center; gap: 7px; }
.form-microproof > div + div { padding-left: 8px; border-left: 1px solid #dedaf7; }
.form-microproof > div > span { width: 20px; height: 20px; display: grid; place-items: center; flex: none; border-radius: 7px; color: white; background: var(--blue); font-size: 10px; font-weight: 850; }
.form-microproof p { min-width: 0; margin: 0; display: grid; gap: 2px; line-height: 1; }
.form-microproof b { overflow: hidden; font-size: 10px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.form-microproof small { color: var(--muted); font-size: 9px; white-space: nowrap; }
.product-fieldset { margin: 17px 0 18px; padding: 0; border: 0; }
.product-fieldset legend, .field > span:first-child { margin-bottom: 9px; color: #41536d; font-size: 12px; font-weight: 700; }
.product-switch { display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; }
.product-option { position: relative; min-width: 0; min-height: 78px; padding: 7px 3px 8px; display: grid; grid-template-rows: 1fr auto; place-items: center; gap: 2px; border: 1px solid var(--line); border-radius: 14px; color: #53647c; background: #f8fafc; cursor: pointer; }
.product-option input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.product-option:has(input:focus-visible) { outline: 3px solid #769cf0; outline-offset: 2px; }
.product-option img { width: 46px; height: 41px; align-self: end; object-fit: cover; border-radius: 10px; mix-blend-mode: multiply; }
.product-option > span:last-child { max-width: 100%; font-size: 11px; font-weight: 700; white-space: nowrap; }
.product-option.long-label > span:last-child { font-size: 9px; letter-spacing: -.025em; }
.product-option.active { border-color: var(--blue); color: var(--blue); background: #f0efff; box-shadow: inset 0 0 0 1px var(--blue); }
.auto-icon { width: 26px; height: 26px; padding: 4px; display: grid; grid-template-columns: 1fr 1fr; gap: 3px; }
.auto-icon i { border-radius: 3px; background: currentColor; opacity: .82; }
.product-fieldset p { min-height: 17px; margin: 7px 2px 0; color: #78879a; font-size: 12px; }
.product-offer { transition: opacity .18s ease; }
.field { display: block; margin-top: 13px; }
.field-label-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.field-label-row small { color: #7a899d; font-size: 10px; font-weight: 650; white-space: nowrap; }
.input-shell { min-height: 54px; display: flex; align-items: center; border: 1px solid #d9e1ec; border-radius: 15px; background: white; transition: .2s ease; }
.input-shell:focus-within { border-color: var(--blue); box-shadow: 0 0 0 4px rgba(91,79,233,.11); }
.input-shell.valid, .select-shell.valid { border-color: #8fd6c2; box-shadow: 0 0 0 3px rgba(41,174,137,.07); }
.input-shell input { width: 100%; min-width: 0; padding: 0 15px; border: 0; outline: 0; color: var(--navy); background: transparent; font-size: 17px; font-weight: 650; }
.input-shell b { padding-right: 16px; color: #6d7c91; }
.field-success { width: 26px; height: 26px; margin-right: 13px; display: grid; place-items: center; flex: none; border-radius: 9px; color: white; background: var(--mint); opacity: 0; transform: scale(.62) translateY(2px); transition: opacity .2s ease, transform .24s cubic-bezier(.2,.9,.3,1.35); pointer-events: none; }
.field-success.visible { opacity: 1; transform: scale(1) translateY(0); }
.field-success i { font-style: normal; font-size: 13px; font-weight: 900; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.phone-mask-shell { position: relative; cursor: text; }
.phone-mask-shell > input { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; padding: 0; opacity: 0; cursor: text; }
.phone-mask { width: 100%; min-width: 0; padding: 0 52px 0 15px; display: flex; align-items: center; color: var(--navy); font-size: 17px; font-weight: 650; white-space: nowrap; pointer-events: none; }
.phone-mask-shell > .field-success { position: absolute; z-index: 3; right: 0; margin-right: 13px; }
.phone-slot { position: relative; min-width: .61em; color: #7f8a9a; text-align: center; }
.phone-slot.filled { color: var(--navy); }
.phone-slot.current::after { content: ''; position: absolute; top: 1px; right: -1px; bottom: 1px; width: 2px; border-radius: 2px; background: var(--blue); animation: phone-caret 1s steps(1) infinite; }
.phone-separator { color: #5e6d82; }
@keyframes phone-caret { 50% { opacity: 0; } }
.primary-button { position: relative; width: 100%; min-height: 57px; margin-top: 17px; padding: 0 18px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; border: 1px solid rgba(255,255,255,.18); border-radius: 16px; color: white; background: linear-gradient(135deg, #6a5cf0, #4538c3); box-shadow: 0 13px 28px rgba(91,79,233,.28); font-weight: 750; cursor: pointer; transform: translateY(0) scale(1); transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, border-color .18s ease; }
.primary-button::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(110deg,transparent 20%,rgba(255,255,255,.2) 46%,transparent 72%); transform: translateX(-115%); transition: transform .48s ease; }
.primary-button > span, .primary-button > b { position: relative; z-index: 1; }
.primary-button b { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; background: rgba(255,255,255,.15); transition: transform .18s ease, background-color .18s ease; }
.primary-button:active { transform: translateY(1px) scale(.985); box-shadow: 0 7px 16px rgba(91,79,233,.25); filter: saturate(.94); }
.primary-button:active b { transform: translateX(4px); background: rgba(255,255,255,.24); }
@media (hover: hover) and (pointer: fine) {
  .primary-button:hover { transform: translateY(-2px) scale(1.008); border-color: rgba(255,255,255,.5); box-shadow: 0 17px 34px rgba(91,79,233,.36), 0 0 0 4px rgba(106,92,240,.11); filter: saturate(1.08) brightness(1.03); }
  .primary-button:hover::before { transform: translateX(115%); }
  .primary-button:hover b { transform: translateX(4px); background: rgba(255,255,255,.24); }
}
.form-note { margin: 12px 3px 0; color: #77869b; font-size: 12px; line-height: 1.45; }
.data-trust { margin-top: 12px; padding: 9px 11px; display: flex; align-items: center; gap: 9px; border: 1px solid #b8e3d5; border-radius: 13px; background: #effaf6; }
.data-trust > span { width: 24px; height: 24px; display: grid; place-items: center; flex: none; border-radius: 8px; color: white; background: var(--mint); font-size: 12px; font-weight: 850; }
.data-trust p { margin: 0; display: grid; gap: 3px; line-height: 1.1; }
.data-trust b { color: #26745f; font-size: 10px; }
.data-trust small { color: #5f7f76; font-size: 9px; }
.lead-card > .data-trust { width: fit-content; max-width: 100%; margin-inline: auto; }
.lead-consents { width: 100%; margin-top: 10px; display: grid; justify-items: center; gap: 7px; }
.lead-consents label { width: fit-content; max-width: 100%; display: grid; grid-template-columns: 18px minmax(0,auto); gap: 8px; align-items: start; color: #63738a; font-size: 10px; line-height: 1.4; cursor: pointer; text-align: left; }
.lead-consents input { width: 16px; height: 16px; margin: 0; accent-color: var(--blue); }
.lead-consents a { color: var(--blue); font-weight: 650; }

.products-section { padding: 62px 0 68px; background: white; }
.products-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 34px; }
.products-heading h2 { max-width: 670px; margin: 9px 0 0; font-size: 34px; line-height: 1.08; letter-spacing: -.045em; }
.products-heading > p { max-width: 340px; margin: 0 0 3px; color: var(--muted); font-size: 14px; line-height: 1.5; }
.product-grid { margin-top: 25px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.product-card { position: relative; min-width: 0; height: 248px; padding: 0; overflow: hidden; border: 1px solid #dedcf1; border-radius: 22px; color: var(--navy); background: #f0efff; font: inherit; text-align: left; cursor: pointer; appearance: none; box-shadow: 0 8px 28px rgba(61,53,181,.06); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.product-card:hover { transform: translateY(-3px); border-color: #b9b2ff; box-shadow: 0 16px 38px rgba(61,53,181,.13); }
.product-card:focus-visible { outline: 3px solid #7569f4; outline-offset: 3px; }
.product-card:active { transform: scale(.985); }
.product-card.selected { border-color: var(--blue); box-shadow: inset 0 0 0 1px var(--blue),0 12px 34px rgba(91,79,233,.13); }
.product-art { position: absolute; inset: 0; display: block; background: #f0efff; }
.product-art::after { content: ''; position: absolute; inset: 42% 0 0; background: linear-gradient(to bottom,rgba(248,251,255,0),rgba(248,251,255,.8) 44%,rgba(248,251,255,.98) 76%); }
.product-art img { width: 100%; height: 100%; display: block; object-fit: cover; mix-blend-mode: multiply; }
.product-amount { position: absolute; z-index: 2; top: 13px; left: 13px; padding: 7px 9px; border: 1px solid rgba(137,172,226,.46); border-radius: 999px; color: var(--blue); background: rgba(255,255,255,.91); box-shadow: 0 6px 20px rgba(34,75,139,.08); font-size: 11px; font-weight: 800; line-height: 1; backdrop-filter: blur(8px); }
.product-selected { position: absolute; z-index: 3; top: 12px; right: 12px; width: 29px; height: 29px; display: grid; place-items: center; border: 2px solid white; border-radius: 50%; color: white; background: var(--blue); box-shadow: 0 7px 18px rgba(91,79,233,.24); font-size: 12px; font-weight: 900; }
.product-content { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; min-height: 94px; padding: 17px 44px 16px 16px; display: flex; flex-direction: column; justify-content: flex-end; border-top: 1px solid rgba(185,207,239,.66); background: rgba(249,252,255,.92); backdrop-filter: blur(9px); }
.product-content strong { font-size: 19px; line-height: 1.08; letter-spacing: -.035em; }
.product-content small { margin-top: 5px; color: var(--muted); font-size: 12px; line-height: 1.3; }
.product-content i { position: absolute; right: 14px; bottom: 17px; width: 29px; height: 29px; display: grid; place-items: center; border: 1px solid #b9d0f5; border-radius: 10px; color: var(--blue); background: white; font-size: 14px; font-style: normal; font-weight: 800; transition: transform .2s ease,background .2s ease,color .2s ease; }
.product-card:hover .product-content i { transform: translateX(2px); color: white; background: var(--blue); }

@media (min-width: 801px) and (max-width: 1100px) {
  .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-card { height: 218px; }
}

.journey-section { padding: 96px 0; background: var(--bg); }
.journey-grid { display: grid; grid-template-columns: minmax(0,1fr) 430px; gap: 72px; align-items: center; }
.journey-copy h2, .faq-heading h2 { max-width: 680px; margin: 12px 0 16px; font-size: 40px; line-height: 1.08; letter-spacing: -.045em; }
.journey-copy > p, .faq-heading > p { max-width: 630px; margin: 0; color: var(--muted); font-size: 16px; line-height: 1.6; }
.steps-list { margin: 35px 0 0; padding: 0; display: grid; gap: 12px; list-style: none; }
.steps-list li { padding: 17px 18px; display: grid; grid-template-columns: 44px 1fr; gap: 15px; align-items: start; border: 1px solid #e1e7ef; border-radius: 18px; background: rgba(255,255,255,.77); }
.steps-list li > span { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #c9c3ff; border-radius: 13px; color: var(--blue); background: #f0efff; font-size: 12px; font-weight: 800; }
.steps-list b { font-size: 15px; }
.steps-list p { margin: 4px 0 0; color: var(--muted); font-size: 13px; line-height: 1.45; }
.support-card { position: relative; overflow: hidden; padding: 34px; border: 1px solid #b8b0ff; border-radius: 28px; background: linear-gradient(145deg,#fbfaff,#e8e5ff); box-shadow: 0 26px 64px rgba(91,79,233,.13); }
.support-card::after { content: ''; position: absolute; width: 210px; height: 210px; right: -70px; top: -80px; border-radius: 50%; background: rgba(63,140,255,.09); }
.support-visual { position: relative; width: 92px; height: 92px; margin-bottom: 28px; display: grid; place-items: center; border: 1px solid #aea6ff; border-radius: 28px 28px 28px 8px; color: white; background: radial-gradient(circle at 35% 25%,#988fff,#5b4fe9 62%,#342c9a); box-shadow: 0 18px 36px rgba(61,53,181,.25); transform: rotate(-5deg); }
.support-visual span { font-size: 42px; font-weight: 760; transform: rotate(5deg); }
.support-visual i { position: absolute; width: 8px; height: 8px; border: 2px solid #20bfa9; border-radius: 50%; background: white; }
.support-visual i:nth-child(2) { right: -20px; top: 12px; }.support-visual i:nth-child(3) { right: -29px; top: 34px; width: 5px; height: 5px; }.support-visual i:nth-child(4) { right: -18px; top: 52px; width: 4px; height: 4px; }
.support-label { color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.support-card h3 { margin: 9px 0 11px; font-size: 29px; line-height: 1.12; letter-spacing: -.04em; }
.support-card > p { margin: 0; color: #536a86; font-size: 14px; line-height: 1.58; }
.support-card button { width: 100%; min-height: 52px; margin-top: 23px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #7daefa; border-radius: 15px; color: white; background: var(--blue); font-weight: 750; cursor: pointer; }
.support-foot { margin-top: 18px; display: flex; justify-content: space-between; gap: 12px; color: #557094; font-size: 10px; font-weight: 650; }
.support-foot span { display: flex; align-items: center; gap: 6px; }.support-foot span::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--mint); }

.faq-section { padding: 88px 0; background: white; border-top: 1px solid #e7ecf3; }
.faq-grid { display: grid; grid-template-columns: 380px 1fr; gap: 90px; align-items: start; }
.faq-heading h2 { font-size: 36px; }
.faq-list { display: grid; gap: 10px; }
.faq-list details { border: 1px solid var(--line); border-radius: 17px; background: #f9fbfd; }
.faq-list summary { min-height: 64px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; font-size: 14px; font-weight: 720; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { width: 28px; height: 28px; display: grid; place-items: center; flex: none; border-radius: 9px; color: var(--blue); background: #eaf3ff; font-size: 18px; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details p { margin: -4px 18px 18px; padding-right: 35px; color: var(--muted); font-size: 13px; line-height: 1.55; }
.site-footer { color: #273a56; background: #edf3f9; border-top: 1px solid #dce5ef; }
.footer-legal { padding-top: 54px; padding-bottom: 46px; }
.footer-title-row { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.footer-title-row > div > span { color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.footer-title-row h2 { margin: 7px 0 0; font-size: 28px; letter-spacing: -.035em; }
.footer-shield { width: 42px; height: 42px; display: grid; place-items: center; flex: none; border-radius: 13px; color: white; background: var(--blue); font-weight: 800; box-shadow: 0 10px 22px rgba(61,53,181,.18); }
.footer-intro { max-width: 1000px; margin: 21px 0 0; color: #5e7088; font-size: 13px; line-height: 1.7; }
.legal-toggle, .legal-collapse { min-height: 40px; margin-top: 18px; padding: 0 14px; display: inline-flex; align-items: center; gap: 24px; border: 1px solid #b8ccea; border-radius: 12px; color: var(--blue); background: rgba(255,255,255,.72); font-size: 12px; font-weight: 760; cursor: pointer; }
.legal-toggle b { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 8px; background: #e7f0ff; }
.legal-details { margin-top: 24px; padding: 30px; border: 1px solid #d4dfec; border-radius: 22px; background: rgba(255,255,255,.78); box-shadow: 0 18px 48px rgba(34,60,96,.07); }
.legal-details p { margin: 0 0 17px; color: #5c6d84; font-size: 12px; line-height: 1.75; }
.legal-details p:last-of-type { margin-bottom: 0; }
.legal-details a { color: var(--blue); font-weight: 720; }
.legal-details h3 { margin: 26px 0 12px; font-size: 16px; }
.legal-alert { padding: 14px 16px; border: 1px solid #9bdcca; border-radius: 14px; color: #25745f !important; background: #ebfaf5; }
.legal-partners { margin: 24px 0; padding: 20px; border-radius: 17px; background: #f2f6fb; }
.legal-partners h3 { margin-top: 0; }
.legal-partners ul { margin: 0; padding-left: 18px; columns: 2; column-gap: 36px; color: #5c6d84; font-size: 11px; line-height: 1.65; }
.legal-partners li { margin-bottom: 7px; break-inside: avoid; }
.legal-collapse { margin-top: 25px; }
.footer-bottom { padding: 36px 0 22px; color: #e5e3ff; background: linear-gradient(135deg,#182044,#28235f); }
.footer-bottom-grid { display: grid; grid-template-columns: 250px minmax(0,1fr) 220px; gap: 54px; align-items: start; }
.footer-brand { color: white; }
.footer-brand .brand-mark { width: 39px; height: 39px; filter: drop-shadow(0 8px 11px rgba(0,0,0,.2)); }
.footer-brand .brand-copy strong { font-size: 16px; }
.footer-brand .brand-copy strong em { color: #bcb7ff; }
.footer-brand .brand-copy small { color: #93a8c4; font-size: 8px; }
.footer-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px 24px; }
.footer-links a, .footer-contacts a { color: #dce8f7; font-size: 11px; line-height: 1.45; text-decoration: none; }
.footer-links a:hover, .footer-contacts a:hover { color: white; text-decoration: underline; }
.footer-contacts { display: grid; gap: 9px; }
.footer-contacts > span { margin-bottom: 3px; color: #89a7cf; font-size: 10px; font-weight: 760; letter-spacing: .07em; text-transform: uppercase; }
.footer-copyright { margin-top: 30px; padding-top: 18px; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid rgba(207,223,244,.14); color: #8096b3; font-size: 10px; }

:focus-visible { outline: 3px solid #769cf0; outline-offset: 3px; }

/* Мобильный возврат к короткой заявке */
.mobile-sticky-cta { display: none; }
.sticky-cta-icon { position: relative; width: 43px; height: 43px; display: grid; place-items: center; flex: none; overflow: hidden; border: 1px solid rgba(255,255,255,.48); border-radius: 14px 14px 14px 6px; color: white; background: linear-gradient(145deg,#39cb98,#15966e); box-shadow: 0 9px 20px rgba(24,151,110,.25); }
.sticky-cta-icon::before { content: ''; position: absolute; width: 24px; height: 24px; border: 1px solid rgba(255,255,255,.42); border-radius: 50%; }
.sticky-cta-icon b { position: relative; z-index: 1; font-size: 17px; font-weight: 800; }
.sticky-cta-icon i { position: absolute; top: 7px; right: 7px; width: 6px; height: 6px; border: 2px solid #168d69; border-radius: 50%; background: #b8f4df; }
.sticky-cta-copy { min-width: 0; display: grid; gap: 3px; text-align: left; }
.sticky-cta-copy strong { overflow: hidden; font-size: 14px; line-height: 1.08; text-overflow: ellipsis; white-space: nowrap; }
.sticky-cta-copy small { overflow: hidden; color: #dce8ff; font-size: 10px; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.sticky-cta-arrow { width: 35px; height: 35px; display: grid; place-items: center; flex: none; border: 1px solid rgba(255,255,255,.27); border-radius: 12px; color: white; background: rgba(255,255,255,.14); font-size: 17px; font-weight: 850; animation: sticky-arrow 2.2s ease-in-out infinite; }
@keyframes sticky-arrow { 0%,72%,100% { transform: translateY(0); } 82% { transform: translateY(-3px); } 91% { transform: translateY(1px); } }

/* Визуальный прототип умного помощника */
.smart-chat-layer { position: fixed; z-index: 90; right: 22px; bottom: max(20px, env(safe-area-inset-bottom)); display: flex; flex-direction: column; align-items: flex-end; gap: 11px; }
.chat-avatar { width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; gap: 3px; flex: none; border: 1px solid #c8c2ff; border-radius: 14px 14px 14px 5px; color: var(--blue); background: #f0efff; box-shadow: 0 8px 18px rgba(91,79,233,.13); }
.chat-avatar i { width: 4px; height: 4px; border-radius: 50%; background: currentColor; }
.chat-avatar.inverse { border-color: rgba(255,255,255,.35); color: white; background: rgba(255,255,255,.17); box-shadow: none; }
.chat-launcher { min-height: 58px; padding: 8px 17px 8px 8px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.38); border-radius: 19px; color: white; background: linear-gradient(145deg,#2e6ff3,#194bbd); box-shadow: 0 18px 38px rgba(25,73,174,.3); font-size: 13px; cursor: pointer; }
.chat-launcher b { white-space: nowrap; }
.chat-nudge { position: relative; width: min(338px,calc(100vw - 32px)); padding: 18px; border: 1px solid #bfd5f7; border-radius: 23px 23px 8px 23px; background: rgba(255,255,255,.98); box-shadow: 0 25px 65px rgba(19,49,93,.22); }
.chat-dismiss { position: absolute; top: 9px; right: 10px; width: 30px; height: 30px; border: 0; color: #718098; background: transparent; font-size: 21px; cursor: pointer; }
.chat-identity { padding-right: 28px; display: flex; align-items: center; gap: 11px; }
.chat-identity p, .chat-panel-head p { margin: 0; display: grid; gap: 4px; }
.chat-identity b, .chat-panel-head b { font-size: 13px; }
.chat-identity small, .chat-panel-head small { color: var(--muted); font-size: 10px; }
.chat-nudge h2 { margin: 16px 2px 14px; font-size: 18px; line-height: 1.25; letter-spacing: -.025em; }
.chat-nudge-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.chat-nudge-actions button, .chat-quick-actions button { min-height: 38px; padding: 7px 9px; border: 1px solid #c8daf5; border-radius: 11px; color: #275ab7; background: #f4f8ff; font-size: 10px; font-weight: 720; cursor: pointer; }
.chat-panel { width: 382px; max-width: calc(100vw - 32px); height: min(630px,calc(100vh - 40px)); overflow: hidden; display: grid; grid-template-rows: auto minmax(0,1fr) auto auto auto; border: 1px solid #aac8f3; border-radius: 27px 27px 9px 27px; background: white; box-shadow: 0 28px 80px rgba(17,47,91,.28); }
.chat-panel-head { min-height: 79px; padding: 14px 14px 14px 16px; display: grid; grid-template-columns: 42px 1fr 32px; gap: 11px; align-items: center; color: white; background: linear-gradient(135deg,#245ed9,#153d9f); }
.chat-panel-head small { color: #d9e7ff; }
.chat-panel-head small span { width: 6px; height: 6px; margin-right: 4px; display: inline-block; border-radius: 50%; background: #65e0b7; box-shadow: 0 0 0 3px rgba(101,224,183,.15); }
.chat-panel-head > button { width: 32px; height: 32px; border: 0; border-radius: 10px; color: white; background: rgba(255,255,255,.12); font-size: 21px; cursor: pointer; }
.chat-dialog { min-height: 0; padding: 18px 17px; overflow-y: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; background: linear-gradient(#f7faff,#fff); }
.chat-day { align-self: center; margin-bottom: 5px; color: #8190a4; font-size: 9px; }
.chat-message { max-width: 86%; padding: 11px 13px; border-radius: 15px; font-size: 12px; line-height: 1.45; }
.chat-message.assistant { border: 1px solid #dce6f4; border-radius: 15px 15px 15px 5px; color: #33475f; background: white; box-shadow: 0 7px 17px rgba(36,70,115,.06); }
.chat-message.answer { border-color: #bad2f7; background: #eef5ff; }
.chat-quick-actions { padding: 5px 14px 10px; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.chat-quick-actions::-webkit-scrollbar { display: none; }
.chat-quick-actions button { flex: none; white-space: nowrap; }
.chat-return { padding: 0 14px 11px; }
.chat-return button { width: 100%; min-height: 45px; padding: 0 14px; display: flex; align-items: center; justify-content: space-between; border: 0; border-radius: 13px; color: white; background: var(--blue); font-size: 12px; font-weight: 760; cursor: pointer; }
.chat-compose { padding: 11px 12px max(11px,env(safe-area-inset-bottom)); display: grid; grid-template-columns: 1fr 42px; gap: 8px; border-top: 1px solid #e1e8f2; background: #f9fbfe; }
.chat-compose input { min-width: 0; height: 42px; padding: 0 13px; border: 1px solid #d4dfed; border-radius: 12px; outline: none; color: var(--navy); background: white; font-size: 12px; }
.chat-compose input:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(91,79,233,.11); }
.chat-compose button { width: 42px; height: 42px; border: 0; border-radius: 12px; color: white; background: var(--blue); font-size: 19px; font-weight: 750; cursor: pointer; }

@media (max-width: 800px) {
  .container { width: min(100% - 32px, 620px); }
  .hero { min-height: auto; }
  .site-header { height: 64px; }
  .brand-mark { width: 40px; height: 40px; }
  .brand-copy strong { font-size: 17px; }
  .brand-copy small { font-size: 9px; }
  .header-nav > a:first-child { display: none; }
  .header-nav .header-action { padding: 10px 12px; font-size: 12px; }
  .hero-grid { min-height: 0; padding: 13px 0 38px; display: block; }
  .hero-copy h1 { margin: 13px 0 12px; font-size: clamp(34px,9.4vw,43px); line-height: 1.01; }
  .hero-lead { font-size: 16px; line-height: 1.42; }
  .hero-proof { display: none; }
  .hero-proof div { width: 32%; padding-left: 9px; }
  .hero-proof b { font-size: 12px; }
  .hero-proof span { font-size: 11px; line-height: 1.3; }
  .lead-card { margin-top: 12px; padding: 15px 16px; border-radius: 23px; }
  .form-topline h2 { font-size: 21px; }
  .form-microproof { margin-top: 13px; padding: 9px 8px; gap: 4px; }
  .form-microproof > div { gap: 5px; }
  .form-microproof > div + div { padding-left: 5px; }
  .form-microproof > div > span { width: 17px; height: 17px; border-radius: 6px; font-size: 9px; }
  .form-microproof b { font-size: 9px; }
  .form-microproof small { font-size: 8px; }
  .product-fieldset { margin: 13px 0 11px; }
  .product-option { min-height: 72px; padding-top: 6px; padding-bottom: 7px; }
  .product-option img { width: 43px; height: 38px; }
  .field { margin-top: 8px; }
  .input-shell { min-height: 47px; }
  .primary-button { min-height: 52px; margin-top: 10px; }
  .form-note { font-size: 11px; }
  .data-trust { margin-top: 9px; padding: 8px 9px; }
  .data-trust > span { width: 22px; height: 22px; }
  .lead-consents { margin-top: 8px; gap: 6px; }
  .lead-consents label { font-size: 9px; }
  .product-option > span:last-child { font-size: 11px; }
  .products-section { padding: 44px 0 50px; }
  .products-heading { display: block; }
  .products-heading h2 { max-width: 360px; font-size: 27px; }
  .products-heading > p { max-width: 360px; margin-top: 10px; font-size: 12px; }
  .product-grid { margin-top: 20px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .product-card { height: 184px; border-radius: 18px; }
  .product-art::after { inset-block-start: 36%; }
  .product-amount { top: 9px; left: 9px; padding: 6px 7px; font-size: 9px; }
  .product-selected { top: 8px; right: 8px; width: 25px; height: 25px; font-size: 10px; }
  .product-content { min-height: 78px; padding: 12px 34px 12px 11px; }
  .product-content strong { font-size: 15px; line-height: 1.08; }
  .product-content small { margin-top: 4px; font-size: 10px; line-height: 1.22; }
  .product-content i { right: 9px; bottom: 12px; width: 25px; height: 25px; border-radius: 8px; font-size: 12px; }
  .journey-section { padding: 64px 0; }
  .journey-grid { display: flex; flex-direction: column; gap: 32px; align-items: stretch; }
  .journey-copy h2, .faq-heading h2 { font-size: 30px; }
  .journey-copy > p { font-size: 14px; }
  .steps-list { margin-top: 25px; }
  .steps-list li { padding: 14px; grid-template-columns: 40px 1fr; gap: 12px; }
  .steps-list li > span { width: 40px; height: 40px; }
  .support-card { padding: 25px 21px; border-radius: 24px; }
  .support-visual { width: 76px; height: 76px; margin-bottom: 24px; border-radius: 23px 23px 23px 7px; }
  .support-visual span { font-size: 35px; }
  .support-card h3 { font-size: 26px; }
  .support-foot { flex-direction: column; gap: 8px; }
  .faq-section { padding: 62px 0; }
  .faq-grid { display: block; }
  .faq-heading { margin-bottom: 28px; }
  .faq-heading > p { font-size: 14px; }
  .faq-list summary { min-height: 62px; font-size: 13px; }
  .footer-legal { padding-top: 39px; padding-bottom: 36px; }
  .footer-title-row h2 { font-size: 24px; }
  .footer-intro { font-size: 11px; line-height: 1.65; }
  .legal-toggle { width: 100%; justify-content: space-between; }
  .legal-details { margin-top: 18px; padding: 19px 16px; border-radius: 18px; }
  .legal-details p { font-size: 11px; line-height: 1.7; }
  .legal-partners { padding: 16px; }
  .legal-partners ul { columns: 1; }
  .legal-collapse { width: 100%; justify-content: center; }
  .footer-bottom { padding-top: 30px; }
  .footer-bottom-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(118px,.72fr); gap: 24px 16px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-links { grid-template-columns: 1fr; gap: 12px; }
  .footer-links a, .footer-contacts a { font-size: 12px; }
  .footer-contacts { justify-items: end; align-content: start; gap: 8px; text-align: right; }
  .footer-contacts > span { margin-bottom: 4px; font-size: 9px; }
  .footer-contacts a { max-width: 100%; overflow-wrap: anywhere; }
  .footer-copyright { margin-top: 26px; flex-direction: column; gap: 7px; }
  .mobile-sticky-cta { position: fixed; z-index: 85; right: 12px; bottom: max(12px,env(safe-area-inset-bottom)); left: 12px; min-height: 64px; padding: 9px 10px; display: grid; grid-template-columns: 43px minmax(0,1fr) 35px; gap: 11px; align-items: center; border: 1px solid rgba(184,176,255,.7); border-radius: 19px; color: white; background: linear-gradient(135deg,rgba(106,92,240,.98),rgba(61,53,181,.98)); box-shadow: 0 18px 45px rgba(40,35,95,.33),0 0 0 1px rgba(255,255,255,.16) inset; backdrop-filter: blur(14px); cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(calc(100% + 28px)); transition: opacity .24s ease,transform .32s cubic-bezier(.2,.8,.2,1),visibility .24s ease; pointer-events: none; }
  .mobile-sticky-cta::before { content: ''; position: absolute; inset: 0; overflow: hidden; border-radius: inherit; pointer-events: none; background: linear-gradient(110deg,transparent 18%,rgba(255,255,255,.13) 45%,transparent 70%); transform: translateX(-120%); transition: transform .55s ease; }
  .mobile-sticky-cta.visible { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
  .mobile-sticky-cta:active { transform: translateY(1px) scale(.985); }
  .mobile-sticky-cta:active::before { transform: translateX(120%); }
  .smart-chat-layer { right: 10px; bottom: max(10px,env(safe-area-inset-bottom)); }
  .chat-launcher { min-height: 54px; padding-right: 15px; border-radius: 18px; }
  .chat-launcher .chat-avatar { width: 38px; height: 38px; border-radius: 12px 12px 12px 4px; }
  .chat-nudge { width: min(348px,calc(100vw - 20px)); padding: 16px; border-radius: 22px 22px 7px 22px; }
  .chat-nudge h2 { font-size: 17px; }
  .chat-panel { width: calc(100vw - 20px); max-width: none; height: min(72svh,640px); border-radius: 24px 24px 7px 24px; }
  .chat-panel-head { min-height: 72px; padding: 12px 12px 12px 14px; }
  .chat-dialog { padding: 15px 14px; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } .phone-slot.current::after, .sticky-cta-arrow { animation: none; } }

@media (max-width: 359px) {
  .product-grid { gap: 8px; }
  .product-card { height: 176px; }
  .product-content strong { font-size: 14px; }
  .product-content small { font-size: 9.5px; }
}

/* Шаг 2 */
.next-page { min-height: 100vh; background: linear-gradient(145deg,#f8fbff,#eef4fb); }
.next-header { height: 82px; }
.next-progress { width: 180px; display: grid; gap: 8px; color: var(--blue); font-size: 12px; }
.next-progress > span { height: 5px; overflow: hidden; border-radius: 99px; background: #dbe6f5; }
.next-progress i { display: block; width: 100%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--blue),#8f85ff); }
.next-shell { min-height: calc(100vh - 146px); padding: 56px 0 74px; display: grid; grid-template-columns: minmax(0,1fr) 570px; gap: 78px; align-items: center; }
.next-context h1 { max-width: 590px; margin: 15px 0 16px; font-size: 48px; line-height: 1.04; letter-spacing: -.05em; }
.next-context > p { max-width: 570px; margin: 0; color: var(--muted); font-size: 17px; line-height: 1.55; }
.application-summary { margin-top: 31px; overflow: hidden; border: 1px solid #c9d9ef; border-radius: 21px; background: rgba(255,255,255,.76); }
.summary-head { min-height: 48px; padding: 0 17px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e1e8f2; }
.summary-head span { font-size: 12px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.summary-head button { padding: 6px 0; border: 0; color: var(--blue); background: transparent; font: inherit; font-size: 12px; font-weight: 720; cursor: pointer; }
.summary-values { display: grid; grid-template-columns: 1fr 1fr; }
.summary-values div { padding: 17px; display: grid; gap: 6px; }
.summary-values div + div { border-left: 1px solid #e1e8f2; }
.summary-values span { color: var(--muted); font-size: 11px; }
.summary-values b { font-size: 15px; }
.summary-editor { padding: 16px; display: grid; gap: 13px; background: rgba(255,255,255,.62); }
.summary-editor label { display: grid; gap: 6px; color: var(--muted); font-size: 11px; }
.summary-editor input, .summary-editor select { width: 100%; height: 43px; padding: 0 12px; border: 1px solid #cedbeb; border-radius: 11px; outline: none; color: var(--ink); background: #fff; font: inherit; font-size: 13px; font-weight: 650; }
.summary-editor input:focus, .summary-editor select:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(30,111,236,.11); }
.summary-input { position: relative; display: block; }
.summary-input input { padding-right: 34px; }
.summary-input b { position: absolute; top: 50%; right: 13px; transform: translateY(-50%); color: var(--muted); font-size: 13px; }
.summary-editor > button { min-height: 41px; border: 0; border-radius: 11px; color: #fff; background: var(--blue); font-size: 12px; font-weight: 760; cursor: pointer; }
.next-explainer { margin-top: 17px; padding: 17px; display: grid; grid-template-columns: 42px 1fr; gap: 13px; align-items: start; border: 1px solid #a6cdfa; border-radius: 18px; background: #eaf4ff; }
.shield-mark { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px 13px 13px 5px; color: white; background: var(--blue); font-weight: 800; }
.next-explainer b { font-size: 14px; }
.next-explainer p { margin: 4px 0 0; color: #55708e; font-size: 12px; line-height: 1.5; }
.details-card { padding: 30px; border: 1px solid rgba(255,255,255,.9); border-radius: 28px; background: rgba(255,255,255,.95); box-shadow: var(--shadow); }
.details-title { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.details-title > div > span { color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.details-title h2 { margin: 7px 0 7px; font-size: 25px; letter-spacing: -.035em; }
.details-card .field { margin-top: 16px; }
.details-card .field > small { display: block; margin: 7px 3px 0; color: #718099; font-size: 12px; }
.location-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.select-shell { position: relative; min-height: 54px; overflow: hidden; display: flex; align-items: center; border: 1px solid #d9e1ec; border-radius: 15px; background: white; transition: .2s ease; }
.select-shell:focus-within { border-color: var(--blue); box-shadow: 0 0 0 4px rgba(91,79,233,.11); }
.select-shell::after { content: ''; position: absolute; top: 50%; right: 51px; width: 7px; height: 7px; border-right: 1.5px solid #6f7e92; border-bottom: 1.5px solid #6f7e92; transform: translateY(-65%) rotate(45deg); pointer-events: none; }
.select-shell select { width: 100%; min-width: 0; min-height: 52px; padding: 0 38px 0 14px; border: 0; border-radius: inherit; outline: 0; appearance: none; -webkit-appearance: none; color: var(--navy); background: #fff; font-size: 14px; font-weight: 650; }
.consent-row { margin-top: 18px; display: grid; grid-template-columns: 20px 1fr; gap: 10px; align-items: start; color: #44556d; font-size: 12px; line-height: 1.45; }
.consent-row.secondary { margin-top: 11px; color: #65758b; }
.consent-row input { width: 18px; height: 18px; margin-top: 1px; accent-color: var(--blue); }
.consent-row a { color: var(--blue); }
.next-data-trust { margin-top: 18px; }
.next-data-trust a { color: inherit; font-weight: 750; text-underline-offset: 2px; }
.prototype-status { margin: 12px 0 0; padding: 10px 12px; border: 1px solid #9ddfc9; border-radius: 12px; color: #147b5c; background: #edfff8; font-size: 12px; font-weight: 650; }
.next-footer { min-height: 64px; display: flex; align-items: center; border-top: 1px solid #dfe7f0; color: #69798e; background: rgba(255,255,255,.55); }
.next-footer .container { display: flex; justify-content: center; gap: 20px; font-size: 11px; }

@media (max-width: 800px) {
  .next-header { height: 64px; }
  .next-progress { width: 92px; gap: 6px; }
  .next-progress b { font-size: 11px; text-align: right; }
  .next-shell { min-height: 0; padding: 29px 0 48px; display: flex; flex-direction: column; gap: 22px; align-items: stretch; }
  .next-context h1 { margin: 12px 0; font-size: 34px; line-height: 1.04; }
  .next-context > p { font-size: 14px; }
  .application-summary { margin-top: 20px; border-radius: 17px; }
  .summary-head { min-height: 43px; }
  .summary-values div { padding: 14px; }
  .summary-values b { font-size: 13px; }
  .next-explainer { display: none; }
  .details-card { padding: 20px 17px; border-radius: 23px; }
  .details-title h2 { font-size: 21px; }
  .details-card .field { margin-top: 13px; }
  .location-grid { display: block; }
  .consent-row { font-size: 12px; }
  .next-footer { padding: 20px 0; }
  .next-footer .container { gap: 9px; text-align: center; }
}

/* Moment Kredit — самостоятельное направление «Момент решения» */
:root {
  --ink: #202433;
  --navy: #202433;
  --blue: #ff6547;
  --blue-dark: #d9462f;
  --sky: #fff0ec;
  --mint: #19bfa7;
  --bg: #fff9f2;
  --line: #e8ddd3;
  --muted: #6e7180;
  --shadow: 0 22px 60px rgba(66,45,35,.12);
  --product-accent: #ff6547;
  --product-soft: #fff0ec;
}

body { background: var(--bg); color: var(--ink); font-family: 'Onest Variable', system-ui, sans-serif; }
.container { width: min(1160px,calc(100% - 40px)); }
.state-credit { --product-accent: #ff6547; --product-soft: #fff0ec; }
.state-card { --product-accent: #7567e8; --product-soft: #f1efff; }
.state-loan { --product-accent: #e89822; --product-soft: #fff4de; }
.state-refinance { --product-accent: #159e91; --product-soft: #e8f8f5; }

.hero {
  min-height: 790px;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(115deg,rgba(255,255,255,.82),rgba(255,249,242,.25)),
    radial-gradient(circle at 82% 22%,var(--product-soft),transparent 35%),
    #fff9f2;
  transition: background .35s ease;
}
.hero::before {
  width: 470px; height: 470px; right: -115px; top: 58px;
  border: 2px dashed color-mix(in srgb,var(--product-accent) 35%,transparent);
  border-radius: 45% 55% 48% 52%; opacity: .48; background: none; mask-image: none;
  transform: rotate(18deg);
}
.site-header { height: 78px; border-bottom: 1px solid rgba(50,42,38,.08); }
.brand-mark { width: 42px; height: 42px; filter: none; }
.brand-copy strong { font-size: 18px; letter-spacing: -.04em; }
.brand-copy strong em { color: var(--product-accent); transition: color .25s ease; }
.brand-copy small { color: #8b7d73; letter-spacing: .02em; }
.header-nav { gap: 10px; }
.header-nav a { color: #665d57; }
.header-nav .header-action { border-color: var(--ink); color: white; background: var(--ink); box-shadow: none; }

.hero-grid {
  min-height: 690px; padding: 54px 0 74px;
  display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 24px;
  align-items: center;
}
.hero-copy { grid-column: 1 / span 8; align-self: end; padding-bottom: 28px; }
.eyebrow { color: var(--product-accent); font-size: 11px; letter-spacing: .09em; text-transform: uppercase; }
.eyebrow span { background: var(--product-accent); box-shadow: 0 0 0 5px color-mix(in srgb,var(--product-accent) 14%,transparent); }
.hero-copy h1 { max-width: 790px; margin: 18px 0 20px; font-size: clamp(52px,5.2vw,72px); line-height: .98; letter-spacing: -.062em; }
.hero-lead { max-width: 630px; color: #625b57; font-size: 18px; line-height: 1.5; }
.hero-proof { max-width: 700px; margin-top: 30px; gap: 0; }
.hero-proof div { padding: 0 21px; border-left: 1px solid #ddcfc4; }
.hero-proof div:first-child { padding-left: 0; border-left: 0; }
.hero-proof b { color: var(--ink); font-size: 13px; }
.hero-proof span { color: #80756e; font-size: 11px; }

.hero-route { position: relative; grid-column: 9 / -1; min-height: 305px; align-self: end; }
.route-orbit { position: absolute; border: 2px solid color-mix(in srgb,var(--product-accent) 27%,transparent); border-radius: 50%; }
.orbit-one { width: 290px; height: 240px; right: 2px; bottom: 18px; transform: rotate(-13deg); }
.orbit-two { width: 205px; height: 300px; right: 52px; bottom: 2px; border-style: dashed; transform: rotate(28deg); }
.route-card-main { position: absolute; right: 57px; bottom: 46px; width: 205px; height: 205px; overflow: hidden; display: grid; place-items: center; border: 1px solid white; border-radius: 42% 58% 48% 52%; background: var(--product-soft); box-shadow: 0 22px 50px color-mix(in srgb,var(--product-accent) 18%,transparent); transform: rotate(5deg); }
.route-card-main img { width: 116%; height: 116%; object-fit: cover; mix-blend-mode: multiply; transform: rotate(-5deg); }
.route-chip { position: absolute; z-index: 2; right: 7px; top: 45px; padding: 10px 14px; border-radius: 99px; color: white; background: var(--ink); font-size: 12px; font-weight: 800; box-shadow: 0 12px 24px rgba(32,36,51,.18); }
.route-dot { position: absolute; width: 13px; height: 13px; border: 3px solid white; border-radius: 50%; background: var(--product-accent); box-shadow: 0 7px 16px color-mix(in srgb,var(--product-accent) 40%,transparent); }
.dot-one { left: 16px; top: 52px; }.dot-two { right: 27px; bottom: 45px; }.dot-three { left: 58px; bottom: 17px; width: 9px; height: 9px; }

.lead-card {
  grid-column: 1 / -1; margin-top: 10px; padding: 24px;
  display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) 260px; gap: 14px 16px;
  border: 1px solid #eadfd7; border-top: 5px solid var(--product-accent); border-radius: 22px;
  background: rgba(255,255,255,.95); box-shadow: 0 18px 44px rgba(72,46,32,.1);
  transition: border-color .25s ease;
}
.lead-card::before { display: none; }
.form-topline { grid-column: 1 / -1; align-items: center; }
.form-topline h2 { margin-top: 4px; font-size: 25px; }
.form-kicker { color: var(--product-accent); }
.step-badge { border-color: #eaded5; color: #655c56; background: #fffaf5; }
.form-microproof { grid-column: 1 / -1; margin-top: 0; padding: 10px 14px; border: 0; border-radius: 13px; background: #faf6f1; }
.form-microproof > div + div { border-left-color: #e7ddd5; }
.form-microproof > div > span { color: white; background: var(--mint); }
.product-fieldset { grid-column: 1 / -1; margin: 2px 0 0; }
.product-switch { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
.product-option { min-height: 76px; padding: 7px 12px; display: grid; grid-template-columns: 52px 1fr; gap: 9px; justify-items: start; text-align: left; border: 1px solid #e8ded7; border-radius: 14px; background: #fffdfa; }
.product-option img { width: 52px; height: 48px; }
.product-option > span:last-child { align-self: center; color: #5e5752; font-size: 12px; }
.product-option.active { border-color: var(--product-accent); background: var(--product-soft); box-shadow: inset 0 0 0 1px var(--product-accent); }
.product-option.active::after { top: 8px; right: 8px; width: 17px; height: 17px; border: 0; color: white; background: var(--product-accent); font-size: 9px; }
.product-offer { color: var(--product-accent); font-size: 12px; }
.lead-card > .field { margin-top: 0; align-self: end; }
.input-shell { min-height: 56px; border-radius: 13px; background: #fff; }
.input-shell:focus-within { border-color: var(--product-accent); box-shadow: 0 0 0 4px color-mix(in srgb,var(--product-accent) 11%,transparent); }
.field-success i { background: var(--mint); }
.primary-button { min-height: 56px; margin-top: 24px; border-radius: 13px; background: var(--product-accent); box-shadow: 0 12px 22px color-mix(in srgb,var(--product-accent) 25%,transparent); }
.primary-button:hover { background: var(--blue-dark); }
.data-trust { grid-column: 1 / 2; margin-top: 0; background: #effbf7; border-color: #bce9dc; }
.lead-consents { grid-column: 2 / -1; margin-top: 0; align-self: center; }
.lead-consents label { justify-content: flex-start; text-align: left; }
.lead-consents input { accent-color: var(--product-accent); }
.lead-consents a { color: #b94330; }

.products-section { padding: 78px 0 84px; background: #fff; }
.section-kicker { color: var(--blue); }
.products-heading h2 { font-size: 43px; }
.product-grid { margin-top: 32px; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 13px; }
.product-card { height: 250px; overflow: hidden; border: 0; border-radius: 20px; background: #fff0ec; box-shadow: none; }
.product-card:nth-child(2) { background: #f1efff; }.product-card:nth-child(3) { background: #fff4de; }.product-card:nth-child(4) { background: #e8f8f5; }
.product-card:hover { transform: translateY(-4px); border-color: transparent; box-shadow: 0 17px 34px rgba(56,43,37,.12); }
.product-card.selected { border: 0; box-shadow: inset 0 0 0 2px var(--product-accent); }
.product-art { inset: 0 0 86px 0; background: transparent; }
.product-art::after { inset: 55% 0 0; background: linear-gradient(to bottom,transparent,currentColor); opacity: .04; }
.product-art img { object-fit: cover; mix-blend-mode: multiply; }
.product-amount { top: 13px; left: 13px; border: 0; color: var(--ink); background: rgba(255,255,255,.86); }
.product-content { min-height: 88px; border-top: 0; background: rgba(255,255,255,.9); backdrop-filter: blur(12px); }
.product-content strong { font-size: 18px; }.product-content small { font-size: 11px; }
.product-content i { border: 0; color: white; background: var(--ink); }

.journey-section { padding: 86px 0; color: white; background: var(--ink); }
.journey-grid { grid-template-columns: minmax(0,1fr) 420px; gap: 54px; }
.journey-copy h2 { color: white; }
.journey-copy > p { color: #b9bbc5; }
.steps-list { position: relative; grid-template-columns: repeat(3,1fr); gap: 0; }
.steps-list::before { content: ''; position: absolute; top: 22px; left: 34px; right: 34px; height: 2px; background: linear-gradient(90deg,#ff6547,#ffb357,#19bfa7); opacity: .6; }
.steps-list li { position: relative; padding: 0 16px 0 0; display: block; border: 0; background: transparent; }
.steps-list li > span { position: relative; z-index: 1; border: 4px solid var(--ink); color: var(--ink); background: #ffb357; }
.steps-list li:nth-child(2) > span { background: #ff8068; }.steps-list li:nth-child(3) > span { background: #4ed4bd; }
.steps-list b { display: block; margin-top: 14px; color: white; }
.steps-list p { color: #aeb1bc; }
.support-card { border: 1px solid rgba(255,255,255,.16); border-radius: 24px; background: linear-gradient(145deg,#2a2f42,#262a39); box-shadow: none; }
.support-card::after { background: rgba(255,101,71,.12); }
.support-visual { border: 0; background: linear-gradient(145deg,#ff8a70,#ff6547); box-shadow: 0 18px 34px rgba(255,101,71,.2); }
.support-label { color: #ff947e; }.support-card h3 { color: white; }.support-card > p { color: #b9bbc5; }
.support-card button { border: 0; color: var(--ink); background: #fff9f2; }
.support-foot { color: #b9bbc5; }

.faq-section { padding: 80px 0; border-top: 0; background: #fff9f2; }
.faq-list details { border-color: #e7dbd1; background: rgba(255,255,255,.76); }
.faq-list summary span { color: #c94e38; background: #fff0ec; }
.site-footer { background: #f3ebe4; border-top-color: #e2d5cb; }
.footer-bottom { background: #1b1e2b; }
.footer-brand .brand-copy strong em { color: #ff8068; }

.mobile-sticky-cta { border-color: #ead9ce; color: var(--ink); background: rgba(255,250,245,.97); box-shadow: 0 17px 40px rgba(61,39,28,.2); }
.sticky-cta-icon { border: 0; background: linear-gradient(145deg,#ff8b70,#ff6547); box-shadow: none; }
.sticky-cta-copy small { color: #776d67; }
.sticky-cta-arrow { border: 0; color: white; background: var(--blue); }
.chat-launcher,.chat-panel-head { background: linear-gradient(145deg,#ff775b,#d9462f); }
.chat-return button,.chat-compose button { background: #ff6547; }
.chat-avatar { border-color: #ffc6b8; color: #d9462f; background: #fff0ec; }

/* Второй шаг как единый лист, а не повтор двухколоночной формы */
.next-page { background: #fff9f2; }
.next-header { border-bottom: 1px solid #eadfd6; }
.next-progress { color: #d9462f; }
.next-progress i { background: linear-gradient(90deg,#ffb357,#ff6547); }
.next-shell { width: min(900px,calc(100% - 40px)); min-height: 0; padding: 52px 0 76px; display: block; }
.next-context { text-align: center; }
.next-context h1 { max-width: 760px; margin: 14px auto; font-size: 46px; }
.next-context > p { max-width: 720px; margin-inline: auto; }
.application-summary { max-width: 720px; margin: 28px auto 0; border-color: #dfd1c7; border-radius: 16px; background: #fff; text-align: left; }
.summary-head button { color: #d9462f; }
.next-explainer { max-width: 720px; margin: 14px auto 0; border-color: #bee9de; background: #effbf7; text-align: left; }
.shield-mark { background: #19bfa7; }
.details-card { max-width: 720px; margin: 24px auto 0; padding: 32px; border: 1px solid #e4d8cf; border-top: 5px solid #ff6547; border-radius: 20px; box-shadow: 0 18px 44px rgba(72,46,32,.09); text-align: left; }
.details-title > div > span { color: #d9462f; }
.select-shell:focus-within { border-color: #ff6547; box-shadow: 0 0 0 4px rgba(255,101,71,.11); }
.summary-editor input:focus,.summary-editor select:focus { border-color: #ff6547; box-shadow: 0 0 0 3px rgba(255,101,71,.11); }
.summary-editor > button { background: #ff6547; }
.next-footer { border-top-color: #eadfd6; background: #f4ece5; }

@media (max-width: 800px) {
  .container { width: min(100% - 28px,620px); }
  .hero { min-height: auto; }
  .site-header { height: 62px; }
  .hero-grid { padding: 27px 0 36px; display: block; }
  .hero-copy { padding-bottom: 0; }
  .hero-copy h1 { max-width: 92%; margin: 14px 0 12px; font-size: clamp(33px,9.5vw,39px); line-height: 1.01; }
  .hero-lead { max-width: 90%; font-size: 14px; line-height: 1.43; }
  .hero-proof { display: none; }
  .hero-route { position: absolute; top: 56px; right: -28px; width: 120px; min-height: 120px; opacity: .74; }
  .route-card-main { right: 17px; bottom: 11px; width: 86px; height: 86px; box-shadow: none; }
  .orbit-one { width: 118px; height: 96px; right: 0; bottom: 6px; }.orbit-two { width: 80px; height: 115px; right: 20px; bottom: 0; }
  .route-chip,.route-dot { display: none; }
  .lead-card { margin-top: 23px; padding: 15px; display: block; border-radius: 18px; }
  .form-topline h2 { font-size: 20px; }
  .form-microproof { margin-top: 11px; padding: 8px 6px; }
  .hero-proof-conditions { display: none; }
  .form-proof-conditions { display: block; margin: -3px 3px 0; font-size: 8px; text-align: center; }
  .product-fieldset { margin-top: 12px; }
  .product-switch { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
  .product-option { min-height: 62px; padding: 5px 8px; grid-template-columns: 43px 1fr; border-radius: 12px; }
  .product-option img { width: 43px; height: 39px; }
  .product-option > span:last-child { font-size: 13px; font-weight: 760; line-height: 1.08; white-space: normal; }
  .product-option.long-label > span:last-child { font-size: 12px; font-weight: 760; line-height: 1.05; letter-spacing: -.025em; }
  .lead-card > .field { margin-top: 9px; }
  .primary-button { margin-top: 10px; }
  .data-trust { margin-top: 9px; }
  .lead-consents { margin-top: 8px; }
  .products-section { padding: 48px 0 58px; }
  .products-heading h2 { font-size: 29px; }
  .product-grid { width: min(100% - 28px,620px); margin: 20px auto 0; padding: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; overflow: visible; }
  .product-card { width: auto; height: 168px; min-width: 0; border: 1px solid rgba(32,36,51,.12); border-radius: 17px; box-shadow: 0 9px 22px rgba(62,45,37,.08); }
  .product-card.selected { border-color: var(--product-accent); box-shadow: inset 0 0 0 1px var(--product-accent),0 9px 22px rgba(62,45,37,.09); }
  .product-art { inset: 0 0 63px; }
  .product-art::after { display: none; }
  .product-content { min-height: 64px; padding: 10px 32px 10px 11px; border-top: 1px solid rgba(32,36,51,.1); background: rgba(255,255,255,.46); backdrop-filter: none; }
  .product-content strong { font-size: 14px; line-height: 1.08; }
  .product-content small { margin-top: 3px; font-size: 10px; }
  .product-content i { right: 8px; bottom: 11px; width: 23px; height: 23px; border-radius: 8px; font-size: 11px; }
  .product-amount { top: 8px; left: 8px; padding: 5px 7px; border: 1px solid rgba(32,36,51,.08); font-size: 8.5px; }
  .product-selected { top: 7px; right: 7px; width: 23px; height: 23px; }
  .journey-section { padding: 62px 0; }
  .journey-grid { display: block; }
  .journey-copy h2 { font-size: 31px; }
  .steps-list { display: grid; grid-template-columns: 1fr; gap: 17px; }
  .steps-list::before { top: 18px; bottom: 18px; left: 20px; right: auto; width: 2px; height: auto; }
  .steps-list li { min-height: 48px; padding-left: 58px; }
  .steps-list li > span { position: absolute; left: 0; top: 0; width: 42px; height: 42px; }
  .steps-list b { margin-top: 0; }
  .support-card { margin-top: 34px; padding: 25px; }
  .faq-section { padding: 58px 0; }
  .faq-grid { display: block; }
  .faq-list { margin-top: 23px; }
  .next-shell { width: min(100% - 28px,620px); padding: 30px 0 48px; }
  .next-context { text-align: left; }
  .next-context h1 { margin: 12px 0; font-size: 34px; }
  .application-summary,.next-explainer,.details-card { max-width: none; }
  .details-card { padding: 20px 16px; border-radius: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .proof-swap { animation: none; }
}

@media (max-width: 359px) {
  .brand-copy small { display: none; }
  .hero-copy h1 { font-size: 31px; }
  .product-option { grid-template-columns: 38px 1fr; padding-inline: 5px; }
  .product-option img { width: 38px; height: 35px; }
  .product-option > span:last-child { font-size: 12px; }
  .product-option.long-label > span:last-child { font-size: 11px; }
  .product-card { height: 158px; }
}