@font-face {
  font-family: 'Onest';
  src: url('../fonts/Onest-Variable-perf1.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg: #f3f5f1;
  --surface: #ffffff;
  --ink: #1c211f;
  --muted: #626b66;
  --line: #dde5df;
  --green: #20d979;
  --green-dark: #13b963;
  --selection-mint: #c8f4db;
  --mint: #ddf8e8;
  --lavender: #e6ddff;
  --lime: #dff7ad;
  --sand: #f2ede1;
  --danger: #c83e4d;
  --warning: #fff4ce;
  --shadow: 0 22px 60px rgba(20, 35, 26, 0.11);
  --shadow-sm: 0 8px 24px rgba(20, 35, 26, 0.08);
  --radius-sm: 16px;
  --radius: 24px;
  --radius-lg: 36px;
  --shell: min(1440px, calc(100% - 64px));
  --motion-fast: 180ms;
  --motion-expand: 140ms;
  --motion-base: 240ms;
  --motion-ease: cubic-bezier(.22,.75,.28,1);
  color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: 'Onest', system-ui, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.6; text-rendering: optimizeLegibility; }
body.menu-open { overflow: hidden; }
img, svg { display: block; max-width: 100%; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration-thickness: 0.08em; text-underline-offset: 0.16em; transition: color var(--motion-fast) var(--motion-ease), background-color var(--motion-base) var(--motion-ease), border-color var(--motion-base) var(--motion-ease), opacity var(--motion-fast) ease; }
button, summary { transition: color var(--motion-fast) var(--motion-ease), background-color var(--motion-base) var(--motion-ease), border-color var(--motion-base) var(--motion-ease), box-shadow var(--motion-base) var(--motion-ease), opacity var(--motion-fast) ease; }
p, h1, h2, h3, ul, ol, dl { margin-top: 0; }
h1, h2, h3 { line-height: 1.04; letter-spacing: -0.04em; }
h1 { font-size: clamp(2.7rem, 5.4vw, 5.75rem); font-weight: 750; }
h2 { font-size: clamp(2rem, 3.8vw, 3.65rem); font-weight: 680; }
h3 { font-size: clamp(1.2rem, 1.8vw, 1.55rem); font-weight: 620; }
p, li, dd, dt { font-weight: 400; }
:focus-visible { outline: 3px solid var(--green-dark); outline-offset: 3px; }
::selection { background: var(--green); color: var(--ink); }

.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; }
.skip-link { position: fixed; z-index: 1000; top: 12px; left: 12px; transform: translateY(-150%); padding: 10px 18px; border-radius: 12px; background: var(--ink); color: white; }
.skip-link:focus { transform: none; }
.shell { width: var(--shell); margin-inline: auto; }
.site-shell {
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  overflow: clip;
}
.site-shell > main { flex: 1 0 auto; }
.site-header { position: relative; z-index: 100; padding: 18px 20px 0; }
.site-header__inner { width: min(1440px, 100%); min-height: 68px; margin: 0 auto; padding: 8px 10px 8px 18px; display: flex; align-items: center; gap: 28px; background: rgba(255,255,255,.92); border: 1px solid rgba(221,229,223,.88); border-radius: 999px; box-shadow: var(--shadow-sm); backdrop-filter: blur(18px); }
.brand-logo { display: inline-flex; align-items: center; gap: 5px; color: var(--ink); text-decoration: none; white-space: nowrap; }
.brand-logo__mark { width: 48px; height: 48px; flex: 0 0 48px; display: grid; place-items: center; }
.brand-logo__mark img { width: 100%; height: 100%; object-fit: contain; transition: filter var(--motion-base) var(--motion-ease); }
.brand-logo__text { min-width: 70px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; line-height: 1; transform: translateY(-1px); }
.brand-logo__name { font-size: 1.22rem; font-weight: 820; letter-spacing: -.055em; }
.brand-logo__accent { margin-top: 5px; padding-left: 1px; color: #137b4b; font-size: .59rem; font-weight: 820; letter-spacing: .23em; text-transform: uppercase; }
.brand-logo--footer .brand-logo__accent { color: #20d979; }
.main-nav { margin-left: auto; display: flex; align-items: center; gap: 6px; }
.main-nav a { --nav-link-pad-x: 13px; position: relative; padding: 10px var(--nav-link-pad-x); color: #3e4742; font-size: .91rem; font-weight: 600; text-decoration: none; transition: color .25s ease; }
.main-nav a::after { content: ''; position: absolute; right: var(--nav-link-pad-x); bottom: 6px; left: var(--nav-link-pad-x); height: 2px; border-radius: 999px; background: var(--green-dark); transform: scaleX(0); transform-origin: left center; transition: transform .42s cubic-bezier(.23,1,.32,1); }
.main-nav a:hover { color: var(--ink); }
.main-nav a:hover::after, .main-nav a:focus-visible::after { transform: scaleX(1); }
.menu-toggle { position: relative; display: none; width: 56px; height: 56px; margin: -4px; margin-left: auto; padding: 0; flex: 0 0 56px; place-items: center; border: 0; border-radius: 18px; background: transparent; cursor: pointer; touch-action: manipulation; transition: color var(--motion-fast) var(--motion-ease), background-color var(--motion-base) var(--motion-ease), transform var(--motion-fast) var(--motion-ease); }
.menu-toggle:active { transform: scale(.94); }
.menu-toggle::before { content: ''; position: absolute; inset: 4px; border-radius: 50%; background: var(--bg); pointer-events: none; transition: background-color .2s ease; }
.menu-toggle__icon { position: relative; z-index: 1; overflow: visible; pointer-events: none; }
.menu-toggle__glyph { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; transition: opacity .16s ease; }
.menu-toggle__glyph--close { opacity: 0; }
.menu-toggle[aria-expanded='true'] .menu-toggle__glyph--open { opacity: 0; }
.menu-toggle[aria-expanded='true'] .menu-toggle__glyph--close { opacity: 1; }

/* Чужие панели эмодзи не должны перекрывать шапку. */
#twemojiOptions,
.twemojiOptions.twemojiHidden { pointer-events: none !important; }

/* Initial page content must paint immediately; do not hide the entire shell. */

.button { --button-hover-fill: var(--ink); --button-radius-rest: 25px; --flow-duration: .5s; --flow-ease: cubic-bezier(.23,1,.32,1); --flow-arrow-inset: 16px; --flow-label-start: -8px; --flow-label-end: 8px; position: relative; z-index: 0; min-height: 50px; padding: 13px 30px; display: inline-flex; align-items: center; justify-content: center; border: 1.5px solid transparent; border-radius: var(--button-radius-rest); overflow: hidden; font-weight: 750; line-height: 1.15; text-align: center; text-decoration: none; cursor: pointer; transition: color .6s cubic-bezier(.23,1,.32,1), background-color var(--motion-base) var(--motion-ease), border-color .6s cubic-bezier(.23,1,.32,1), border-radius var(--flow-duration) var(--flow-ease), box-shadow var(--motion-base) var(--motion-ease), transform .18s ease; }
.button::before { content: ''; position: absolute; z-index: 0; top: 50%; left: 50%; width: 16px; height: 16px; border-radius: 50%; background: var(--button-hover-fill); opacity: 0; transform: translate(-50%, -50%); transition: width .8s cubic-bezier(.19,1,.22,1), height .8s cubic-bezier(.19,1,.22,1), opacity .18s ease; }
.button:hover { border-color: transparent; border-radius: 12px; }
.button:hover::before { width: calc(100% + 120px); height: 240px; opacity: 1; }
.button:not(:disabled):active { transform: scale(.95); }
.flow-button__label { position: relative; z-index: 1; transform: translateX(var(--flow-label-start)); transition: transform var(--flow-duration) var(--flow-ease); }
.button:hover .flow-button__label { transform: translateX(var(--flow-label-end)); }
.flow-button__arrow { position: absolute; z-index: 2; top: 50%; width: 17px; height: 17px; color: currentColor; transition: transform var(--flow-duration) var(--flow-ease); }
.flow-button__arrow svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.flow-button__arrow--left { left: var(--flow-arrow-inset); transform: translate(calc(-100% - var(--flow-arrow-inset) - 2px), -50%); }
.button:hover .flow-button__arrow--left { transform: translate(0, -50%); }
.flow-button__arrow--right { right: var(--flow-arrow-inset); transform: translate(0, -50%); }
.button:hover .flow-button__arrow--right { transform: translate(calc(100% + var(--flow-arrow-inset) + 2px), -50%); }
.button--primary { --button-hover-fill: var(--ink); background-color: var(--green); color: var(--ink); box-shadow: 0 12px 24px rgba(32,217,121,.2); }
.button--primary:hover { color: #fff; }
.button--dark { --button-hover-fill: #fff; border-color: var(--ink); background-color: var(--ink); color: #fff; }
.button--dark:hover { color: var(--ink); }
.button--outline { --button-hover-fill: var(--ink); border-color: #b9c4bd; background-color: transparent; color: var(--ink); }
.button--outline:hover { color: #fff; }
.button--muted { background: #e7ece8; color: #7d8580; cursor: not-allowed; }
.button--muted::before { display: none; }
.button--muted:hover { border-color: transparent; border-radius: var(--button-radius-rest); }
.button--small { --button-radius-rest: 22px; --flow-arrow-inset: 14px; --flow-label-start: -7px; --flow-label-end: 7px; min-height: 44px; padding: 10px 28px; font-size: .9rem; }
.button--wide { width: 100%; }
.button:has(> span[aria-hidden='true']:not([class])) { padding-inline: 42px; }
.button > span[aria-hidden='true']:not([class]) { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); line-height: 1; }
.eyebrow { margin-bottom: 14px; color: #246b48; font-size: .74rem; font-weight: 850; letter-spacing: .115em; text-transform: uppercase; }

.breadcrumbs { padding-top: 28px; }
.breadcrumbs ol { margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 7px; list-style: none; color: var(--muted); font-size: .83rem; }
.breadcrumbs li:not(:last-child)::after { content: '/'; margin-left: 7px; opacity: .45; }
.breadcrumbs a { text-decoration: none; }

.hero { --hero-pad-x: clamp(40px, 4.75vw, 76px); --hero-pad-y: var(--hero-pad-x); position: relative; height: clamp(490px, calc(100svh - 210px), 870px); min-height: 0; margin-top: 24px; padding: var(--hero-pad-y) var(--hero-pad-x); display: grid; grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); align-items: start; border-radius: var(--radius-lg); background: #e7eee7; overflow: hidden; }
.hero::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(231,238,231,.98) 0%, rgba(231,238,231,.92) 37%, rgba(231,238,231,.18) 64%, rgba(231,238,231,0) 100%); }
.hero__copy { position: relative; z-index: 2; width: 100%; max-width: 590px; height: 100%; display: flex; flex-direction: column; }
.hero h1 { max-width: 760px; margin-bottom: 0; }
.hero__lead { max-width: 620px; margin: auto 0; color: #4a554f; font-size: clamp(1.05rem, 1.45vw, 1.32rem); font-weight: 400; }
.hero__ticks { margin: 0; padding: 0; display: flex; flex-wrap: nowrap; gap: 9px; list-style: none; }
.hero__ticks li { min-height: 42px; padding: 9px 14px; display: inline-flex; align-items: center; border: 1px solid rgba(221,229,223,.88); border-radius: 999px; background: #fff; box-shadow: 0 7px 20px rgba(28,33,31,.045); color: #4a554f; font-size: .76rem; font-weight: 400; white-space: nowrap; }
.home-page .home-hero .hero__ticks li { justify-content: center; }
.home-page .home-hero .hero__ticks li:nth-child(1) { width: 157px; }
.home-page .home-hero .hero__ticks li:nth-child(2) { width: 195px; }
.home-page .home-hero .hero__ticks li:nth-child(3) { width: 214px; }
.hero__visual { position: absolute; inset: 0; z-index: 0; background: #e7eee7 url('../images/hero-sova-perf1.webp') center center / cover no-repeat; }
.contacts-page-hero .hero__visual { background-image: url('../images/hero-contacts-v1.webp'); background-position: center center; }
.contacts-page-hero h1 span { display: block; white-space: nowrap; }
.hero__form { position: absolute; z-index: 3; top: var(--hero-pad-y); right: var(--hero-pad-x); bottom: var(--hero-pad-y); width: min(450px, 36%); }
.hero__form .lead-form { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.lead-form { padding: clamp(22px, 4vw, 36px); border: 1px solid rgba(255,255,255,.9); border-radius: 28px; background: rgba(255,255,255,.95); box-shadow: var(--shadow); backdrop-filter: blur(18px); }
.lead-form .button--primary { background-color: var(--selection-mint); box-shadow: 0 12px 24px rgba(91,190,133,.16); }
.lead-form__parameters, .lead-form__contacts { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.lead-form__contacts { margin-top: 19px; }
.range-field, .field { display: grid; gap: 8px; }
.range-field > span { display: flex; justify-content: space-between; gap: 10px; font-size: .9rem; }
.range-field output { font-weight: 800; }
.range-field input[type='range'] { width: 100%; height: 20px; margin: 0; border: 0; border-radius: 999px; appearance: none; -webkit-appearance: none; background: linear-gradient(to right, var(--selection-mint) 0 var(--range-progress, 50%), #dce3de var(--range-progress, 50%) 100%) center / 100% 6px no-repeat; cursor: pointer; filter: none; opacity: 1; transition: none; }
.range-field input[type='range']::-webkit-slider-runnable-track { height: 6px; border: 0; border-radius: 999px; background: transparent; }
.range-field input[type='range']::-webkit-slider-thumb { width: 18px; height: 18px; margin-top: -6px; border: 3px solid #fff; border-radius: 50%; -webkit-appearance: none; appearance: none; background: var(--selection-mint); box-shadow: 0 0 0 1px rgba(28,33,31,.13); filter: none; transition: none; }
.range-field input[type='range']::-moz-range-track { height: 6px; border: 0; border-radius: 999px; background: transparent; }
.range-field input[type='range']::-moz-range-thumb { width: 12px; height: 12px; border: 3px solid #fff; border-radius: 50%; background: var(--selection-mint); box-shadow: 0 0 0 1px rgba(28,33,31,.13); filter: none; transition: none; }
.range-field input[type='range']:hover,
.range-field input[type='range']:active { filter: none; opacity: 1; }
.range-field input[type='range']:hover::-webkit-slider-thumb,
.range-field input[type='range']:active::-webkit-slider-thumb { background: var(--selection-mint); filter: none; }
.range-field input[type='range']:hover::-moz-range-thumb,
.range-field input[type='range']:active::-moz-range-thumb { background: var(--selection-mint); filter: none; }
.range-field small { display: flex; justify-content: space-between; color: #848d88; font-size: .66rem; }
.field > span { font-size: .78rem; font-weight: 700; }
.field input, .field textarea, .field select { width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid #cfd8d2; border-radius: 14px; outline: 0; background: #fff; color: var(--ink); transition: border-color var(--motion-base) var(--motion-ease), box-shadow var(--motion-base) var(--motion-ease), background-color var(--motion-base) var(--motion-ease), color var(--motion-fast) ease; }
.field input:hover, .field textarea:hover, .field select:hover { border-color: #a9b8af; }
.field input:focus, .field textarea:focus, .field select:focus { border-color: var(--green-dark); box-shadow: 0 0 0 4px rgba(32,217,121,.14); }
.field input::placeholder { color: #929c96; }
.field input[aria-invalid='true'] { border-color: var(--danger); }
.field__error { min-height: 1em; color: var(--danger); font-size: .7rem; }
.lead-form__consents { margin: 17px 0; display: grid; gap: 10px; }
.check-field { display: grid; grid-template-columns: 18px 1fr; gap: 9px; align-items: start; color: #59625d; font-size: .7rem; line-height: 1.42; }
.check-field input { position: relative; width: 18px; height: 18px; margin: 1px 0 0; border: 1.5px solid #aeb9b2; border-radius: 5px; appearance: none; background: #fff; cursor: pointer; transition: background-color .24s ease, border-color .24s ease, box-shadow .24s ease; }
.check-field input::after { content: ''; position: absolute; top: 2px; left: 5px; width: 5px; height: 9px; border: solid var(--ink); border-width: 0 2px 2px 0; opacity: 0; transform: rotate(45deg) scale(.3); transform-origin: center; transition: opacity .14s ease, transform .34s cubic-bezier(.34,1.56,.64,1); }
.check-field input:hover { border-color: var(--green-dark); }
.check-field input:checked { border-color: var(--green-dark); background: var(--green); box-shadow: 0 0 0 4px rgba(32,217,121,.13); animation: check-field-pop .32s cubic-bezier(.34,1.56,.64,1); }
.check-field input:checked::after { opacity: 1; transform: rotate(45deg) scale(1); }
.check-field input[aria-invalid='true'] { border-color: var(--danger); }
@keyframes check-field-pop { 0% { transform: scale(.82); } 58% { transform: scale(1.1); } 100% { transform: scale(1); } }
.form-note { margin: 12px 0 0; color: #56615a; font-size: .68rem; line-height: 1.45; }
.form-honeypot { position: absolute; left: -9999px; }

.trust-strip { min-height: 82px; margin-top: 18px; padding: 19px 25px; display: flex; justify-content: space-between; align-items: center; gap: 18px; border-radius: 20px; background: var(--ink); color: #fff; }
.trust-strip p { margin: 0; }
.trust-strip a { color: var(--green); font-weight: 750; white-space: nowrap; }
.section { padding-top: clamp(70px, 10vw, 130px); padding-bottom: clamp(70px, 10vw, 130px); }
.home-page { --home-block-gap: 30px; --home-block-gap-large: 72px; }
.home-page main > .trust-strip { margin-top: var(--home-block-gap); }
.home-page main > .section:not(.responsible-card) { min-height: 0; margin-top: var(--home-block-gap); padding-block: 0; }
.home-page main > .responsible-card, .home-page main > .support-section { margin-top: var(--home-block-gap); margin-bottom: 0; }
.home-page main > .section.offers-grid-section { margin-top: 0; padding-top: var(--home-block-gap-large); }
.home-page main > .support-section { margin-top: var(--home-block-gap-large); }
.home-page .site-footer { margin-top: var(--home-block-gap); }
.section-heading { max-width: 770px; margin-bottom: clamp(34px, 5vw, 56px); }
.section-heading h2 { margin-bottom: 18px; }
.section-heading > p:last-child { color: var(--muted); font-size: 1.1rem; font-weight: 400; }

.benefits-section { padding-block: 30px; }
.benefits-section__frame { width: 100%; min-height: 0; flex: 1; padding: 18px; display: grid; grid-template-columns: minmax(330px, .72fr) minmax(0, 1.28fr); gap: 18px; border-radius: 40px; background: #171c19; box-shadow: 0 28px 80px rgba(20,35,26,.14); overflow: hidden; }
.benefits-section__intro { min-width: 0; padding: clamp(36px, 4vw, 56px); display: flex; flex-direction: column; justify-content: space-between; border: 1px solid rgba(255,255,255,.09); border-radius: 30px; background: #202823; color: #fff; }
.benefits-section__intro .eyebrow { margin-bottom: 18px; color: var(--green); font-weight: 750; }
.benefits-section__intro h2 { max-width: 7em; margin: 0 0 22px; font-size: clamp(2.7rem, 4.7vw, 5.35rem); font-weight: 660; letter-spacing: -.05em; }
.benefits-section__lead { max-width: 390px; margin: 0; color: #b8c3bd; font-size: clamp(.98rem, 1.15vw, 1.12rem); font-weight: 400; line-height: 1.55; }
.benefits-section__meta { max-width: 230px; margin-top: 48px; padding-top: 22px; display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: end; border-top: 1px solid rgba(255,255,255,.15); }
.benefits-section__meta span { color: var(--green); font-size: 2.35rem; font-weight: 700; line-height: .82; letter-spacing: -.05em; }
.benefits-section__meta p { margin: 0; color: #cbd4cf; font-size: .7rem; font-weight: 650; line-height: 1.3; letter-spacing: .055em; text-transform: uppercase; }
.benefits-section__cards { min-width: 0; min-height: 0; }
.benefit-grid { height: 100%; display: grid; grid-template-columns: 1.08fr .92fr; grid-template-rows: .94fr 1.06fr; gap: 18px; }
.benefit-card { position:relative; min-width: 0; min-height: 0; padding: clamp(28px, 2.6vw, 38px); display: flex; flex-direction: column; border: 1px solid rgba(28,33,31,.06); border-radius: 30px; }
.benefit-card:nth-child(1) { background: var(--selection-mint); }
.benefit-card:nth-child(2) { background: #e4dcff; }
.benefit-card:nth-child(3) { background: #f1ecdf; }
.benefit-card:nth-child(4) { background: #dff4aa; }
.benefit-card__icon { width:24px; height:24px; margin-left:auto; display:flex; flex:none; color:#335946; }
.benefit-card__icon svg { display:block; width:100%; height:100%; }
.benefits-section__meta--process > span { display:flex; }
.benefits-section__meta--process svg { width:32px; height:32px; stroke-width:2; }
.benefit-card__copy { max-width: 430px; margin-top: auto; padding-top: 26px; }
.benefit-card h3 { margin: 0 0 12px; font-size: clamp(1.28rem, 1.7vw, 1.7rem); font-weight: 600; line-height: 1.12; letter-spacing: -.03em; }
.benefit-card p { max-width: 35em; margin: 0; color: #4f5853; font-size: clamp(.88rem, .98vw, 1rem); font-weight: 400; line-height: 1.5; }
.offer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.offer-card { padding: 24px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: 0 1px 0 rgba(20,35,26,.03); }
.offer-card[hidden] { display: none; }
.offer-card__top { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; gap: 13px; align-items: center; }
.offer-card__logo { width: 72px; height: 58px; padding: 7px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(28,33,31,.09); border-radius: 18px; background: #fff; font-weight: 850; }
.offer-card__logo-image { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
.offer-card__logo--dengi-srazu .offer-card__logo-image { width: 58px; }
.offer-card__logo--ligamfo .offer-card__logo-image { width: 58px; }
.offer-card__logo--moneyman .offer-card__logo-image { width: 42px; height: 42px; border-radius: 12px; }
.offer-card__logo--webbankir .offer-card__logo-image { width: 42px; height: 42px; }
.offer-card__logo--a-dengi .offer-card__logo-image { width: 42px; height: 42px; border-radius: 11px; }
.offer-card__label { margin: 0 0 3px; color: var(--muted); font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; }
.offer-card h3 { margin: 0; font-size: 1.25rem; }
.status-badge { width: fit-content; padding: 5px 8px; border-radius: 999px; background: #eef1ef; color: #68716c; font-size: .62rem; font-weight: 800; }
.status-badge--ok { background: var(--mint); color: #187b49; }
.offer-card__facts { margin: 25px 0 18px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.offer-card__facts div { padding: 10px; border-radius: 13px; background: var(--bg); }
.offer-card__facts dt { color: var(--muted); font-size: .63rem; }
.offer-card__facts dd { margin: 2px 0 0; font-size: .78rem; font-weight: 800; }
.tag-list { margin: 0 0 20px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; list-style: none; }
.tag-list li { padding: 6px 9px; border: 1px solid var(--line); border-radius: 999px; font-size: .67rem; }
.offer-card__registry, .offer-card__claim { color: var(--muted); font-size: .68rem; }
.offer-card .button { margin-top: auto; }
.offer-card__ad { margin: 10px 0 0; color: #58645d; font-size: .6rem; text-align: center; }

.offers-grid-section__header { width: 100%; margin-bottom: clamp(22px, 2vw, 28px); display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 18px; align-items: end; }
.offers-grid-section__header h2 { grid-column: 1 / 8; margin: 0; }
.offers-grid-section__actions { grid-column: 8 / 13; display: flex; justify-content: flex-end; align-items: center; gap: 12px; }
.offers-carousel__controls { display: flex; gap: 8px; }
.offers-carousel__arrow { width: 50px; height: 50px; padding: 0; display: grid; place-items: center; border: 1px solid #b9c4bd; border-radius: 50%; background: transparent; color: var(--ink); cursor: pointer; transition: background-color .28s ease, border-color .28s ease, color .28s ease, transform var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) ease; }
.offers-carousel__arrow svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.offers-carousel__arrow:hover:not(:disabled) { border-color: var(--ink); background-color: var(--ink); color: #fff; }
.offers-carousel__arrow:active:not(:disabled) { transform: scale(.9); }
.offers-carousel__arrow:disabled { opacity: .35; cursor: default; }
.offers-grid-section .offer-carousel { width: 100%; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: calc((100% - 36px) / 3); overflow-x: auto; overscroll-behavior-inline: contain; scroll-behavior: smooth; scroll-snap-type: inline mandatory; scrollbar-width: none; }
.offers-grid-section .offer-carousel::-webkit-scrollbar { display: none; }
.offers-grid-section .offer-carousel .offer-card { scroll-snap-align: start; }
:is(.offers-grid-section, .product-feed) .offer-card { min-height: 430px; padding: clamp(25px, 2.2vw, 30px); border-color: rgba(28,33,31,.1); box-shadow: 0 14px 36px rgba(20,35,26,.055); overflow: hidden; }
:is(.offers-grid-section, .product-feed) .offer-card__top { padding-bottom: 0; border-bottom: 0; }
:is(.offers-grid-section, .product-feed) .offer-card__logo { width: 72px; height: 58px; padding: 7px; border: 1px solid rgba(28,33,31,.09); border-radius: 18px; background: #fff; color: var(--ink); font-size: .9rem; }
:is(.offers-grid-section, .product-feed) .offer-card h3 { font-size: 1.4rem; font-weight: 690; }
:is(.offers-grid-section, .product-feed) .offer-card__facts { margin: 26px 0 22px; padding: 20px; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 0; border-radius: 20px; background: #dff6e8; }
:is(.offers-grid-section, .product-feed) .offer-card:nth-child(5n + 2) .offer-card__facts { background: #e9e2ff; }
:is(.offers-grid-section, .product-feed) .offer-card:nth-child(5n + 3) .offer-card__facts { background: #e7f3c9; }
:is(.offers-grid-section, .product-feed) .offer-card:nth-child(5n + 4) .offer-card__facts { background: #f3ead8; }
:is(.offers-grid-section, .product-feed) .offer-card:nth-child(5n + 5) .offer-card__facts { background: #dceff0; }
:is(.offers-grid-section, .product-feed) .offer-card__facts div { min-width: 0; padding: 0; border-radius: 0; background: transparent; }
:is(.offers-grid-section, .product-feed) .offer-card__facts div:nth-child(2) { padding-left: 18px; border-left: 1px solid rgba(28,33,31,.13); }
:is(.offers-grid-section, .product-feed) .offer-card__facts div:last-child { grid-column: 1 / -1; margin-top: 18px; padding-top: 17px; display: block; border-top: 1px solid rgba(28,33,31,.13); background: transparent; }
:is(.offers-grid-section, .product-feed) .offer-card__facts dt { color: #52605a; font-size: .65rem; font-weight: 500; }
:is(.offers-grid-section, .product-feed) .offer-card__facts dd { margin-top: 5px; font-size: .9rem; font-weight: 760; line-height: 1.3; }
:is(.offers-grid-section, .product-feed) .offer-card__facts div:first-child dd { font-size: clamp(1rem, 1.2vw, 1.18rem); font-weight: 820; letter-spacing: -.025em; }
.amount-range, .term-range { display: flex; flex-direction: column; align-items: flex-start; gap: 5px 11px; }
.amount-range > span, .term-range > span { display: inline-flex; align-items: baseline; gap: 4px; white-space: nowrap; }
.amount-range small, .term-range small { color: #506055; font-size: .58rem; font-weight: 620; line-height: 1; letter-spacing: 0; }
.amount-range b, .term-range b { color: var(--ink); font-size: inherit; font-weight: 820; letter-spacing: -.025em; }
.term-range > span { min-height: calc(clamp(1rem, 1.2vw, 1.18rem) * 1.3); }
:is(.offers-grid-section, .product-feed) .offer-card__facts div:last-child dd { margin-top: 6px; color: #3f4944; font-size: .78rem; font-weight: 600; line-height: 1.4; }
:is(.offers-grid-section, .product-feed) .tag-list { min-height: 52px; margin-bottom: 14px; display: grid; gap: 6px; }
:is(.offers-grid-section, .product-feed) .tag-list li { position: relative; padding: 0 0 0 20px; border: 0; border-radius: 0; color: #46514b; font-size: .74rem; line-height: 1.4; }
:is(.offers-grid-section, .product-feed) .tag-list li::before { content: '✓'; position: absolute; left: 0; top: 0; color: #168451; font-weight: 850; }
:is(.offers-grid-section, .product-feed) .offer-card__claim { margin: 0 0 12px; line-height: 1.4; }
:is(.offers-grid-section, .product-feed) .offer-card__registry { margin: auto 0 0; padding-top: 12px; border-top: 1px solid var(--line); line-height: 1.4; }
:is(.offers-grid-section, .product-feed) .offer-card .button { min-height: 48px; margin-top: 18px; }
.offers-grid-section .button--muted { border-color: #d6ded8; background: #e9eeea; color: #657069; }
.empty-state { padding: 50px; border-radius: var(--radius); background: #fff; text-align: center; }

.responsible-card { --responsible-outer-gap: 28px; --responsible-inner-gap: 28px; position: relative; min-height: clamp(540px, calc(100svh - 132px), 640px); margin-top: 46px; margin-bottom: 46px; padding: calc(var(--responsible-outer-gap) + var(--responsible-inner-gap)); display: grid; grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr); gap: clamp(42px, 5vw, 76px); align-items: stretch; border: 1px solid #dce3de; border-radius: var(--radius-lg); background: #e8ece9; overflow: hidden; }
.responsible-card::before { content: ''; position: absolute; z-index: 0; inset: var(--responsible-outer-gap); border-radius: 30px; background-color: #dff3e6; background-image: radial-gradient(circle at 65.34% 44.62%, rgba(244,255,240,1) 0%, rgba(244,255,240,0) 34.1%), radial-gradient(circle at 28.07% 74.48%, rgba(203,241,162,1) 0%, rgba(203,241,162,0) 45.65%), radial-gradient(circle at 52.42% 19.94%, rgba(81,216,143,1) 0%, rgba(81,216,143,0) 57.55%), radial-gradient(circle at 80.31% 84.47%, rgba(221,248,232,1) 0%, rgba(221,248,232,0) 69.1%); pointer-events: none; }
.responsible-card::after { content: ''; position: absolute; z-index: 0; width: 520px; height: 620px; right: 10%; bottom: -400px; border-radius: 50%; background: rgba(197,255,218,.22); transform: rotate(-24deg); pointer-events: none; }
.responsible-card__media { position: relative; z-index: 1; min-width: 0; overflow: hidden; border: 10px solid rgba(255,255,255,.94); border-radius: 32px; background: #f4f1eb; box-shadow: 0 24px 54px rgba(23,57,39,.15); }
.responsible-card__media picture { width: 100%; height: 100%; display: block; }
.responsible-card__media img { width: 100%; height: 100%; object-fit: cover; object-position: 52% center; }
.responsible-card__content { position: relative; z-index: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; text-align: right; }
.responsible-card h2 { max-width: 10.8em; margin: 0; font-size: clamp(2.4rem, 3.4vw, 3.65rem); font-weight: 690; line-height: 1.02; letter-spacing: -.05em; }
.responsible-card__content .button { min-width: 176px; margin-top: 34px; }

.support-section { margin-top: clamp(72px, 8vw, 112px); margin-bottom: clamp(72px, 8vw, 112px); }
.support-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.support-card { position: relative; min-width: 0; min-height: 300px; padding: clamp(30px, 3vw, 42px); border-radius: 32px; overflow: hidden; }
.support-card--contact { background: #e5e2ff; }
.support-card--telegram { display: grid; grid-template-columns: minmax(0, 1fr) 190px; gap: 26px; align-items: center; background: linear-gradient(118deg, #ddf8e8 0%, #c9f1d7 46%, #dff7ad 100%); }
.support-card__copy { position: relative; z-index: 2; min-width: 0; }
.support-card h3 { max-width: 13em; margin: 0 0 20px; font-size: clamp(1.5rem, 2vw, 2.05rem); font-weight: 650; line-height: 1.13; }
.support-card__primary-link { width: fit-content; margin-bottom: 5px; display: block; font-size: clamp(1.05rem, 1.3vw, 1.25rem); font-weight: 550; text-decoration: none; }
.support-card__text-link { width: fit-content; margin-top: 12px; display: block; color: #5b42c4; font-size: 1rem; font-weight: 720; text-decoration: none; transition: color var(--motion-base) var(--motion-ease); }
.support-card__text-link:hover { color: #3f2b9a; }
.support-card__copy > p { max-width: 29em; margin: 16px 0 0; color: #58635d; font-size: .86rem; line-height: 1.48; }
.support-card__copy > .support-card__note { margin-top: 9px; color: #56615a; font-size: .72rem; line-height: 1.42; }
.support-card--contact .support-card__copy { width: 57%; }
.support-card--contact > img { position: absolute; z-index: 1; width: min(48%, 330px); height: 106%; right: 1.5%; bottom: -10%; object-fit: contain; object-position: center bottom; }
.support-card__caption { margin-top: 18px; display: block; color: #5e6862; font-size: .7rem; font-weight: 680; }
.support-qr-frame { position: relative; z-index: 2; aspect-ratio: 1; padding: 0; display: block; border-radius: 0; background: transparent; box-shadow: none; }
.support-qr-frame img { width: 100%; height: 100%; display: block; border-radius: 0; object-fit: contain; transition: transform .32s var(--motion-ease), filter .32s var(--motion-ease); }
.support-qr-frame:hover img { transform: scale(1.025); filter: drop-shadow(0 10px 16px rgba(20,70,44,.12)); }
.faq-list { display: grid; gap: 10px; }
.faq-item { border: 1px solid var(--line); border-radius: 18px; background: #fff; overflow: hidden; }
.faq-item summary { padding: 21px 24px; display: flex; justify-content: space-between; gap: 20px; font-weight: 750; cursor: pointer; list-style: none; transition: color var(--motion-fast) var(--motion-ease), background-color var(--motion-base) var(--motion-ease); }
.faq-item summary:hover { background: #f5faf6; color: #14794a; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary span { transition: transform .2s; }
.faq-item[open] summary span { transform: rotate(45deg); }
.faq-item > div { padding: 0 24px 20px; color: var(--muted); }
.faq-item p { margin: 0; }

.about-page-hero { grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); }
.about-page-hero::after { background: linear-gradient(90deg, rgba(231,238,231,.99) 0%, rgba(231,238,231,.94) 42%, rgba(231,238,231,.2) 68%, rgba(231,238,231,0) 100%); }
.about-page-hero .hero__copy { max-width: 590px; }
.about-page-hero .hero__visual { background-image: url('../images/hero-about-v1.jpg'); background-position: center center; }
.about-page-hero h1 { max-width: 9.3ch; font-size: clamp(3.5rem, 5vw, 5rem); }
.about-page-hero .hero__lead { max-width: 590px; font-size: clamp(1rem, 1.32vw, 1.2rem); line-height: 1.55; }
.editorial-hero__actions { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 10px; }
.editorial-hero__actions .button--outline { border-color: rgba(28,33,31,.42); background: rgba(255,255,255,.2); }
.home-page.about-page main > .section.about-story { margin-top: var(--home-block-gap-large); padding-block: 0; }
.home-page.about-page.legal-page main > .section.about-story { margin-top: 42px; }
.about-story__body { width: 100%; margin: 0; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 18px; }
.about-story__body > h2 { grid-column: 1 / -1; max-width: none; margin: clamp(64px, 7vw, 92px) 0 22px; font-size: clamp(2.25rem, 3.6vw, 3.65rem); font-weight: 690; }
.about-story__body > h2:first-child { margin-top: 0; }
.about-story__body > p { grid-column: 1 / -1; max-width: none; margin-bottom: 20px; color: #4f5953; font-size: clamp(1rem, 1.12vw, 1.1rem); line-height: 1.78; }
.about-story__body > p:last-child { margin-bottom: 0; }
.about-story__body a { color: #14794a; font-weight: 620; text-decoration-color: rgba(20,121,74,.35); transition: color .2s ease, text-decoration-color .2s ease; }
.about-story__body a:hover { color: var(--ink); text-decoration-color: var(--ink); }
.about-page .site-footer { margin-top: var(--home-block-gap-large); }

.responsible-page-hero .hero__visual { background-image: url('../images/hero-responsible-page-v1.jpg'); }
.faq-page-hero .hero__visual { background-image: url('../images/hero-faq-v1.jpg'); }
.sitemap-page-hero .hero__copy { display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; align-items: start; }
.sitemap-page-hero .hero__lead { max-width: 620px; margin: clamp(24px, 2.4vw, 34px) 0 0; align-self: start; }
.sitemap-page-hero .hero__ticks { align-self: end; }
.sitemap-page-hero .hero__visual { background-image: url('../images/hero-sitemap-v1.jpg'); }
.legal-documents-page-hero .hero__visual { background-image: url('../images/hero-legal-documents-v1.jpg'); }
.user-agreement-page-hero .hero__visual { background-image: url('../images/hero-user-agreement-v1.jpg'); }
.privacy-page-hero .hero__visual { background-image: url('../images/hero-privacy-v1.jpg'); }
.personal-data-page-hero .hero__visual { background-image: url('../images/hero-personal-data-v1.jpg'); }
.cookies-page-hero .hero__visual { background-image: url('../images/hero-cookies-v1.jpg'); }
.data-request-page-hero .hero__visual { background-image: url('../images/hero-data-request-v1.jpg'); }
.how-it-works-page-hero .hero__visual { background-image: url('../images/hero-how-it-works-v1.webp'); background-position: center center; }
.methodology-page-hero .hero__visual { background-image: url('../images/hero-methodology-v1.webp'); background-position: center center; }
.legal-page .about-page-hero h1 { max-width: 11.8ch; font-size: clamp(2.85rem, 4.35vw, 4.45rem); }
.legal-page .about-page-hero .hero__lead { font-size: clamp(.94rem, 1.16vw, 1.08rem); line-height: 1.52; }
.editorial-document__meta { padding-bottom: 18px; border-bottom: 1px solid var(--line); color: #6a746e !important; font-size: .76rem !important; font-weight: 650 !important; letter-spacing: .015em; }
.legal-page .about-story__body > p { color: #414b45; font-size: clamp(1.08rem, 1.3vw, 1.22rem); line-height: 1.82; }
.legal-page .about-story__body > h2 { margin-top: clamp(72px, 8vw, 108px); font-size: clamp(2.45rem, 3.9vw, 3.85rem); }
.legal-page .about-page-hero .hero__lead { font-size: clamp(1.02rem, 1.26vw, 1.16rem); line-height: 1.58; }
.legal-page .editorial-document__meta { margin-bottom: 0; padding-bottom: 14px; font-size: .92rem !important; line-height: 1.55; }
.legal-page .about-story__body > .editorial-document__meta + h2 { margin-top: 42px; }
.legal-list { grid-column: 1 / -1; margin: 2px 0 22px; padding: 0; display: grid; gap: 10px; list-style: none; }
.legal-list li { position: relative; padding-left: 26px; color: #414b45; font-size: clamp(1.04rem, 1.22vw, 1.16rem); line-height: 1.72; }
.legal-list li::before { content: ''; position: absolute; top: .78em; left: 2px; width: 8px; height: 8px; border: 2px solid #1c9c5d; border-radius: 50%; }
.legal-table-wrap { grid-column: 1 / -1; max-width: 100%; margin: 12px 0 28px; overflow-x: auto; border: 1px solid #cbd5ce; border-radius: 22px; background: #fff; }
.legal-table { width: 100%; min-width: 900px; border-collapse: collapse; text-align: left; }
.legal-table th, .legal-table td { padding: 18px 20px; border-right: 1px solid #dde5df; border-bottom: 1px solid #dde5df; vertical-align: top; }
.legal-table th:last-child, .legal-table td:last-child { border-right: 0; }
.legal-table tbody tr:last-child td { border-bottom: 0; }
.legal-table th { background: #eef3ee; color: #526058; font-size: .72rem; font-weight: 780; letter-spacing: .055em; text-transform: uppercase; }
.legal-table td { color: #3f4943; font-size: 1rem; line-height: 1.62; }
.legal-documents-page .about-story__body > p { color: #414b45; font-size: clamp(1.07rem, 1.26vw, 1.2rem); line-height: 1.8; }
.legal-documents-page .editorial-link-list small { font-size: 1rem; line-height: 1.62; }
.service-editorial-page .about-story__body > p { color: #414b45; font-size: clamp(1.08rem, 1.3vw, 1.22rem); line-height: 1.82; }
.service-editorial-page .about-story__body > h2 { margin-top: clamp(72px, 8vw, 108px); font-size: clamp(2.45rem, 3.9vw, 3.85rem); }
.service-editorial-page .about-story__body > h2:first-child { margin-top: 0; }

.editorial-link-list { grid-column: 1 / -1; margin: 18px 0 4px; border-top: 1px solid #cbd4ce; }
.editorial-link-list a { min-height: 94px; padding: 20px 4px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-bottom: 1px solid #cbd4ce; color: var(--ink); text-decoration: none; transition: color var(--motion-base) var(--motion-ease), background-color var(--motion-base) var(--motion-ease); }
.editorial-link-list a > span { display: grid; grid-template-columns: minmax(230px, .55fr) minmax(300px, 1.45fr); align-items: baseline; gap: clamp(26px, 4vw, 70px); }
.editorial-link-list b { font-size: clamp(1.15rem, 1.6vw, 1.48rem); font-weight: 750; letter-spacing: -.025em; }
.editorial-link-list small { color: #5c6761; font-size: .92rem; line-height: 1.55; }
.editorial-link-list i { flex: 0 0 auto; font-size: 1.35rem; font-style: normal; transition: transform .3s cubic-bezier(.23,1,.32,1); }
.editorial-link-list a:hover { color: #14794a; }
.editorial-link-list a:hover i { transform: translateX(7px); }

.home-page.about-page main > .section.faq-editorial-section { margin-top: var(--home-block-gap-large); padding-block: 0; }
.faq-editorial { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 18px; align-items: start; }
.faq-editorial__index { grid-column: 1 / span 4; position: sticky; top: 28px; padding-right: clamp(28px, 4vw, 64px); }
.faq-editorial__index h2 { max-width: 7ch; margin-bottom: 32px; font-size: clamp(2.3rem, 3.6vw, 3.65rem); }
.faq-editorial__index nav { margin-bottom: 34px; display: grid; border-top: 1px solid #cbd4ce; }
.faq-editorial__index nav a { padding: 15px 0; display: flex; gap: 16px; border-bottom: 1px solid #cbd4ce; font-size: .9rem; font-weight: 650; text-decoration: none; }
.faq-editorial__index nav span { width: 25px; color: #758079; font-size: .72rem; font-weight: 750; }
.faq-editorial__index > p:last-child { color: #606a64; font-size: .88rem; line-height: 1.65; }
.faq-editorial__index > p:last-child a { color: #14794a; font-weight: 650; }
.faq-editorial__groups { grid-column: 5 / -1; min-width: 0; }
.faq-editorial__group { padding: 0 0 clamp(58px, 7vw, 90px); }
.faq-editorial__group:last-child { padding-bottom: 0; }
.faq-editorial__group > header { margin-bottom: 20px; display: grid; grid-template-columns: 50px 1fr; gap: 16px; align-items: start; }
.faq-editorial__group > header > span { padding-top: 7px; color: #6b766f; font-size: .72rem; font-weight: 800; }
.faq-editorial__group > header h2 { margin-bottom: 8px; font-size: clamp(2rem, 3.2vw, 3.25rem); }
.faq-editorial__group > header p { margin: 0; color: #68736c; font-size: .88rem; }
.faq-editorial__list { border-top: 1px solid #bbc7bf; }
.faq-editorial__list details { border-bottom: 1px solid #bbc7bf; }
.faq-editorial__list summary { min-height: 76px; padding: 20px 2px; display: flex; align-items: center; justify-content: space-between; gap: 28px; list-style: none; cursor: pointer; transition: color var(--motion-fast) var(--motion-ease), background-color var(--motion-base) var(--motion-ease); }
.faq-editorial__list summary:hover { color: #14794a; }
.faq-editorial__list summary::-webkit-details-marker { display: none; }
.faq-editorial__list summary > span { font-size: clamp(1rem, 1.25vw, 1.17rem); font-weight: 700; line-height: 1.35; }
.faq-editorial__list summary i { position: relative; flex: 0 0 28px; width: 28px; height: 28px; border: 1px solid #aebbb3; border-radius: 50%; }
.faq-editorial__list summary i::before, .faq-editorial__list summary i::after { content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 1.5px; border-radius: 2px; background: var(--ink); transform: translate(-50%, -50%); transition: transform .25s ease; }
.faq-editorial__list summary i::after { transform: translate(-50%, -50%) rotate(90deg); }
.faq-editorial__list details[open] summary i::after { transform: translate(-50%, -50%) rotate(0); }
.faq-editorial__list details > div { padding: 0 60px 24px 2px; }
.faq-editorial__list details p { max-width: 770px; margin: 0; color: #56615b; font-size: .96rem; line-height: 1.7; }

.variants-page-hero .hero__copy { max-width: 610px; }
.variants-page-hero .hero__visual { background-image: url('../images/hero-variants-v1.jpg'); }
.variants-page-hero h1 { max-width: none; font-size: clamp(3.5rem, 5vw, 5rem); }
.variants-page-hero h1 span { display: block; white-space: nowrap; }
.variants-catalog__frame { min-height: 700px; }
.variants-catalog__intro h2 { max-width: 6.5em; }
.variants-catalog__groups { min-width: 0; display: grid; grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 18px; }
.variants-group { min-width: 0; padding: clamp(26px, 2.5vw, 38px); display: grid; grid-template-columns: minmax(160px, .42fr) minmax(0, 1.58fr); gap: clamp(24px, 2.5vw, 38px); border: 1px solid rgba(28,33,31,.06); border-radius: 30px; overflow: hidden; }
.variants-group--1 { background: var(--selection-mint); }
.variants-group--2 { background: #e4dcff; }
.variants-group--3 { background: var(--lime); }
.variants-group > header { min-width: 0; display: flex; flex-direction: column; justify-content: space-between; }
.variants-group > header p { margin: 0 0 24px; color: #5d6761; font-size: .69rem; line-height: 1.4; }
.variants-group > header h3 { max-width: 8ch; margin: 0; font-size: clamp(1.55rem, 2.2vw, 2.2rem); font-weight: 650; }
.variants-group__links { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.variants-group__links a { position: relative; min-width: 0; padding: 4px clamp(16px, 1.7vw, 25px); display: flex; flex-direction: column; border-left: 1px solid rgba(28,33,31,.14); color: var(--ink); text-decoration: none; transition: background-color .3s ease; }
.variants-group__links a:hover { background: rgba(255,255,255,.24); }
.variants-group__links a > span { max-width: 12ch; padding-right: 24px; font-size: clamp(.96rem, 1.15vw, 1.13rem); font-weight: 730; line-height: 1.12; letter-spacing: -.025em; }
.variants-group__links a p { margin: auto 0 0; padding-top: 18px; color: #59635d; font-size: clamp(.68rem, .72vw, .77rem); line-height: 1.43; }
.variants-group__links svg { position: absolute; top: 3px; right: clamp(12px, 1.3vw, 19px); width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; transition: transform .32s cubic-bezier(.23,1,.32,1); }
.variants-group__links a:hover svg { transform: translateX(4px); }

.offers-page-hero .hero__copy { max-width: 600px; }
.offers-page-hero .hero__visual { background-image: url('../images/hero-offers-v1.jpg'); background-position: center center; }
.offers-page-hero h1 { max-width: none; font-size: clamp(3.5rem, 5vw, 5rem); }
.offers-page-hero h1 span { display: block; white-space: nowrap; }
.offers-catalog__layout { display: grid; grid-template-columns: minmax(320px, 360px) minmax(0, 1fr); gap: 18px; align-items: start; }
.catalog-filter-panel { position: sticky; top: 22px; min-width: 0; padding: clamp(26px, 2.4vw, 34px); border: 1px solid #d6ded8; border-radius: 24px; background: #fff; }
.catalog-filter-panel__header { padding-bottom: 22px; display: flex; justify-content: space-between; gap: 18px; align-items: center; border-bottom: 1px solid #e2e8e4; }
.catalog-filter-panel__header h3 { margin: 0; color: var(--ink); font-size: 1.55rem; font-weight: 640; }
.catalog-filter-panel__header button { position: relative; padding: 5px 0; border: 0; background: transparent; color: #65706a; font-size: .72rem; cursor: pointer; transition: color var(--motion-fast) var(--motion-ease), border-color var(--motion-base) var(--motion-ease), background-color var(--motion-base) var(--motion-ease), transform var(--motion-fast) var(--motion-ease); }
.catalog-filter-panel__header button:active { transform: scale(.94); }
.catalog-filter-panel__header button::after { content: ''; position: absolute; right: 0; bottom: 2px; left: 0; height: 1px; background: var(--green-dark); transform: scaleX(0); transform-origin: left; transition: transform .3s ease; }
.catalog-filter-panel__header button:hover { color: var(--ink); }
.catalog-filter-panel__header button:hover::after { transform: scaleX(1); }
.catalog-filter-panel__ranges { padding: 26px 0 4px; display: grid; gap: 27px; }
.catalog-filter-range > span { color: var(--ink); }
.catalog-filter-range > span b { font-size: .78rem; font-weight: 680; }
.catalog-filter-range output { color: #137948; font-size: .82rem; font-weight: 760; font-variant-numeric: tabular-nums; }
.catalog-filter-range small { color: #818b85; }
.catalog-filter-select { margin-top: 25px; padding-top: 25px; display: grid; gap: 9px; border-top: 1px solid #e2e8e4; }
.catalog-filter-select > span { color: var(--ink); font-size: .78rem; font-weight: 680; }
.catalog-filter-select select { width: 100%; min-height: 50px; padding: 12px 48px 12px 14px; border: 1px solid #cad4cd; border-radius: 14px; appearance: none; -webkit-appearance: none; background-color: #f7f9f7; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%231c211f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; background-size: 16px; color: var(--ink); font-size: .78rem; cursor: pointer; transition: border-color var(--motion-base) var(--motion-ease), background-color var(--motion-base) var(--motion-ease), box-shadow var(--motion-base) var(--motion-ease); }
.catalog-filter-select select:hover { border-color: #aebcb3; }
.catalog-filter-check { position: relative; margin-top: 24px; padding-top: 24px; display: grid; grid-template-columns: 19px minmax(0, 1fr); gap: 11px; align-items: start; border-top: 1px solid #e2e8e4; cursor: pointer; }
.catalog-filter-check input { position: absolute; opacity: 0; pointer-events: none; }
.catalog-filter-check > span[aria-hidden] { position: relative; width: 19px; height: 19px; margin-top: 1px; border: 1.5px solid #aeb9b2; border-radius: 5px; background: #fff; transition: background-color .2s ease, border-color .2s ease; }
.catalog-filter-check > span[aria-hidden]::after { content: ''; position: absolute; top: 2px; left: 6px; width: 5px; height: 9px; border: solid var(--ink); border-width: 0 2px 2px 0; opacity: 0; transform: rotate(45deg) scale(.4); transition: opacity .14s ease, transform .28s cubic-bezier(.34,1.56,.64,1); }
.catalog-filter-check input:checked + span[aria-hidden] { border-color: var(--green-dark); background: var(--green); }
.catalog-filter-check input:checked + span[aria-hidden]::after { opacity: 1; transform: rotate(45deg) scale(1); }
.catalog-filter-check input:focus-visible + span[aria-hidden] { outline: 3px solid var(--green-dark); outline-offset: 3px; }
.catalog-filter-check > span:last-child { display: grid; gap: 3px; }
.catalog-filter-check b { color: var(--ink); font-size: .76rem; font-weight: 680; line-height: 1.35; }
.catalog-filter-check small { color: #737d77; font-size: .66rem; line-height: 1.4; }
.catalog-filter-panel__note { margin: 26px 0 0; padding-top: 21px; border-top: 1px solid #e2e8e4; color: #737d77; font-size: .67rem; line-height: 1.5; }
.offers-catalog__results { min-width: 0; }
.catalog-results-bar { min-height: 66px; margin-bottom: 12px; padding: 8px 9px 8px 22px; display: flex; justify-content: space-between; gap: 18px; align-items: center; border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.7); }
.catalog-results-bar > p { margin: 0; font-size: .83rem; font-weight: 710; }
.catalog-results-bar label { min-width: 224px; display: flex; align-items: center; gap: 10px; }
.catalog-results-bar label > span { color: var(--muted); font-size: .68rem; white-space: nowrap; }
.catalog-results-bar select { width: 100%; min-height: 48px; padding: 10px 46px 10px 14px; border: 1px solid #d5ddd7; border-radius: 15px; appearance: none; -webkit-appearance: none; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%231c211f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; background-size: 16px; color: var(--ink); font-size: .76rem; font-weight: 650; cursor: pointer; }
.custom-select__native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.custom-select { position: relative; z-index: 20; width: 100%; min-width: 0; }
.custom-select.is-open { z-index: 90; }
.custom-select__trigger {
  width: 100%;
  min-height: 52px;
  padding: 8px 9px 8px 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px;
  align-items: center;
  gap: 12px;
  border: 1px solid #c8d4cc;
  border-radius: 16px;
  background: #fff;
  color: var(--ink);
  box-shadow: 0 7px 18px rgba(20,35,26,.045);
  font-size: .8rem;
  font-weight: 680;
  line-height: 1.25;
  text-align: left;
  cursor: pointer;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.custom-select__trigger:hover { border-color: var(--green-dark); background: #fbfffc; }
.custom-select__trigger:focus-visible,
.custom-select.is-open .custom-select__trigger {
  border-color: var(--green-dark);
  outline: 0;
  box-shadow: 0 0 0 4px rgba(32,217,121,.16), 0 10px 24px rgba(20,35,26,.08);
}
.custom-select__value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.custom-select__chevron {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #edf5ef;
}
.custom-select__chevron::before {
  content: '';
  width: 7px;
  height: 7px;
  border-right: 1.8px solid currentColor;
  border-bottom: 1.8px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform .22s ease;
}
.custom-select.is-open .custom-select__chevron { background: var(--selection-mint); }
.custom-select.is-open .custom-select__chevron::before { transform: translateY(2px) rotate(225deg); }
.custom-select__list {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  left: 0;
  min-width: max(100%, 220px);
  padding: 7px;
  border: 1px solid #d2dcd5;
  border-radius: 18px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 22px 55px rgba(20,35,26,.18);
  backdrop-filter: blur(16px);
  opacity: 1;
  translate: 0 0;
  transition: opacity var(--motion-expand) ease-out, translate var(--motion-expand) ease-out, display var(--motion-expand) allow-discrete;
}
.custom-select__list[hidden] { display: none; opacity: 0; translate: 0 -4px; pointer-events: none; }
@starting-style {
  .custom-select__list:not([hidden]) { opacity: 0; translate: 0 -4px; }
}
.custom-select__option {
  position: relative;
  width: 100%;
  min-height: 42px;
  padding: 10px 42px 10px 12px;
  display: flex;
  align-items: center;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #3d4742;
  font-size: .79rem;
  font-weight: 560;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
  transition: color var(--motion-fast) var(--motion-ease), background-color var(--motion-base) var(--motion-ease);
}
.custom-select__option:hover,
.custom-select__option:focus-visible { outline: 0; background: #edf9f2; color: #087943; }
.custom-select__option[aria-selected='true'] { background: var(--selection-mint); color: #075f36; font-weight: 730; }
.custom-select__option[aria-selected='true']::after {
  content: '';
  position: absolute;
  right: 15px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: var(--green);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.1 4.7 8.8 10 3.4' fill='none' stroke='%230b3623' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
}
.catalog-results-bar .custom-select { flex: 1 1 auto; }
.catalog-filter-panel .custom-select__trigger { border-color: #445149; background: #242e29; color: #fff; box-shadow: none; }
.catalog-filter-panel .custom-select__trigger:hover { border-color: #718078; background: #29352f; }
.catalog-filter-panel .custom-select__trigger:focus-visible,
.catalog-filter-panel .custom-select.is-open .custom-select__trigger { border-color: var(--green); box-shadow: 0 0 0 4px rgba(32,217,121,.14); }
.catalog-filter-panel .custom-select__chevron { background: rgba(255,255,255,.08); }
.catalog-filter-panel .custom-select.is-open .custom-select__chevron { background: rgba(32,217,121,.2); color: var(--green); }
.catalog-filter-panel .custom-select__list { border-color: #3c4942; background: rgba(28,36,32,.98); }
.catalog-filter-panel .custom-select__option { color: #dce5e0; }
.catalog-filter-panel .custom-select__option:hover,
.catalog-filter-panel .custom-select__option:focus-visible { background: rgba(32,217,121,.1); color: var(--green); }
.catalog-filter-panel .custom-select__option[aria-selected='true'] { background: rgba(32,217,121,.18); color: #8df0ba; }
.catalog-disclosure { margin-bottom: 14px; padding: 16px 20px; display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 14px; align-items: center; border: 1px solid #c6e7d3; border-radius: 18px; background: linear-gradient(115deg, #e4f7ec 0%, #f1faef 100%); box-shadow: 0 8px 24px rgba(25,83,55,.05); }
.catalog-disclosure > span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; background: #c1f2d5; color: #0f6d43; font-size: .8rem; font-weight: 850; line-height: 1; }
.catalog-disclosure > div { min-width: 0; }
.catalog-disclosure strong { display: block; color: #183d2b; font-size: .79rem; font-weight: 760; line-height: 1.3; }
.catalog-disclosure p { margin: 3px 0 0; color: #526159; font-size: .72rem; line-height: 1.45; }
.catalog-offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.catalog-offer-grid.is-resizing { overflow: hidden; }

@keyframes catalog-card-out {
  to { opacity: 0; transform: scale(.975); }
}
@keyframes catalog-card-in {
  from { opacity: 0; transform: translateY(10px) scale(.98); }
}
@media (prefers-reduced-motion: no-preference) {
  :root:has([data-catalog-filter]) { view-transition-name: none; }
  ::view-transition { pointer-events: none; }
  ::view-transition-group(root) { animation-duration: 0s; }
  ::view-transition-old(root) { opacity: 0; }
  ::view-transition-group(catalog-card-1),
  ::view-transition-group(catalog-card-2),
  ::view-transition-group(catalog-card-3),
  ::view-transition-group(catalog-card-4),
  ::view-transition-group(catalog-card-5),
  ::view-transition-group(catalog-card-6),
  ::view-transition-group(catalog-card-7),
  ::view-transition-group(catalog-card-8),
  ::view-transition-group(catalog-card-9),
  ::view-transition-group(catalog-card-10),
  ::view-transition-group(catalog-card-11),
  ::view-transition-group(catalog-card-12),
  ::view-transition-group(catalog-empty) {
    animation-duration: 380ms;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
  }
  ::view-transition-old(catalog-card-1),
  ::view-transition-old(catalog-card-2),
  ::view-transition-old(catalog-card-3),
  ::view-transition-old(catalog-card-4),
  ::view-transition-old(catalog-card-5),
  ::view-transition-old(catalog-card-6),
  ::view-transition-old(catalog-card-7),
  ::view-transition-old(catalog-card-8),
  ::view-transition-old(catalog-card-9),
  ::view-transition-old(catalog-card-10),
  ::view-transition-old(catalog-card-11),
  ::view-transition-old(catalog-card-12),
  ::view-transition-old(catalog-empty) { animation: catalog-card-out 170ms ease-in both; }
  ::view-transition-new(catalog-card-1),
  ::view-transition-new(catalog-card-2),
  ::view-transition-new(catalog-card-3),
  ::view-transition-new(catalog-card-4),
  ::view-transition-new(catalog-card-5),
  ::view-transition-new(catalog-card-6),
  ::view-transition-new(catalog-card-7),
  ::view-transition-new(catalog-card-8),
  ::view-transition-new(catalog-card-9),
  ::view-transition-new(catalog-card-10),
  ::view-transition-new(catalog-card-11),
  ::view-transition-new(catalog-card-12),
  ::view-transition-new(catalog-empty) { animation: catalog-card-in 300ms cubic-bezier(.23,1,.32,1) both; }
}
.catalog-offer-grid .offer-card { min-height: 480px; padding: clamp(24px, 2.2vw, 30px); border-color: rgba(28,33,31,.1); box-shadow: 0 14px 36px rgba(20,35,26,.045); overflow: hidden; }
.catalog-offer-grid .offer-card__top { padding-bottom: 0; border-bottom: 0; }
.catalog-offer-grid .offer-card__logo { width: 72px; height: 58px; padding: 7px; border: 1px solid rgba(28,33,31,.09); border-radius: 18px; }
.catalog-offer-grid .offer-card h3 { font-size: 1.4rem; font-weight: 690; }
.catalog-offer-grid .offer-card__facts { margin: 26px 0 22px; padding: 20px; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 0; border-radius: 20px; background: #dff6e8; }
.catalog-offer-grid .offer-card:nth-child(2) .offer-card__facts { background: #e9e2ff; }
.catalog-offer-grid .offer-card:nth-child(3) .offer-card__facts { background: #e7f3c9; }
.catalog-offer-grid .offer-card:nth-child(4) .offer-card__facts { background: #f3ead8; }
.catalog-offer-grid .offer-card:nth-child(5) .offer-card__facts { background: #dceff0; }
.catalog-offer-grid .offer-card__facts div { min-width: 0; padding: 0; border-radius: 0; background: transparent; }
.catalog-offer-grid .offer-card__facts div:nth-child(2) { padding-left: 18px; border-left: 1px solid rgba(28,33,31,.13); }
.catalog-offer-grid .offer-card__facts div:last-child { grid-column: 1 / -1; margin-top: 18px; padding-top: 17px; border-top: 1px solid rgba(28,33,31,.13); }
.catalog-offer-grid .offer-card__facts dt { color: #52605a; font-size: .65rem; font-weight: 500; }
.catalog-offer-grid .offer-card__facts dd { margin-top: 5px; font-size: .86rem; font-weight: 760; line-height: 1.32; }
.catalog-offer-grid .offer-card__facts div:first-child dd { font-size: clamp(1rem, 1.2vw, 1.18rem); font-weight: 820; letter-spacing: -.025em; }
.catalog-offer-grid .offer-card__facts div:last-child dd { margin-top: 6px; color: #3f4944; font-size: .77rem; font-weight: 600; line-height: 1.42; }
.catalog-offer-grid .tag-list { min-height: 52px; margin-bottom: 14px; display: grid; gap: 6px; }
.catalog-offer-grid .tag-list li { position: relative; padding: 0 0 0 20px; border: 0; border-radius: 0; color: #46514b; font-size: .74rem; line-height: 1.4; }
.catalog-offer-grid .tag-list li::before { content: '✓'; position: absolute; left: 0; top: 0; color: #168451; font-weight: 850; }
.catalog-offer-grid .offer-card__claim { margin: 0 0 12px; line-height: 1.4; }
.catalog-offer-grid .offer-card__registry { margin: auto 0 0; padding-top: 12px; border-top: 1px solid var(--line); line-height: 1.4; }
.catalog-offer-grid .offer-card .button { min-height: 48px; margin-top: 18px; }
.catalog-empty-state { min-height: 470px; padding: 48px; display: grid; place-content: center; justify-items: center; border: 1px dashed #c7d1ca; border-radius: 28px; background: #fff; text-align: center; }
.catalog-empty-state[hidden], .catalog-offer-grid[hidden] { display: none; }
.catalog-empty-state > span { width: 54px; height: 54px; margin-bottom: 22px; display: grid; place-items: center; border-radius: 50%; background: var(--lavender); font-size: .83rem; font-weight: 800; }
.catalog-empty-state h3 { max-width: 13em; margin-bottom: 12px; }
.catalog-empty-state p { max-width: 400px; margin-bottom: 26px; color: var(--muted); }
.category-page-hero--lavender { background-color: #ece8f7; }
.category-page-hero--lime { background-color: #edf2e4; }
.category-page-hero--sand { background-color: #efede7; }
.category-page-hero--na-kartu .hero__visual { background-image: url('../images/hero-offers-v1.jpg'); }
.category-page-hero--srochno .hero__visual { background-image: url('../images/hero-selection-v1.jpg'); }
.category-page-hero--kruglosutochno .hero__visual { background-image: url('../images/hero-sova-perf1.webp'); }
.category-page-hero--dlya-novyh-klientov .hero__visual { background-image: url('../images/hero-about-v1.jpg'); }
.category-page-hero--bez-procentov .hero__visual { background-image: url('../images/hero-result-v1.jpg'); }
.category-page-hero--s-plohoy-kreditnoy-istoriey .hero__visual { background-image: url('../images/hero-methodology-v1.webp'); }
.category-page-hero--do-zarplaty .hero__visual { background-image: url('../images/hero-personal-data-v1.jpg'); }
.category-page-hero--na-dlitelnyy-srok .hero__visual { background-image: url('../images/hero-responsible-page-v1.jpg'); }
.category-page-hero--bez-spravok .hero__visual { background-image: url('../images/hero-consent-v1.jpg'); }
.category-brief { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 18px; align-items: start; }
.category-brief__index { grid-column: 1 / span 4; position: sticky; top: 28px; padding-right: clamp(22px, 3vw, 48px); }
.category-brief__index h2 { max-width: 7.2em; margin-bottom: 22px; font-size: clamp(2.35rem, 3.7vw, 3.8rem); }
.category-brief__index > p:not(.eyebrow) { margin-bottom: 28px; color: var(--muted); line-height: 1.65; }
.category-brief__index nav { display: grid; border-top: 1px solid #c4cec7; }
.category-brief__index nav a { padding: 14px 0; display: flex; gap: 14px; border-bottom: 1px solid #c4cec7; color: #3f4943; font-size: .84rem; font-weight: 620; text-decoration: none; }
.category-brief__index nav span { flex: 0 0 27px; color: #7a847e; font-size: .68rem; font-weight: 730; }
.category-brief__content { grid-column: 5 / -1; display: grid; gap: 18px; }
.category-brief__content article { scroll-margin-top: 24px; padding: clamp(30px, 4vw, 50px); border-radius: 30px; background: #fff; }
.category-brief__content article:nth-child(2) { background: #e7e0ff; }
.category-brief__content article header { margin-bottom: 28px; display: grid; grid-template-columns: 46px 1fr; gap: 18px; align-items: start; }
.category-brief__content article header > span { padding-top: 8px; color: #6d7871; font-size: .72rem; font-weight: 780; }
.category-brief__content article h2 { max-width: 11em; margin: 0; font-size: clamp(2rem, 3vw, 3.2rem); }
.category-brief__content article > p { max-width: 780px; color: #4e5852; font-size: clamp(.98rem, 1.08vw, 1.08rem); line-height: 1.72; }
.category-brief__content article ul { margin: 26px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; list-style: none; }
.category-brief__content article li { position: relative; min-height: 60px; padding: 17px 18px 17px 42px; border: 1px solid rgba(28,33,31,.1); border-radius: 18px; background: rgba(255,255,255,.58); color: #46514b; font-size: .84rem; line-height: 1.42; }
.category-brief__content article li::before { content: '✓'; position: absolute; top: 17px; left: 18px; color: #14834b; font-weight: 800; }

.cities-page-hero .hero__visual, .city-page-hero .hero__visual { background-image: url('../images/hero-cities-v1.jpg'); background-position: center center; }
.cities-page-hero h1 { max-width: none; }
.city-directory > header { margin-bottom: 30px; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 18px; align-items: end; }
.city-directory > header > div { grid-column: 1 / 8; }
.city-directory > header h2 { margin: 0; }
.city-directory > header > p { grid-column: 8 / -1; margin: 0; color: var(--muted); font-size: 1.05rem; line-height: 1.65; }
.city-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.city-card { position: relative; min-height: 330px; padding: 30px; display: flex; flex-direction: column; border-radius: 28px; background: var(--selection-mint); color: var(--ink); text-decoration: none; overflow: hidden; }
.city-card--2 { background: var(--lavender); }
.city-card--3 { background: var(--lime); }
.city-card > span { margin-left: auto; color: rgba(28,33,31,.52); font-size: .72rem; font-weight: 760; }
.city-card small { margin-top: auto; color: #647069; font-size: .72rem; }
.city-card h3 { max-width: 11ch; margin: 8px 0 15px; font-size: clamp(1.8rem, 2.8vw, 2.8rem); }
.city-card p { max-width: 31em; margin: 0; color: #505a54; font-size: .86rem; line-height: 1.52; }
.city-card i { position: absolute; right: 28px; bottom: 27px; font-size: 1.35rem; font-style: normal; transition: transform .3s cubic-bezier(.23,1,.32,1); }
.city-card:hover i { transform: translateX(7px); }
.city-principles { padding: clamp(44px, 5vw, 68px) !important; display: grid; grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr); gap: clamp(36px, 6vw, 90px); border-radius: 36px; background: #171c19; color: #fff; }
.city-principles > div:first-child h2 { max-width: 9em; margin: 0; }
.city-principles__list { border-top: 1px solid rgba(255,255,255,.18); }
.city-principles__list article { min-height: 120px; padding: 24px 0; display: grid; grid-template-columns: 44px minmax(170px, .75fr) minmax(240px, 1.25fr); gap: 18px; align-items: start; border-bottom: 1px solid rgba(255,255,255,.18); }
.city-principles__list span { color: var(--green); font-size: .72rem; font-weight: 760; }
.city-principles__list h3 { margin: 0; font-size: 1.25rem; }
.city-principles__list p { margin: 0; color: #bfc9c3; font-size: .86rem; line-height: 1.55; }
.city-page-hero h1 { max-width: 11.5ch; font-size: clamp(3rem, 4.6vw, 4.8rem); }
.city-page-hero--sankt-peterburg .hero__visual { background-position: 58% center; }
.city-page-hero--kazan .hero__visual { filter: saturate(.88); }

/* Городским заголовкам нужна вся ширина колонки. */
@media (min-width: 901px) and (orientation: landscape) {
  .city-page-hero .hero__copy { max-width: 620px; }
  .hero.city-page-hero h1 {
    max-width: 100%;
    font-size: clamp(2.85rem, 3.5vw, 3.2rem);
    line-height: .99;
  }
  .city-page-hero .hero__lead {
    font-size: clamp(.94rem, 1.08vw, 1.04rem);
    line-height: 1.48;
  }
  .city-page-hero .hero__ticks { gap: 7px; }
  .city-page-hero .hero__ticks li {
    min-height: 36px;
    padding: 7px 11px;
    font-size: .7rem;
  }
  .city-page-hero .editorial-hero__actions { margin-top: 12px; }
  .city-page-hero .editorial-hero__actions .button {
    min-height: 44px;
    padding-block: 10px;
  }
}

@media (min-width: 901px) and (max-height: 700px) and (orientation: landscape) {
  .hero.city-page-hero h1 { font-size: clamp(2.7rem, 4.05vw, 3rem); }
  .city-page-hero .hero__ticks,
  .city-page-hero .editorial-hero__actions { display: none; }
}
.city-local-intro > header { margin-bottom: 22px; display: flex; align-items: end; justify-content: space-between; gap: 30px; }
.city-local-intro > header h2 { margin: 0; }
.city-local-intro > p { max-width: 980px; color: #4f5953; font-size: clamp(1.02rem, 1.2vw, 1.16rem); line-height: 1.78; }
.city-fact-grid { margin-top: 34px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.city-fact-grid article { min-height: 270px; padding: 28px; display: flex; flex-direction: column; border-radius: 26px; background: #fff; }
.city-fact-grid article:nth-child(2) { background: #e7e0ff; }
.city-fact-grid article:nth-child(3) { background: #e4f4ba; }
.city-fact-grid span { margin-left: auto; color: #6d7871; font-size: .7rem; font-weight: 760; }
.city-fact-grid h3 { margin-top: auto; margin-bottom: 12px; }
.city-fact-grid p { margin: 0; color: #55605a; font-size: .86rem; line-height: 1.56; }

.home-page main > .result-flow { min-height: calc(100svh - 134px); padding: clamp(44px, 5vw, 72px) !important; display: block; border-radius: 40px; background: #e5ece7; overflow: clip; }
.result-flow__header { min-width: 0; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 18px; align-items: end; }
.result-flow__header .eyebrow { grid-column: 1 / 8; margin-bottom: 2px; }
.result-flow__header h1 { grid-column: 1 / 8; max-width: 9.5ch; margin: 0; font-size: clamp(3rem, 4.5vw, 4.65rem); font-weight: 680; }
.result-flow__header > p:last-child { grid-column: 8 / 13; max-width: 520px; margin: 0 0 7px; color: #535d57; font-size: clamp(1rem, 1.12vw, 1.14rem); line-height: 1.6; }
.result-analysis { min-width: 0; margin-top: clamp(44px, 5vw, 70px); padding: clamp(34px, 4vw, 54px); border-radius: 30px; background: #19211d; color: #fff; overflow: hidden; }
.result-analysis[hidden], .result-ready[hidden], .result-offer-row[hidden] { display: none !important; }
.result-analysis__panel { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .55fr); gap: 26px 48px; align-items: end; }
.result-analysis__status { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 28px; align-items: end; }
.result-analysis__stage { max-width: 24em; padding-bottom: 13px; display: inline-flex; align-items: baseline; color: #c5cec9; font-size: clamp(.9rem, 1vw, 1rem); }
.result-analysis__stage-text { display: inline-block; }
.result-analysis__stage-text.is-updating { animation: result-stage-in .46s cubic-bezier(.23,1,.32,1); }
.result-analysis__dots { width: 1.45em; margin-left: .12em; display: inline-flex; justify-content: flex-start; }
.result-analysis__dots i { width: .4em; display: inline-block; font-style: normal; opacity: .18; animation: result-dot 1.35s ease-in-out infinite; }
.result-analysis__dots i:nth-child(2) { animation-delay: .18s; }
.result-analysis__dots i:nth-child(3) { animation-delay: .36s; }
@keyframes result-stage-in { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
@keyframes result-dot { 0%, 18%, 82%, 100% { opacity: .18; } 38%, 62% { opacity: 1; } }
.result-analysis__status strong { display: grid; gap: 7px; color: #fff; font-weight: 620; line-height: 1; letter-spacing: 0; }
.result-analysis__status strong span { color: #9baba2; font-size: .72rem; font-weight: 650; letter-spacing: .045em; text-transform: uppercase; }
.result-analysis__status strong b { color: var(--green); font-size: clamp(2rem, 4vw, 3.6rem); font-weight: 650; line-height: .9; letter-spacing: -.045em; }
.result-analysis progress { width: 100%; height: 8px; display: block; border: 0; border-radius: 999px; appearance: none; overflow: hidden; background: rgba(255,255,255,.1); }
.result-analysis progress { grid-column: 1 / -1; }
.result-analysis progress::-webkit-progress-bar { border-radius: 999px; background: rgba(255,255,255,.1); }
.result-analysis progress::-webkit-progress-value { border-radius: 999px; background: var(--green); transition: width .5s linear; }
.result-analysis progress::-moz-progress-bar { border-radius: 999px; background: var(--green); transition: width .5s linear; }
.result-parameters { margin: 0; display: flex; gap: 10px; }
.result-parameters div { min-width: 150px; padding: 14px 17px; border: 1px solid rgba(28,33,31,.1); border-radius: 18px; background: rgba(255,255,255,.88); color: var(--ink); }
.result-parameters dt { color: #6d7771; font-size: .67rem; }
.result-parameters dd { margin: 2px 0 0; font-size: 1rem; font-weight: 750; font-variant-numeric: tabular-nums; }
.result-analysis__note { max-width: 390px; margin: 0; justify-self: end; color: #99a59e; font-size: .76rem; line-height: 1.55; }
.result-flow.is-ready .result-flow__header { column-gap: 18px; row-gap: 0; }
.result-flow.is-ready .result-flow__header .eyebrow { margin-bottom: 14px; }
.result-flow.is-ready .result-flow__header h1 { max-width: 9.5ch; font-size: clamp(3rem, 4.5vw, 4.65rem); font-weight: 750; line-height: 1.04; }
.result-flow.is-ready .result-flow__header > p:last-child { max-width: 620px; margin: 0 0 7px; font-size: clamp(1rem, 1.12vw, 1.14rem); font-weight: 400; line-height: 1.6; }

@media (min-width: 961px) {
  .home-page main > .result-flow:not(.is-ready) { height: calc(100svh - 134px); min-height: 570px; display: grid; grid-template-columns: minmax(0, .92fr) minmax(470px, 1.08fr); gap: clamp(34px, 4.5vw, 72px); align-items: stretch; }
  .result-flow:not(.is-ready) .result-flow__header { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
  .result-flow:not(.is-ready) .result-flow__header .eyebrow { margin-bottom: 2px; }
  .result-flow:not(.is-ready) .result-flow__header h1 { max-width: 8.5ch; font-size: clamp(3rem, 4.5vw, 4.65rem); }
  .result-flow:not(.is-ready) .result-flow__header > p:last-child { max-width: 530px; margin: clamp(26px, 3.8vh, 42px) 0 0; font-size: clamp(1rem, 1.12vw, 1.14rem); line-height: 1.6; }
  .result-flow:not(.is-ready) .result-analysis { height: 100%; min-height: 0; margin-top: 0; padding: clamp(30px, 3.2vw, 48px); display: flex; background: radial-gradient(circle at 88% 12%, rgba(32,217,121,.18), transparent 34%), #19211d; }
  .result-flow:not(.is-ready) .result-analysis__panel { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: repeat(4, auto); gap: clamp(18px, 2.4vh, 28px); align-content: center; align-items: start; }
  .result-flow:not(.is-ready) .result-analysis__status { grid-column: 1; flex-direction: column; align-items: flex-start; gap: 16px; }
  .result-flow:not(.is-ready) .result-analysis__stage { padding-bottom: 0; }
  .result-flow:not(.is-ready) .result-analysis__status strong b { font-size: clamp(2.25rem, 4vw, 3.8rem); }
  .result-flow:not(.is-ready) .result-analysis progress { grid-column: 1; }
  .result-flow:not(.is-ready) .result-parameters { width: 100%; padding: 18px 0; align-self: end; gap: 0; border-top: 1px solid rgba(255,255,255,.14); border-bottom: 1px solid rgba(255,255,255,.14); }
  .result-flow:not(.is-ready) .result-parameters div { min-width: 0; flex: 1; padding: 0 20px; border: 0; border-radius: 0; background: transparent; color: #fff; }
  .result-flow:not(.is-ready) .result-parameters div:first-child { padding-left: 0; }
  .result-flow:not(.is-ready) .result-parameters div + div { border-left: 1px solid rgba(255,255,255,.14); }
  .result-flow:not(.is-ready) .result-parameters dt { color: #9baba2; font-size: .7rem; }
  .result-flow:not(.is-ready) .result-parameters dd { margin-top: 5px; font-size: clamp(1.06rem, 1.28vw, 1.28rem); font-weight: 680; }
  .result-flow:not(.is-ready) .result-analysis__note { max-width: 100%; justify-self: start; font-size: clamp(.82rem, .9vw, .92rem); line-height: 1.58; }
}

.result-ready { width: 100%; min-width: 0; max-width: 100%; margin-top: clamp(44px, 5vw, 70px); display: grid; gap: 14px; }
.result-ready__bar { min-height: 88px; padding: 11px 28px; display: flex; justify-content: space-between; gap: 24px; align-items: center; border-radius: 24px; background: radial-gradient(circle at 84% 20%, rgba(32,217,121,.12), transparent 30%), #19211d; color: #fff; }
.result-ready__bar .result-parameters { margin: 0; gap: 0; }
.result-ready__bar .result-parameters div { min-width: 0; flex: 0 0 auto; padding: 1px 18px 1px 0; border: 0; border-radius: 0; background: transparent; color: #fff; }
.result-ready__bar .result-parameters div:first-child { text-align: right; }
.result-ready__bar .result-parameters div + div { padding-right: 0; padding-left: 18px; border-left: 1px solid rgba(255,255,255,.15); }
.result-ready__bar .result-parameters dt { color: #98a69f; font-size: .68rem; }
.result-ready__bar .result-parameters dd { margin-top: 4px; font-size: 1.12rem; font-weight: 680; white-space: nowrap; }
.result-ready__bar .button { min-width: 230px; margin: 0; color: var(--ink); font-size: .82rem; white-space: nowrap; }
.result-ready__bar .button:hover { color: #fff; }
.result-offer-list { width: 100%; min-width: 0; display: grid; gap: 12px; }
.result-offer-row { width: 100%; min-width: 0; max-width: 100%; min-height: 120px; padding: 16px 18px; display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.55fr) minmax(0, .58fr); gap: 20px; align-items: center; overflow: hidden; border: 1px solid rgba(28,33,31,.06); border-radius: 24px; background: #fff; box-shadow: 0 10px 28px rgba(20,35,26,.045); }
.result-offer-row__identity { min-width: 0; display: grid; grid-template-columns: 60px minmax(0, 1fr); gap: 13px; align-items: center; }
.result-offer-row__logo { width: 60px; height: 60px; padding: 0; display: grid; place-items: center; align-self: center; overflow: hidden; border: 1px solid rgba(28,33,31,.08); border-radius: 16px; background: #fff; }
.result-offer-row__logo img { display: block; width: auto; height: auto; object-fit: contain; object-position: center; }
.result-offer-row__logo--dengi-srazu img { width: 50px; max-height: 30px; }
.result-offer-row__logo--ligamfo img { width: 49px; max-height: 28px; }
.result-offer-row__logo--moneyman img { width: 42px; height: 42px; border-radius: 11px; }
.result-offer-row__logo--webbankir img { width: 42px; height: 42px; }
.result-offer-row__logo--a-dengi img { width: 42px; height: 42px; border-radius: 11px; }
.result-offer-row__name { min-width: 0; text-align: left; }
.result-offer-row__title { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.result-offer-row__title h3 { min-width: 0; margin: 0; font-size: 1.2rem; font-weight: 650; }
.result-offer-row__title b { flex: 0 0 auto; padding: 3px 7px; border-radius: 999px; background: var(--mint); color: #167447; font-size: .59rem; font-weight: 720; line-height: 1.2; }
.result-offer-row__meta { margin-top: 5px; display: grid; justify-items: start; gap: 4px; color: #737d77; font-size: .62rem; line-height: 1.35; }
.result-offer-row__meta span { min-width: 0; overflow-wrap: anywhere; }
.result-offer-row__features { margin: 7px 0 0; padding: 0; display: grid; justify-items: start; gap: 3px; color: #56615b; list-style: none; text-align: left; }
.result-offer-row__features li { font-size: .64rem; line-height: 1.35; }
.result-offer-row__facts { width: 100%; min-width: 0; max-width: 100%; height: 88px; margin: 0; padding: 8px; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, .72fr) minmax(0, 1.58fr); gap: 7px; align-items: stretch; border-radius: 17px; background: var(--selection-mint); }
.result-offer-row:nth-child(2) .result-offer-row__facts { background: var(--lavender); }
.result-offer-row:nth-child(3) .result-offer-row__facts { background: var(--lime); }
.result-offer-row:nth-child(4) .result-offer-row__facts { background: var(--sand); }
.result-offer-row:nth-child(5) .result-offer-row__facts { background: #dceff0; }
.result-offer-row__facts div { min-width: 0; padding: 10px 12px; display: flex; flex-direction: column; justify-content: flex-start; border-radius: 11px; background: rgba(255,255,255,.62); }
.result-offer-row__facts dt { color: #65706a; font-size: .58rem; font-weight: 560; letter-spacing: .015em; line-height: 1.2; }
.result-offer-row__facts dd { min-width: 0; margin: 5px 0 0; font-size: clamp(.7rem, .78vw, .8rem); font-weight: 680; font-variant-numeric: tabular-nums; line-height: 1.25; overflow-wrap: anywhere; text-wrap: balance; }
.result-offer-row__facts div:nth-child(-n+2) dd { font-size: clamp(.78rem, .92vw, .92rem); white-space: nowrap; }
@media (min-width: 761px) {
  .result-offer-row__facts div { display: grid; grid-template-rows: 10px 36px; align-content: center; row-gap: 5px; }
  .result-offer-row__facts dd { margin-top: 0; align-self: start; }
}
.result-offer-row__action { min-width: 0; text-align: center; }
.result-offer-row__action .button { width: 100%; min-width: 0; min-height: 44px; padding: 10px 24px; font-size: .76rem; white-space: nowrap; }
.result-offer-row__action p { margin: 7px 0 0; color: #858e89; font-size: .58rem; line-height: 1.35; overflow-wrap: anywhere; }
.result-ready__notice { padding: 20px 22px; display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 12px; border-radius: 22px; background: #fff; }
.result-ready__notice > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: var(--lavender); font-size: .75rem; font-weight: 750; }
.result-ready__notice p { margin: 2px 0 0; color: #59635d; font-size: .76rem; line-height: 1.55; }
.thanks-page-hero h1 { max-width: 8em; }
.thanks-page-hero .hero__visual { background-image: url('../images/hero-consent-v1.jpg'); }
.thanks-details { padding: clamp(38px, 5vw, 64px) !important; display: grid; grid-template-columns: minmax(280px, .75fr) minmax(0, 1.25fr); gap: clamp(36px, 7vw, 110px); border-radius: 34px; background: #fff; }
.thanks-details h2 { max-width: 8em; margin: 0; }
.thanks-details > div:last-child { color: #4f5953; font-size: 1.04rem; line-height: 1.75; }
.thanks-details > div:last-child p:last-child { margin-bottom: 0; }
.not-found-stage { min-height: min(700px, calc(100svh - 132px)); margin-top: 24px; padding: clamp(34px, 6vw, 88px); display: grid; grid-template-columns: minmax(0, .92fr) minmax(380px, 1.08fr); align-items: center; gap: clamp(38px, 8vw, 120px); overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); background: linear-gradient(125deg, #eef4ee 0%, #e6f0e8 52%, #d8f2e3 100%); }
.not-found-stage__copy { position: relative; z-index: 2; }
.not-found-stage__copy h1 { max-width: 7em; margin-bottom: 26px; font-size: clamp(3.4rem, 7vw, 6.6rem); }
.not-found-stage__copy > p:not(.eyebrow) { max-width: 580px; margin-bottom: 30px; color: #505c55; font-size: clamp(1rem, 1.4vw, 1.2rem); line-height: 1.7; }
.not-found-stage__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.not-found-stage__visual { aspect-ratio: 1 / .88; position: relative; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(28,33,31,.1); border-radius: 32px; background: radial-gradient(circle at 50% 45%, rgba(32,217,121,.35), transparent 34%), linear-gradient(145deg, rgba(255,255,255,.82), rgba(214,247,226,.7)); }
.not-found-stage__visual::before,.not-found-stage__visual::after { content: ''; position: absolute; border: 1px solid rgba(28,33,31,.09); border-radius: 50%; }
.not-found-stage__visual::before { width: 72%; aspect-ratio: 1; }
.not-found-stage__visual::after { width: 48%; aspect-ratio: 1; }
.not-found-stage__visual strong { position: relative; z-index: 1; color: rgba(28,33,31,.91); font-size: clamp(7rem, 15vw, 13rem); font-weight: 760; letter-spacing: -.09em; line-height: .8; transform: translateX(-.03em); }
.not-found-stage__orbit { width: 70px; height: 70px; position: absolute; z-index: 2; top: 13%; right: 13%; padding: 9px; display: grid; place-items: center; border-radius: 22px; background: var(--ink); transform: rotate(7deg); box-shadow: 0 18px 42px rgba(20,35,26,.16); }
.not-found-stage__orbit img { width: 100%; height: 100%; object-fit: contain; filter: brightness(0) invert(1); }
.not-found-stage__trace { position: absolute; top: 24px; left: 26px; color: #647068; font-size: .62rem; font-weight: 700; letter-spacing: .14em; }
.not-found-links h2 { margin-bottom: 24px; }

@media (max-width: 900px) {
  .not-found-stage { min-height: 0; padding: 42px; grid-template-columns: 1fr; gap: 38px; }
  .not-found-stage__copy h1 { font-size: clamp(3.5rem, 12vw, 5.8rem); }
  .not-found-stage__visual { width: 100%; max-height: 480px; aspect-ratio: 1.25 / 1; }
}

@media (max-width: 520px) {
  .not-found-stage { margin-top: 16px; padding: 30px 20px 20px; gap: 30px; border-radius: 28px; }
  .not-found-stage__copy h1 { margin-bottom: 20px; font-size: clamp(3.25rem, 15vw, 4.25rem); }
  .not-found-stage__copy > p:not(.eyebrow) { margin-bottom: 24px; font-size: .95rem; }
  .not-found-stage__actions { display: grid; }
  .not-found-stage__actions .button { width: 100%; }
  .not-found-stage__visual { min-height: 260px; aspect-ratio: 1 / .9; border-radius: 22px; }
  .not-found-stage__visual strong { font-size: clamp(7rem, 39vw, 9.5rem); }
  .not-found-stage__orbit { width: 58px; height: 58px; top: 12%; right: 10%; border-radius: 18px; }
  .not-found-stage__trace { top: 18px; left: 18px; }
}

.personal-data-consent-page-hero .hero__visual { background-image: url('../images/hero-consent-v1.jpg'); }
.marketing-consent-page-hero .hero__visual { background-image: url('../images/hero-marketing-v1.jpg'); }
.affiliate-disclosure-page-hero .hero__visual { background-image: url('../images/hero-affiliate-v1.jpg'); }

.site-footer { width: 100%; margin: 80px 0 0; padding: 70px 0 30px; flex: 0 0 auto; overflow: hidden; border-radius: var(--radius-lg) var(--radius-lg) 0 0; background: #171c19; color: #fff; }
.site-footer__inner { width: min(1440px, calc(100vw - 64px)); }
.site-footer__top { display: grid; grid-template-columns: 1.45fr repeat(3, 1fr); gap: clamp(30px, 4vw, 64px); }
.brand-logo--footer { margin-bottom: 20px; color: white; }
.site-footer__brand p { max-width: 340px; margin-bottom: 0; color: #aeb9b3; font-size: .88rem; line-height: 1.55; }
.site-footer nav { display: grid; align-content: start; gap: 9px; }
.site-footer nav h2 { margin-bottom: 10px; color: #9aa69f; font-size: .78rem; font-weight: 550; letter-spacing: .08em; text-transform: uppercase; }
.site-footer nav a { color: #d3dbd6; font-size: .85rem; text-decoration: none; }
.site-footer nav a:hover { color: var(--green); }
.site-footer__warning { margin-top: 54px; padding: 24px 28px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 20px; border: 1px solid rgba(32,217,121,.25); border-radius: var(--radius); background: rgba(32,217,121,.09); }
.site-footer__warning h2 { margin-bottom: 5px; font-size: 1.08rem; font-weight: 630; letter-spacing: -.02em; }
.site-footer__warning p { max-width: 1040px; margin-bottom: 0; color: #d4ddd8; font-size: .86rem; line-height: 1.55; }
.site-footer__age { width: 52px; height: 52px; display: grid; place-items: center; padding-bottom: 1px; border-radius: 50%; background: var(--green); color: var(--ink); font-size: .9rem; font-weight: 800; line-height: 1; text-align: center; }
.site-footer__legal-grid { margin-top: 20px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.site-footer__disclosure { padding: 28px; border: 1px solid #343d38; border-radius: var(--radius); background: #1c231f; }
.site-footer__label { margin-bottom: 12px; color: var(--green); font-size: .7rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.site-footer__disclosure h2 { margin-bottom: 14px; font-size: 1.25rem; font-weight: 620; letter-spacing: -.025em; }
.site-footer__disclosure p:not(.site-footer__label) { margin-bottom: 10px; color: #aeb9b3; font-size: .78rem; line-height: 1.62; }
.site-footer__disclosure p:last-child { margin-bottom: 0; }
.site-footer__disclosure a, .site-footer__requisites a { color: #e2e9e5; text-decoration-color: #65736b; }
.site-footer__disclosure a:hover, .site-footer__requisites a:hover { color: var(--green); }
.site-footer__operator { margin-top: 20px; }
.site-footer__requisites { margin: 0; padding: 23px 28px; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.2fr) minmax(0, .9fr); gap: clamp(28px, 3.4vw, 52px); align-items: start; border: 1px solid #343d38; border-radius: var(--radius); }
.site-footer__requisites div { min-width: 0; }
.site-footer__requisite--registration { text-align: center; }
.site-footer__requisite--contact { text-align: right; }
.site-footer__requisites dt { margin-bottom: 5px; color: #9aa69f; font-size: .67rem; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; }
.site-footer__requisites dd { margin: 0; color: #d3dbd6; font-size: .78rem; line-height: 1.5; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.site-footer__detail-line { display: block; }
.site-footer__requisite--contact a { display: inline-flex; align-items: center; min-height: 28px; }
.site-footer__detail-line + .site-footer__detail-line { margin-top: 2px; }
.site-footer__detail-line--muted { color: #8d9892; font-size: .72rem; line-height: 1.42; }
.site-footer__requisites dd > .site-footer__detail-line--spaced { margin-top: 7px; }
.site-footer__bottom { margin-top: 26px; padding-top: 22px; display: flex; align-items: center; justify-content: space-between; gap: 32px; border-top: 1px solid #343d38; color: #9aa69f; font-size: .7rem; line-height: 1.5; }
.site-footer__bottom p { margin: 0; }
.site-footer__bottom p:last-child { max-width: none; white-space: nowrap; text-align: right; }

.toast-region { position: fixed; z-index: 1000; right: 20px; bottom: 20px; display: grid; gap: 8px; }
.toast { max-width: 360px; padding: 14px 18px; border-radius: 14px; background: var(--ink); color: white; box-shadow: var(--shadow); }
.toast--error { background: #721e2a; }
.is-loading { pointer-events: none; }
.lead-form.is-loading .button[type='submit'] { cursor: wait; }

@media (max-width: 1100px) {
  .variants-page-hero::after { background: linear-gradient(90deg, rgba(231,238,231,.96) 0%, rgba(231,238,231,.78) 100%); }
  .offers-page-hero::after { background: linear-gradient(90deg, rgba(231,238,231,.97) 0%, rgba(231,238,231,.8) 44%, rgba(231,238,231,.16) 73%, rgba(231,238,231,0) 100%); }
  .about-page-hero::after { background: linear-gradient(90deg, rgba(231,238,231,.99) 0%, rgba(231,238,231,.88) 46%, rgba(231,238,231,.13) 76%, rgba(231,238,231,0) 100%); }
}

@media (max-width: 1100px) {
  .site-header__inner { gap: 12px; }
  .main-nav a { --nav-link-pad-x: 8px; font-size: .82rem; }
  .benefits-section { min-height: 0 !important; padding-block: 28px; }
  .benefits-section__frame { min-height: auto; grid-template-columns: 1fr; }
  .benefits-section__intro { min-height: 360px; padding: 40px; }
  .benefits-section__intro h2 { max-width: 8em; }
  .benefits-section__cards .benefit-grid { min-height: 580px; grid-template-columns: 1.08fr .92fr; }
  .benefit-card { padding: 30px; }
  .offer-grid { grid-template-columns: repeat(2, 1fr); }
  .variants-catalog__frame { min-height: 0; }
  .offers-grid-section .offer-carousel { grid-template-columns: none; grid-auto-columns: calc((100% - 18px) / 2); }
  .offers-catalog__layout { grid-template-columns: 1fr; gap: 18px; }
  .catalog-filter-panel { position: static; }
  .catalog-filter-panel__ranges { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
  .catalog-offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .result-offer-list { grid-template-columns: 1fr; }
  .result-offer-row { grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); }
  .result-offer-row__action { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(220px, 280px) minmax(0, 1fr); gap: 16px; align-items: center; text-align: left; }
  .result-offer-row__action p { margin: 0; }
  .city-principles { grid-template-columns: 1fr; }
  .site-footer__top { grid-template-columns: 1.4fr 1fr 1fr; }
  .site-footer__top nav:last-child { grid-column: 2 / 4; }
}

@media (min-width: 761px) and (max-width: 1100px) {
  .hero { --hero-pad-x: 40px; --hero-pad-y: var(--hero-pad-x); padding: var(--hero-pad-y) var(--hero-pad-x); grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
  .hero h1 { font-size: clamp(2.55rem, 5vw, 3.7rem); }
  .hero__copy { width: 100%; }
  .hero__lead { max-width: 100%; font-size: .98rem; }
  .hero__ticks { max-width: 100%; flex-wrap: wrap; }
  .hero__form { top: var(--hero-pad-y); right: var(--hero-pad-x); bottom: var(--hero-pad-y); width: min(51%, 500px); }
  .variants-page-hero { grid-template-columns: 1fr; }
  .variants-page-hero .hero__copy { max-width: 680px; }
  .variants-page-hero .hero__form { display: none; }
  .offers-page-hero h1 { font-size: clamp(2.55rem, 5vw, 3.7rem); }
  .about-page-hero h1 { font-size: clamp(2.55rem, 5vw, 3.7rem); }
  .about-page-hero .hero__lead { max-width: 100%; font-size: .92rem; }
  .lead-form { padding: 23px; }
}

/* В альбомной ориентации сохраняем двухколоночный блок. */
@media (min-width: 901px) and (max-width: 1100px) and (orientation: landscape) {
  .home-page .benefits-section__frame {
    padding: 14px;
    grid-template-columns: minmax(280px, .68fr) minmax(0, 1.32fr);
    gap: 14px;
  }
  .home-page .benefits-section__intro {
    min-height: 0;
    padding: clamp(28px, 3vw, 36px);
  }
  .home-page .benefits-section__cards .benefit-grid { min-height: 0; gap: 14px; }
  .home-page .benefit-card { padding: 22px; }
  .home-page .benefit-card__copy { padding-top: 14px; }
  .home-page .benefit-card h3 { margin-bottom: 8px; }
}

/* Две карточки читаются лучше на промежуточной ширине. */
@media (min-width: 1101px) and (max-width: 1200px) {
  .home-page .offers-grid-section .offer-carousel {
    grid-auto-columns: calc((100% - 18px) / 2);
  }
}

@media (min-width: 761px) and (max-height: 820px) {
  .hero { --hero-pad-x: clamp(44px, 4vw, 56px); --hero-pad-y: var(--hero-pad-x); padding: var(--hero-pad-y) var(--hero-pad-x); }
  .hero h1 { margin-bottom: 0; font-size: clamp(2.65rem, 4.6vw, 4rem); line-height: 1; }
  .hero__lead { margin: auto 0; font-size: clamp(.95rem, 1.35vw, 1.15rem); line-height: 1.45; }
  .hero__ticks { gap: 6px; }
  .hero__ticks li { min-height: 36px; padding: 7px 10px; font-size: .69rem; }
  .hero__form { top: var(--hero-pad-y); right: var(--hero-pad-x); bottom: var(--hero-pad-y); width: min(500px, 43%); }
  .lead-form { padding: 22px 26px; }
  .lead-form__parameters, .lead-form__contacts { gap: 13px; }
  .lead-form__contacts { margin-top: 12px; }
  .lead-form__consents { margin: 11px 0; gap: 7px; }
  .lead-form .button { min-height: 46px; }
  .form-note { margin-top: 7px; font-size: .61rem; }
}

@media (min-width: 1101px) and (max-height: 820px) { .hero__form { width: min(450px, 36%); } }

/* Компактная сетка для невысоких экранов. */
@media (min-width: 761px) and (max-height: 700px) and (orientation: landscape) {
  .home-page main > .section.offers-grid-section { padding-top: clamp(24px, 4svh, 32px); }
  .home-page .offers-grid-section__header { margin-bottom: 18px; }
  .home-page :is(.offers-grid-section, .product-feed) .offer-card { min-height: 0; padding: 22px; }
  .home-page :is(.offers-grid-section, .product-feed) .offer-card__facts { margin: 18px 0 16px; padding: 16px; }
  .home-page :is(.offers-grid-section, .product-feed) .offer-card__facts div:last-child { margin-top: 14px; padding-top: 13px; }
  .home-page :is(.offers-grid-section, .product-feed) .tag-list { min-height: 46px; margin-bottom: 10px; }
  .home-page :is(.offers-grid-section, .product-feed) .offer-card__registry { padding-top: 10px; }
  .home-page :is(.offers-grid-section, .product-feed) .offer-card .button { margin-top: 14px; }
  .home-page :is(.offers-grid-section, .product-feed) .offer-card__ad { margin-top: 7px; }
}

/* Заголовок масштабируется по контейнеру, а не по плотности экрана. */
@media (min-width: 1101px) and (orientation: landscape) {
  .home-hero,
  .offers-page-hero,
  .variants-page-hero {
    grid-template-columns: minmax(0, 1fr) clamp(420px, 35vw, 450px);
    column-gap: clamp(18px, 2vw, 32px);
  }
  .home-hero h1 { font-size: clamp(3.35rem, 3.7vw, 3.75rem); }
}

/* На низких ноутбуках форма должна помещаться целиком. */
@media (min-width: 761px) and (max-height: 700px) and (orientation: landscape) {
  .hero {
    --hero-pad-x: clamp(36px, 3.2vw, 44px);
    --hero-pad-y: var(--hero-pad-x);
    height: calc(100svh - 110px);
    min-height: 490px;
    padding: var(--hero-pad-y) var(--hero-pad-x);
  }
  .hero__form {
    top: var(--hero-pad-y);
    right: var(--hero-pad-x);
    bottom: var(--hero-pad-y);
  }
}

@media (min-width: 761px) and (max-width: 820px) {
  .site-header__inner { gap: 12px; }
  .brand-logo { gap: 5px; }
  .brand-logo__name { font-size: 1.18rem; }
  .brand-logo__accent { font-size: .56rem; }
  .main-nav { gap: 0; }
  .main-nav a { --nav-link-pad-x: 7px; padding-block: 10px; font-size: .82rem; white-space: nowrap; }
  .site-header__cta { --flow-arrow-inset: 12px; padding-inline: 21px; font-size: .82rem; }
}

@media (min-width: 761px) and (orientation: portrait) {
  .home-hero,
  .offers-page-hero { height: auto; min-height: 0; padding: 40px; display: block; }
  .home-hero::after { inset: 0 0 auto; height: 660px; background: linear-gradient(180deg, rgba(231,238,231,.99) 0%, rgba(231,238,231,.94) 42%, rgba(231,238,231,.8) 70%, rgba(231,238,231,1) 100%); }
  .home-hero .hero__visual { inset: 0 0 auto; height: 660px; background-position: 61% 48%; }
  .offers-page-hero::after { inset: 0 0 auto; height: 700px; background: linear-gradient(180deg, rgba(231,238,231,.99) 0%, rgba(231,238,231,.94) 44%, rgba(231,238,231,.78) 72%, rgba(231,238,231,1) 100%); }
  .offers-page-hero .hero__visual { inset: 0 0 auto; height: 700px; background-position: 56% 42%; }
  .home-hero .hero__copy,
  .offers-page-hero .hero__copy { width: 100%; max-width: 680px; height: auto; display: block; }
  .home-hero h1 { max-width: 650px; margin-bottom: 24px; font-size: clamp(3rem, 6.2vw, 3.55rem); line-height: 1; }
  .offers-page-hero h1 { max-width: 680px; margin-bottom: 24px; font-size: clamp(3rem, 6.2vw, 3.55rem); line-height: 1; }
  .home-hero .hero__lead,
  .offers-page-hero .hero__lead { max-width: 650px; margin: 0; font-size: 1.02rem; line-height: 1.55; }
  .home-hero .hero__ticks,
  .offers-page-hero .hero__ticks { margin-top: 26px; flex-wrap: wrap; }
  .home-hero .hero__form,
  .offers-page-hero .hero__form { position: relative; inset: auto; width: 100%; max-width: 100%; height: auto; margin-top: 30px; }
  .home-hero .hero__form .lead-form,
  .offers-page-hero .hero__form .lead-form { height: auto; padding: 28px; }
}

/* Высоту альбомного хиро задаёт его содержимое. */
@media (min-width: 761px) and (orientation: landscape) {
  .home-hero,
  .offers-page-hero,
  .variants-page-hero {
    align-content: center;
    align-items: stretch;
  }
  .home-hero .hero__copy,
  .offers-page-hero .hero__copy,
  .variants-page-hero .hero__copy {
    height: auto;
    align-self: stretch;
    display: grid;
    grid-template-rows: auto auto minmax(22px, 1fr) auto minmax(22px, 1fr) auto;
    align-items: start;
  }
  .home-hero .eyebrow,
  .offers-page-hero .eyebrow,
  .variants-page-hero .eyebrow { grid-row: 1; }
  .home-hero h1,
  .offers-page-hero h1,
  .variants-page-hero h1 {
    grid-row: 2;
    margin-bottom: 0;
    line-height: 1.03;
  }
  .home-hero .hero__lead,
  .offers-page-hero .hero__lead,
  .variants-page-hero .hero__lead { grid-row: 4; margin: 0; }
  .home-hero .hero__ticks,
  .offers-page-hero .hero__ticks,
  .variants-page-hero .hero__ticks { grid-row: 6; margin: 0; }
  .home-hero .hero__form,
  .offers-page-hero .hero__form,
  .variants-page-hero .hero__form {
    position: relative;
    inset: auto;
    grid-column: 2;
    grid-row: 1;
    width: min(450px, 100%);
    height: auto;
    justify-self: end;
    align-self: stretch;
    transform: none;
  }
  .home-hero .hero__form .lead-form,
  .offers-page-hero .hero__form .lead-form,
  .variants-page-hero .hero__form .lead-form {
    height: 100%;
    justify-content: space-between;
  }
}

@media (min-width: 761px) and (max-width: 1280px) and (orientation: landscape) {
  .home-hero h1 { font-size: clamp(2.75rem, 4.2vw, 3.35rem); }
}

@media (min-width: 761px) and (max-width: 1100px) and (max-height: 650px) and (orientation: landscape) {
  .home-hero .hero__ticks { display: none; }
}

/* Основные блоки главной держат экранный ритм. */
@media (min-width: 901px) and (orientation: landscape) {
  .home-page main > .benefits-section {
    height: calc(100svh - var(--home-block-gap));
    min-height: 0 !important;
    display: flex;
    align-items: stretch;
  }
  .home-page main > .benefits-section > .benefits-section__frame { height: 100%; }
  .home-page main > .responsible-card {
    height: calc(100svh - var(--home-block-gap));
    min-height: 540px;
  }
}

/* Единый ритм первого экрана на десктопе. */
@media (min-width: 901px) and (min-height: 701px) and (orientation: landscape) {
  .home-page .home-hero,
  .home-page.offers-page .offers-page-hero,
  .home-page.variants-page .variants-page-hero,
  .home-page.cities-page .cities-page-hero { height: calc(100svh - 252px); }

  .home-page.city-page .city-page-hero { height: calc(100svh - 301px); }

  .home-page.about-page:not(.legal-page) .about-page-hero,
  .home-page.contacts-page .contacts-page-hero { height: calc(100svh - 182px); }

  .home-page.about-page.legal-page .about-page-hero { height: calc(100svh - 152px); }

  .home-page.thanks-page .about-page-hero,
  .home-page.not-found-page .about-page-hero { height: calc(100svh - 140px); }
}

@media (min-width: 901px) and (min-height: 701px) and (max-height: 800px) and (orientation: landscape) {
  .home-page main > .hero { --hero-pad-y: 32px; }
}

/* Поправка для коротких экранов ноутбуков. */
@media (min-width: 901px) and (max-height: 700px) and (orientation: landscape) {
  .home-page .site-header { padding-top: 10px; }
  .home-page .site-header__inner {
    height: 60px;
    min-height: 60px;
    padding-block: 4px;
  }
  .home-page main > .hero {
    --hero-pad-x: clamp(24px, 2.5vw, 34px);
    --hero-pad-y: 24px;
    min-height: 0;
    margin-top: 12px;
  }
  .home-page .home-hero,
  .home-page.offers-page .offers-page-hero,
  .home-page.variants-page .variants-page-hero,
  .home-page.cities-page .cities-page-hero { height: calc(100svh - 170px); }
  .home-page.city-page .city-page-hero { height: calc(100svh - 219px); }
  .home-page.about-page:not(.legal-page) .about-page-hero,
  .home-page.contacts-page .contacts-page-hero { height: calc(100svh - 154px); }
  .home-page.about-page.legal-page .about-page-hero { height: calc(100svh - 124px); }
  .home-page.thanks-page .about-page-hero,
  .home-page.not-found-page .about-page-hero { height: calc(100svh - 112px); }
  .home-page .home-hero .lead-form,
  .home-page.offers-page .offers-page-hero .lead-form,
  .home-page.variants-page .variants-page-hero .lead-form { padding: 18px 20px; }
  .home-page main > .trust-strip {
    height: 64px;
    min-height: 64px;
    margin-top: 12px;
    padding: 12px 20px;
  }
}

@media (min-width: 901px) and (max-height: 620px) and (orientation: landscape) {
  .home-page main > .hero .hero__ticks { display: none; }
}

@media (min-width: 761px) and (max-width: 900px) {
  .menu-toggle { display: grid; }
  .site-header__cta { display: none; }
  .main-nav { position: fixed; inset: 102px 32px auto; padding: 18px; display: grid; gap: 4px; border: 1px solid var(--line); border-radius: 22px; background: #fff; box-shadow: var(--shadow); transform: translateY(-15px); opacity: 0; visibility: hidden; transition: opacity .2s, transform .2s, visibility .2s; }
  .main-nav.is-open { transform: none; opacity: 1; visibility: visible; }
  .main-nav a { padding: 13px; font-size: 1rem; }
  .responsible-card { --responsible-outer-gap: 18px; --responsible-inner-gap: 22px; min-height: 0; grid-template-columns: 1fr; gap: 30px; }
  .responsible-card::before { border-radius: 26px; }
  .responsible-card__media { min-height: 420px; border-width: 8px; border-radius: 27px; }
  .responsible-card__content { align-items: flex-end; text-align: right; }
  .support-grid { grid-template-columns: 1fr; gap: 16px; }
  .support-card { min-height: 310px; }
  .support-card--telegram { grid-template-columns: minmax(0, 1fr) 190px; }
  .category-brief,
  .faq-editorial { display: block; }
  .category-brief__index,
  .faq-editorial__index { position: static; padding: 0 0 44px; }
  .category-brief__index h2,
  .faq-editorial__index h2 { max-width: none; }
  .category-brief__content,
  .faq-editorial__groups { width: 100%; }
  .site-footer__top { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-footer__brand { grid-column: 1 / -1; }
  .site-footer__top nav:last-child { grid-column: auto; }
  .site-footer__legal-grid,
  .site-footer__requisites { grid-template-columns: 1fr; }
  .site-footer__requisites { gap: 20px; }
  .site-footer__requisites .site-footer__requisite { text-align: left; }
  .site-footer__bottom { align-items: flex-start; flex-direction: column; gap: 8px; }
  .site-footer__bottom p:last-child { white-space: normal; text-align: left; }
}

@media (max-width: 760px) {
  :root { --shell: min(100% - 28px, 1180px); --radius-lg: 28px; }
  .home-page { --home-block-gap: 24px; --home-block-gap-large: 48px; }
  html, body { max-width: 100%; overflow-x: hidden; }
  .site-header { padding: 12px 14px 0; }
  .site-header__inner { min-height: 60px; padding: 7px 8px 7px 14px; }
  .menu-toggle { display: grid; }
  .site-header__cta { display: none; }
  .main-nav { position: fixed; inset: 82px 14px auto; padding: 18px; display: grid; gap: 4px; border: 1px solid var(--line); border-radius: 22px; background: #fff; box-shadow: var(--shadow); transform: translateY(-15px); opacity: 0; visibility: hidden; transition: opacity .2s, transform .2s, visibility .2s; }
  .main-nav.is-open { transform: none; opacity: 1; visibility: visible; }
  .main-nav a { padding: 13px; font-size: 1rem; }
  .hero { height: auto; min-height: 0; padding: 28px; display: block; }
  .hero__copy { width: 100%; height: auto; min-width: 0; display: block; }
  .sitemap-page-hero .hero__copy { display: block; }
  .sitemap-page-hero .hero__lead { margin: 0 0 24px; }
  .hero h1 { margin-bottom: 24px; font-size: clamp(2.45rem, 12vw, 4.5rem); overflow-wrap: anywhere; hyphens: auto; }
  .hero__lead { margin: 0 0 24px; }
  .hero__visual { background-position: 62% 46%; background-size: cover; }
  .hero__form { position: relative; top: auto; left: auto; right: auto; bottom: auto; width: 100%; max-width: 100%; margin-top: 190px; }
  .home-hero { padding: 24px 20px 20px; }
  .home-hero::after { inset: 0 0 auto; height: 650px; background: linear-gradient(180deg, rgba(231,238,231,.99) 0%, rgba(231,238,231,.94) 40%, rgba(231,238,231,.8) 68%, rgba(231,238,231,1) 100%); }
  .home-hero .hero__visual { inset: 0 0 auto; height: 650px; background-position: 61% 48%; }
  .home-hero h1 { margin-bottom: 22px; font-size: clamp(2.3rem, 10.5vw, 3.1rem); line-height: 1; overflow-wrap: normal; hyphens: none; }
  .home-hero .hero__lead { max-width: 100%; margin: 0; color: #3f4b45; font-size: .98rem; line-height: 1.55; }
  .home-hero .hero__form { margin-top: 26px; }
  .home-hero .lead-form { height: auto; padding: 22px 18px; border-radius: 22px; }
  .variants-page-hero .hero__form { display: none; }
  .lead-form { padding: 22px; }
  .lead-form__parameters, .lead-form__contacts { grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: 14px; }
  .lead-form__contacts { margin-top: 16px; }
  .lead-form > *, .lead-form__parameters > *, .lead-form__contacts > *, .range-field { min-width: 0; }
  .range-field input[type='range'] { min-width: 0; }
  .home-hero .hero__ticks { display: none; }
  .home-hero .field input { padding-inline: 12px; font-size: .94rem; }
  .trust-strip { grid-template-columns: 1fr; display: grid; align-items: start; }
  .trust-strip a { white-space: normal; }
  .benefits-section { width: var(--shell); padding-block: 24px; }
  .benefits-section__frame { padding: 12px; gap: 12px; border-radius: 30px; }
  .benefits-section__intro { min-height: 370px; padding: 32px 26px; border-radius: 22px; }
  .benefits-section__intro h2 { font-size: clamp(2.45rem, 12vw, 3.8rem); }
  .benefits-section__lead { max-width: 32em; }
  .benefits-section__meta { margin-top: 50px; }
  .benefits-section__cards .benefit-grid { min-height: 0; grid-template-columns: 1fr; grid-template-rows: none; gap: 12px; }
  .benefit-grid, .offer-grid, .city-list { grid-template-columns: 1fr; }
  .home-page main > .section:not(.responsible-card) { min-height: 0; display: block; }
  .home-page main > .result-flow { padding: 12px !important; border-radius: 30px; }
  .result-flow__header { padding: 28px 18px 18px; display: block; }
  .result-flow__header .eyebrow { margin-bottom: 17px; }
  .result-flow__header h1 { max-width: 100%; margin-bottom: 24px; font-size: clamp(2.4rem, 10.5vw, 3.2rem); }
  .result-flow__header > p:last-child { max-width: 100%; margin: 0; font-size: .96rem; }
  .result-flow.is-ready .result-flow__header .eyebrow { margin-bottom: 14px; }
  .result-flow.is-ready .result-flow__header h1 { margin-bottom: 24px; font-size: clamp(2.4rem, 10.5vw, 3.2rem); }
  .result-flow.is-ready .result-flow__header > p:last-child { font-size: .96rem; line-height: 1.6; }
  .result-analysis { min-height: 0; margin-top: 22px; padding: 30px 26px; border-radius: 22px; }
  .result-analysis__panel { display: grid; grid-template-columns: 1fr; gap: 22px; }
  .result-analysis__status { align-items: flex-start; flex-direction: column; gap: 5px; }
  .result-analysis__status strong b { font-size: clamp(2rem, 8vw, 3rem); }
  .result-analysis__stage { padding-bottom: 0; }
  .result-parameters { width: 100%; }
  .result-parameters div { min-width: 0; flex: 1; }
  .result-analysis__note { max-width: none; justify-self: start; }
  .result-flow:not(.is-ready) .result-flow__header { padding: 22px 18px 12px; }
  .result-flow:not(.is-ready) .result-flow__header .eyebrow { margin-bottom: 2px; }
  .result-flow:not(.is-ready) .result-flow__header h1 { margin-bottom: 16px; font-size: clamp(2.4rem, 10.5vw, 3.2rem); }
  .result-flow:not(.is-ready) .result-flow__header > p:last-child { font-size: .96rem; line-height: 1.6; }
  .result-flow:not(.is-ready) .result-analysis { margin-top: 10px; padding: 22px 20px; background: radial-gradient(circle at 90% 8%, rgba(32,217,121,.18), transparent 38%), #19211d; }
  .result-flow:not(.is-ready) .result-analysis__panel { gap: 14px; }
  .result-flow:not(.is-ready) .result-analysis__status { flex-direction: row; align-items: flex-end; gap: 16px; }
  .result-flow:not(.is-ready) .result-analysis__stage { max-width: 15em; font-size: .75rem; line-height: 1.35; }
  .result-flow:not(.is-ready) .result-analysis__status strong { margin-left: auto; text-align: right; }
  .result-flow:not(.is-ready) .result-analysis__status strong b { font-size: clamp(1.65rem, 7.5vw, 2.4rem); white-space: nowrap; }
  .result-flow:not(.is-ready) .result-parameters { padding: 14px 0; gap: 0; border-top: 1px solid rgba(255,255,255,.14); border-bottom: 1px solid rgba(255,255,255,.14); }
  .result-flow:not(.is-ready) .result-parameters div { padding: 0 13px; border: 0; border-radius: 0; background: transparent; color: #fff; }
  .result-flow:not(.is-ready) .result-parameters div:first-child { padding-left: 0; }
  .result-flow:not(.is-ready) .result-parameters div + div { border-left: 1px solid rgba(255,255,255,.14); }
  .result-flow:not(.is-ready) .result-parameters dt { color: #9baba2; font-size: .65rem; }
  .result-flow:not(.is-ready) .result-parameters dd { margin-top: 4px; font-size: 1rem; font-weight: 680; }
  .result-flow:not(.is-ready) .result-analysis__note { font-size: .76rem; line-height: 1.5; }
  .result-ready { margin-top: 22px; }
  .result-ready__bar { padding: 20px; align-items: stretch; flex-direction: column; gap: 18px; }
  .result-ready__bar .result-parameters { width: 100%; }
  .result-ready__bar .result-parameters div { min-width: 0; padding: 0 16px 0 0; }
  .result-ready__bar .result-parameters div + div { padding-right: 0; padding-left: 16px; }
  .result-ready__bar .button { width: 100%; min-width: 0; align-self: stretch; }
  .result-offer-row { min-height: 0; padding: 20px; grid-template-columns: 1fr; gap: 18px; border-radius: 22px; }
  .result-offer-row__facts { width: 100%; height: auto; min-height: 0; grid-template-columns: 1fr 1fr; }
  .result-offer-row__facts div { min-height: 64px; padding: 11px 13px; }
  .result-offer-row__facts div:nth-child(3) { min-height: 62px; grid-column: 1 / -1; }
  .result-offer-row__action { grid-column: auto; display: block; text-align: center; }
  .result-offer-row__action p { margin-top: 7px; }
  .benefit-card { min-height: 220px; padding: 26px; border-radius: 22px; }
  .offers-grid-section__header { grid-template-columns: 1fr; gap: 24px; align-items: start; }
  .offers-grid-section__header h2,
  .offers-grid-section__actions { grid-column: 1; }
  .offers-grid-section__actions { width: 100%; justify-content: flex-end; flex-wrap: wrap; }
  .offers-grid-section .offer-carousel { grid-template-columns: none; grid-auto-columns: min(88%, 380px); }
  :is(.offers-grid-section, .product-feed) .offer-card { min-height: 0; }
  .offer-card__top { grid-template-columns: 72px minmax(0, 1fr); }
  .offer-card__top .status-badge { grid-column: 1 / -1; }
  .responsible-card { --responsible-outer-gap: 14px; --responsible-inner-gap: 18px; width: var(--shell); min-height: 0; margin-block: 32px; grid-template-columns: 1fr; gap: 28px; }
  .responsible-card::before { border-radius: 24px; }
  .responsible-card::after { width: 380px; height: 440px; right: -170px; bottom: -290px; }
  .responsible-card__media { min-height: 340px; border-width: 7px; border-radius: 24px; }
  .responsible-card__content { align-items: flex-end; text-align: right; }
  .responsible-card h2 { font-size: clamp(2.25rem, 10vw, 3.5rem); }
  .support-section { margin-block: 64px; }
  .support-grid { grid-template-columns: 1fr; gap: 14px; }
  .support-card { min-height: 290px; padding: 30px 26px; border-radius: 26px; }
  .support-card--telegram { grid-template-columns: minmax(0, 1fr) 150px; }
  .support-card--contact > img { right: -2%; }
  .offers-page-hero { height: auto; }
  .offers-page-hero::after { background: linear-gradient(180deg, rgba(231,238,231,.98) 0%, rgba(231,238,231,.9) 25%, rgba(231,238,231,.12) 48%, rgba(231,238,231,.32) 60%, rgba(231,238,231,.9) 100%); }
  .offers-page-hero .hero__visual { background-position: 56% 34%; background-size: auto 47%; background-repeat: no-repeat; }
  .offers-page-hero h1 { max-width: 100%; font-size: clamp(2.55rem, 10vw, 3.2rem); }
  .offers-page-hero .hero__ticks { flex-wrap: wrap; }
  .about-page-hero { height: auto; min-height: clamp(680px, 150vw, 820px); }
  .about-page-hero::after { background: linear-gradient(180deg, rgba(231,238,231,.99) 0%, rgba(231,238,231,.97) 40%, rgba(231,238,231,.3) 64%, rgba(231,238,231,.08) 100%); }
  .about-page-hero .hero__visual { background-position: 64% 100%; background-size: auto 58%; background-repeat: no-repeat; }
  .about-page-hero h1 { max-width: 9.3ch; font-size: clamp(2.55rem, 10vw, 3.2rem); }
  .about-page-hero .hero__lead { max-width: 100%; }
  .about-page-hero .hero__ticks { flex-wrap: wrap; }
  .editorial-hero__actions { margin-top: 20px; }
  .city-page-hero h1 { max-width: 100%; font-size: clamp(2.45rem, 9.5vw, 3.05rem); }
  .category-brief { display: block; }
  .category-brief__index { position: static; padding: 0 0 34px; }
  .category-brief__index h2 { max-width: none; }
  .category-brief__content { display: grid; gap: 12px; }
  .category-brief__content article { padding: 28px 24px; border-radius: 24px; }
  .category-brief__content article header { grid-template-columns: 34px 1fr; gap: 10px; }
  .category-brief__content article h2 { font-size: clamp(1.9rem, 8vw, 2.55rem); }
  .category-brief__content article ul { grid-template-columns: 1fr; }
  .city-directory > header { display: block; }
  .city-directory > header > p { margin-top: 18px; }
  .city-card { min-height: 300px; border-radius: 24px; }
  .city-principles { padding: 32px 26px !important; border-radius: 28px; }
  .city-principles__list article { min-height: 0; grid-template-columns: 34px 1fr; }
  .city-principles__list article p { grid-column: 2; }
  .city-local-intro > header { display: block; }
  .city-fact-grid { grid-template-columns: 1fr; gap: 12px; }
  .city-fact-grid article { min-height: 230px; }
  .thanks-details { padding: 30px 25px !important; grid-template-columns: 1fr; border-radius: 26px; }
  .editorial-page .about-page-hero .hero__visual { background-position: 66% center; background-size: cover; background-repeat: no-repeat; }
  .legal-page .about-page-hero h1 { max-width: none; font-size: clamp(1.45rem, 7.6vw, 2rem); letter-spacing: -.055em; overflow-wrap: normal; hyphens: none; word-break: normal; }
  .legal-page .about-page-hero .hero__lead { font-size: .88rem; }
  .about-story__body { width: 100%; display: block; }
  .about-story__body > h2 { margin-top: 56px; font-size: clamp(2rem, 9vw, 2.8rem); }
  .about-story__body > h2:first-child { margin-top: 0; }
  .about-story__body > p { font-size: .98rem; line-height: 1.72; }
  .editorial-link-list { margin-top: 14px; }
  .editorial-link-list a { min-height: 0; padding: 18px 0; gap: 18px; }
  .editorial-link-list a > span { display: block; }
  .editorial-link-list b { display: block; margin-bottom: 7px; font-size: 1.12rem; }
  .editorial-link-list small { display: block; font-size: .84rem; }
  .faq-editorial { display: block; }
  .faq-editorial__index { position: static; padding: 0 0 52px; }
  .faq-editorial__index h2 { max-width: none; margin-bottom: 24px; font-size: clamp(2rem, 9vw, 2.8rem); }
  .faq-editorial__index nav { margin-bottom: 24px; }
  .faq-editorial__group { padding-bottom: 58px; }
  .faq-editorial__group > header { grid-template-columns: 34px 1fr; gap: 10px; }
  .faq-editorial__group > header h2 { font-size: clamp(1.9rem, 8vw, 2.5rem); }
  .faq-editorial__list summary { min-height: 70px; padding-block: 18px; gap: 18px; }
  .faq-editorial__list summary i { flex-basis: 26px; width: 26px; height: 26px; }
  .faq-editorial__list details > div { padding: 0 38px 20px 0; }
  .legal-page .about-story__body > p { font-size: 1.02rem; line-height: 1.78; }
  .legal-page .about-story__body > h2 { margin-top: 62px; font-size: clamp(2.05rem, 9vw, 2.85rem); }
  .service-editorial-page .about-story__body > p { font-size: 1.02rem; line-height: 1.78; }
  .service-editorial-page .about-story__body > h2 { margin-top: 62px; font-size: clamp(2.05rem, 9vw, 2.85rem); }
  .service-editorial-page .about-story__body > h2:first-child { margin-top: 0; }
  .home-page.about-page.legal-page main > .section.about-story { margin-top: 32px; }
  .legal-page .editorial-document__meta { padding-bottom: 10px; }
  .legal-page .about-story__body > .editorial-document__meta + h2 { margin-top: 32px; }
  .legal-list li { font-size: 1rem; }
  .legal-table-wrap { margin-inline: 0; border-radius: 18px; }
  .catalog-filter-panel { padding: 28px 24px; border-radius: 26px; }
  .catalog-filter-panel__ranges { grid-template-columns: 1fr; gap: 26px; }
  .catalog-results-bar { padding: 9px 10px 9px 18px; }
  .catalog-results-bar label { min-width: 0; }
  .catalog-results-bar label > span { display: none; }
  .catalog-offer-grid { grid-template-columns: 1fr; }
  .catalog-offer-grid .offer-card { min-height: 0; }
  .variants-page-hero { height: auto; }
  .variants-page-hero h1 { max-width: 100%; font-size: clamp(2.55rem, 10vw, 3.2rem); }
  .variants-page-hero .hero__ticks { flex-wrap: wrap; }
  .variants-catalog__intro h2 { max-width: 7em; }
  .variants-catalog__groups { gap: 12px; }
  .variants-group { padding: 26px; grid-template-columns: 1fr; gap: 28px; border-radius: 22px; }
  .variants-group > header p { margin-bottom: 10px; }
  .variants-group > header h3 { max-width: none; }
  .variants-group__links { grid-template-columns: 1fr; }
  .variants-group__links a { min-height: 126px; padding: 22px 32px 22px 0; border-top: 1px solid rgba(28,33,31,.14); border-left: 0; }
  .variants-group__links a > span { max-width: 18ch; font-size: 1.08rem; }
  .variants-group__links a p { margin: 0; padding-top: 14px; font-size: .76rem; }
  .variants-group__links svg { top: 22px; right: 0; }
  .site-footer__top { grid-template-columns: 1fr 1fr; }
  .site-footer__brand { grid-column: 1 / -1; }
  .site-footer__top nav:last-child { grid-column: auto; }
  .site-footer__legal-grid { grid-template-columns: 1fr; }
  .site-footer__requisites { grid-template-columns: 1fr; gap: 20px; }
  .site-footer__requisites .site-footer__requisite { text-align: left; }
  .site-footer__bottom { align-items: flex-start; flex-direction: column; gap: 8px; }
  .site-footer__bottom p:last-child { white-space: normal; text-align: left; }
}

@media (max-width: 520px) {
  .support-card--telegram { grid-template-columns: 1fr; }
  .support-qr-frame { width: min(210px, 62vw); margin-top: 4px; padding: 0; justify-self: center; }
  .site-footer__top { grid-template-columns: 1fr; }
  .site-footer__brand, .site-footer__top nav:last-child { grid-column: auto; }
}

@media (max-width: 399px) {
  .brand-logo__mark { width: 42px; height: 42px; flex-basis: 42px; }
  .brand-logo__name { font-size: 1.14rem; }
  .brand-logo__accent { margin-top: 4px; font-size: .54rem; }
  .hero { min-height: 0; }
  .hero__ticks { display: none; }
  .offer-card__facts { grid-template-columns: 1fr; }
  .result-offer-row__facts { padding: 7px; grid-template-columns: 1fr; }
  .result-offer-row__facts div { min-height: 58px; padding: 10px 12px; }
  .result-offer-row__facts div:nth-child(3) { grid-column: auto; }
  .support-card--telegram { grid-template-columns: 1fr; }
  .support-card--contact .support-card__copy { width: 68%; }
  .support-card--contact > img { width: 47%; right: -9%; }
  .support-qr-frame { width: min(210px, 62vw); }
  .site-footer__top { grid-template-columns: 1fr; }
  .site-footer__brand, .site-footer__top nav:last-child { grid-column: auto; }
  .site-footer { width: 100%; padding-top: 46px; border-radius: 28px 28px 0 0; }
  .site-footer__inner { width: calc(100vw - 28px); }
  .site-footer__warning { padding: 22px; align-items: start; }
  .site-footer__age { width: 44px; height: 44px; }
  .site-footer__disclosure { padding: 23px; }
}

/* На телефонах используем портретные кадры. */
@media (max-width: 760px) {
  .hero__visual {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .home-hero .hero__visual { background-image: url('../images/hero-home-mobile-perf1.webp'); }
  .offers-page-hero .hero__visual { background-image: url('../images/hero-offers-mobile-v1.jpg'); }
  .variants-page-hero .hero__visual { background-image: url('../images/hero-variants-mobile-v1.jpg'); }
  .how-it-works-page-hero .hero__visual { background-image: url('../images/hero-how-it-works-mobile-v1.jpg'); }
  .methodology-page-hero .hero__visual { background-image: url('../images/hero-methodology-mobile-v1.jpg'); }
  .responsible-page-hero .hero__visual { background-image: url('../images/hero-responsible-mobile-v1.jpg'); }
  .faq-page-hero .hero__visual { background-image: url('../images/hero-faq-mobile-v1.jpg'); }
  .about-service-page-hero .hero__visual { background-image: url('../images/hero-about-mobile-v1.jpg'); }
  .contacts-page-hero .hero__visual { background-image: url('../images/hero-contacts-mobile-v1.jpg'); }

  .cities-page-hero .hero__visual { background-image: url('../images/hero-cities-mobile-v1.jpg'); }
  .city-page-hero--moskva .hero__visual { background-image: url('../images/hero-city-moscow-mobile-v1.jpg'); }
  .city-page-hero--sankt-peterburg .hero__visual { background-image: url('../images/hero-city-spb-mobile-v1.jpg'); }
  .city-page-hero--kazan .hero__visual { background-image: url('../images/hero-city-kazan-mobile-v1.jpg'); }

  .category-page-hero--na-kartu .hero__visual { background-image: url('../images/hero-category-card-mobile-v1.jpg'); }
  .category-page-hero--srochno .hero__visual { background-image: url('../images/hero-category-urgent-mobile-v1.jpg'); }
  .category-page-hero--kruglosutochno .hero__visual { background-image: url('../images/hero-category-night-mobile-v1.jpg'); }
  .category-page-hero--dlya-novyh-klientov .hero__visual { background-image: url('../images/hero-category-new-client-mobile-v1.jpg'); }
  .category-page-hero--bez-procentov .hero__visual { background-image: url('../images/hero-category-zero-mobile-v1.jpg'); }
  .category-page-hero--s-plohoy-kreditnoy-istoriey .hero__visual { background-image: url('../images/hero-category-credit-history-mobile-v1.jpg'); }
  .category-page-hero--do-zarplaty .hero__visual { background-image: url('../images/hero-category-payday-mobile-v1.jpg'); }
  .category-page-hero--na-dlitelnyy-srok .hero__visual { background-image: url('../images/hero-category-long-term-mobile-v1.jpg'); }
  .category-page-hero--bez-spravok .hero__visual { background-image: url('../images/hero-category-no-docs-mobile-v1.jpg'); }

  .legal-documents-page-hero .hero__visual { background-image: url('../images/hero-legal-documents-mobile-v1.jpg'); }
  .privacy-page-hero .hero__visual { background-image: url('../images/hero-privacy-mobile-v1.jpg'); }
  .personal-data-page-hero .hero__visual { background-image: url('../images/hero-personal-data-mobile-v1.jpg'); }
  .user-agreement-page-hero .hero__visual { background-image: url('../images/hero-user-agreement-mobile-v1.jpg'); }
  .cookies-page-hero .hero__visual { background-image: url('../images/hero-cookies-mobile-v1.jpg'); }
  .data-request-page-hero .hero__visual { background-image: url('../images/hero-data-request-mobile-v1.jpg'); }
  .personal-data-consent-page-hero .hero__visual { background-image: url('../images/hero-consent-mobile-v1.jpg'); }
  .marketing-consent-page-hero .hero__visual { background-image: url('../images/hero-marketing-mobile-v1.jpg'); }
  .affiliate-disclosure-page-hero .hero__visual { background-image: url('../images/hero-affiliate-mobile-v1.jpg'); }

  .sitemap-page-hero .hero__visual { background-image: url('../images/hero-sitemap-mobile-v1.jpg'); }
  .not-found-page-hero .hero__visual { background-image: url('../images/hero-not-found-mobile-v1.jpg'); }
  .thanks-page-hero .hero__visual { background-image: url('../images/hero-thanks-mobile-v1.jpg'); }

  .offers-page-hero .hero__visual,
  .about-page-hero .hero__visual,
  .editorial-page .about-page-hero .hero__visual {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .responsible-card__media img { object-position: center center; }
}

/* На тач-экранах разводим навигацию и действие по краям. */
@media (max-width: 900px) {
  .offers-grid-section__header {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    align-items: start;
  }
  .offers-grid-section__header h2,
  .offers-grid-section__actions { grid-column: 1; }
  .offers-grid-section__actions {
    width: 100%;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  .offers-grid-section__actions .button {
    width: clamp(200px, 28vw, 220px);
    flex: 0 0 clamp(200px, 28vw, 220px);
  }
}

@media (max-width: 760px) {
  .offers-grid-section__actions .button {
    width: clamp(182px, 52vw, 214px);
    flex-basis: clamp(182px, 52vw, 214px);
    min-height: 46px;
    padding-inline: 20px;
    font-size: .9rem;
  }
}

@media (max-width: 340px) {
  .offers-grid-section__actions .offers-carousel__arrow {
    width: 45px;
    height: 45px;
  }
}

/* Финальные правила адаптива имеют приоритет над ранними уточнениями. */
.hero {
  height: auto !important;
  min-height: clamp(560px, 43vw, 690px) !important;
}
.hero__copy {
  height: auto;
  justify-content: center;
}
.hero h1 { margin: 0; }
.hero__lead {
  max-width: 560px;
  margin: clamp(22px, 2.2vw, 32px) 0 0;
  line-height: 1.58;
}
.hero__ticks { margin-top: clamp(24px, 2.4vw, 34px); }
.sitemap-page-hero .hero__copy { display: flex; align-items: flex-start; }
.sitemap-page-hero .hero__lead { margin-top: clamp(22px, 2.2vw, 32px); }
.sitemap-page-hero .hero__ticks { align-self: auto; }
.home-hero::after {
  background: linear-gradient(90deg, rgba(231,238,231,1) 0%, rgba(231,238,231,.97) 36%, rgba(231,238,231,.82) 51%, rgba(231,238,231,.22) 69%, rgba(231,238,231,0) 100%);
}
.home-hero .hero__lead { max-width: 535px; color: #34413a; }
.offers-page-hero::after {
  background: linear-gradient(90deg, #e7eee7 0%, rgba(231,238,231,.995) 42%, rgba(231,238,231,.92) 55%, rgba(231,238,231,.58) 67%, rgba(231,238,231,.12) 80%, rgba(231,238,231,0) 90%);
}
.offers-page-hero .hero__lead { color: #303c36; }

.home-page main > .benefits-section,
.home-page main > .responsible-card {
  height: auto !important;
  min-height: 0 !important;
}
.home-page main > .benefits-section { display: block !important; }
.home-page main > .benefits-section > .benefits-section__frame {
  height: auto !important;
  min-height: 0;
}
.benefits-section__intro { min-height: 0; }
.benefit-grid { min-height: 560px; }
.variants-catalog__frame { min-height: 0; }
.variants-catalog__groups { grid-template-rows: none; }
.variants-group { min-height: 226px; }

.about-story__body {
  max-width: 1120px;
  margin-inline: auto;
}
.about-story__body > h2,
.legal-page .about-story__body > h2,
.service-editorial-page .about-story__body > h2 {
  margin-top: clamp(36px, 3.2vw, 46px);
  margin-bottom: 16px;
}
.about-story__body > p,
.legal-page .about-story__body > p,
.service-editorial-page .about-story__body > p {
  max-width: 960px;
  margin-bottom: 12px;
  font-size: clamp(1rem, 1.08vw, 1.12rem);
  line-height: 1.68;
}
.about-story__body > h2:first-child,
.legal-page .about-story__body > h2:first-child,
.service-editorial-page .about-story__body > h2:first-child { margin-top: 0; }
.editorial-link-list a { min-height: 82px; padding-block: 16px; }
.editorial-link-list a > span { grid-template-columns: minmax(210px, .55fr) minmax(280px, 1.45fr); }

.faq-list { gap: 12px; }
.faq-item {
  padding: 24px 26px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #fff;
}
.faq-item h3 { margin: 0 0 10px; font-size: clamp(1.05rem, 1.35vw, 1.25rem); }
.faq-item p { margin: 0; color: var(--muted); line-height: 1.65; }
.faq-editorial__group { padding-bottom: clamp(44px, 5vw, 64px); }
.faq-editorial__list {
  display: grid;
  gap: 10px;
  border-top: 0;
}
.faq-editorial__item {
  padding: 22px 24px;
  border: 1px solid #d5ddd7;
  border-radius: 20px;
  background: rgba(255,255,255,.72);
}
.faq-editorial__item h3 {
  margin: 0 0 9px;
  font-size: clamp(1rem, 1.22vw, 1.16rem);
  line-height: 1.35;
  letter-spacing: -.02em;
}
.faq-editorial__item p {
  max-width: 790px;
  margin: 0;
  color: #56615b;
  font-size: .96rem;
  line-height: 1.65;
}

.offer-card__top { grid-template-columns: 72px minmax(0, 1fr); }
.offer-card__identity { min-width: 0; }
.offer-card__title-row {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
}
.offer-card__title-row h3 { min-width: 0; overflow-wrap: anywhere; }
.offer-card__title-row .status-badge {
  flex: 0 0 auto;
  padding: 4px 7px;
  font-size: .58rem;
}
.offer-card__top > .status-badge { grid-column: auto; }

.catalog-filter-panel {
  padding: 30px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 30px;
  background: radial-gradient(circle at 100% 0, rgba(32,217,121,.16), transparent 34%), #19211d;
  box-shadow: 0 24px 60px rgba(20,35,26,.13);
  color: #fff;
}
.catalog-filter-panel__header { padding-bottom: 24px; border-color: rgba(255,255,255,.14); }
.catalog-filter-panel__header > div > p {
  margin: 0 0 7px;
  color: var(--green);
  font-size: .66rem;
  font-weight: 760;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.catalog-filter-panel__header h3 { color: #fff; font-size: 1.65rem; }
.catalog-filter-panel__header button {
  padding: 7px 11px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  color: #d5ded9;
}
.catalog-filter-panel__header button::after { display: none; }
.catalog-filter-panel__header button:hover { border-color: var(--green); color: #fff; }
.catalog-filter-panel__ranges { padding-top: 24px; gap: 22px; }
.catalog-filter-range > span,
.catalog-filter-range > span b { color: #fff; }
.catalog-filter-range output { color: var(--green); }
.catalog-filter-range small { color: #9eaaa3; }
.catalog-filter-range input[type='range'] { background: linear-gradient(to right, var(--green) 0 var(--range-progress, 50%), #3b4741 var(--range-progress, 50%) 100%) center / 100% 6px no-repeat; }
.catalog-filter-select,
.catalog-filter-check { border-color: rgba(255,255,255,.14); }
.catalog-filter-select > span,
.catalog-filter-check b { color: #fff; }
.catalog-filter-select select {
  border-color: #445149;
  background-color: #242e29;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  color: #fff;
}
.catalog-filter-select select:hover { border-color: #718078; }
.catalog-filter-check > span[aria-hidden] { border-color: #748078; background: #242e29; }
.catalog-filter-check small,
.catalog-filter-panel__note { color: #aeb9b3; }
.catalog-filter-panel__note { margin-top: 22px; padding-top: 18px; border-color: rgba(255,255,255,.14); }

.support-qr-frame { align-self: center; justify-self: center; margin-inline: auto; }

.site-footer__top { grid-template-columns: minmax(240px, 1.15fr) repeat(4, minmax(145px, 1fr)); gap: clamp(24px, 3vw, 48px); }
.site-footer nav a { line-height: 1.38; }

@media (max-width: 1100px) {
  .site-header { z-index: 300; }
  .site-header__inner { position: relative; z-index: 302; }
  .site-header .brand-logo,
  .site-header .menu-toggle { position: relative; z-index: 304; }
  .menu-toggle { display: grid; }
  .site-header__cta { display: none; }
  .main-nav {
    counter-reset: mobile-nav;
    position: fixed;
    z-index: 301;
    inset: 0;
    min-height: 100dvh;
    margin: 0;
    padding: clamp(116px, 18vh, 170px) clamp(28px, 8vw, 90px) 40px;
    display: grid;
    align-content: center;
    gap: 0;
    overflow-y: auto;
    border: 0;
    border-radius: 0;
    background: radial-gradient(circle at 100% 0, rgba(32,217,121,.2), transparent 35%), #111714;
    box-shadow: none;
    transform: translateY(-16px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .28s ease, transform .4s cubic-bezier(.23,1,.32,1), visibility 0s linear .4s;
  }
  .main-nav.is-open { transform: none; opacity: 1; visibility: visible; pointer-events: auto; transition-delay: 0s; }
  .main-nav a {
    counter-increment: mobile-nav;
    position: relative;
    min-height: 82px;
    padding: 20px 52px 20px 48px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.15);
    color: #fff;
    font-size: clamp(1.65rem, 5vw, 3.2rem);
    font-weight: 660;
    letter-spacing: -.045em;
    white-space: normal;
  }
  .main-nav a:hover,
  .main-nav a:focus-visible { color: var(--green); }
  .main-nav a:first-child { border-top: 1px solid rgba(255,255,255,.15); }
  .main-nav a::before {
    content: '0' counter(mobile-nav);
    position: absolute;
    left: 2px;
    color: #718078;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .08em;
  }
  .main-nav a::after {
    content: '↗';
    position: absolute;
    right: 4px;
    bottom: auto;
    left: auto;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 50%;
    background: rgba(255,255,255,.05);
    color: var(--green);
    font-size: .95rem;
    transform: none;
  }
  body.menu-open .site-header__inner { background: transparent; border-color: transparent; box-shadow: none; backdrop-filter: none; }
  body.menu-open .site-header .brand-logo { color: #fff; }
  body.menu-open .site-header .brand-logo__mark img { filter: brightness(0) invert(1); }
  body.menu-open .menu-toggle { background: transparent; color: #fff; }
  body.menu-open .menu-toggle::before { background: rgba(32,217,121,.14); }
  body.menu-open .menu-toggle:focus-visible { outline-color: var(--green); }

  .hero { min-height: 0 !important; }
  .benefit-grid { min-height: 0; }
  .site-footer__top { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-footer__brand { grid-column: 1 / -1; }
  .site-footer__top nav:last-child { grid-column: auto; }
}

@media (min-width: 761px) and (max-width: 1100px) {
  .home-hero,
  .offers-page-hero,
  .variants-page-hero {
    padding: 34px;
    display: block;
  }
  .home-hero::after,
  .offers-page-hero::after,
  .variants-page-hero::after {
    inset: 0 0 auto;
    height: 520px;
    background: linear-gradient(180deg, rgba(231,238,231,1) 0%, rgba(231,238,231,.97) 55%, rgba(231,238,231,.86) 78%, rgba(231,238,231,1) 100%);
  }
  .home-hero .hero__visual,
  .offers-page-hero .hero__visual,
  .variants-page-hero .hero__visual { inset: 0 0 auto; height: 520px; }
  .home-hero .hero__copy,
  .offers-page-hero .hero__copy,
  .variants-page-hero .hero__copy { max-width: 690px; display: block; }
  .home-hero h1,
  .offers-page-hero h1,
  .variants-page-hero h1 { max-width: 690px; font-size: clamp(2.75rem, 6vw, 3.65rem); }
  .home-hero .hero__lead,
  .offers-page-hero .hero__lead,
  .variants-page-hero .hero__lead { margin-top: 22px; }
  .home-hero .hero__ticks,
  .offers-page-hero .hero__ticks,
  .variants-page-hero .hero__ticks { margin-top: 22px; }
  .home-hero .hero__form,
  .offers-page-hero .hero__form,
  .variants-page-hero .hero__form {
    position: relative;
    inset: auto;
    width: 100%;
    max-width: none;
    height: auto;
    margin-top: 26px;
  }
  .home-hero .hero__form .lead-form,
  .offers-page-hero .hero__form .lead-form,
  .variants-page-hero .hero__form .lead-form { height: auto; }
  .variants-page-hero .hero__form { display: block; }
  .catalog-filter-panel__ranges { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .site-header__inner { min-height: 58px; }
  .main-nav { inset: 0; padding: 104px 24px 30px; }
  .main-nav a { min-height: 72px; padding-left: 40px; font-size: clamp(1.55rem, 8vw, 2.25rem); }

  .hero {
    padding: 26px 20px 22px;
    border-radius: 26px;
  }
  .hero h1 { font-size: clamp(2.2rem, 10.2vw, 3rem); line-height: 1.01; }
  .hero__lead { margin-top: 18px; font-size: .96rem; line-height: 1.55; }
  .hero__ticks { margin-top: 20px; gap: 7px; }
  .hero__ticks li { min-height: 36px; padding: 7px 11px; font-size: .68rem; }
  .about-page-hero {
    min-height: 590px !important;
    display: flex;
    align-items: flex-start;
  }
  .about-page-hero .hero__copy { display: block; }
  .about-page-hero::after { background: linear-gradient(180deg, rgba(231,238,231,1) 0%, rgba(231,238,231,.97) 48%, rgba(231,238,231,.7) 72%, rgba(231,238,231,.18) 100%); }
  .about-page-hero .hero__visual,
  .editorial-page .about-page-hero .hero__visual { background-position: center bottom; }
  .contacts-page-hero {
    min-height: 640px !important;
    display: block;
  }
  .contacts-page-hero::after {
    background: linear-gradient(180deg, rgba(231,238,231,1) 0%, rgba(231,238,231,.98) 54%, rgba(231,238,231,.72) 72%, rgba(231,238,231,.08) 100%);
  }
  .contacts-page-hero .hero__visual {
    background-position: right bottom;
    background-size: auto 60%;
    background-repeat: no-repeat;
  }
  .contacts-page-hero .hero__lead { max-width: 100%; color: #35413b; }

  .home-hero,
  .offers-page-hero,
  .variants-page-hero { padding: 22px 18px 18px; }
  .home-hero::after,
  .offers-page-hero::after,
  .variants-page-hero::after { height: 430px; }
  .home-hero .hero__visual,
  .offers-page-hero .hero__visual,
  .variants-page-hero .hero__visual { height: 430px; }
  .home-hero h1,
  .offers-page-hero h1,
  .variants-page-hero h1 { font-size: clamp(2.05rem, 9.7vw, 2.72rem); }
  .home-hero .hero__lead,
  .offers-page-hero .hero__lead,
  .variants-page-hero .hero__lead,
  .home-hero .hero__ticks,
  .offers-page-hero .hero__ticks,
  .variants-page-hero .hero__ticks { display: none; }
  .home-hero .hero__form,
  .offers-page-hero .hero__form,
  .variants-page-hero .hero__form { margin-top: 18px; }
  .variants-page-hero .hero__form { display: block; }
  .home-hero .lead-form,
  .offers-page-hero .lead-form,
  .variants-page-hero .lead-form { padding: 20px 17px; }
  .lead-form__parameters,
  .lead-form__contacts { grid-template-columns: 1fr; gap: 12px; }
  .lead-form__contacts { margin-top: 13px; }
  .lead-form__consents { margin: 13px 0; gap: 8px; }
  .lead-form .button { min-height: 48px; }
  .form-note { margin-top: 9px; }

  .about-story__body > h2,
  .legal-page .about-story__body > h2,
  .service-editorial-page .about-story__body > h2 { margin-top: 36px; margin-bottom: 13px; }
  .about-story__body > p,
  .legal-page .about-story__body > p,
  .service-editorial-page .about-story__body > p { margin-bottom: 10px; font-size: .98rem; line-height: 1.65; }
  .editorial-link-list a { padding: 16px 0; }
  .faq-editorial__item { padding: 20px; }
  .faq-editorial__item p { font-size: .92rem; }

  .catalog-filter-panel { padding: 24px 20px; border-radius: 26px; }
  .catalog-filter-panel__header { align-items: flex-start; }
  .catalog-filter-panel__header h3 { font-size: 1.45rem; }
  .catalog-filter-panel__ranges { grid-template-columns: 1fr; }
  .catalog-filter-select,
  .catalog-filter-check { margin-top: 20px; padding-top: 20px; }
  .catalog-results-bar { align-items: stretch; flex-direction: column; }
  .catalog-results-bar label { width: 100%; min-width: 0; }
  .catalog-results-bar label > span { display: block; }

  .variants-group { min-height: 0; }
  .variants-group__links a { min-height: 0; }
  .support-qr-frame { justify-self: center; }
  .site-footer__top { grid-template-columns: 1fr; }
  .site-footer__brand,
  .site-footer__top nav:last-child { grid-column: auto; }
}

@media (max-width: 399px) {
  .hero h1 { font-size: clamp(1.95rem, 10vw, 2.45rem); }
  .about-page-hero { min-height: 0 !important; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

@media print {
  .site-header, .site-footer, .button, .lead-form, .toast-region { display: none !important; }
  body { background: white; color: black; }
}

.editorial-article { max-width: 920px; margin-inline: auto; }
.article-heading { max-width: 760px; }
.article-lead { font-size: clamp(1.1rem, 2.5vw, 1.4rem); line-height: 1.6; }
.article-byline { color: #53615a; }
.article-hero-image img { display: block; max-width: 100%; height: auto; border-radius: 16px; }
.article-body { display: block; width: 100%; max-width: 760px; min-width: 0; overflow-wrap: anywhere; }
.article-body img { max-width: 100%; height: auto; }
.article-body h2, .article-body h3 { scroll-margin-top: 2rem; }
/* Identical typography in published articles and editable preview wrappers. */
.article-body > p, .article-body > [data-editor-block-id] > p,
.article-body > .legal-list, .article-body > [data-editor-block-id] > .legal-list {
  max-width: none; margin: 0 0 20px; font-size: 18px; line-height: 1.75;
}
.article-body > h2, .article-body > [data-editor-block-id] > h2 {
  max-width: none; margin: 44px 0 20px; font-size: 32px; line-height: 1.25; letter-spacing: -.03em;
}
.article-body > h3, .article-body > [data-editor-block-id] > h3 {
  max-width: none; margin: 32px 0 16px; font-size: 24px; line-height: 1.35; letter-spacing: -.02em;
}
.article-body > h2:first-child, .article-body > h3:first-child,
.article-body > [data-editor-block-id]:first-child > h2,
.article-body > [data-editor-block-id]:first-child > h3 { margin-top: 0; }
.article-body > .legal-list li, .article-body > [data-editor-block-id] > .legal-list li { margin-block: 8px; }
@media (max-width: 760px) {
  .article-body > p, .article-body > [data-editor-block-id] > p,
  .article-body > .legal-list, .article-body > [data-editor-block-id] > .legal-list { font-size: 16px; line-height: 1.75; margin-bottom: 18px; }
  .article-body > h2, .article-body > [data-editor-block-id] > h2 { font-size: 26px; margin: 32px 0 16px; }
  .article-body > h3, .article-body > [data-editor-block-id] > h3 { font-size: 22px; margin: 26px 0 14px; }
}
.article-notice, .article-fact, .article-referral-card { padding: clamp(1rem, 3vw, 2rem); margin-block: 1.5rem; border: 1px solid #bdd6c8; border-radius: 16px; background: #f4faf6; }
.article-referral-card dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 1rem; }
.article-referral-card dt { color: #53615a; }
.article-referral-card dd { margin: .3rem 0 0; font-weight: 700; }
.article-referral-card--compact { padding: 1rem 1.25rem; }
.article-referral-card--compact dl { grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: .5rem; }
.article-referral-card--comparison { border-color: #8cae9a; background: #eaf5ed; box-shadow: 0 12px 32px rgba(12, 59, 31, .08); }
.article-referral-disclosure { font-size: .85rem; color: #53615a; }
.article-body a.button--dark { color: #fff; }
.article-body a.button--dark:hover { color: var(--ink); }
.article-table-scroll { max-width: 100%; overflow-x: auto; }
.article-table-scroll table { width: 100%; min-width: 520px; border-collapse: collapse; }
.article-table-scroll th, .article-table-scroll td { padding: .7rem; border: 1px solid #bdd6c8; text-align: left; }
.article-faq details { padding: .8rem 0; border-bottom: 1px solid #bdd6c8; }
.article-faq summary { cursor: pointer; font-weight: 700; }
.article-index-list { display: grid; gap: 1.5rem; }
.layout-page-hero{padding-block:clamp(3rem,7vw,6rem);}
.layout-page-hero h1{max-width:14ch;margin:.7rem 0;font-size:clamp(2.5rem,6vw,5.5rem);line-height:1.05;}
.layout-page-hero>p:last-child{max-width:65ch;font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.65;}
.layout-section{padding-inline:1rem;}
.layout-section--small{padding-block:2rem;}
.layout-section--medium{padding-block:4rem;}
.layout-section--large{padding-block:6rem;}
.layout-section--paper{background:#fff;}
.layout-section--soft{background:#f3f8f4;}
.layout-section--dark{background:#19352a;color:#fff;}
.layout-section--accent{background:#dff8e8;}
.layout-section__inner{width:100%;margin-inline:auto;}
.layout-section__inner--narrow{max-width:48rem;}
.layout-section__inner--normal{max-width:72rem;}
.layout-section__inner--wide{max-width:88rem;}
.layout-section__inner>*+*{margin-top:1.2rem;}
.layout-section__inner h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.15;}
.layout-section__inner h3{font-size:clamp(1.35rem,2vw,2rem);line-height:1.2;}
.layout-section__inner p{max-width:70ch;line-height:1.7;}
.layout-section__inner img{display:block;max-width:100%;height:auto;border-radius:1rem;}
.layout-warning{max-width:70ch;border-left:4px solid #20d979;padding:.8rem 1rem;background:rgba(32,217,121,.09);}
.layout-list{max-width:70ch;padding-left:1.5rem;line-height:1.7;}
.layout-list li+li{margin-top:.5rem;}
.layout-table-scroll{max-width:100%;overflow-x:auto;border:1px solid #b6cdbf;border-radius:.75rem;}
.layout-table-scroll:focus-visible{outline:3px solid #20d979;outline-offset:3px;}
.layout-table-scroll table{width:100%;min-width:32rem;border-collapse:collapse;}
.layout-table-scroll caption{text-align:left;padding:1rem;font-weight:700;}
.layout-table-scroll th,.layout-table-scroll td{min-width:9rem;padding:.8rem 1rem;border-top:1px solid #b6cdbf;text-align:left;vertical-align:top;overflow-wrap:anywhere;}
.layout-table-scroll th{background:rgba(32,217,121,.1);}
.layout-faq{max-width:70ch;}
.layout-faq details{border-bottom:1px solid #b6cdbf;padding:1rem 0;}
.layout-faq summary{font-weight:700;cursor:pointer;line-height:1.5;}
.layout-faq summary:focus-visible{outline:3px solid #20d979;outline-offset:4px;border-radius:.25rem;}
.layout-faq details p{margin-top:.75rem;}
.layout-quote{max-width:70ch;border-left:4px solid #20d979;margin-inline:0;padding:.5rem 1rem;}
.layout-quote blockquote{margin:0;}
.layout-quote figcaption{margin-top:.75rem;font-size:.9rem;opacity:.85;}
.layout-divider{border:0;border-top:1px solid #b6cdbf;}
@media(max-width:600px){.layout-section--large{padding-block:4rem}.layout-section--medium{padding-block:3rem}}
/* Gallery keeps source image proportions and stacks on narrow screens. */
.layout-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; margin-block:2rem; }
.layout-gallery--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.layout-gallery figure { min-width:0; margin:0; }
.layout-gallery img { display:block; width:100%; height:auto; }
.layout-gallery figcaption { margin-top:.65rem; font-size:.9rem; overflow-wrap:anywhere; }
@media(max-width:767px) { .layout-gallery--3 { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:479px) { .layout-gallery,.layout-gallery--3 { grid-template-columns:minmax(0,1fr); } }
.layout-section-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; align-items:start; }
.layout-section-grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.layout-section-grid > * { min-width:0; margin:0; overflow-wrap:anywhere; }
.layout-button-group { display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; margin-block:1.5rem; }
.layout-button-group--center { justify-content:center; }
.layout-button-group .button { max-width:100%; white-space:normal; text-align:center; overflow-wrap:anywhere; }
.layout-section-grid > .layout-button-group { margin:0; }
.layout-section--dark .button--dark { background:var(--green); border-color:var(--green); color:var(--ink); }
.layout-section--dark .button--outline { --button-hover-fill:#fff; color:#fff; border-color:#c7dbd0; }
.layout-section--dark .button--outline:hover { color:var(--ink); }
.layout-section--dark .button:focus-visible { outline-color:#fff; }
@media(max-width:767px) { .layout-section-grid,.layout-section-grid--3 { grid-template-columns:minmax(0,1fr); } }
.layout-article-card { padding:1.5rem; border:1px solid #b6cdbf; border-radius:1.25rem; background:#fff; color:#1c211f; }
.layout-article-card h3 { margin:.5rem 0 .75rem; }
.layout-article-card h3 a { color:inherit; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.2em; }
.layout-article-card h3 a:hover { text-decoration-thickness:2px; }
.layout-article-card h3 a:focus-visible { outline:3px solid #087943; outline-offset:4px; border-radius:.15rem; }
.layout-article-card p { margin:0; overflow-wrap:anywhere; }
/* Builder tokens. Component wrappers keep both nested grids and long text bounded. */
.layout-component { min-width:0; max-width:100%; overflow-wrap:anywhere; }
.layout-component > :first-child { margin-top:0; }
.layout-component > :last-child { margin-bottom:0; }
.layout-container { min-width:0; --layout-gap:1.25rem; }
.layout-container--stack > * + * { margin-top:var(--layout-gap); }
.layout-container--grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--layout-gap); align-items:start; }
.layout-container--grid.layout-container--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.layout-gap-none { --layout-gap:0; }.layout-gap-small { --layout-gap:.75rem; }.layout-gap-medium { --layout-gap:1.25rem; }.layout-gap-large { --layout-gap:2rem; }
.layout-padding-none { padding:0; }.layout-padding-small { padding:.75rem; }.layout-padding-medium { padding:1.5rem; }.layout-padding-large { padding:2.5rem; }
.layout-align-start { text-align:start; }.layout-align-center { text-align:center; }.layout-align-end { text-align:end; }
.layout-font-small :is(p,li) { font-size:.9rem; }.layout-font-normal :is(p,li) { font-size:1rem; }.layout-font-large :is(p,li) { font-size:1.125rem; }
.layout-font-small h2 { font-size:clamp(1.6rem,2.6vw,2.6rem); }.layout-font-small h3 { font-size:clamp(1.2rem,1.8vw,1.8rem); }
.layout-font-large h2 { font-size:clamp(2rem,3.4vw,3.4rem); }.layout-font-large h3 { font-size:clamp(1.5rem,2.3vw,2.3rem); }
.layout-selection-form { padding:clamp(1rem,3vw,2rem); border:1px solid #b6cdbf; border-radius:1.25rem; background:#fff; color:var(--ink); }
.layout-selection-form h3 { margin:0 0 1.5rem; }
.layout-selection-form .lead-form__contacts { grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr)); }
.layout-selection-form .lead-form__parameters { grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr)); }
.layout-selection-form :is(input,button) { max-width:100%; }
.layout-selection-form :is(.form-note,.check-field) { text-align:start; }
.layout-section--dark .article-referral-card { color:var(--ink); }
.layout-button-disabled { opacity:.5; cursor:default; pointer-events:none; }
.layout-component[id],.layout-selection-form[id] { scroll-margin-top:6rem; }
.layout-radius-none { border-radius:0; }.layout-radius-small { border-radius:var(--radius-sm); }.layout-radius-medium { border-radius:var(--radius); }.layout-radius-large { border-radius:var(--radius-lg); }
.layout-shadow-none { box-shadow:none; }.layout-shadow-soft { box-shadow:var(--shadow-sm); }
.layout-surface-paper { background:#fff; color:var(--ink); }.layout-surface-soft { background:#f4faf6; color:var(--ink); }.layout-surface-accent { background:#def8e9; color:var(--ink); }.layout-surface-dark { background:#173a27; color:#fff; }
.layout-surface-dark .button--dark { background:var(--green);color:var(--ink);border-color:var(--green); }.layout-surface-dark .button--outline { color:#fff;border-color:#c7dbd0;--button-hover-fill:#fff; }.layout-surface-dark .button--outline:hover { color:var(--ink); }
.layout-component .article-referral-card { color:var(--ink); }
.layout-font-normal h2 { font-size:clamp(1.8rem,3vw,3rem); }.layout-font-normal h3 { font-size:clamp(1.35rem,2vw,2rem); }
@media(max-width:767px) { .layout-container--grid,.layout-container--grid.layout-container--3 { grid-template-columns:minmax(0,1fr); }.layout-hide-mobile { display:none!important; } }
@media(min-width:768px) and (max-width:1023px) { .layout-hide-tablet { display:none!important; } }
@media(min-width:1024px) { .layout-hide-desktop { display:none!important; } }

/* Device overrides store only differences from desktop tokens. */
@media(max-width:767px) {
.layout-mobile-cols-1 > :is(.layout-container--grid,.layout-gallery,.layout-section-grid) { grid-template-columns:repeat(1,minmax(0,1fr)); }
.layout-mobile-cols-2 > :is(.layout-container--grid,.layout-gallery,.layout-section-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); }
.layout-mobile-cols-3 > :is(.layout-container--grid,.layout-gallery,.layout-section-grid) { grid-template-columns:repeat(3,minmax(0,1fr)); }
.layout-mobile-gap-none > :is(.layout-container,.layout-gallery,.layout-section__inner) { --layout-gap:0; gap:0; }.layout-mobile-gap-none > .layout-section__inner:not(.layout-section-grid) > * + * { margin-top:0; }
.layout-mobile-gap-small > :is(.layout-container,.layout-gallery,.layout-section__inner) { --layout-gap:.75rem; gap:.75rem; }.layout-mobile-gap-small > .layout-section__inner:not(.layout-section-grid) > * + * { margin-top:.75rem; }
.layout-mobile-gap-medium > :is(.layout-container,.layout-gallery,.layout-section__inner) { --layout-gap:1.25rem; gap:1.25rem; }.layout-mobile-gap-medium > .layout-section__inner:not(.layout-section-grid) > * + * { margin-top:1.25rem; }
.layout-mobile-gap-large > :is(.layout-container,.layout-gallery,.layout-section__inner) { --layout-gap:2rem; gap:2rem; }.layout-mobile-gap-large > .layout-section__inner:not(.layout-section-grid) > * + * { margin-top:2rem; }
.layout-mobile-align-start { text-align:start; }
.layout-mobile-align-center { text-align:center; }
.layout-mobile-align-end { text-align:end; }
}
@media(min-width:768px) and (max-width:1023px) {
.layout-tablet-cols-1 > :is(.layout-container--grid,.layout-gallery,.layout-section-grid) { grid-template-columns:repeat(1,minmax(0,1fr)); }
.layout-tablet-cols-2 > :is(.layout-container--grid,.layout-gallery,.layout-section-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); }
.layout-tablet-cols-3 > :is(.layout-container--grid,.layout-gallery,.layout-section-grid) { grid-template-columns:repeat(3,minmax(0,1fr)); }
.layout-tablet-gap-none > :is(.layout-container,.layout-gallery,.layout-section__inner) { --layout-gap:0; gap:0; }.layout-tablet-gap-none > .layout-section__inner:not(.layout-section-grid) > * + * { margin-top:0; }
.layout-tablet-gap-small > :is(.layout-container,.layout-gallery,.layout-section__inner) { --layout-gap:.75rem; gap:.75rem; }.layout-tablet-gap-small > .layout-section__inner:not(.layout-section-grid) > * + * { margin-top:.75rem; }
.layout-tablet-gap-medium > :is(.layout-container,.layout-gallery,.layout-section__inner) { --layout-gap:1.25rem; gap:1.25rem; }.layout-tablet-gap-medium > .layout-section__inner:not(.layout-section-grid) > * + * { margin-top:1.25rem; }
.layout-tablet-gap-large > :is(.layout-container,.layout-gallery,.layout-section__inner) { --layout-gap:2rem; gap:2rem; }.layout-tablet-gap-large > .layout-section__inner:not(.layout-section-grid) > * + * { margin-top:2rem; }
.layout-tablet-align-start { text-align:start; }
.layout-tablet-align-center { text-align:center; }
.layout-tablet-align-end { text-align:end; }
}

.layout-component[data-layout-selected],.layout-section[data-layout-selected]{outline:3px solid #087943;outline-offset:3px}
.layout-component[class*="layout-radius-"] > :is(figure,.layout-article-card,.article-referral-card,.layout-selection-form,.layout-warning,.layout-table-scroll){border-radius:inherit}
.layout-component[class*="layout-radius-"] > figure :is(img,picture){border-radius:inherit}
.layout-font-small :is(td,th,figcaption,dt,dd){font-size:.9rem}.layout-font-normal :is(td,th,figcaption,dt,dd){font-size:1rem}.layout-font-large :is(td,th,figcaption,dt,dd){font-size:1.125rem}
.layout-component[class*="layout-align-"] :is(th,td){text-align:inherit}
.layout-selection-form .range-field small{color:#53615a}
.layout-selection-form input::placeholder{color:#657169;opacity:1}
.layout-selection-form .field input{border-color:#718276}
.layout-selection-form .field,.layout-selection-form .range-field{text-align:start}
.layout-component .button--outline{border-color:#718276}
.layout-section--dark .layout-component .button--outline,.layout-surface-dark .button--outline{border-color:#c7dbd0}

[data-component-id][data-layout-selected]{outline:3px solid #087943;outline-offset:3px}

/* Migrated presets carry tokens on the semantic element itself. */
@media(max-width:767px){
[data-component-id]:not(.layout-component):not(.layout-section).layout-mobile-cols-1{display:grid;grid-template-columns:minmax(0,1fr)}
[data-component-id]:not(.layout-component):not(.layout-section).layout-mobile-cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
[data-component-id]:not(.layout-component):not(.layout-section).layout-mobile-cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
[data-component-id].layout-mobile-gap-none{gap:0}[data-component-id].layout-mobile-gap-small{gap:.75rem}[data-component-id].layout-mobile-gap-medium{gap:1.25rem}[data-component-id].layout-mobile-gap-large{gap:2rem}
}
@media(min-width:768px) and (max-width:1023px){
[data-component-id]:not(.layout-component):not(.layout-section).layout-tablet-cols-1{display:grid;grid-template-columns:minmax(0,1fr)}
[data-component-id]:not(.layout-component):not(.layout-section).layout-tablet-cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
[data-component-id]:not(.layout-component):not(.layout-section).layout-tablet-cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
[data-component-id].layout-tablet-gap-none{gap:0}[data-component-id].layout-tablet-gap-small{gap:.75rem}[data-component-id].layout-tablet-gap-medium{gap:1.25rem}[data-component-id].layout-tablet-gap-large{gap:2rem}
}

.city-picker{position:relative;margin-right:auto;color:#234333;font-size:13px}.city-picker summary{display:flex;gap:7px;align-items:center;cursor:pointer;padding:9px 12px;border:1px solid #dce7df;border-radius:30px;list-style:none}.city-picker summary::-webkit-details-marker{display:none}.city-picker-panel{position:absolute;left:0;top:calc(100% + 12px);width:min(300px,80vw);padding:18px;border:1px solid #dce7df;border-radius:20px;background:#fff;box-shadow:0 16px 48px #16342622;z-index:110}.city-picker-panel input{width:100%;box-sizing:border-box;padding:10px;border:1px solid #dce7df;border-radius:12px;margin-top:8px}.city-picker-panel ul{max-height:240px;overflow:auto;list-style:none;padding:0}.city-picker-panel li a{display:block;padding:9px;border-radius:8px}.city-picker-panel li a:hover,.city-picker-panel li a[aria-current]{background:#e5f6ec}.city-picker-all{display:block;border-top:1px solid #dce7df;padding-top:12px}.city-picker-panel li[hidden]{display:none}@media(max-width:700px){.city-picker summary{font-size:11px;padding:7px}.city-picker-panel{left:auto;right:0}.site-header__inner{gap:8px}}
@media(max-width:700px){.city-picker-panel{left:50%;right:auto;transform:translateX(-50%);width:min(300px,calc(100vw - 40px))}.city-picker summary span{max-width:none;white-space:nowrap}}

/* Public interface: calm editorial rhythm, shared with the home hero. */
.city-picker summary { background: #fff; transition: background .18s, border-color .18s; }
.city-picker summary:hover { background: #f4f8f5; border-color: #b9ccbf; }
.city-picker summary:focus-visible { outline: 2px solid #168956; outline-offset: 3px; }
.city-picker-panel { padding: 20px; width: min(320px, calc(100vw - 40px)); border-radius: 22px; box-shadow: 0 18px 54px rgba(18,43,30,.12); }
.city-picker-panel label { display: block; font-size: .82rem; font-weight: 600; color: #53665b; }
.city-picker-panel input { min-height: 44px; padding: 11px 13px; font: inherit; background: #f7faf8; }
.city-picker-panel input:focus { outline: 2px solid #168956; outline-offset: 2px; border-color: transparent; box-shadow: none; }
.city-picker-panel ul { margin: 14px 0; display: grid; gap: 4px; }
.city-picker-panel li a, .city-picker-all { text-decoration: none; font-weight: 500; }
.city-picker-panel li a { position: relative; padding: 11px 36px 11px 12px; color: #253d30; }
.city-picker-panel li a[aria-current] { background: #edf7f0; font-weight: 650; }
.city-picker-panel li a[aria-current]::after { content: '✓'; position: absolute; right: 13px; color: #14834b; }
.city-picker-panel li a:hover { background: #f2f5f3; }
.city-picker-panel a:focus-visible { outline: 2px solid #168956; outline-offset: -2px; }
.city-picker-all { padding: 15px 12px 0; color: #16804e; }

@media (min-width: 761px) {
  .home-page main > .hero:not(.home-hero):not(.offers-page-hero):not(.variants-page-hero) {
    height: auto; min-height: 560px !important; padding: 56px 64px;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); align-items: center; border-radius: 32px;
  }
  .home-page main > .hero:not(.home-hero):not(.offers-page-hero):not(.variants-page-hero) .hero__copy { height: auto; min-width: 0; max-width: 620px; display: flex; align-self: center; }
  .home-page main > .hero:not(.home-hero):not(.offers-page-hero):not(.variants-page-hero) h1 { max-width: 100%; margin: 0; font-size: clamp(48px, 4vw, 64px); line-height: 1.04; letter-spacing: -.045em; text-wrap: balance; overflow-wrap: normal; hyphens: none; }
  .home-page main > .hero:not(.home-hero):not(.offers-page-hero):not(.variants-page-hero) .hero__lead { margin: 26px 0 24px; max-width: 35em; font-size: 18px; line-height: 1.65; }
  .home-page main > .hero:not(.home-hero):not(.offers-page-hero):not(.variants-page-hero) .hero__ticks { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
  .home-page main > .hero:not(.home-hero):not(.offers-page-hero):not(.variants-page-hero) .hero__ticks li { min-height: 38px; padding: 9px 12px; font-size: .72rem; white-space: normal; }
  .home-page main > .hero:not(.home-hero):not(.offers-page-hero):not(.variants-page-hero) .editorial-hero__actions { display: flex; margin-top: 24px; }
  .hero:not(.home-hero):not(.offers-page-hero):not(.variants-page-hero) .hero__visual { background-position-y: 25%; }
  .hero:not(.home-hero):not(.offers-page-hero):not(.variants-page-hero)::after { background: linear-gradient(90deg, rgba(231,238,231,.98) 0%, rgba(231,238,231,.94) 49%, rgba(231,238,231,.25) 75%, rgba(231,238,231,0) 100%); }
  .contacts-page-hero h1 span { white-space: normal; }
}
@media (min-width: 761px) and (max-width: 1000px) {
  .home-page main > .hero:not(.home-hero):not(.offers-page-hero):not(.variants-page-hero) { padding: 32px; grid-template-columns: 1fr; min-height: 420px !important; }
  .home-page main > .hero:not(.home-hero):not(.offers-page-hero):not(.variants-page-hero) .hero__copy { width: 76%; max-width: 560px; }
  .home-page main > .hero:not(.home-hero):not(.offers-page-hero):not(.variants-page-hero) h1 { font-size: 38px; }
  .hero:not(.home-hero):not(.offers-page-hero):not(.variants-page-hero)::after { background: linear-gradient(90deg, rgba(231,238,231,.98) 0%, rgba(231,238,231,.92) 55%, rgba(231,238,231,.25) 100%); }
}
@media (max-width: 760px) {
  .home-page main > .hero:not(.home-hero):not(.offers-page-hero):not(.variants-page-hero) { height: auto; min-height: 0 !important; padding: 24px 22px; border-radius: 24px; }
  .home-page main > .hero:not(.home-hero):not(.offers-page-hero):not(.variants-page-hero) h1 { max-width: 100%; margin-bottom: 0; font-size: clamp(1.6rem, 7.4vw, 1.85rem); line-height: 1.15; hyphens: none; overflow-wrap: normal; text-wrap: balance; }
  .home-page main > .hero:not(.home-hero):not(.offers-page-hero):not(.variants-page-hero) .hero__lead { font-size: .94rem; line-height: 1.55; margin: 18px 0 0; }
  .hero:not(.home-hero):not(.offers-page-hero):not(.variants-page-hero) .hero__visual { inset: 0; height: 100%; background-size: cover; background-position: center 55%; }
  .hero:not(.home-hero):not(.offers-page-hero):not(.variants-page-hero)::after { inset: 0; height: 100%; background: linear-gradient(90deg, rgba(231,238,231,.97) 0%, rgba(231,238,231,.91) 60%, rgba(231,238,231,.72) 100%); }
  .hero:not(.home-hero):not(.offers-page-hero):not(.variants-page-hero) .editorial-hero__actions { margin-top: 24px; }
  .hero h1 { hyphens: none; }
}
.city-page main > .section:not(.responsible-card) { margin-top: clamp(44px, 5vw, 76px); }
.city-local-intro > header { display: block; max-width: 900px; margin-bottom: 24px; }
.city-local-intro > header .eyebrow { margin-bottom: 14px; }
.city-local-intro > header h2 { font-size: clamp(1.9rem, 3vw, 3rem); line-height: 1.12; }
.city-local-intro > p { max-width: 880px; font-size: 1.04rem; line-height: 1.75; }
.city-fact-grid { margin-top: 30px; gap: 18px; align-items: stretch; }
.city-fact-grid article { min-height: 0; padding: 28px; border-radius: 24px; }
.city-fact-grid article > span { display: none; }
.city-fact-grid h3 { margin: 0 0 14px; font-size: clamp(1.25rem, 1.6vw, 1.6rem); }
.city-fact-grid p { font-size: .94rem; line-height: 1.65; }
.city-guide { display: block; }
.city-guide .category-brief__index { position: static; padding: 0; max-width: 720px; margin-bottom: 28px; }
.city-guide .category-brief__index h2 { max-width: none; font-size: clamp(1.9rem, 3vw, 3rem); margin-bottom: 14px; }
.city-guide .category-brief__index > p:not(.eyebrow) { margin-bottom: 0; }
.city-guide .category-brief__content { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
.category-brief__content article header { display: block; }
.category-brief__content article header > span { display: none; }
.city-guide .category-brief__content article { padding: clamp(24px, 3vw, 40px); border-radius: 26px; }
.city-guide .category-brief__content article header { margin-bottom: 22px; }
.city-guide .category-brief__content article h2 { max-width: none; font-size: clamp(1.5rem, 2vw, 2rem); line-height: 1.2; }
.city-guide .category-brief__content article > p { font-size: .98rem; line-height: 1.75; }
.city-guide .category-brief__content article ul { grid-template-columns: 1fr; margin-top: 22px; }
.city-page .section:has(> .faq-list) { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(28px, 5vw, 72px); align-items: start; margin-bottom: clamp(48px, 6vw, 88px); }
.city-page .section:has(> .faq-list) .section-heading { margin-bottom: 0; }
.city-page .section:has(> .faq-list) h2 { font-size: clamp(1.9rem, 3vw, 3rem); line-height: 1.12; }
.city-page .faq-item { padding: 24px 28px; border-color: #e1e8e3; border-radius: 20px; }
.city-page .faq-item h3 { margin: 0 0 12px; font-size: 1.08rem; line-height: 1.4; }
.city-page .faq-item p { color: #55605a; font-size: .94rem; line-height: 1.65; }
@media (max-width: 1000px) {
  .city-fact-grid { grid-template-columns: 1fr; }
  .city-guide .category-brief__content { grid-template-columns: 1fr; }
  .city-page .section:has(> .faq-list) { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 760px) {
  .city-picker-panel { padding: 16px; }
  .city-page main > .section:not(.responsible-card) { margin-top: 40px; }
  .city-fact-grid article, .city-page .faq-item { padding: 24px; }
  .hero:not(.home-hero):not(.offers-page-hero):not(.variants-page-hero) .hero__lead { margin: 22px 0 24px; }
  .city-page .section:has(> .faq-list) { margin-bottom: 44px; }
}

@media (min-width: 1200px) {
  .city-guide .category-brief__content { align-items: stretch; }
  .city-guide .category-brief__content article ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.about-page .about-story__body h2 { font-size: clamp(2rem, 3vw, 2.75rem); }

@media (max-width: 700px) {
  .city-picker .city-picker-panel { position: fixed; left: 20px; right: 20px; top: 82px; transform: none; width: auto; max-height: calc(100svh - 102px); overflow: auto; }
}

@media (min-width: 1001px) {
  .city-local-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: clamp(32px, 4vw, 64px); row-gap: 32px; align-items: start; }
  .city-local-intro > header { margin: 0; max-width: none; }
  .city-local-intro > header h2 { font-size: clamp(2rem, 2.8vw, 2.75rem); text-wrap: balance; }
  .city-local-intro > p { margin: 0; max-width: none; }
  .city-local-intro > .city-fact-grid { grid-column: 1 / -1; margin-top: 0; }
}

/* One quiet surface for the city guide; spacing follows content. */
.city-guide .category-brief__content { display: block; padding: 32px; border: 1px solid var(--line); border-radius: 24px; background: #fff; }
.city-guide .category-brief__content article { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 18px 48px; padding: 0; border: 0; border-radius: 0; background: transparent; }
.city-guide .category-brief__content article:nth-child(2) { background: transparent; }
.city-guide .category-brief__content article + article { margin-top: 32px; padding-top: 32px; border-top: 1px solid var(--line); }
.city-guide .category-brief__content article header { grid-column: 1; grid-row: 1; margin: 0; min-height: 0; }
.city-guide .category-brief__content article h2 { max-width: 22ch; font-size: 26px; line-height: 1.25; text-wrap: balance; }
.city-guide .category-brief__content article > p { grid-column: 2; margin: 0; }
.city-guide .category-brief__content article ul { grid-column: 2; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding-top: 6px; gap: 12px 20px; }
.city-guide .category-brief__content article li { min-height: 0; padding: 0 0 0 24px; border: 0; border-radius: 0; background: transparent; font-size: .88rem; line-height: 1.5; }
.city-guide .category-brief__content article li::before { top: 0; left: 0; }
@media (max-width: 1000px) {
  .city-guide .category-brief__content { padding: 24px; }
  .city-guide .category-brief__content article { display: block; }
  .city-guide .category-brief__content article header { margin-bottom: 18px; }
  .city-guide .category-brief__content article h2 { max-width: none; font-size: 24px; }
  .city-guide .category-brief__content article > p + p { margin-top: 18px; }
  .city-guide .category-brief__content article ul { margin-top: 22px; grid-template-columns: 1fr; }
}
/* Fixed navigation must never acquire the header as its containing block. */
@media (max-width: 1100px) {
  .site-header__inner { backdrop-filter: none; }
  .main-nav, .main-nav.is-open { transform: none; }
  .main-nav { transition: opacity .28s ease, visibility 0s linear .28s; }
  .main-nav.is-open { transition-delay: 0s; }
}
/* Form stays at its natural height instead of spreading rows across the hero. */
.home-hero .hero__form .lead-form,
.offers-page-hero .hero__form .lead-form,
.variants-page-hero .hero__form .lead-form { height: auto; justify-content: flex-start; }
@media (min-width: 1101px) {
  .home-hero .hero__form,
  .offers-page-hero .hero__form,
  .variants-page-hero .hero__form { align-self: center; bottom: auto; }
  .lead-form__contacts { margin-top: 24px; }
  .lead-form__consents { margin: 28px 0 30px; gap: 10px; }
  .lead-form .form-note { margin-top: 12px; }
}

@media (max-width: 760px) {
  .city-picker summary span { max-width: none; overflow: visible; text-overflow: clip; }
  .city-picker summary { font-size: 11px; gap: 5px; padding: 8px; }
  .home-page main > .hero:not(.home-hero):not(.offers-page-hero):not(.variants-page-hero) .hero__ticks { display: grid; gap: 8px; margin: 20px 0 0; }
  .home-page main > .hero:not(.home-hero):not(.offers-page-hero):not(.variants-page-hero) .hero__ticks li { display: flex; align-items: baseline; gap: 8px; min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-size: .76rem; line-height: 1.4; }
  .home-page main > .hero:not(.home-hero):not(.offers-page-hero):not(.variants-page-hero) .hero__ticks li::before { content: '✓'; color: #168956; font-weight: 700; }
}

@media (max-width: 360px) { .site-header .brand-logo__text { display: none; } .site-header .brand-logo { flex-shrink: 0; } }

/* Editorial reading measure and consistent section hierarchy. */
.about-story__body { max-width: none; }
.about-story__body > p, .legal-page .about-story__body > p, .service-editorial-page .about-story__body > p { max-width: 76ch; }
.about-story__body > h2 { text-wrap: balance; line-height: 1.18; }
.article-index-page .editorial-article { padding-block: 48px; }
.article-index-page .article-index-list > p:only-child { margin: 24px 0 0; padding: 28px; border: 1px solid var(--line); border-radius: 24px; background: #fff; color: var(--muted); }
@media (max-width: 760px) {
  .site-footer__top { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; }
  .site-footer__brand { grid-column: 1 / -1; }
  .site-footer__top nav { min-width: 0; gap: 10px; }
  .site-footer__top nav:last-child { grid-column: auto; }
  .site-footer nav a { font-size: .82rem; line-height: 1.5; }
  .site-footer nav h2 { font-size: .7rem; margin-bottom: 6px; }
  .site-footer__warning { margin-top: 32px; }
  .about-story__body > h2, .legal-page .about-story__body > h2, .service-editorial-page .about-story__body > h2 { font-size: clamp(1.45rem, 6.3vw, 1.8rem); line-height: 1.2; }
}
/* Always-visible instructions and a readable editorial hierarchy. */
.city-local-intro--structured { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 28px 48px; }
.city-local-intro--structured .city-context-notes { margin: 0; }
.city-local-intro--structured .city-context-notes > p { margin: 0; font-size: 16px; line-height: 1.75; }
.city-local-intro--structured .city-fact-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; padding: 26px 4px; border: 1px solid var(--line); border-radius: 24px; background: #fff; }
.city-local-intro--structured .city-fact-grid > article { min-height: 0; padding: 0 26px; border-radius: 0; background: transparent; }
.city-local-intro--structured .city-fact-grid > article + article { border-left: 1px solid var(--line); }
.city-local-intro--structured .city-fact-grid h3 { margin: 0 0 12px; font-size: 21px; line-height: 1.3; letter-spacing: -.025em; }
.city-local-intro--structured .city-fact-grid p { margin: 0; font-size: 15px; line-height: 1.65; }
/* Two aligned reading cards: one task per card, no hidden instructions. */
.city-guide--structured .category-brief__content { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 0; gap: 24px; border: 0; background: transparent; }
.city-guide--structured .category-brief__content > article { display: flex; flex-direction: column; gap: 22px; padding: 30px; border: 1px solid var(--line); border-radius: 24px; background: #fff; }
.city-guide--structured .category-brief__content > article + article { margin: 0; padding: 30px; border: 1px solid var(--line); background: #fff; }
.city-guide--structured .category-brief__content > article:nth-child(2) { background: #fff; }
.city-guide--structured .category-brief__content > article > header { display: block; margin: 0; }
.city-guide--structured .category-brief__content > article h2 { max-width: none; margin: 0; font-size: 25px; line-height: 1.24; text-wrap: balance; }
.city-guide--structured .city-guide-copy p { max-width: none; margin: 0; color: #36413b; font-size: 16px; line-height: 1.7; }
.city-guide--structured .city-guide-copy p + p { margin-top: 18px; padding-left: 16px; border-left: 2px solid #afcbbb; color: #5a665e; font-size: 14px; line-height: 1.65; }
.city-guide--structured .category-brief__content > article > ul { width: 100%; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 20px; margin: 0; padding: 20px 0 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; }
.city-guide--structured .category-brief__content > article > ul li { font-size: 14px; line-height: 1.55; }
@supports (grid-template-rows: subgrid) {
  .city-guide--structured .category-brief__content { grid-template-rows: auto auto auto; }
  .city-guide--structured .category-brief__content > article { display: grid; grid-row: span 3; grid-template-columns: minmax(0,1fr); grid-template-rows: subgrid; align-items: start; }
  .city-guide--structured .category-brief__content > article > header,
  .city-guide--structured .category-brief__content > article > ul { grid-column: 1; grid-row: auto; }
}
.about-story:has(> .reading-layout) { max-width: none; }
.reading-layout { display: grid; grid-template-columns: 300px minmax(0,1fr); gap: 48px; align-items: start; }
.reading-layout > .reading-body { display: block; width: 100%; min-width: 0; max-width: none; margin: 0; }
.reading-nav { position: sticky; top: 112px; padding: 4px 24px 0 0; border-right: 1px solid var(--line); }
.reading-nav-title { margin: 0 0 18px; color: #277050; font-size: 12px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.reading-nav-links { display: grid; gap: 6px; max-height: calc(100svh - 180px); padding-right: 24px; overflow-y: auto; scrollbar-gutter: auto; scrollbar-width: thin; }
.reading-nav-links > a { display: block; padding: 10px 12px; color: var(--muted); border-radius: 10px; font-size: 16px; line-height: 1.5; text-decoration: none; }
.reading-nav-links > a:hover, .reading-nav-links > a:focus-visible { color: #1c5e3c; background: #e5eee6; }
.reading-chapter { padding-top: 32px; margin-top: 32px; border-top: 1px solid var(--line); scroll-margin-top: 112px; }
.reading-body > .reading-chapter:first-child { padding-top: 0; margin-top: 0; border-top: 0; }
.reading-body > .editorial-document__meta + .reading-chapter { padding-top: 0; margin-top: 28px; border-top: 0; }
.reading-layout .reading-chapter > h2 { margin: 0 0 22px; font-size: clamp(25px,2.4vw,34px); line-height: 1.2; letter-spacing: -.035em; text-wrap: balance; scroll-margin-top: 112px; }
.reading-chapter p { max-width: none; margin: 18px 0; font-size: 17px; line-height: 1.8; }
.reading-chapter > :last-child { margin-bottom: 0; }
.reading-body > .reading-chapter--intro { margin: 0; padding: 0; border: 0; }
.reading-layout .reading-chapter--intro > h2 { font-size: 36px; margin-bottom: 0; }
.reading-chapter--intro + .reading-chapter { margin-top: 28px; padding-top: 0; border-top: 0; }
.reading-body > .reading-chapter--question { padding: 24px 28px; margin-top: 16px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.reading-layout .reading-chapter--question > h2 { margin: 0 0 14px; font-size: 22px; line-height: 1.35; text-wrap: initial; }
.reading-chapter--question p { font-size: 16px; line-height: 1.75; margin: 14px 0; }
@media (max-width: 1100px) {
  .city-local-intro--structured { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .reading-layout { grid-template-columns: minmax(0,1fr); gap: 0; }
  .reading-nav { display: none; }
  .reading-layout > .reading-body { max-width: none; }
}
@media (max-width: 1000px) {
  .city-guide--structured .category-brief__content { grid-template-columns: minmax(0,1fr); grid-template-rows: auto; }
  .city-guide--structured .category-brief__content > article { display: flex; grid-row: auto; }
  .city-local-intro--structured .city-fact-grid { grid-template-columns: minmax(0,1fr); padding: 0 26px; }
  .city-local-intro--structured .city-fact-grid > article { display: grid; grid-template-columns: 190px minmax(0,1fr); gap: 24px; padding: 24px 0; }
  .city-local-intro--structured .city-fact-grid > article + article { border-left: 0; border-top: 1px solid var(--line); }
  .city-local-intro--structured .city-fact-grid h3 { margin: 0; }
}
@media (max-width: 760px) {
  .city-local-intro--structured .city-context-notes > p { font-size: 15px; line-height: 1.7; }
  .city-local-intro--structured .city-fact-grid { grid-template-columns: minmax(0,1fr); padding: 0 22px; }
  .city-local-intro--structured .city-fact-grid > article { display: block; padding: 22px 0; }
  .city-local-intro--structured .city-fact-grid > article + article { border-left: 0; border-top: 1px solid var(--line); }
  .city-local-intro--structured .city-fact-grid h3 { margin-bottom: 12px; font-size: 20px; }
  .city-guide--structured .category-brief__content { grid-template-columns: minmax(0,1fr); gap: 20px; }
  .city-guide--structured .category-brief__content > article, .city-guide--structured .category-brief__content > article + article { padding: 24px 22px; gap: 20px; }
  .city-guide--structured .category-brief__content { grid-template-rows: auto; }
  .city-guide--structured .category-brief__content > article { display: flex; grid-row: auto; }
  .city-guide--structured .category-brief__content > article h2 { font-size: 23px; }
  .city-guide--structured .city-guide-copy p { font-size: 15px; line-height: 1.7; }
  .city-guide--structured .city-guide-copy p + p { font-size: 14px; line-height: 1.65; }
  .city-guide--structured .category-brief__content > article > ul { grid-template-columns: minmax(0,1fr); gap: 10px; }
  .reading-chapter { padding-top: 24px; margin-top: 28px; }
  .reading-layout .reading-chapter > h2 { font-size: 25px; }
  .reading-chapter p { font-size: 15px; line-height: 1.75; }
  .reading-layout .reading-chapter--intro > h2 { font-size: 28px; }
  .reading-body > .reading-chapter--question { padding: 22px; }
  .reading-layout .reading-chapter--question > h2 { font-size: 21px; }
}
@media (max-width: 1000px) {
  .responsible-card__media { min-height: 0; height: 300px; }
  .responsible-card__content { align-items: flex-start; text-align: left; }
  .responsible-card h2 { max-width: 24ch; font-size: 36px; line-height: 1.15; }
}
@media (max-width: 760px) {
  .responsible-card { gap: 22px; }
  .reading-nav { display: none; }
  .reading-layout { gap: 0; }
  .responsible-card__media { min-height: 0; height: 200px; }
  .responsible-card h2 { font-size: clamp(24px,7vw,28px); line-height: 1.18; }
  .responsible-card__content .button { margin-top: 22px; }
}

/* Client review: shared page grid, clear cities and stronger city entry points. */
.city-directory > header > div > .eyebrow, .city-card > small { display: none; }
.city-card h3 { margin-top: auto; }
.city-card p { padding-right: 32px; }
.city-page-hero .editorial-hero__actions .button { min-width: 240px; min-height: 58px; padding: 16px 26px; font-size: 17px; }
.city-page .section:has(> .faq-list) { align-items: stretch; gap: 24px; }
.home-page.city-page main > .section:has(> .faq-list) { display: grid; }
.city-page .section:has(> .faq-list) > .section-heading { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding: 36px; border-radius: 28px; background: var(--ink); color: #fff; }
.city-page .section:has(> .faq-list) > .section-heading .eyebrow { margin: 0; color: var(--green); }
.city-page .section:has(> .faq-list) > .section-heading h2 { margin: 0; max-width: none; }
.city-page .section:has(> .faq-list) .city-faq-note { margin: auto 0 0; padding-top: 24px; max-width: 34ch; color: #bfc9c3; font-size: 16px; line-height: 1.65; }
.site-footer__top { grid-template-columns: minmax(210px,1.15fr) .7fr .95fr repeat(3,minmax(0,1fr)); gap: 24px; }
.site-footer__top nav:last-child { grid-column: auto; }
@media (min-width: 761px) and (max-width: 1200px) {
  .site-footer__top { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px 24px; }
  .site-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 1000px) {
  .city-page .section:has(> .faq-list) > .section-heading { padding: 28px; }
  .city-page .section:has(> .faq-list) .city-faq-note { padding-top: 0; max-width: none; }
}
@media (max-width: 760px) {
  .site-footer__top { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 20px; }
  .site-footer__brand { grid-column: 1 / -1; }
  .city-page-hero .editorial-hero__actions { width: 100%; }
  .city-page-hero .editorial-hero__actions .button { width: 100%; min-width: 0; min-height: 54px; font-size: 16px; }
  .city-page .section:has(> .faq-list) > .section-heading { padding: 26px 24px; border-radius: 24px; }
}

/* A common navigation card for long materials and FAQ. */
.reading-nav, .faq-editorial__index { padding: 24px; border: 1px solid var(--line); border-radius: 24px; background: #fff; }
.reading-nav-title { color: var(--ink); font-size: 18px; letter-spacing: -.02em; text-transform: none; }
.faq-editorial { grid-template-columns: 300px minmax(0,1fr); gap: 48px; }
.faq-editorial__index { grid-column: 1; top: 112px; }
.faq-editorial__groups { grid-column: 2; }
.faq-editorial__index > .eyebrow, .faq-editorial__index nav span, .faq-editorial__group > header > span { display: none; }
.faq-editorial__index h2 { max-width: none; margin-bottom: 18px; font-size: 18px; line-height: 1.45; letter-spacing: -.02em; }
.faq-editorial__index nav { gap: 6px; margin-bottom: 24px; border: 0; }
.faq-editorial__index nav a { display: block; padding: 10px 12px; border: 0; border-radius: 10px; color: var(--muted); font-size: 16px; font-weight: 400; line-height: 1.5; }
.faq-editorial__index nav a:hover, .faq-editorial__index nav a:focus-visible { color: #1c5e3c; background: #e5eee6; }
.faq-editorial__index > p:last-child { margin: 0; padding-top: 20px; border-top: 1px solid var(--line); font-size: 14px; }
.faq-editorial__group > header { display: block; }
.faq-editorial__group > header h2 { font-size: clamp(25px,2.4vw,34px); line-height: 1.2; }
/* Compact local context using the existing dark and pastel surfaces. */
.city-local-intro--framed { padding: 20px; border-radius: 32px; background: #171c19; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 20px; align-items: stretch; }
.home-page main > .section.city-local-intro--framed { display: grid; padding-block: 20px; }
.city-context-main { padding: 28px; border: 1px solid #354038; border-radius: 24px; background: #202923; color: #fff; }
.city-context-main header .eyebrow { color: var(--green); }
.city-context-main header h2 { margin: 0; font-size: clamp(28px,2.6vw,38px); line-height: 1.16; }
.city-local-intro--framed .city-context-notes > p { margin: 22px 0 0; color: #bfc9c3; font-size: 16px; line-height: 1.65; }
.city-local-intro--framed .city-fact-grid { grid-column: auto; display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
.city-local-intro--framed .city-fact-grid > article { display: block; min-height: 0; padding: 20px 24px; border: 0; border-radius: 24px; background: var(--selection-mint); }
.city-local-intro--framed .city-fact-grid > article:nth-child(2) { background: var(--lavender); }
.city-local-intro--framed .city-fact-grid > article:nth-child(3) { background: var(--lime); }
.city-local-intro--framed .city-fact-grid > article + article { border: 0; }
.city-local-intro--framed .city-fact-grid h3 { margin: 0 0 10px; font-size: 22px; line-height: 1.25; }
.city-local-intro--framed .city-fact-grid p { margin: 0; font-size: 15px; line-height: 1.6; }
@media (max-width: 1100px) {
  .faq-editorial { display: block; }
  .faq-editorial__index { display: block; position: static; margin-bottom: 28px; }
  .faq-editorial__index h2, .faq-editorial__index nav { display: none; }
  .faq-editorial__index > p:last-child { padding-top: 0; border-top: 0; }
  .city-local-intro--framed { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 760px) {
  .city-local-intro--framed { padding: 12px; border-radius: 28px; gap: 12px; }
  .home-page main > .section.city-local-intro--framed { padding-block: 12px; }
  .city-context-main { padding: 22px 20px; }
  .city-context-main header h2 { font-size: 26px; }
  .city-local-intro--framed .city-context-notes > p { margin-top: 20px; font-size: 15px; }
  .city-local-intro--framed .city-fact-grid > article { padding: 22px 20px; }
  .city-local-intro--framed .city-fact-grid h3 { font-size: 20px; }
}

/* Align the two hero columns while keeping the consent rows together. */
@media (min-width: 1101px) {
  .home-hero .hero__copy, .offers-page-hero .hero__copy, .variants-page-hero .hero__copy { align-self: stretch; justify-content: space-between; }
  .home-hero .hero__form, .offers-page-hero .hero__form, .variants-page-hero .hero__form { align-self: stretch; top: auto; bottom: auto; height: 100%; }
  .home-hero .hero__form .lead-form, .offers-page-hero .hero__form .lead-form, .variants-page-hero .hero__form .lead-form { height: 100%; justify-content: space-between; }
}

/* The city entry point is the primary action of this hero. */
.city-page-hero .editorial-hero__actions .button {
  --button-hover-fill: var(--ink);
  min-width: 260px;
  min-height: 62px;
  padding: 18px 32px;
  border-color: var(--green);
  background: var(--green);
  color: var(--ink);
  font-size: 18px;
  box-shadow: 0 12px 28px rgba(17,149,79,.24);
}
.city-page-hero .editorial-hero__actions .button:hover { border-color: var(--ink); color: #fff; }

/* Matte green navigation follows the existing dark surfaces of the site. */
.reading-nav, .faq-editorial__index {
  border-color: #35483d;
  background: #202b24;
  color: #f6faf7;
  box-shadow: 0 14px 36px rgba(24,47,32,.08);
}
.reading-nav-title, .faq-editorial__index h2 { color: #f6faf7; }
.reading-nav-title { padding-bottom: 18px; border-bottom: 1px solid rgba(208,231,217,.16); }
.reading-nav-links > a, .faq-editorial__index nav a { color: #cdd9d1; background: rgba(255,255,255,.025); }
.reading-nav-links > a:hover, .reading-nav-links > a:focus-visible,
.faq-editorial__index nav a:hover, .faq-editorial__index nav a:focus-visible { color: #173322; background: var(--selection-mint); }
.faq-editorial__index > p:last-child { color: #cdd9d1; border-color: rgba(208,231,217,.16); }
.faq-editorial__index > p:last-child a { color: var(--selection-mint); }
.reading-nav-links { scrollbar-color: #6a9079 transparent; }

@media (min-width: 1101px) and (prefers-reduced-motion: no-preference) {
  .reading-nav, .faq-editorial__index, .catalog-filter-panel, .category-brief__index {
    translate: 0 var(--sticky-offset, 0px);
  }
  .reading-nav, .faq-editorial__index, .catalog-filter-panel { margin-bottom: 96px; }
}

@media (min-width: 1101px) {
  .reading-nav, .faq-editorial__index, .catalog-filter-panel {
    top: var(--sidebar-top, 32px);
    max-height: calc(100svh - 64px);
    align-self: start;
  }
  .reading-nav { display: flex; flex-direction: column; overflow: hidden; }
  .reading-nav-title { flex: 0 0 auto; }
  .reading-nav-links { min-height: 0; max-height: none; flex: 1 1 auto; padding-right: 0; }
  .faq-editorial__index, .catalog-filter-panel { overflow-y: auto; scrollbar-width: thin; scrollbar-color: #6a9079 transparent; }
}
@media (max-width: 760px) {
  .city-page-hero .editorial-hero__actions .button { min-width: 0; min-height: 56px; padding: 16px 26px; font-size: 16px; }
}

/* Catalogs share the established rounded panels and green controls. */
.product-hero{padding-block:clamp(32px,5vw,72px);max-width:1800px}.product-hero h1{font-size:clamp(32px,4vw,64px);line-height:1.08;max-width:1100px;margin:18px 0 24px}.product-hero>p:last-child{max-width:960px;font-size:clamp(18px,1.4vw,23px);line-height:1.65;color:#55645c}.product-feed{padding-top:16px}.product-feed__heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.product-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;background:#e1f2e8;border:1px solid #bed8c8;border-radius:28px;padding:28px;margin:24px 0 32px}.product-filters label,.repayment-calculator label{display:grid;gap:9px;font-weight:600;min-width:0}.product-filters input,.product-filters select,.task-search input,.repayment-calculator input{border:1px solid #bdcfc2;border-radius:14px;padding:15px;background:#fff;color:#1b2420;font:inherit;width:100%;min-width:0}.product-filters .button{align-self:end}.product-feed .offer-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.offer-card__details{display:block;text-align:center;font-weight:600;color:#16834d;margin-top:14px}.product-comparison{overflow:auto;margin-top:32px;max-width:100%;border:1px solid #dbe3dd;border-radius:24px;background:#fff}.product-comparison table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}.product-comparison caption{text-align:left;font-weight:700;padding:24px;font-size:24px}.product-comparison th,.product-comparison td{padding:18px 24px;text-align:left;border-bottom:1px solid #e0e6e2;min-width:130px}.product-comparison th{font-weight:600}.product-related{display:flex;flex-wrap:wrap;gap:14px}.product-related a{background:#fff;border:1px solid #dbe3dd;border-radius:16px;padding:12px 18px;color:#285d43;text-decoration:none}.product-explanation p,.product-detail p{font-size:20px;line-height:1.7;max-width:1000px}.task-directory{margin-block:24px}.task-search{display:grid;max-width:650px;gap:12px;font-weight:600;margin-bottom:32px}.task-directory__groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.task-directory__groups section,.mfo-directory article{padding:28px;background:#fff;border:1px solid #dbe3dd;border-radius:28px}.task-directory ul,.footer-catalog ul{list-style:none;margin:0;padding:0}.task-directory li{margin:12px 0}.task-directory a{color:#265c40}.mfo-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.mfo-directory .button{margin-top:20px}.product-detail h2{margin-top:42px;margin-bottom:20px;font-size:clamp(26px,2.6vw,40px)}.mfo-identity{display:flex;align-items:flex-start;gap:28px;background:#e1f2e8;border-radius:28px;padding:28px;margin-bottom:28px}.mfo-identity img{object-fit:contain;background:#fff;padding:12px;border-radius:16px;flex:none}.mfo-identity dl,.product-detail__variant dl{margin:0;display:grid;gap:16px}.mfo-identity dl div,.product-detail__variant dl div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:18px}.mfo-identity dt,.product-detail__variant dt{color:#526058}.mfo-identity dd,.product-detail__variant dd{margin:0;overflow-wrap:anywhere}.product-detail__variant{padding:28px;border:1px solid #dbe3dd;background:#fff;border-radius:24px;margin-top:24px}.repayment-calculator{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1100px;background:#e1f2e8;padding:28px;border-radius:28px}.repayment-calculator output{grid-column:1/-1;font-size:24px;font-weight:700}.repayment-calculator .check-field{display:flex;align-items:center}.repayment-calculator input[type=checkbox]{width:24px}.footer-catalog{padding-block:40px;border-top:1px solid #3a493f}.footer-catalog header{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-catalog h2{font-size:28px;color:#fff}.footer-catalog__groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;margin-block:32px}.footer-catalog summary{font-weight:700;color:#fff;cursor:pointer;margin-bottom:18px}.footer-catalog li{margin:9px 0;font-size:15px;line-height:1.5}.footer-catalog a{color:#b8cec0;text-decoration:none}.footer-catalog a:hover{color:#fff}.footer-catalog__cities>ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px}.approval-badge{display:inline-flex;align-items:center;color:#145633;background:#ccf5de;border-radius:20px;padding:9px 18px;font-weight:650;margin:8px 0}.approval-note{font-size:14px!important;line-height:1.5!important;margin:0 0 16px!important;max-width:600px!important}.product-feed [hidden],.task-directory [hidden]{display:none!important}
@media(max-width:1100px){.product-feed .offer-grid,.mfo-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.task-directory__groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.product-filters,.repayment-calculator{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px;border-radius:22px}.product-feed .offer-grid,.task-directory__groups,.mfo-directory{grid-template-columns:1fr}.product-feed__heading{align-items:start}.product-feed__heading h2{font-size:28px}.product-hero h1{overflow-wrap:anywhere}.product-explanation p,.product-detail p{font-size:18px}.mfo-identity{display:block;padding:20px}.mfo-identity img{margin-bottom:20px}.mfo-identity dl div,.product-detail__variant dl div{grid-template-columns:1fr;gap:4px}.footer-catalog__groups{grid-template-columns:1fr;gap:0;margin-block:20px}.footer-catalog details{border-bottom:1px solid #3a493f;padding:16px 0}.footer-catalog summary{margin-bottom:0}.footer-catalog details[open] summary{margin-bottom:16px}.footer-catalog__cities>ul{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-catalog header{display:block}.product-detail__variant{padding:20px}.task-directory__groups section{padding:22px}}
@container financial-card (max-width:350px){.product-filters,.repayment-calculator{grid-template-columns:1fr}}
/* Stronger green for the selection form controls. */
.lead-form { --form-accent: #16834d; }
.lead-form .button--primary { background-color: var(--form-accent); color: #fff; box-shadow: 0 12px 24px rgba(22,131,77,.18); }
.lead-form .range-field input[type='range'] { background: linear-gradient(to right, var(--form-accent) 0 var(--range-progress, 50%), #dce3de var(--range-progress, 50%) 100%) center / 100% 6px no-repeat; }
.lead-form .range-field input[type='range']::-webkit-slider-thumb { background: var(--form-accent); }
.lead-form .range-field input[type='range']::-moz-range-thumb { background: var(--form-accent); }

.product-detail .button--primary{background:#16834d;color:#fff}.product-detail .button--primary:hover{background:#11663c}

/* Listing sections share one gap instead of stacking landing-page padding. */
main:has(> .product-feed) > .section {
  padding-block: 0;
}
main:has(> .product-feed) > .product-feed {
  padding-top: 16px;
}
main:has(> .product-feed) > .section + .section {
  margin-top: clamp(36px, 4.4vw, 56px);
}
main:has(> .product-feed) > .section:last-child {
  padding-bottom: clamp(36px, 4.4vw, 56px);
}
main:has(> .product-feed) > .section > h2,
main:has(> .product-feed) .section-heading {
  margin-bottom: 24px;
}
main:has(> .product-feed) .section-heading > :last-child,
main:has(> .product-feed) > .section > :last-child {
  margin-bottom: 0;
}
main:has(> .product-feed) .product-related + h2 {
  margin-top: 32px;
}

/* Financial catalog reuses the site's dark green and soft colour panels. */
.financial-navigation { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 28px; }
.financial-navigation a { display:flex; align-items:center; gap:12px; padding:12px 18px; border:1px solid #d8e0db; border-radius:24px; background:#fff; color:#202b24; text-decoration:none; font-size:15px; }
.financial-navigation a[aria-current=page] { color:#fff; background:#225d41; border-color:#225d41; }
.financial-navigation a span { opacity:.7; }

/* The footer shares link markup with the light catalog navigation. */
.site-footer__bottom { margin-top:20px; padding-block:16px; border-top:0; }
.site-footer .footer-catalog { padding-block:24px; }
.site-footer .footer-catalog > header { display:flex; align-items:center; flex-wrap:wrap; gap:12px 20px; }
.site-footer .footer-catalog > header h2 { margin:0; line-height:1.2; }
.site-footer .footer-catalog > header > a { display:inline-flex; align-items:center; min-height:44px; flex:none; }
.site-footer .footer-catalog__groups { align-items:start; gap:16px 8px; margin:0 0 16px; }
.site-footer .footer-catalog [data-footer-group] { min-width:0; padding:0; border:0; }
.site-footer .footer-catalog [data-footer-group] > summary {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  min-height:44px; margin:0; padding:10px 14px; list-style:none;
  border:1px solid #3a493f; border-radius:12px; background:#202b24;
  color:#e2e9e5; font-size:14px; line-height:1.5;
}
.site-footer .footer-catalog [data-footer-group] > summary::-webkit-details-marker { display:none; }
.site-footer .footer-catalog [data-footer-group] > summary::marker { content:''; }
.site-footer .footer-catalog [data-footer-group] > summary::after {
  content:''; width:8px; height:8px; flex:none; margin:0 3px 4px;
  border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:rotate(45deg); transition:transform .18s ease;
}
.site-footer .footer-catalog [data-footer-group][open] > summary::after { transform:rotate(225deg); margin-bottom:0; }
.site-footer .footer-catalog [data-footer-group] > summary:hover { background:#294333; border-color:#6d9b7d; }
.site-footer .footer-catalog [data-footer-group] > summary:focus-visible { outline:2px solid #20d979; outline-offset:3px; }
.site-footer .footer-catalog [data-footer-group] > ul { padding:4px 14px 0; }
.site-footer .footer-catalog li { margin-block:6px; line-height:1.45; }
@media(max-width:760px) {
  .site-footer .footer-catalog { padding-block:20px; }
  .site-footer .footer-catalog__groups { gap:8px; }
}
@media(prefers-reduced-motion:reduce) {
  .site-footer .footer-catalog [data-footer-group] > summary::after { transition:none; }
}
.site-footer .footer-catalog .financial-navigation {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px;
  margin:12px 0 8px; padding:0; overflow:visible; min-width:0;
}
.site-footer .footer-catalog .financial-navigation a {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  min-width:0; min-height:44px; padding:10px 14px; white-space:normal;
  border:1px solid #3a493f; border-radius:12px; background:#202b24;
  color:#e2e9e5; font-size:14px; line-height:1.5;
}
.site-footer .footer-catalog .financial-navigation a:hover,
.site-footer .footer-catalog .financial-navigation a[aria-current=page] {
  background:#294333; border-color:#6d9b7d; color:#ccf5de;
}
.site-footer .footer-catalog .financial-navigation a:focus-visible {
  outline:2px solid #20d979; outline-offset:3px;
}
.site-footer .footer-catalog .financial-navigation a span { flex:none; }
@media(max-width:1000px) {
  .site-footer .footer-catalog .financial-navigation,
  .site-footer .footer-catalog__groups { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px) {
  .site-footer .footer-catalog .financial-navigation,
  .site-footer .footer-catalog__groups { grid-template-columns:1fr; gap:8px; }
}
@media(max-width:480px) {
  .site-footer .footer-catalog .financial-navigation { grid-template-columns:1fr; gap:8px; margin-block:12px 8px; }
  .site-footer .footer-catalog .financial-navigation a { min-height:44px; padding:10px 14px; }
}
.financial-group-grid,.financial-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.financial-group-grid>a { padding:32px; border-radius:28px; background:#c9f4dd; text-decoration:none; color:#202b24; }
.financial-group-grid>a:nth-child(3n+2) { background:#e3dafa; }
.financial-group-grid>a:nth-child(3n) { background:#f0eadf; }
.financial-group-grid h2 { font-size:28px; margin:0 0 24px; }
.financial-card { display:flex; flex-direction:column; gap:20px; padding:28px; background:#fff; border:1px solid #dce3de; border-radius:28px; min-width:0; overflow-wrap:anywhere; }
.financial-card[hidden] { display:none !important; }
.financial-card header { display:flex; gap:16px; align-items:flex-start; }
.financial-card h2 { font-size:23px; line-height:1.2; margin:0; }
.financial-card .eyebrow { font-size:11px; margin:0 0 8px; }
.financial-monogram { flex:0 0 48px; height:48px; border-radius:16px; background:#d1f2df; display:grid; place-items:center; color:#225d41; font-size:18px; font-weight:700; }
.financial-card dl { margin:0; padding:20px; border-radius:20px; background:#f2f6f3; display:grid; gap:14px; }
.financial-card dt { font-size:13px; color:#64746a; margin-bottom:6px; }
.financial-card dd { font-size:16px; line-height:1.5; margin:0; white-space:pre-line; }
.financial-details { margin-top:auto; color:#225d41; font-weight:600; }
.financial-card .button { gap:16px; justify-content:space-between; margin:0; }
.financial-card .form-note { margin:-8px 0 0; font-size:12px; }
.financial-search { display:flex; align-items:end; flex-wrap:wrap; gap:16px; margin-bottom:28px; }
.financial-search label { display:grid; gap:8px; flex:1 1 220px; font-size:15px; }
.financial-search input,.financial-search select { width:100%; padding:14px 16px; border:1px solid #d8e0db; border-radius:14px; background:#fff; min-height:50px; }
.financial-search p { flex-basis:100%; margin:0; color:#627166; }
.financial-source { margin-top:28px; max-width:1000px; }
.financial-details-block { max-width:1200px; }
.financial-detail { padding:32px; background:#fff; border:1px solid #dce3de; border-radius:28px; margin-bottom:24px; }
.financial-detail h2 { font-size:32px; margin:0 0 24px; }
.financial-detail h3 { margin:28px 0 12px; font-size:23px; }
.financial-detail p { font-size:18px; line-height:1.65; }
.financial-detail dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:0 0 24px; }
.financial-detail dt { font-size:14px; color:#627166; margin-bottom:8px; }
.financial-detail dd { font-size:18px; line-height:1.5; margin:0; white-space:pre-line; overflow-wrap:anywhere; }
.financial-detail .button { width:auto; max-width:400px; margin:28px 0 12px; }
.financial-detail .form-note { font-size:14px; }
@media(max-width:1100px) { .financial-card-grid,.financial-group-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .financial-card-grid,.financial-group-grid,.financial-detail dl { grid-template-columns:1fr; } .financial-card,.financial-detail { padding:22px; border-radius:24px; } .financial-detail h2 { font-size:28px; } .financial-detail dd,.financial-detail p { font-size:16px; } .financial-navigation a { padding:10px 14px; font-size:14px; } }

main:has(> .financial-catalog) > .product-hero,
main:has(> .financial-details-block) > .product-hero { padding-bottom:32px; }
main > .financial-catalog,main > .financial-details-block { padding-top:0; padding-bottom:56px; }
.financial-card dd { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; }

@media(max-width:760px) {
 .financial-navigation { flex-wrap:nowrap; max-width:100%; overflow-x:auto; padding-bottom:6px; }
 .financial-navigation a { flex:0 0 auto; white-space:nowrap; }
}
/* Configurable category navigation also appears on existing pages. */
.category-directory{display:flex;flex-wrap:wrap;gap:24px;padding:24px;max-width:1800px;margin-inline:auto}.category-directory summary{font-weight:700;cursor:pointer}.category-directory details>div{display:flex;flex-wrap:wrap;gap:12px 24px;padding-top:14px}.category-directory a{font-size:15px}.category-directory:not(.site-footer .category-directory){padding-block:12px}.category-directory:not(.site-footer .category-directory) details{position:relative}.category-directory:not(.site-footer .category-directory) details[open]>div{position:absolute;background:#fff;border:1px solid #d9e2dc;border-radius:20px;padding:20px;width:320px;z-index:50;box-shadow:0 12px 36px #172e1d15}.category-directory:not(.site-footer .category-directory) details[open]>div>a{display:block;width:100%}@media(max-width:650px){.category-directory{padding:20px;gap:16px}.category-directory details{width:100%}.category-directory details>div{flex-direction:column}.category-directory:not(.site-footer .category-directory) details[open]>div{position:static;width:100%;box-shadow:none}}

/* Generated catalogs share a compact editorial rhythm on every route. */
main:has(> .product-hero) > .product-hero { padding-block:28px 24px; }
main:has(> .product-hero) > .product-hero > p:last-child { margin-bottom:0; max-width:72ch; font-size:18px; line-height:1.6; }
main:has(> .product-hero) > .section { padding-block:32px; }
main:has(> .product-hero) > .product-hero + .section { padding-top:0; }
main:has(> .product-hero) > .section > h2 { margin-bottom:20px; font-size:clamp(28px,3vw,40px); line-height:1.15; }
main:has(> .product-hero) .task-directory { margin:0; }
main:has(> .product-hero) .task-search { margin-bottom:24px; }
.product-preserved__heading { margin-bottom:24px; max-width:760px; }
.product-preserved__heading h2 { font-size:clamp(28px,3vw,40px); line-height:1.15; margin:0; }
.product-preserved__heading .eyebrow { margin-bottom:12px; }
.product-preserved__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 40px; }
.product-preserved__item { min-width:0; border-top:1px solid #d7e0da; padding:24px 0; }
.product-preserved .product-preserved__item h3 { margin:0 0 14px; font-size:21px; line-height:1.25; letter-spacing:-.025em; }
.product-preserved .product-preserved__item p,.product-preserved .product-preserved__item li { max-width:65ch; font-size:16px; line-height:1.65; }
.product-preserved .product-preserved__item p { margin:0 0 12px; }
.product-preserved .product-preserved__item > :last-child { margin-bottom:0; }
.product-preserved .product-preserved__item :is(ul,ol) { padding-left:20px; margin-bottom:12px; }
.product-preserved .product-preserved__item li + li { margin-top:8px; }
@media(max-width:760px) {
 main:has(> .product-hero) > .product-hero { padding-block:20px 24px; }
 main:has(> .product-hero) > .product-hero > p:last-child { font-size:16px; }
 main:has(> .product-hero) > .section { padding-block:24px; }
 main:has(> .product-hero) > .product-hero + .section { padding-top:0; }
 .product-preserved__grid { grid-template-columns:1fr; }
 .product-preserved__item { padding-block:20px; }
 .product-preserved .product-preserved__item h3 { font-size:20px; }
}

.task-directory__groups { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:16px; }
.task-directory__groups section { padding:24px; border-radius:24px; }
.task-directory__groups section > header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.task-directory__groups h3 { margin:0; font-size:21px; line-height:1.25; }
.task-directory__groups section > header > span { display:grid; place-items:center; min-width:28px; height:28px; border-radius:50%; background:#e5f5eb; color:#34654a; font-size:12px; }
.task-directory__groups ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 20px; }
.task-directory__groups li { margin:0; font-size:15px; line-height:1.45; }
.task-directory__groups a { display:inline-block; padding-block:7px; text-decoration:none; }
.task-directory__groups a:hover { text-decoration:underline; }
.task-directory__groups section:has(li:nth-child(13)) { grid-column:1/-1; }
.task-directory__groups section:has(li:nth-child(13)) ul { grid-template-columns:repeat(4,minmax(0,1fr)); }
.product-preserved__item:first-child:not(:has(h3)) { grid-column:1/-1; padding:18px 22px; margin-bottom:24px; border:0; border-radius:16px; background:#e4f1e8; }
@media(max-width:1000px) { .task-directory__groups section:has(li:nth-child(13)) ul { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
 .task-directory__groups { grid-template-columns:1fr; gap:12px; }
 .task-directory__groups section { padding:20px; }
 .task-directory__groups h3 { font-size:20px; }
 .task-directory__groups ul { grid-template-columns:1fr; }
 .task-directory__groups a { padding-block:8px; }
}

.product-feed__heading { align-items:center; gap:16px; }
.product-feed__heading h2 { flex:1; min-width:0; margin:0; font-size:clamp(26px,2.8vw,38px); line-height:1.15; }
.product-feed__heading > p { flex:none; margin:0; white-space:nowrap; font-size:14px; color:#58665e; }
.product-filters { margin-block:20px 24px; }
.editorial-article { padding-block:32px 48px; }
.article-heading { margin-bottom:32px; }
.article-heading h1 { margin:0 0 20px; font-size:clamp(32px,4.2vw,56px); line-height:1.12; }
.article-heading .article-byline { margin-block:4px; font-size:14px; }
@media(max-width:760px) {
 .editorial-article { padding-block:24px 32px; }
 .article-heading { margin-bottom:24px; }
 .product-feed__heading > p { font-size:13px; }
}

.article-body > .legal-list,.article-body > [data-editor-block-id] > .legal-list { display:block; }

/* Keep adjacent generated sections close without stacking their top padding. */
main:has(> .product-hero) > .section + .section { padding-top:0; }
.site-footer__bottom { flex-direction:column; align-items:center; justify-content:center; gap:8px; text-align:center; }
.site-footer__bottom p:last-child { max-width:100%; white-space:normal; text-align:center; }
.site-footer__requisites .site-footer__copyright { margin-top:12px; color:#9aa69f; font-size:11px; line-height:1.5; }
.site-footer__copyright > p { margin:0; font:inherit; }

/* Mobile cards start with their content; decorative ordinals stay on desktop. */
@media(max-width:760px) {
 .benefit-card__number,
 .benefits-section__meta,
 .city-card > span,
 .category-brief__content > article > header > span,
 .category-brief__index nav span,
 .task-directory__groups section > header > span { display:none; }
 .benefit-card,.home-page .benefit-card { min-height:0; height:auto; padding:22px; }
 .benefit-card__copy,.home-page .benefit-card__copy { margin-top:0; padding-top:0; }
 .benefit-card__icon { position:absolute; top:22px; right:22px; width:20px; height:20px; }
 .benefit-card h3 { padding-right:32px; }
 .benefits-section__cards .benefit-grid { gap:12px; }
 .city-card { min-height:0; }
 .city-card small { margin-top:0; }
}

/* Share row tracks so varying product titles and rates keep a common rhythm. */
.product-feed .offer-card__top { align-items:start; }
.product-feed .tag-list { min-height:0; margin-bottom:18px; align-content:start; }
.product-feed .offer-card__registry { margin:0; }
@media(min-width:761px) {
 @supports(grid-template-rows:subgrid) {
  .product-feed .offer-grid { row-gap:0; }
  .product-feed .offer-card { display:grid; grid-template-rows:subgrid; grid-row:span 9; row-gap:0; min-height:0; margin-bottom:18px; }
  .product-feed .offer-card__top { grid-row:1; }
  .product-feed .offer-card__facts { grid-row:2 / span 2; grid-template-rows:subgrid; }
  .product-feed .offer-card > .tag-list { grid-row:4; }
  .product-feed .offer-card__claim { grid-row:5; }
  .product-feed .offer-card__registry { grid-row:6; margin:0; }
  .product-feed .offer-card > .button { grid-row:7; }
  .product-feed .offer-card__details { grid-row:8; }
  .product-feed .offer-card__ad { grid-row:9; }
 }
}

.organization-logo { width:72px; height:58px; flex:0 0 72px; padding:7px; display:grid; place-items:center; border:1px solid rgba(28,33,31,.09); border-radius:18px; background:#fff; color:#335946; overflow:hidden; }
.organization-logo img { display:block; width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; }
.category-card .organization-logo { width:64px; height:64px; flex-basis:64px; }
.financial-card { gap:0; padding:clamp(25px,2.2vw,30px); border-color:rgba(28,33,31,.1); border-radius:24px; box-shadow:0 14px 36px rgba(20,35,26,.055); }
.financial-card header { display:grid; grid-template-columns:72px minmax(0,1fr); align-items:start; gap:14px; }
.financial-card header > div { min-width:0; }
.financial-card h2 { font-size:1.4rem; font-weight:690; line-height:1.2; }
.financial-card .eyebrow { margin-bottom:4px; color:#6a746e; font-size:.68rem; font-weight:500; line-height:1.4; letter-spacing:.06em; }
.financial-card dl { margin:26px 0 22px; padding:20px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 20px; border-radius:20px; background:#dff6e8; align-content:start; }
.financial-card:nth-child(5n + 2) > .financial-card__facts { background:#e9e2ff; }
.financial-card:nth-child(5n + 3) > .financial-card__facts { background:#e7f3c9; }
.financial-card:nth-child(5n + 4) > .financial-card__facts { background:#f3ead8; }
.financial-card:nth-child(5n + 5) > .financial-card__facts { background:#dceff0; }
.financial-card .financial-fact { min-width:0; }
.financial-card .financial-fact--wide { grid-column:1/-1; }
.financial-card .financial-fact--cost:not(:first-child) { padding-top:16px; border-top:1px solid rgba(28,33,31,.13); }
.financial-card dt { margin-bottom:6px; color:#52605a; font-size:.65rem; font-weight:500; }
.financial-card dd { font-size:.875rem; line-height:1.5; font-weight:600; -webkit-line-clamp:4; }
.financial-card__footer { display:flex; flex-direction:column; align-self:end; margin-top:auto; gap:14px; }
.financial-card .button { min-height:48px; width:100%; justify-content:center; margin:0; font-size:16px; }
.financial-card .financial-details { margin:0; text-align:center; color:#16834d; font-size:16px; line-height:1.4; }
.financial-card .form-note { margin:0; text-align:center; color:#58645d; font-size:.6rem; line-height:1.5; }
@media(min-width:761px) {
 @supports(grid-template-rows:subgrid) {
  .financial-card-grid { row-gap:0; }
  .financial-card { display:grid; grid-template-rows:subgrid; grid-row:span 3; row-gap:0; margin-bottom:24px; }
  .financial-card > header { grid-row:1; }
  .financial-card > dl { grid-row:2; }
  .financial-card > footer { grid-row:3; align-self:start; margin-top:0; }
 }
}
@media(max-width:760px) {
 .financial-card { padding:25px; }
 .financial-card h2 { font-size:1.3rem; }
 .financial-card dl { gap:16px; }
}

/* Editorial guidance uses the same quiet surfaces and outline icons as products. */
.ui-icon { display:block; flex:none; width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.topic-icon { display:grid; place-items:center; flex:none; width:42px; height:42px; border-radius:14px; background:#e1f3e8; color:#1a7553; }
.icon-heading { display:flex; align-items:center; gap:12px; }
.icon-heading > .ui-icon { color:#1a7553; width:28px; height:28px; }
.decision-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.decision-card { min-width:0; padding:26px; border:1px solid #dce4de; border-radius:24px; background:#fff; }
.decision-card:nth-child(2) { background:#e9e2ff; border-color:transparent; }
.decision-card:nth-child(3) { background:#e7f3c9; border-color:transparent; }
.decision-card:nth-child(2) .topic-icon,.decision-card:nth-child(3) .topic-icon { background:#ffffff80; }
.decision-card h3 { margin:20px 0 10px; font-size:21px; line-height:1.25; }
.decision-card p { margin:0; font-size:16px; line-height:1.6; color:#52605a; }
.product-explanation .section-heading,main:has(> .product-hero) > .section > .section-heading { max-width:none; margin-bottom:24px; }
.product-explanation .section-heading h2,main:has(> .product-hero) > .section > .section-heading h2 { margin:0; font-size:clamp(28px,3vw,40px); line-height:1.15; }
.product-explanation .section-heading .eyebrow { margin-bottom:12px; }
.product-explanation .decision-card p { font-size:16px; line-height:1.6; }
main:has(> .product-feed) > .section + .section { margin-top:24px; }
.product-preserved__grid { gap:16px; }
.product-preserved__item { display:flex; align-items:flex-start; gap:18px; padding:24px; border:1px solid #dce4de; border-radius:24px; background:#fff; }
.product-preserved__copy { min-width:0; flex:1; }
.product-preserved .product-preserved__copy > :last-child { margin-bottom:0; }
.product-preserved .product-preserved__copy :is(p,li) { max-width:none; }
.product-preserved__item:first-child:not(:has(h3)),.product-preserved__item--notice { grid-column:1/-1; align-items:center; padding:20px 24px; margin:0; border:0; border-radius:20px; background:#e4f1e8; }
.product-preserved__item--notice .topic-icon { background:#ffffff80; }
.task-directory__groups h3 { display:flex; align-items:center; gap:12px; }
.task-directory__groups .topic-icon { width:36px; height:36px; border-radius:12px; }
.task-directory__groups .ui-icon { width:21px; height:21px; }
.financial-navigation a { display:flex; align-items:center; gap:10px; }
.financial-navigation .ui-icon { width:19px; height:19px; color:#1a7553; }
.financial-navigation a > span { margin-left:auto; }
.financial-navigation a[aria-current] .ui-icon { color:inherit; }
.financial-search { padding:22px; border:1px solid #c8ddcf; border-radius:24px; background:#e7f2e9; }
.financial-search > p { font-size:13px; }
.product-resources__panel { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:0 36px; padding:30px; border:1px solid #dce4de; border-radius:24px; background:#fff; }
.product-resources h2.icon-heading { margin:0 0 18px; gap:10px; font-size:24px; line-height:1.25; }
.product-resources .icon-heading .ui-icon { width:22px; height:22px; }
.product-resources .product-related { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }
.product-resources .product-related a { padding:9px 0; border:0; border-radius:0; background:none; font-size:15px; line-height:1.45; text-decoration:none; }
.product-resources a:hover { color:#16834d; text-decoration:underline; }
.product-resources__sources { padding-left:32px; border-left:1px solid #e3e9e5; }
.product-resources__date { margin:-8px 0 12px; font-size:13px; line-height:1.5; color:#728077; }
.product-resources__sources ul { margin:0; padding:0; list-style:none; }
.product-resources__sources li { margin:0; padding:6px 0; font-size:15px; line-height:1.45; }
.product-resources__sources a { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#315543; text-decoration:none; }
.product-resources__sources a > span { color:#87958c; font-size:14px; }
.product-resources__sources small { display:block; color:#728077; font-size:12px; }
.product-resources__byline { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:8px 24px; justify-content:space-between; margin:24px 0 0; padding-top:18px; border-top:1px solid #e3e9e5; color:#728077; font-size:12px; line-height:1.5; }
@media(max-width:900px) { .product-resources__panel { grid-template-columns:1fr; gap:24px; } .product-resources__sources { padding:24px 0 0; border-left:0; border-top:1px solid #e3e9e5; } .product-resources__byline { margin:0; } }
@media(max-width:600px) { .product-resources__panel { padding:22px; } .product-resources h2.icon-heading { font-size:21px; } .product-resources .product-related { grid-template-columns:1fr; } }
/* PNGs carry equal optical padding on a shared 160 × 128 canvas. */
.offer-card__logo,.organization-logo,.result-offer-row__logo { padding:0; }
:is(.offers-grid-section,.product-feed,.catalog-offer-grid) .offer-card__logo { padding:0; }
.offer-card__logo .offer-card__logo-image,.organization-logo img,.result-offer-row__logo img { display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; border-radius:0; }
.mfo-directory__identity { display:flex; align-items:center; gap:14px; margin-bottom:18px; }
.mfo-directory__identity h2 { margin:0; font-size:24px; }
/* Financial listings follow the homepage's compact hierarchy. */
.financial-card > header { align-items:center; }
.financial-card__name { min-width:0; margin:12px 0 0; color:#52605a; font-size:15px; line-height:1.45; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.financial-card dl.financial-card__facts { margin:24px 0 14px; gap:0 18px; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); align-content:start; padding:20px; }
.financial-card__facts > .financial-fact:not(.financial-fact--cost) { padding-bottom:12px; }
.financial-card__facts > .financial-fact:nth-child(2) { padding-left:18px; border-left:1px solid #1c211f20; }
.financial-card__facts .financial-fact--cost { grid-column:1/-1; padding-top:12px; border-top:1px solid #1c211f20; }
.financial-card dd.financial-fact__value { display:block; font-size:19px; line-height:1.3; font-weight:700; letter-spacing:-.02em; }
.financial-card .financial-fact:nth-child(2) dd.financial-fact__value { font-size:14px; font-weight:760; }
.financial-card .eyebrow { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.financial-card .amount-range { gap:5px 10px; font-size:18px; }
.financial-card .amount-range small { font-weight:500; }
.financial-card dd.financial-fact__text { display:-webkit-box; -webkit-line-clamp:2; font-size:14px; line-height:1.45; font-weight:600; }
.financial-fact__context { margin:6px 0 0; color:#52605a; font-size:11px; line-height:1.45; }
.financial-card .financial-fact--cost dd { display:-webkit-box; -webkit-line-clamp:2; font-size:13px; font-weight:500; line-height:1.5; }
.financial-card__facts--intro .financial-fact--cost { padding-top:0; border:0; }
.financial-card__notes { margin:0 0 12px; padding:0; list-style:none; font-size:12px; line-height:1.5; color:#52605a; }
.financial-card__notes li { display:flex; align-items:start; gap:8px; }
.financial-card__notes li::before { content:'✓'; flex:none; color:#138553; font-size:15px; font-weight:600; }
.financial-card__notes li + li { margin-top:6px; }
@media(min-width:761px) {
 @supports(grid-template-rows:subgrid) {
  .financial-card { grid-row:span 7; }
  .financial-card > header { grid-row:1; }
  .financial-card > .financial-card__name { grid-row:2; }
  .financial-card > dl.financial-card__facts { grid-row:3 / span 2; grid-template-rows:subgrid; }
  .financial-card__facts > .financial-fact:not(.financial-fact--cost) { grid-row:1; }
  .financial-card__facts > .financial-fact--cost { grid-row:2; }
  .financial-card__facts--intro > .financial-fact--cost { grid-row:1 / span 2; align-self:start; }
  .financial-card > .financial-card__notes { grid-row:5; }
  .financial-card > .financial-card__disclosure { grid-row:6; }
  .financial-card > footer { grid-row:7; }
 }
}
.financial-card__disclosure { min-width:0; margin:0 0 14px; }
.financial-card__disclosure > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:36px; padding:8px 12px; border:1px solid #d6e2d9; border-radius:12px; color:#276047; background:#f4f8f4; cursor:pointer; font-size:13px; font-weight:600; list-style:none; }
.financial-card__disclosure > summary::-webkit-details-marker { display:none; }
.financial-card__disclosure > summary:hover { background:#eaf3ed; }
.financial-card__disclosure > summary:focus-visible { outline:2px solid #16834d; outline-offset:3px; }
.financial-card__disclosure .ui-icon { width:18px; height:18px; transition:transform .18s ease; }
.financial-card__less-label { display:none; }
.financial-card__disclosure[open] .financial-card__more-label { display:none; }
.financial-card__disclosure[open] .financial-card__less-label { display:inline; }
.financial-card__disclosure[open] .ui-icon { transform:rotate(180deg); }
.financial-card__expanded { padding:18px 0 0; }
.financial-card .financial-card__expanded dl { display:block; padding:0; margin:0; background:transparent; border-radius:0; }
.financial-card__expanded dl > div { padding:12px 0; border-top:1px solid #dce5df; }
.financial-card__expanded dt { font-size:12px; margin-bottom:6px; }
.financial-card__expanded dd { display:block; -webkit-line-clamp:unset; overflow:visible; margin:0; white-space:normal; font-size:14px; line-height:1.6; font-weight:400; overflow-wrap:anywhere; }
.financial-card__expanded > p { margin:0; font-size:14px; line-height:1.6; color:#52605a; }
.financial-card__expanded > .financial-card__expanded-name { margin:0 0 12px; font-weight:600; color:#263b30; }
.financial-card__footer { gap:12px; align-self:stretch; width:100%; }
.financial-card__disclosure[open] ~ .financial-card__footer { margin-top:0; }
.financial-card:has(.financial-card__disclosure[open]) .financial-card__name { display:block; overflow:visible; }
.financial-group-grid > a { display:flex; flex-direction:column; align-items:start; padding:28px; min-height:220px; border:1px solid #1c211f0d; border-radius:24px; }
.financial-group-grid .topic-icon { background:#ffffff80; }
.financial-group-grid h2 { font-size:25px; line-height:1.2; margin:20px 0 18px; }
.financial-group-grid > a > span:last-child { margin-top:auto; font-size:14px; }
.financial-detail__identity { display:flex; align-items:center; gap:18px; margin-bottom:24px; }
.financial-detail .financial-detail__identity h2 { margin:0; font-size:26px; line-height:1.25; }
.financial-detail__identity .eyebrow { margin-bottom:6px; font-size:11px; }
@media(prefers-reduced-motion:reduce) { .financial-card__disclosure .ui-icon { transition:none; } }
@media(max-width:760px) {
 .financial-card-grid { gap:14px; }
 .financial-search .button { width:100%; }
 .financial-card .amount-range { font-size:17px; }
}
@media(max-width:900px) { .decision-grid { grid-template-columns:1fr; } }
@media(max-width:760px) {
 .decision-grid { gap:12px; }
 .decision-card { padding:22px; display:grid; grid-template-columns:36px minmax(0,1fr); gap:0 14px; align-items:start; }
 .decision-card .topic-icon { grid-row:1 / span 2; width:36px; height:36px; border-radius:12px; }
 .decision-card h3 { margin:0 0 8px; font-size:20px; }
 .decision-card p { grid-column:2; font-size:15px; }
 .product-explanation .decision-card p { font-size:15px; }
 .product-preserved__item,.product-preserved__item:first-child:not(:has(h3)) { padding:20px; gap:14px; border-radius:20px; }
 .product-preserved__item > .topic-icon { width:32px; height:32px; border-radius:10px; }
 .product-preserved__item > .topic-icon .ui-icon { width:20px; height:20px; }
 .product-preserved .product-preserved__item :is(p,li) { font-size:15px; line-height:1.6; }
}

@container financial-card (max-width:350px) {
 .financial-card dl.financial-card__facts { grid-template-columns:minmax(0,1fr); }
 .financial-card__facts > .financial-fact:nth-child(2) { padding:12px 0; border-left:0; border-top:1px solid #1c211f20; }
}

@container financial-card (max-width:350px) {
 .financial-card__facts > .financial-fact:nth-child(2) { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
 .financial-card__facts > .financial-fact:nth-child(2) dt { margin-bottom:0; flex:none; }
 .financial-card__facts > .financial-fact:nth-child(2) dd { text-align:right; min-width:0; flex:1; }
}

/* Card tracks stay stable while only the chosen description expands. */
:is(.financial-card-grid,.category-grid) { overflow-anchor:none; }
:is(.financial-card-grid,.category-grid)[data-card-layout] { align-items:start; row-gap:24px; }
:is(.financial-card-grid,.category-grid)[data-card-layout] > .financial-card { display:flex; flex-direction:column; grid-row:auto; margin-bottom:0; }
[data-card-layout] .financial-card > header { min-height:var(--card-header,0px); }
[data-card-layout] .financial-card dl.financial-card__facts { grid-template-rows:auto; }
[data-card-layout] .financial-card__facts > .financial-fact { grid-row:auto; }
[data-card-layout] .financial-card__facts > .financial-fact:not(.financial-fact--cost) { min-height:var(--card-metric,0px); }
[data-card-layout] .financial-card__facts > .financial-fact--cost { min-height:var(--card-cost,0px); }
.financial-card__notes:empty { margin-bottom:0; }
[data-card-layout] .financial-card__notes { min-height:var(--card-notes,0px); margin-bottom:var(--card-notes-gap,12px); }
[data-card-layout] .financial-card__notes:empty { margin-bottom:var(--card-notes-gap,0px); }
[data-card-layout] .financial-card__footer { min-height:var(--card-footer,0px); margin-top:0; }
@media(max-width:760px) { :is(.financial-card-grid,.category-grid)[data-card-layout] { row-gap:14px; } }

@container financial-card (max-width:350px) {
 .financial-card__facts > .financial-fact:nth-child(2):has(.financial-fact__text) { display:block; }
 .financial-card__facts > .financial-fact:nth-child(2) dd.financial-fact__text { text-align:left; margin-top:6px; }
}

.financial-card { container-type:inline-size; container-name:financial-card; }
[data-card-layout] .financial-card__facts > .financial-fact:nth-child(2) { min-height:var(--card-term,0px); }

/* Native disclosures retain keyboard and programmatic toggle behavior, including
   reversals. The popup stays outside normal flow and must not be clipped. */
details::details-content {
  opacity: 0;
  transition: opacity var(--motion-expand) ease-out,
    content-visibility var(--motion-expand) allow-discrete;
}
details[open]::details-content { opacity: 1; }
@supports (interpolate-size: allow-keywords) {
  details:not(.city-picker)::details-content {
    interpolate-size: allow-keywords;
    block-size: 0;
    overflow: clip;
    transition: block-size var(--motion-expand) ease-out,
      opacity var(--motion-expand) ease-out,
      content-visibility var(--motion-expand) allow-discrete;
  }
  details:not(.city-picker)[open]::details-content { block-size: auto; }
  details:has(.custom-select)::details-content { overflow: visible; }
}
.city-picker:not([open]) .city-picker-panel { pointer-events: none; }
.financial-card__disclosure .ui-icon,
.custom-select__chevron::before,
.menu-toggle__glyph { transition-duration: var(--motion-expand); }
@media (max-width: 1100px) {
  .main-nav { transition: opacity var(--motion-expand) ease-out, visibility 0s linear var(--motion-expand); }
  .main-nav.is-open { transition-delay: 0s; }
}
@media (prefers-reduced-motion: reduce) {
  details::details-content,
  details:not(.city-picker)::details-content,
  .custom-select__list,
  .financial-card__disclosure .ui-icon,
  .custom-select__chevron::before,
  .menu-toggle__glyph,
  .main-nav { transition: none; }
}

/* Compact process cards with a quiet tonal fade along the lower edge. */
.benefits-section .benefits-section__intro { padding: clamp(28px, 2.6vw, 38px); }
.benefits-section .benefits-section__intro h2 { font-size: clamp(2.3328rem, 3.7152vw, 4.2336rem); }
.benefits-section .benefits-section__meta { margin-top: 22px; padding-top: 18px; }
.benefits-section .benefits-section__frame { grid-template-columns: minmax(330px, .72fr) minmax(0, 1.28fr); }
.benefits-section .benefits-section__cards .benefit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); }
.benefits-section .benefits-section__cards .benefit-grid { min-height: 0; }
.benefits-section .benefit-card {
  --benefit-inset: clamp(22px, 1.8vw, 26px);
  padding: var(--benefit-inset) var(--benefit-inset) 32px;
  overflow: hidden;
  isolation: isolate;
}
.benefits-section .benefit-card__copy { margin-top: 0; padding-top: 0; flex-shrink: 0; }
.benefits-section .benefit-card h3 { padding-right: 44px; font-size: clamp(1.1rem, 1.5vw, 1.5rem); }
.benefits-section .benefit-card p {
  font-size: clamp(calc(.88rem + 1.5px), calc(.98vw + 1.5px), calc(1rem + 1.5px));
}
.benefits-section .benefit-card__icon {
  position: absolute;
  top: var(--benefit-inset);
  right: var(--benefit-inset);
  width: 26px;
  height: 26px;
  color: #527063;
}
.benefits-section .benefit-card__icon .ui-icon { stroke-width: 1.8; }
.benefits-section .benefit-card::after {
  content: '';
  position: absolute;
  inset: auto 0 0;
  height: 80px;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(28, 33, 31, 0), rgba(28, 33, 31, .035));
}
@media (max-width: 1200px) {
  .benefits-section .benefit-card h3 { font-size: clamp(1.1rem, 2vw, 1.5rem); }
  .benefits-section .benefits-section__frame { grid-template-columns: minmax(0, 1fr); }
  .benefits-section .benefit-card { --benefit-inset: 22px; }
}
@media (max-width: 760px) {
  .benefits-section .benefits-section__cards .benefit-grid { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; }
  .benefits-section .benefit-card h3 { font-size: clamp(1rem, 4.5vw, 1.18rem); }
  .benefits-section .benefit-card { padding-bottom: 48px; }
  .benefits-section .benefit-card__icon { width: 24px; height: 24px; }
  .benefits-section .benefit-card h3 { padding-right: 40px; }
}

@media (max-width: 380px) {
  .benefits-section .benefit-card { --benefit-inset: 18px; }
  .benefits-section .benefit-card h3 { padding-right: 0; }
  .benefits-section .benefit-card__icon { top: auto; bottom: 20px; }
}

@media (min-width: 761px) and (max-width: 1200px) {
  .benefits-section .benefits-section__intro { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); column-gap: 28px; align-items: start; }
  .benefits-section .benefits-section__intro > div:first-child { display: contents; }
  .benefits-section .benefits-section__intro .eyebrow { grid-column: 1; }
  .benefits-section .benefits-section__intro h2 { grid-column: 1; margin-bottom: 0; }
  .benefits-section .benefits-section__lead { grid-column: 2; grid-row: 1 / span 2; max-width: none; }
  .benefits-section .benefits-section__meta { display: none; }
}

/* Shared rows keep headings aligned while centering each pair's text vertically. */
.benefits-section .benefits-section__cards .benefit-grid:has(> .benefit-row) { grid-template-columns: minmax(0, 1fr); grid-template-rows: repeat(2, minmax(0, 1fr)); }
.benefits-section .benefit-row { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto auto; column-gap: 18px; }
.benefits-section .benefit-row > .benefit-card { --benefit-title-gap: 12px; display: grid; grid-row: span 2; grid-template-columns: minmax(0, 1fr); grid-template-rows: subgrid; padding-block: 32px; }
.benefits-section .benefit-row .benefit-card__copy { display: contents; }
.benefits-section .benefit-row .benefit-card h3 { grid-area: 1 / 1; align-self: end; }
.benefits-section .benefit-row .benefit-card p { grid-area: 2 / 1; align-self: start; }
.benefits-section .benefit-row .benefit-card__icon { position: static; grid-area: 1 / 1; align-self: end; justify-self: end; margin: 0; font-size: clamp(1.1rem, 1.5vw, 1.5rem); transform: translateY(calc(-1 * var(--benefit-title-gap) + 11px - .56em)); }
.benefits-section .benefit-row:nth-child(2) > .benefit-card:first-child { background: #f1ecdf; }
.benefits-section .benefit-row:nth-child(2) > .benefit-card:last-child { background: #dff4aa; }
@media (max-width: 1200px) {
  .benefits-section .benefit-row .benefit-card__icon { font-size: clamp(1.1rem, 2vw, 1.5rem); }
}
@media (min-width: 901px) and (max-width: 1100px) and (orientation: landscape) {
  .benefits-section .benefit-row > .benefit-card { --benefit-title-gap: 8px; }
}
@media (max-width: 760px) {
  .benefits-section .benefits-section__cards .benefit-grid:has(> .benefit-row) { grid-template-rows: none; }
  .benefits-section .benefit-row { display: contents; }
  .benefits-section .benefit-row > .benefit-card { display: flex; grid-row: auto; justify-content: center; padding-block: 30px; }
  .benefits-section .benefit-row .benefit-card__copy { display: block; }
  .benefits-section .benefit-row .benefit-card__icon { position: absolute; top: 30px; right: var(--benefit-inset); margin: 0; transform: none; }
}
@media (max-width: 380px) {
  .benefits-section .benefit-row > .benefit-card { padding-bottom: 48px; }
  .benefits-section .benefit-row .benefit-card__icon { top: auto; bottom: 20px; }
}

/* Keep the desktop opening screen focused on the hero and its notice. */
.home-page .home-hero {
  --home-hero-copy-gap: clamp(16px, 1.55vw, 22px);
  height: auto !important;
  min-height: 0 !important;
}
.home-page .home-hero .hero__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--home-hero-copy-gap);
  height: auto;
}
.home-page .home-hero :is(.eyebrow, h1, .hero__lead, .hero__ticks) { margin: 0; }
.home-page .home-hero .hero__ticks { align-self: stretch; flex-wrap: wrap; gap: 8px; }
.home-page .home-hero .hero__ticks li { padding-inline: 8px; }

@media (min-width: 1101px) and (orientation: landscape) {
  .home-page .home-hero {
    --hero-pad-y: clamp(36px, 3.3vw, 48px);
    min-height: calc(100svh - 242px) !important;
    align-content: center;
    align-items: stretch;
  }
  .home-page .home-hero .hero__form {
    position: relative;
    inset: auto;
    width: min(450px, 100%);
    height: auto;
    align-self: stretch;
    justify-self: end;
  }
  .home-page .home-hero .hero__form .lead-form {
    height: 100%;
    min-height: 0;
    padding: 24px 30px;
    justify-content: space-between;
  }
  .home-page .home-hero .lead-form__contacts { margin-top: 12px; }
  .home-page .home-hero .lead-form__consents { margin: 12px 0 14px; }
  .home-page .home-hero .form-note { margin-top: 8px; }
}

@media (max-width: 1100px) {
  .home-page .home-hero .hero__form { height: auto; margin-top: 24px; }
}

@media (min-width: 1101px) and (max-height: 760px) and (orientation: landscape) {
  .home-page .home-hero {
    --hero-pad-y: 24px;
    min-height: calc(100svh - 189px) !important;
  }
  .home-page .home-hero .lead-form { padding-block: 12px; }
  .home-page .home-hero .lead-form__contacts { margin-top: 8px; }
  .home-page .home-hero .lead-form__consents { margin: 6px 0; }
  .home-page .home-hero .form-note { margin-top: 4px; }
  .home-page main > .trust-strip {
    height: 56px;
    min-height: 56px;
    margin-top: 8px;
    padding-block: 10px;
  }
}

@media (max-width: 420px) {
  :is(.offers-grid-section, .product-feed, .catalog-offer-grid) .offer-card__facts { padding-left: 10px; padding-right: 10px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  :is(.offers-grid-section, .product-feed, .catalog-offer-grid) .offer-card__facts div:nth-child(2) { padding-left: 8px; }
  :is(.offers-grid-section, .product-feed, .catalog-offer-grid) .offer-card__facts div:first-child dd { font-size: .95rem; }
  .term-range { font-size: .82rem; }
  .term-range > span { min-height: calc(.95rem * 1.3); }
}
@media (min-width: 421px) and (max-width: 800px) {
  :is(.offers-grid-section, .product-feed, .catalog-offer-grid) .offer-card__facts div:nth-child(2) { padding-left: 14px; }
}

.brand-logo__wordmark { display:block; width:160px; height:48px; object-fit:contain; }
.brand-logo__mark-only { display:none; width:42px; height:42px; object-fit:contain; }
@media (max-width:360px) { .site-header .brand-logo__wordmark { display:none; } .site-header .brand-logo__mark-only { display:block; } }
@media (max-width:760px) { body.menu-open .site-header .brand-logo__wordmark, body.menu-open .site-header .brand-logo__mark-only { filter:brightness(0) invert(1); } }

.site-header .brand-logo__wordmark { display:block !important; width:160px; height:48px; object-fit:contain; }
.site-header .brand-logo__mark-only { display:none !important; width:42px; height:42px; object-fit:contain; }
@media(max-width:360px){.site-header .brand-logo__wordmark{display:none !important}.site-header .brand-logo__mark-only{display:block !important}}
@media(max-width:760px){body.menu-open .site-header .brand-logo__wordmark,body.menu-open .site-header .brand-logo__mark-only{filter:brightness(0) invert(1)}}