@font-face { font-family: "Acrom"; src: url("/static/fonts/Acrom-Bold.ttf") format("truetype"); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: "Acrom"; src: url("/static/fonts/Acrom-ExtraBold.ttf") format("truetype"); font-style: normal; font-weight: 800 900; font-display: swap; }
@font-face { font-family: "ALS Hauss"; src: url("/static/fonts/ALSHauss-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "ALS Hauss"; src: url("/static/fonts/ALSHauss-Medium.ttf") format("truetype"); font-style: normal; font-weight: 500 600; font-display: swap; }
@font-face { font-family: "ALS Hauss"; src: url("/static/fonts/ALSHauss-Bold.ttf") format("truetype"); font-style: normal; font-weight: 700 900; font-display: swap; }

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

:root {
  --ink: #24112f;
  --muted: #71627b;
  --violet: #7b2de2;
  --violet-dark: #5520ad;
  --violet-soft: #f0e5ff;
  --magenta: #d92d78;
  --coral: #ef4b43;
  --aqua: #32bdb8;
  --base: #fbf7ff;
  --surface: #fffaf9;
  --white: #ffffff;
  --line: #eadfea;
  --orange: #ff8a3d;
  --radius-sm: 14px;
  --radius: 22px;
  --radius-lg: 30px;
  --shadow: 0 24px 72px rgba(74, 27, 102, .16);
  --shadow-soft: 0 10px 34px rgba(74, 27, 102, .09);
  --header-bg: rgba(255, 251, 255, .88);
  --card-bg: #ffffff;
  --card-translucent: rgba(255,255,255,.78);
  --section-1: #fcf5ff;
  --section-2: #fff8f5;
  --section-3: #faf4ff;
  --process-bg: #262039;
  --footer-bg: #181421;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; scroll-padding-top: 82px; }
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-scrolling iframe { pointer-events: none; }
body { margin: 0; min-width: 320px; overflow-x: hidden; color: var(--ink); background: var(--surface); font-family: "ALS Hauss", "Manrope", sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; transition: color .3s ease, background .3s ease; }
h1, h2, h3, .brand { font-family: "Acrom", "Roboto Condensed Local", "Manrope", sans-serif; }
body.is-modal-open { overflow: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button { color: inherit; }
:focus-visible { outline: 3px solid rgba(98, 54, 232, .38); outline-offset: 3px; }
.skip-link { position: fixed; left: 16px; top: -60px; z-index: 999; padding: 12px 16px; border-radius: 10px; color: #fff; background: var(--violet); transition: top .2s ease; }
.skip-link:focus { top: 12px; }

.site-header { position: sticky; top: 0; z-index: 100; border-bottom: 1px solid rgba(216, 213, 227, .9); background: var(--header-bg); backdrop-filter: blur(18px); }
.header-inner { width: min(1480px, calc(100% - 48px)); min-height: 66px; margin: 0 auto; display: flex; align-items: center; gap: 30px; }
.brand { flex: 0 0 auto; font-size: clamp(23px, 2vw, 31px); line-height: 1; font-weight: 800; letter-spacing: -.055em; }
.brand > span:not(.brand-word) { color: var(--violet); }
.brand--header { display: inline-flex; align-items: center; gap: 10px; }
.brand--header > img { width: 37px; height: 37px; border-radius: 10px; object-fit: cover; box-shadow: 0 5px 14px rgba(46,18,88,.16); }
.brand-word { color: var(--ink); }
.brand-word em { color: var(--violet); font-style: normal; }
.desktop-nav { display: flex; align-items: center; gap: 24px; margin-right: auto; }
.desktop-nav a { position: relative; padding: 23px 0; font-size: 13px; font-weight: 700; white-space: nowrap; }
.desktop-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 17px; height: 2px; border-radius: 2px; background: var(--violet); transition: right .22s ease; }
.desktop-nav a:hover::after { right: 0; }
.header-actions { display: flex; align-items: center; gap: 18px; }
.theme-toggle, .mobile-theme-toggle { border: 1px solid var(--line); color: var(--ink); background: var(--card-bg); cursor: pointer; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.theme-toggle { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; font-size: 18px; }
.theme-toggle:hover { transform: translateY(-2px); border-color: var(--violet); }
.mobile-theme-toggle { width: 100%; margin-top: 12px; padding: 12px 14px; display: flex; align-items: center; justify-content: center; gap: 9px; border-radius: 12px; font-weight: 800; }
.avito-rating, .header-phone { display: flex; align-items: center; gap: 9px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.avito-rating img { width: 52px; height: 28px; object-fit: contain; }
.header-phone { padding-left: 18px; border-left: 1px solid var(--line); }
.header-phone i { color: var(--violet); }
.header-socials { display: flex; gap: 7px; }
.header-socials a, .footer-socials a { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; transition: transform .2s ease, box-shadow .2s ease; }
.header-socials a { overflow: visible; background: transparent; box-shadow: none; }
.footer-socials a { overflow: visible; background: transparent; box-shadow: none; }
.header-socials a:hover, .footer-socials a:hover { transform: translateY(-2px); }
.footer-socials a:hover { filter: drop-shadow(0 8px 12px rgba(135, 82, 255, .28)); }
.header-socials img { width: 32px; height: 32px; object-fit: contain; }
.footer-socials img { width: 32px; height: 32px; object-fit: contain; }
.menu-toggle { display: none; width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 12px; background: #fff; cursor: pointer; }
.mobile-header-rating { display: none; }
.mobile-menu { width: 100%; padding: 10px 24px 20px; border-top: 1px solid var(--line); background: var(--surface); }
.mobile-menu a { display: block; padding: 12px 0; border-bottom: 1px solid var(--line); font-weight: 700; }
.mobile-network-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 14px; }
.mobile-menu .mobile-avito { display: flex; align-items: center; gap: 9px; padding: 0; border: 0; font-size: 13px; }
.mobile-avito img { width: 70px; height: 28px; object-fit: contain; }
.mobile-network-icons { display: flex; align-items: center; gap: 8px; }
.mobile-menu .mobile-network-icons a { width: 36px; height: 36px; display: grid; place-items: center; overflow: visible; padding: 0; border: 0; border-radius: 10px; background: transparent; box-shadow: none; }
.mobile-network-icons img { width: 100%; height: 100%; object-fit: contain; }

.hero { min-height: 760px; background: var(--base); border-bottom: 1px solid var(--line); }
.hero-grid { width: min(1536px, 100%); min-height: 760px; margin: 0 auto; display: grid; grid-template-columns: .92fr 1.03fr 1.15fr; align-items: stretch; }
.hero-copy { padding: 62px 38px 42px max(38px, calc((100vw - 1460px) / 2)); display: flex; flex-direction: column; justify-content: center; }
.eyebrow { width: fit-content; display: inline-flex; align-items: center; gap: 9px; padding: 9px 14px; border-radius: 999px; color: var(--violet-dark); background: var(--violet-soft); font-size: 13px; font-weight: 700; }
.eyebrow i { color: var(--violet); }
.hero h1 { max-width: 470px; margin: 20px 0 16px; font-size: clamp(45px, 4.25vw, 67px); line-height: .99; letter-spacing: -.06em; }
.hero h1 span { display: block; color: var(--violet); }
.hero-copy > p { max-width: 455px; margin: 0; color: #57546d; font-size: 17px; line-height: 1.65; }
.hero-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 42px; }
.hero-benefits div { display: flex; align-items: flex-start; gap: 10px; color: #302e43; font-size: 12px; font-weight: 700; line-height: 1.45; }
.hero-benefits i { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; border-radius: 12px; color: var(--violet); background: rgba(255, 255, 255, .7); font-size: 17px; }

.calculator-card { align-self: center; position: relative; z-index: 4; width: calc(100% - 36px); max-width: 510px; margin: 32px 18px; padding: 24px; border: 1px solid var(--line); border-radius: 23px; background: var(--card-bg); box-shadow: 0 22px 64px rgba(32, 23, 73, .18); isolation: isolate; }
.calculator-card h2 { margin: 0 0 16px; font-size: 27px; letter-spacing: -.04em; }
.work-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--line); border-radius: 13px; }
.work-tab { min-width: 0; padding: 12px 3px; display: flex; flex-direction: column; align-items: center; gap: 6px; border: 0; border-right: 1px solid var(--line); background: var(--surface); cursor: pointer; font-size: 10px; font-weight: 800; line-height: 1.1; transition: color .2s ease, background .2s ease; }
.work-tab span { min-width: 0; max-width: 100%; white-space: nowrap; font-size: 9px; }
.work-tab:last-child { border-right: 0; }
.work-tab i { font-size: 21px; }
.work-tab.is-active { color: #fff; background: var(--violet); }
.calculator-fields { display: grid; grid-template-columns: 1fr; gap: 13px; margin: 18px 0 15px; }
.range-field { display: grid; gap: 7px; }
.range-field > span, .range-field > small { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.range-field b { color: var(--muted); font-size: 11px; }
.range-field output { padding: 4px 8px; border-radius: 7px; color: var(--violet-dark); background: var(--violet-soft); font-size: 11px; font-weight: 800; white-space: nowrap; }
.range-field small { color: var(--muted); font-size: 9px; }
.range-field em { font-style: normal; }
.range-field input[type="range"] { --range-progress: 0%; width: 100%; height: 6px; margin: 2px 0; appearance: none; border-radius: 999px; background: linear-gradient(90deg, var(--violet) 0 var(--range-progress), var(--line) var(--range-progress) 100%); cursor: pointer; }
.range-field input[type="range"]::-webkit-slider-thumb { width: 19px; height: 19px; appearance: none; border: 4px solid var(--card-bg); border-radius: 50%; background: var(--violet); box-shadow: 0 2px 10px rgba(98,54,232,.35); }
.range-field input[type="range"]::-moz-range-thumb { width: 13px; height: 13px; border: 4px solid var(--card-bg); border-radius: 50%; background: var(--violet); box-shadow: 0 2px 10px rgba(98,54,232,.35); }
.calculator-result { padding: 16px; display: grid; place-items: center; gap: 4px; border: 1px solid #e3ddff; border-radius: 13px; background: #f0edff; }
.calculator-result span { color: var(--muted); font-size: 11px; }
.calculator-result strong { color: var(--violet); font-size: 34px; line-height: 1.1; letter-spacing: -.04em; transition: transform .18s ease; }
.calculator-result strong.is-updating { transform: scale(1.035); }
.primary-button, .secondary-button { min-height: 52px; padding: 0 22px; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 0; font-weight: 800; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.primary-button { width: 100%; margin-top: 12px; color: #fff; background: var(--violet); box-shadow: 0 10px 25px rgba(98, 54, 232, .22); }
.primary-button:hover { transform: translateY(-2px); background: var(--violet-dark); box-shadow: 0 14px 30px rgba(98, 54, 232, .3); }
.secondary-button { color: var(--ink); border: 1px solid var(--line); background: #fff; }
.secondary-button:hover { transform: translateY(-2px); border-color: #bcb5d0; }
.consent-row { margin-top: 9px; display: flex; align-items: flex-start; gap: 8px; color: #777387; font-size: 9px; line-height: 1.4; }
.consent-row input { margin: 2px 0 0; accent-color: var(--violet); }
.consent-row a { text-decoration: underline; }
.messenger-divider { margin: 15px 0 10px; display: flex; align-items: center; gap: 10px; color: #777387; font-size: 10px; white-space: nowrap; }
.messenger-divider::before, .messenger-divider::after { content: ""; height: 1px; flex: 1; background: var(--line); }
.messenger-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.messenger-grid a { min-width: 0; height: 43px; padding: 5px 7px; display: flex; align-items: center; justify-content: center; gap: 7px; border-radius: 11px; background: #f1f0f7; font-size: 10px; font-weight: 700; }
.messenger-grid img { width: 27px; height: 27px; object-fit: contain; }

.ambassador { position: relative; min-width: 0; overflow: hidden; background: #d8d2e0; }
.ambassador::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: rgba(28, 18, 45, .09); }
.ambassador > img { width: 100%; height: 100%; min-height: 760px; object-fit: cover; object-position: 58% center; }
.ambassador-note { position: absolute; z-index: 2; top: 76px; right: 30px; width: min(220px, 45%); padding: 14px 16px; display: flex; gap: 10px; border: 1px solid rgba(255,255,255,.75); border-radius: 16px; background: rgba(255,255,255,.9); box-shadow: var(--shadow-soft); font-size: 12px; font-weight: 700; line-height: 1.45; transform: rotate(-2deg); }
.ambassador-note i { color: var(--violet); font-size: 18px; }

@media (min-width: 981px) {
  .hero-grid { position: relative; overflow: hidden; }
  .hero-copy { position: relative; z-index: 3; grid-column: 1; grid-row: 1; background: var(--base); }
  .calculator-card { grid-column: 2; grid-row: 1; }
  .ambassador { z-index: 1; grid-column: 3; grid-row: 1; margin-left: 0; -webkit-mask-image: none; mask-image: none; }
  .ambassador::after { background: rgba(31, 22, 49, .08); }
  .ambassador > img { object-position: center center; }
}

.price-strip { padding: 16px 22px; border-bottom: 1px solid var(--line); background: #fff; }
.price-strip-inner { width: min(1440px, 100%); margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); }
.price-strip button { min-width: 0; padding: 10px 22px; display: grid; grid-template-columns: 46px 1fr 30px; align-items: center; gap: 13px; border: 0; border-right: 1px solid var(--line); background: transparent; text-align: left; cursor: pointer; }
.price-strip button:first-child { border-radius: 15px; background: #f1edff; }
.price-strip button:last-child { border-right: 0; }
.price-strip button > i:first-child { color: var(--violet); font-size: 25px; text-align: center; }
.price-strip button > i:last-child { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; color: var(--violet); background: #f1edff; font-size: 12px; }
.price-strip span { display: grid; gap: 3px; font-size: 12px; font-weight: 800; }
.price-strip strong { color: var(--violet); font-size: 15px; }

.section { padding: 90px max(24px, calc((100vw - 1360px) / 2)); }
.section-heading { max-width: 720px; }
.section-heading > span, .offers-intro > span, .contact-cta > div > span { display: inline-block; margin-bottom: 10px; color: var(--violet); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.section-heading h2, .offers-intro h2, .contact-cta h2 { margin: 0; font-size: clamp(39px, 4.3vw, 62px); line-height: .98; letter-spacing: -.035em; font-weight: 820; }
.section-heading p, .offers-intro p, .contact-cta p { margin: 15px 0 0; color: var(--muted); font-size: 16px; line-height: 1.7; }

.trust-section { background: var(--section-1); }
.trust-grid { margin-top: 44px; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.trust-item { min-width: 0; min-height: 150px; padding: 28px; display: grid; align-content: center; gap: 6px; border-right: 1px solid var(--line); }
.trust-item:last-child { border-right: 0; }
.trust-item > i { margin-bottom: 10px; color: var(--violet); font-size: 27px; }
.trust-item > img { width: 74px; height: 30px; margin-bottom: 10px; object-fit: contain; }
.trust-item--image > img { width: 54px; height: 54px; border-radius: 13px; object-fit: cover; }
.trust-item strong { font-size: 18px; }
.trust-item span { color: var(--muted); font-size: 12px; }

.services-section { background: var(--section-2); }
.services-grid { margin-top: 46px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.service-card { min-height: 330px; padding: 19px; display: flex; flex-direction: column; border: 1px solid rgba(255,255,255,.8); border-radius: var(--radius); background: var(--card-translucent); box-shadow: var(--shadow-soft); transition: transform .24s ease, box-shadow .24s ease; overflow: hidden; }
.service-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.service-card__image { width: 100%; aspect-ratio: 16 / 9; border-radius: 15px; object-fit: cover; object-position: center 43%; box-shadow: 0 10px 25px rgba(26,9,51,.14); }
.service-card h3 { margin: 19px 0 7px; font-size: 22px; letter-spacing: -.01em; }
.service-card p { margin: 0 0 20px; color: var(--muted); font-size: 13px; line-height: 1.65; }
.service-card strong { margin-top: auto; color: var(--violet); font-size: 18px; }

.offers-section { background: var(--section-1); }
.offers-intro { position: relative; max-width: 800px; }
.offers-intro > img { position: absolute; width: 150px; right: 0; bottom: -10px; transform: rotate(5deg); }
.offer-cards { margin-top: 44px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.offer-card { min-height: 190px; padding: 25px; display: flex; align-items: center; gap: 22px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--card-bg); box-shadow: var(--shadow-soft); }
.offer-card > img { width: 92px; height: 92px; flex: 0 0 92px; border-radius: 18px; object-fit: contain; }
.offer-card > img.offer-card__shield { padding: 0; background: #fff; object-fit: cover; object-position: center; }
.offer-card > i { width: 72px; height: 72px; flex: 0 0 72px; display: grid; place-items: center; border-radius: 20px; color: var(--violet); background: var(--violet-soft); font-size: 30px; }
.offer-card span { color: var(--violet); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.offer-card h3 { margin: 8px 0; font-size: 18px; line-height: 1.25; }
.offer-card p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.offer-card--link { cursor: pointer; }
.offer-card--link:focus-visible { outline: 3px solid rgba(211,153,255,.62); outline-offset: 4px; }
.offer-card--link {
  transition: transform .24s ease, border-color .24s ease, background .24s ease, box-shadow .24s ease;
}
.offer-card--link:hover,
.offer-card--link:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(241,157,255,.58) !important;
  background: linear-gradient(130deg, rgba(111,44,164,.82), rgba(112,35,103,.82)) !important;
  box-shadow: 0 20px 44px rgba(16,4,34,.3), 0 0 28px rgba(226,81,203,.2), inset 0 1px 0 rgba(255,255,255,.12);
}
.offer-card--link:active { transform: translateY(-1px); }
.payments { margin-top: 20px; padding: 20px 24px; display: grid; grid-template-columns: 230px 1fr auto; align-items: center; gap: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--card-bg); }
.payments > div { display: grid; gap: 4px; }
.payments > div span { color: var(--muted); font-size: 10px; text-transform: uppercase; }
.payments > div strong { font-size: 15px; }
.payments ul { min-width: 0; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; gap: 23px; list-style: none; }
.payments li { height: 36px; min-width: 50px; display: grid; place-items: center; }
.payments li img { max-width: 90px; max-height: 32px; object-fit: contain; }
.payments p { margin: 0; color: var(--muted); font-size: 11px; white-space: nowrap; }
.payments p i { color: var(--violet); margin-right: 5px; }

.process-section { color: #fff; background: var(--process-bg); }
.process-section .section-heading > span { color: #ae95ff; }
.process-section .section-heading p { color: #c7c2d4; }
.process-grid { margin: 46px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; border-top: 1px solid rgba(255,255,255,.15); }
.process-grid li { position: relative; min-height: 275px; padding: 32px 26px; border-right: 1px solid rgba(255,255,255,.15); }
.process-grid li:last-child { border-right: 0; }
.process-grid b { position: absolute; top: -18px; left: 20px; padding: 7px 10px; border-radius: 9px; color: #fff; background: var(--violet); font-size: 11px; }
.process-grid i { margin-top: 25px; color: #a88dff; font-size: 30px; }
.process-grid h3 { margin: 25px 0 10px; font-size: 19px; }
.process-grid p { margin: 0; color: #c7c2d4; font-size: 13px; line-height: 1.65; }

.reviews-section { background: var(--section-3); }
.section-heading--with-mark { display: flex; align-items: center; gap: 22px; max-width: 850px; }
.section-mark { width: 100px; height: 76px; flex: 0 0 100px; border-radius: 17px; object-fit: cover; box-shadow: var(--shadow-soft); }
.reviews-top { display: flex; justify-content: space-between; align-items: end; gap: 30px; }
.review-controls { display: flex; gap: 9px; }
.review-controls button { width: 46px; height: 46px; border: 1px solid var(--line); border-radius: 13px; background: var(--card-bg); cursor: pointer; }
.reviews-track { margin-top: 42px; display: flex; gap: 15px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.reviews-track::-webkit-scrollbar { display: none; }
.review-card { flex: 0 0 min(390px, 86vw); min-height: 275px; padding: 27px; display: flex; flex-direction: column; scroll-snap-align: start; border: 1px solid var(--line); border-radius: var(--radius); background: var(--card-translucent); }
.stars { display: flex; gap: 4px; color: var(--orange); font-size: 13px; }
.review-card > p { margin: 24px 0; color: #353248; font-size: 14px; line-height: 1.75; }
.review-card footer { margin-top: auto; display: flex; align-items: center; gap: 12px; }
.review-card footer > img { width: 48px; height: 48px; flex: 0 0 48px; border: 2px solid var(--card-bg); border-radius: 50%; object-fit: cover; object-position: center 24%; box-shadow: 0 4px 16px rgba(28,16,55,.18); }
.review-card footer div { display: grid; gap: 3px; }
.review-card small { color: var(--muted); }
.reviews-link { width: fit-content; margin-top: 24px; display: flex; align-items: center; gap: 10px; color: var(--violet-dark); font-size: 12px; font-weight: 800; }
.reviews-link img { width: 72px; height: 28px; object-fit: contain; }

.guarantees-section { background: var(--section-1); }
.guarantees-grid { margin-top: 44px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.guarantees-grid a { padding: 28px; display: flex; gap: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--card-bg); transition: transform .22s ease; }
.guarantees-grid a:hover { transform: translateY(-3px); }
.guarantees-grid i { width: 50px; height: 50px; flex: 0 0 50px; display: grid; place-items: center; border-radius: 15px; color: var(--violet); background: var(--violet-soft); font-size: 21px; }
.guarantees-grid h3 { margin: 0 0 8px; font-size: 17px; }
.guarantees-grid p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }

.faq-section { background: var(--section-2); }
.faq-list { max-width: 940px; margin-top: 40px; border-top: 1px solid #c9c5d3; }
.faq-list details { border-bottom: 1px solid #c9c5d3; }
.faq-list summary { padding: 23px 4px; display: flex; justify-content: space-between; align-items: center; gap: 20px; cursor: pointer; list-style: none; font-size: 16px; font-weight: 800; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary i { color: var(--violet); transition: transform .2s ease; }
.faq-list details[open] summary i { transform: rotate(45deg); }
.faq-list details p { margin: -8px 0 23px; max-width: 790px; color: var(--muted); font-size: 14px; line-height: 1.7; }

.contact-cta { min-height: 330px; display: flex; align-items: center; justify-content: space-between; gap: 42px; color: #fff; background: #292139; }
.contact-brand-mark { width: 104px; height: 104px; flex: 0 0 104px; border-radius: 25px; object-fit: cover; box-shadow: 0 18px 44px rgba(0,0,0,.24); }
.contact-cta > div:not(.contact-actions) { max-width: 700px; }
.contact-cta > div > span { color: #b9a5ff; }
.contact-cta p { color: #ccc7d7; }
.contact-actions { min-width: 270px; display: grid; gap: 10px; }
.contact-actions .primary-button { margin: 0; }
.contact-actions .primary-button img { width: 28px; height: 28px; }
.contact-actions .secondary-button { color: #fff; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.08); }

.site-footer { padding: 55px max(24px, calc((100vw - 1360px) / 2)) 24px; color: #c9c4d1; background: var(--footer-bg); overflow: hidden; }
.footer-grid { display: grid; grid-template-columns: 1.35fr .7fr 1fr .9fr; gap: 55px; }
.brand--footer { display: inline-block; color: #fff; margin-bottom: 16px; }
.footer-grid p, .footer-grid small { color: #8f8998; font-size: 11px; line-height: 1.7; }
.footer-grid h3 { margin: 0 0 17px; color: #fff; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; }
.footer-grid > div > a:not(.brand) { display: block; margin-bottom: 10px; font-size: 12px; transition: color .2s ease; }
.footer-grid > div > a:hover { color: #fff; }
.footer-socials { margin-top: 17px; display: flex; gap: 9px; }
.footer-brand-lockup { width: fit-content; display: flex !important; align-items: center; gap: 13px; margin-bottom: 16px !important; }
.footer-brand-lockup > img { width: 56px; height: 56px; border-radius: 16px; object-fit: cover; }
.footer-brand-lockup .brand--footer { margin: 0; }
.footer-hover-wordmark { position: relative; height: clamp(150px, 18vw, 250px); margin: clamp(24px, 4vw, 48px) 0 -8px; border-top: 1px solid rgba(255,255,255,.07); }
.footer-hover-wordmark svg { display: block; width: 100%; height: 100%; cursor: default; user-select: none; }
.footer-wordmark-text { font-family: "Acrom", "Roboto Condensed Local", sans-serif; font-size: 150px; font-style: normal; font-weight: 800; letter-spacing: -.055em; text-anchor: middle; dominant-baseline: middle; }
.footer-wordmark-base { fill: transparent; stroke: rgba(245,240,255,.15); stroke-width: 1.25; }
.footer-wordmark-trace { fill: transparent; stroke: rgba(182,109,255,.64); stroke-width: 1.4; stroke-dasharray: 2500; animation: footerWordmarkTrace 6s ease-in-out infinite alternate; filter: drop-shadow(0 0 8px rgba(151,82,255,.34)); }
.footer-wordmark-reveal { fill: transparent; stroke: url(#footerWordmarkGradient); stroke-width: 2.2; opacity: .98; filter: drop-shadow(0 0 10px rgba(255,205,42,.3)); }
.footer-bottom { padding-top: 18px; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid rgba(255,255,255,.08); color: #8f8998; font-size: 11px; }
@keyframes footerWordmarkTrace { from { stroke-dashoffset: 2500; opacity: .28; } to { stroke-dashoffset: 0; opacity: .82; } }

body[data-theme="dark"] {
  --ink: #f7f1ff; --muted: #b9acc8; --violet: #ad67ff; --violet-dark: #d8b7ff; --violet-soft: rgba(171,91,255,.15);
  --base: #140922; --surface: #12081f; --white: #1b102a; --line: rgba(255,255,255,.12); --orange: #ffd62a;
  --shadow: 0 22px 70px rgba(0,0,0,.38); --shadow-soft: 0 10px 30px rgba(0,0,0,.24);
  --header-bg: rgba(18,8,31,.92); --card-bg: #211132; --card-translucent: rgba(31,16,48,.94);
  --section-1: #170b27; --section-2: #12081f; --section-3: #1a0d2b; --process-bg: #0d0715; --footer-bg: #08050d;
}
body[data-theme="dark"] .site-header { border-bottom-color: rgba(255,255,255,.08); }
body[data-theme="dark"] .hero-copy { background: var(--base); }
body[data-theme="dark"] .hero-copy > p, body[data-theme="dark"] .hero-benefits div { color: #c8bdd6; }
body[data-theme="dark"] .hero-benefits i { background: rgba(255,255,255,.07); }
body[data-theme="dark"] .ambassador::after { background: linear-gradient(90deg, rgba(18,8,31,.12), rgba(18,8,31,.44)); }
body[data-theme="dark"] .ambassador-note { border-color: rgba(255,255,255,.12); background: rgba(28,14,45,.92); }
body[data-theme="dark"] .calculator-result { border-color: rgba(173,103,255,.3); background: rgba(173,103,255,.1); }
body[data-theme="dark"] .messenger-grid a, body[data-theme="dark"] .price-strip button:first-child { background: rgba(173,103,255,.1); }
body[data-theme="dark"] .price-strip { background: #100719; }
body[data-theme="dark"] .offer-card, body[data-theme="dark"] .payments, body[data-theme="dark"] .guarantees-grid a, body[data-theme="dark"] .modal-card { box-shadow: inset 0 1px 0 rgba(255,255,255,.03), var(--shadow-soft); }
body[data-theme="dark"] .review-card > p { color: #e7deef; }
body[data-theme="dark"] .faq-list, body[data-theme="dark"] .faq-list details { border-color: rgba(255,255,255,.12); }
body[data-theme="dark"] .avito-rating img, body[data-theme="dark"] .reviews-link img, body[data-theme="dark"] .mobile-avito img { padding: 2px 5px; border-radius: 7px; background: #fff; }
body[data-theme="dark"] .menu-toggle, body[data-theme="dark"] .secondary-button, body[data-theme="dark"] .modal-close { color: var(--ink); background: var(--card-bg); }
body[data-theme="dark"] .contact-cta { background: #160a24; }
body[data-theme="dark"] .cookie-banner { background: #0b0612; }

.modal[hidden], .cookie-banner[hidden] { display: none; }
.modal { position: fixed; inset: 0; z-index: 200; display: grid; place-items: center; padding: 20px; }
.modal-backdrop { position: absolute; inset: 0; border: 0; background: rgba(18, 14, 27, .72); backdrop-filter: blur(8px); }
.modal-card { position: relative; z-index: 1; width: min(430px, 100%); padding: 32px; border-radius: var(--radius); background: #fff; box-shadow: 0 30px 90px rgba(0,0,0,.25); }
.modal-close { position: absolute; top: 15px; right: 15px; width: 38px; height: 38px; border: 0; border-radius: 10px; background: #f2f0f6; cursor: pointer; }
.modal-card h2 { margin: 18px 0 8px; font-size: 30px; }
.modal-card > p { margin: 0 0 22px; color: var(--muted); }
.modal-card form > label:not(.consent-row) { display: grid; gap: 8px; font-size: 12px; font-weight: 800; }
.modal-card input[type="tel"] { height: 52px; padding: 0 14px; border: 1px solid var(--line); border-radius: 12px; }
.form-status { min-height: 20px; margin: 12px 0 0; color: var(--violet-dark); font-size: 12px; text-align: center; }
.cookie-banner { position: fixed; z-index: 160; left: 20px; right: 20px; bottom: 20px; max-width: 920px; margin: auto; padding: 15px 18px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; color: #fff; background: #201a2d; box-shadow: 0 16px 50px rgba(0,0,0,.24); }
.cookie-banner p { margin: 0; font-size: 11px; line-height: 1.5; }
.cookie-banner a { text-decoration: underline; }
.cookie-banner button { padding: 10px 18px; border: 0; border-radius: 10px; color: #fff; background: var(--violet); font-weight: 800; cursor: pointer; }

html.has-js [data-reveal] { opacity: 0; transform: translateY(13px); }
html.has-js [data-reveal].is-visible { opacity: 1; transform: translateY(0); transition: opacity .46s ease, transform .46s cubic-bezier(.22,1,.36,1); }

@media (max-width: 1240px) {
  .desktop-nav { gap: 16px; }
  .avito-rating span, .header-phone span { display: none; }
  .header-actions { gap: 10px; }
  .theme-toggle { width: 34px; height: 34px; }
  .header-phone { width: 34px; height: 34px; padding: 0; justify-content: center; border: 0; border-radius: 10px; background: #fff; }
  .hero-grid { grid-template-columns: .9fr 1.1fr 1fr; }
  .hero-copy { padding-left: 28px; padding-right: 20px; }
  .hero-benefits { grid-template-columns: 1fr; gap: 9px; margin-top: 27px; }
  .hero-benefits div { align-items: center; }
  .services-grid { grid-template-columns: repeat(3, 1fr); }
  .payments { grid-template-columns: 1fr; }
  .payments ul { justify-content: flex-start; flex-wrap: wrap; }
  .payments p { white-space: normal; }
}

@media (max-width: 980px) {
  .header-inner { width: calc(100% - 32px); }
  .desktop-nav, .header-actions { display: none; }
  .brand { margin-right: auto; }
  .menu-toggle { display: grid; place-items: center; }
  .hero-grid { grid-template-columns: 1fr 1fr; grid-template-areas: "copy photo" "calc calc"; }
  .hero-copy { grid-area: copy; min-height: 530px; }
  .ambassador { grid-area: photo; min-height: 530px; }
  .ambassador > img { min-height: 530px; }
  .calculator-card { grid-area: calc; width: calc(100% - 40px); max-width: 760px; margin: -42px auto 35px; }
  .price-strip-inner { grid-template-columns: repeat(2, 1fr); }
  .price-strip button:nth-child(2) { border-right: 0; }
  .price-strip button:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .trust-grid, .process-grid { grid-template-columns: repeat(2, 1fr); }
  .trust-item:nth-child(2), .process-grid li:nth-child(2) { border-right: 0; }
  .trust-item:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .offer-cards, .guarantees-grid { grid-template-columns: 1fr; }
  .process-grid li:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.15); }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 680px) {
  .section { padding: 70px 20px; }
  .hero-grid { display: flex; flex-direction: column; }
  .hero-copy { min-height: auto; padding: 48px 20px 34px; order: 1; }
  .hero h1 { font-size: clamp(43px, 13vw, 61px); }
  .hero-copy > p { font-size: 15px; }
  .hero-benefits { grid-template-columns: repeat(3, 1fr); gap: 7px; }
  .hero-benefits div { display: grid; gap: 6px; font-size: 9px; }
  .ambassador { min-height: 420px; order: 2; }
  .ambassador > img { min-height: 420px; object-position: 58% center; }
  .ambassador-note { top: 20px; right: 14px; width: 52%; font-size: 10px; }
  .calculator-card { width: calc(100% - 24px); margin: -26px auto 20px; padding: 18px; order: 3; }
  .calculator-card h2 { font-size: 23px; }
  .work-tabs { grid-template-columns: repeat(2, 1fr); }
  .work-tab:nth-child(2) { border-right: 0; }
  .work-tab:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .calculator-fields { grid-template-columns: 1fr; }
  .calculator-result strong { font-size: 30px; }
  .messenger-grid a { font-size: 0; }
  .price-strip { padding: 10px 12px; }
  .price-strip button { padding: 10px; grid-template-columns: 32px 1fr 0; gap: 8px; }
  .price-strip button > i:last-child { display: none; }
  .price-strip button > i:first-child { font-size: 19px; }
  .price-strip span { font-size: 10px; }
  .price-strip strong { font-size: 12px; }
  .trust-grid { grid-template-columns: 1fr 1fr; }
  .trust-item { min-height: 130px; padding: 18px; }
  .services-grid { grid-template-columns: 1fr; }
  .service-card { min-height: 315px; }
  .section-heading--with-mark { align-items: flex-start; gap: 14px; }
  .section-mark { width: 76px; height: 58px; flex-basis: 76px; border-radius: 13px; }
  .offers-intro { padding-right: 0; }
  .offers-intro > img { display: none; }
  .offer-card { align-items: flex-start; padding: 20px; }
  .offer-card > img { width: 70px; height: 70px; flex-basis: 70px; }
  .payments { padding: 18px; gap: 18px; }
  .payments ul { gap: 14px; }
  .payments li img { max-width: 72px; max-height: 26px; }
  .process-grid { grid-template-columns: 1fr; }
  .process-grid li { min-height: 225px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.15); }
  .process-grid li:last-child { border-bottom: 0; }
  .reviews-top { align-items: flex-start; }
  .review-controls { display: none; }
  .guarantees-grid a { padding: 21px; }
  .contact-cta { align-items: flex-start; flex-direction: column; gap: 28px; }
  .contact-brand-mark { width: 82px; height: 82px; flex-basis: 82px; border-radius: 20px; }
  .contact-actions { width: 100%; min-width: 0; }
  .footer-grid { grid-template-columns: 1fr; gap: 38px; }
  .footer-hover-wordmark { height: clamp(96px, 29vw, 132px); margin: 28px 0 0; }
  .footer-wordmark-text { font-size: 144px; }
  .footer-bottom { flex-direction: column; gap: 5px; }
  .cookie-banner { left: 10px; right: 10px; bottom: 10px; flex-direction: column; align-items: stretch; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  html.has-js [data-reveal], html.has-js [data-reveal].is-visible { opacity: 1; transform: none; }
}

/* 2026 light-only art direction: violet, magenta and sunset orange. */
body { background: #fffaf9; }
.site-header { border-bottom-color: rgba(92,44,119,.1); box-shadow: 0 8px 30px rgba(67,28,88,.045); }
.desktop-nav a::after { background: linear-gradient(90deg, var(--violet), var(--magenta), var(--orange)); }
.brand-word em { color: var(--magenta); }
.header-phone i { color: var(--coral); }

.hero {
  position: relative;
  isolation: isolate;
  min-height: 0;
  padding: 16px 18px 20px;
  overflow: hidden;
  border-bottom: 1px solid rgba(92,44,119,.1);
  background-color: #fbf7ff;
  background-image:
    radial-gradient(circle at 14% 18%, rgba(123,45,226,.18), transparent 32%),
    radial-gradient(circle at 78% 86%, rgba(255,111,57,.18), transparent 34%);
}
.hero::before,
.hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(58px) saturate(1.12);
}
.hero::before { z-index: 0; left: -12vw; top: -18%; width: 54vw; height: 72%; background: rgba(123,45,226,.28); }
.hero::after { z-index: 0; left: 18%; bottom: -34%; width: 60vw; height: 65%; background: rgba(239,75,67,.25); }
.hero-grid {
  position: relative;
  isolation: isolate;
  width: min(1460px, 100%);
  min-height: 720px;
  margin: 0 auto;
  padding: 20px 26px;
  display: grid;
  grid-template-columns: minmax(520px, 640px) minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 11px;
  align-content: center;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.76);
  border-radius: 32px;
  background-image:
    linear-gradient(90deg, rgba(255,252,255,.54) 0%, rgba(255,250,255,.36) 39%, rgba(255,246,249,.12) 59%, rgba(255,241,234,.06) 100%),
    linear-gradient(180deg, rgba(123,45,226,.08), rgba(217,45,120,.05) 52%, rgba(255,122,55,.12)),
    url("/static/images/brand/ambassador-hero-retouched.png");
  background-size: cover;
  background-position: center 46%;
  background-repeat: no-repeat;
  box-shadow: 0 28px 80px rgba(72,25,96,.16), inset 0 1px 0 rgba(255,255,255,.9);
}
.hero-grid::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255,252,255,.68) 0%, rgba(255,250,255,.54) 34%, rgba(255,249,253,.2) 50%, transparent 68%);
}
.hero-grid::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: -6%;
  bottom: -35%;
  width: 66%;
  height: 64%;
  border-radius: 50%;
  background: rgba(255,111,57,.16);
  filter: blur(58px);
  pointer-events: none;
}
.hero-copy {
  position: relative;
  z-index: 3;
  grid-column: 1;
  grid-row: 1;
  max-width: 620px;
  padding: 17px 20px 18px;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(111,50,143,.14);
  border-radius: 22px;
  background: rgba(255,255,255,.84);
  box-shadow: 0 18px 54px rgba(64,23,85,.13), inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter: blur(22px) saturate(1.12);
  -webkit-backdrop-filter: blur(22px) saturate(1.12);
}
.eyebrow { border: 1px solid rgba(123,45,226,.13); color: #6b24c9; background: rgba(255,255,255,.8); box-shadow: 0 8px 24px rgba(91,35,126,.08); }
.eyebrow i { color: var(--orange); }
.hero h1 { max-width: 590px; margin: 0 0 9px; font-size: clamp(41px, 3.8vw, 55px); line-height: .94; letter-spacing: -.052em; }
.hero h1 span {
  display: inline;
  color: var(--magenta);
  background: linear-gradient(96deg, var(--violet) 2%, var(--magenta) 48%, var(--orange) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero-copy > p { max-width: 570px; color: #65566e; font-size: 15px; line-height: 1.55; }
.hero-benefits { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; margin-top: 12px; }
.hero-benefits div { gap: 8px; color: #3f2d49; font-size: 11px; }
.hero-benefits i {
  width: 36px;
  height: 36px;
  flex-basis: 36px;
  color: var(--magenta);
  background: rgba(255,255,255,.84);
  box-shadow: 0 8px 24px rgba(99,32,130,.09);
}
.calculator-card {
  position: relative;
  z-index: 3;
  grid-column: 1;
  grid-row: 2;
  align-self: start;
  width: 100%;
  max-width: 640px;
  margin: 0;
  padding: 15px 18px;
  border: 1px solid rgba(110,51,143,.15);
  background: rgba(255,255,255,.88);
  box-shadow: 0 28px 85px rgba(69,25,94,.18), inset 0 1px 0 rgba(255,255,255,.86);
  backdrop-filter: blur(24px) saturate(1.16);
  -webkit-backdrop-filter: blur(24px) saturate(1.16);
}
.calculator-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -1px;
  border-radius: inherit;
  background: linear-gradient(128deg, rgba(123,45,226,.12), transparent 30%, transparent 66%, rgba(255,111,57,.12));
  pointer-events: none;
}
.calculator-card h2 { margin-bottom: 11px; font-size: 23px; }
.calculator-fields { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 11px; margin: 14px 0 11px; }
.calculator-card .work-tab { padding-top: 9px; padding-bottom: 9px; }
.calculator-card .range-field { gap: 5px; }
.calculator-card .calculator-result { padding: 11px; }
.calculator-card .calculator-result strong { font-size: 30px; }
.calculator-card .primary-button { min-height: 46px; margin-top: 9px; }
.calculator-card .consent-row { margin-top: 6px; }
.calculator-card .messenger-divider { margin: 10px 0 7px; }
.calculator-card .messenger-grid a { height: 38px; }
.calculator-card .messenger-grid img { width: 24px; height: 24px; }
.range-field { min-width: 0; }
.range-field > span { align-items: flex-start; gap: 8px; }
.range-field b { font-size: 10px; line-height: 1.25; }
.range-field output { color: #7b2de2; background: #f1e6ff; }
input[type="range"]::-webkit-slider-thumb { background: linear-gradient(145deg, var(--violet), var(--magenta)); box-shadow: 0 0 0 4px rgba(123,45,226,.12); }
input[type="range"]::-moz-range-thumb { background: var(--magenta); box-shadow: 0 0 0 4px rgba(123,45,226,.12); }
.work-tab.is-active { color: #fff; background: linear-gradient(135deg, #7b2de2 0%, #b42bb7 52%, #ed496a 100%); }
.calculator-result { border-color: rgba(123,45,226,.16); background: linear-gradient(105deg, #f2e8ff, #fff0ea); }
.calculator-result strong { color: var(--magenta); }
.primary-button { background: linear-gradient(100deg, #7130d7, #c72d8d 56%, #f06a43); box-shadow: 0 13px 30px rgba(187,45,128,.25); }
.primary-button:hover { box-shadow: 0 17px 38px rgba(187,45,128,.32); }
.messenger-grid a { background: rgba(249,244,255,.82); }

.ambassador {
  position: absolute;
  z-index: 0;
  inset: 0;
  grid-column: auto;
  grid-row: auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  background: transparent;
}
.ambassador::after { background: linear-gradient(90deg, rgba(91,28,105,.03), rgba(142,32,92,.08) 63%, rgba(255,117,49,.12)); }
.ambassador > img { width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: center 46%; opacity: 0; }
.ambassador-note {
  top: 28px;
  right: 28px;
  width: min(235px, 24%);
  border-color: rgba(255,255,255,.8);
  background: rgba(255,255,255,.82);
  box-shadow: 0 18px 48px rgba(56,22,72,.16);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.ambassador-note i { color: var(--magenta); }

.price-strip { background: rgba(255,255,255,.94); }
.price-strip button:first-child { background: transparent; }
.price-strip button.is-active {
  border-radius: 15px;
  color: #381643;
  background: linear-gradient(110deg, rgba(238,222,255,.96), rgba(255,230,220,.9));
  box-shadow: inset 3px 0 0 var(--magenta), 0 10px 26px rgba(101,35,126,.08);
}
.price-strip button.is-active > i:first-child,
.price-strip button.is-active strong { color: var(--magenta); }
.price-strip button > i:first-child, .price-strip button > i:last-child, .price-strip strong { color: var(--magenta); }

.trust-section,
.services-section,
.offers-section,
.reviews-section,
.guarantees-section,
.faq-section { position: relative; isolation: isolate; overflow: hidden; }
.trust-section::before,
.services-section::before,
.offers-section::before,
.reviews-section::before,
.guarantees-section::before,
.faq-section::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(760px, 68vw);
  height: min(520px, 52vw);
  border-radius: 50%;
  pointer-events: none;
  filter: blur(68px) saturate(1.12);
}
.trust-section::before { right: -16%; top: -30%; background: radial-gradient(circle at 22% 28%, rgba(123,45,226,.34), transparent 45%), radial-gradient(circle at 72% 45%, rgba(217,45,120,.27), transparent 48%), radial-gradient(circle at 52% 88%, rgba(255,126,55,.28), transparent 44%); }
.services-section::before { left: -18%; top: 3%; background: radial-gradient(circle at 25% 38%, rgba(123,45,226,.31), transparent 47%), radial-gradient(circle at 76% 24%, rgba(217,45,120,.22), transparent 46%), radial-gradient(circle at 68% 84%, rgba(255,126,55,.27), transparent 43%); }
.offers-section::before { right: -14%; bottom: -8%; background: radial-gradient(circle at 18% 72%, rgba(123,45,226,.27), transparent 45%), radial-gradient(circle at 58% 28%, rgba(217,45,120,.25), transparent 45%), radial-gradient(circle at 82% 72%, rgba(255,126,55,.34), transparent 46%); }
.reviews-section::before { left: 5%; bottom: -30%; background: radial-gradient(circle at 15% 42%, rgba(123,45,226,.28), transparent 44%), radial-gradient(circle at 58% 30%, rgba(217,45,120,.28), transparent 46%), radial-gradient(circle at 84% 76%, rgba(255,126,55,.25), transparent 42%); }
.guarantees-section::before { right: -10%; top: -27%; background: radial-gradient(circle at 24% 26%, rgba(123,45,226,.31), transparent 46%), radial-gradient(circle at 72% 52%, rgba(217,45,120,.23), transparent 44%), radial-gradient(circle at 44% 90%, rgba(255,126,55,.28), transparent 42%); }
.faq-section::before { left: 12%; top: -28%; background: radial-gradient(circle at 18% 35%, rgba(123,45,226,.27), transparent 44%), radial-gradient(circle at 58% 22%, rgba(217,45,120,.24), transparent 44%), radial-gradient(circle at 82% 74%, rgba(255,126,55,.32), transparent 46%); }
.section-heading > span, .offers-intro > span, .contact-cta > div > span { color: var(--magenta); }
.section-heading h2, .offers-intro h2 { color: #2b1537; }

.trust-grid { border: 0; gap: 12px; }
.trust-item {
  min-height: 164px;
  border: 1px solid rgba(109,52,137,.12) !important;
  border-radius: 20px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 14px 38px rgba(78,34,99,.07);
  backdrop-filter: blur(16px);
}
.trust-item > i {
  width: 42px;
  height: 42px;
  margin-bottom: 7px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(135deg, var(--violet), var(--magenta), var(--orange));
  box-shadow: 0 10px 24px rgba(188,44,130,.2);
  font-size: 21px;
}

.services-grid { gap: 18px; }
.service-card {
  min-height: 410px;
  padding: 16px;
  border-color: rgba(107,49,136,.13);
  background: rgba(255,255,255,.76);
  box-shadow: 0 18px 46px rgba(72,27,95,.09);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.service-card__image {
  width: 100%;
  max-height: 258px;
  aspect-ratio: 1 / 1;
  border-radius: 17px;
  object-fit: contain;
  object-position: center;
  background: #230947;
  box-shadow: 0 14px 30px rgba(52,14,91,.18);
}
.service-card strong { color: var(--magenta); }
.review-card footer > div { min-width: 0; }
.review-topic { display: block; max-width: 255px; margin-top: 4px; color: #9b537a; font-size: 10px; font-weight: 700; line-height: 1.35; }

.offer-card, .payments, .review-card, .guarantees-grid a {
  border-color: rgba(108,48,138,.13);
  background: rgba(255,255,255,.76);
  box-shadow: 0 18px 48px rgba(75,29,96,.09);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.offer-card:nth-child(2) { border-color: rgba(183,46,127,.2); background: linear-gradient(128deg, rgba(242,230,255,.6), rgba(255,245,242,.5)); }
.offer-card:nth-child(2) .offer-card__shield { mix-blend-mode: multiply; opacity: .9; }
.offer-card h3, .guarantees-grid h3 { color: #32173f; }
.payments { border-radius: 22px; }
.stars, .reviews-link { color: var(--orange); }
.section-heading--with-mark { gap: 28px; }
.section-mark {
  width: 150px;
  height: 108px;
  flex-basis: 150px;
  border: 1px solid rgba(143,52,153,.16);
  border-radius: 22px;
  object-fit: cover;
  object-position: center;
  opacity: .78;
  mix-blend-mode: multiply;
  box-shadow: 0 18px 48px rgba(91,31,112,.12);
}

.guarantees-grid a { align-items: flex-start; min-height: 154px; }
.guarantees-grid i {
  width: 58px;
  height: 58px;
  flex-basis: 58px;
  color: #fff;
  background: linear-gradient(145deg, #6f2bd0, #cf2e83 58%, #f17a43);
  box-shadow: 0 12px 28px rgba(189,43,126,.21);
  font-size: 25px;
}

.faq-section { background: linear-gradient(180deg, #fffaf8, #faf4ff); }
.faq-list {
  max-width: 1080px;
  margin-top: 42px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  border: 0;
}
.faq-list details {
  min-height: 92px;
  border: 1px solid rgba(107,49,136,.14);
  border-radius: 20px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 16px 44px rgba(73,28,94,.08), inset 0 1px 0 rgba(255,255,255,.88);
  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.faq-list details:hover { transform: translateY(-2px); border-color: rgba(210,45,121,.28); box-shadow: 0 20px 50px rgba(93,31,112,.12); }
.faq-list details[open] { border-color: rgba(217,45,120,.28); background: linear-gradient(130deg, rgba(246,235,255,.92), rgba(255,244,239,.9)); }
.faq-list summary { min-height: 90px; padding: 24px; font-size: 17px; }
.faq-list summary i {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, var(--violet), var(--magenta), var(--orange));
  box-shadow: 0 9px 22px rgba(192,44,127,.2);
}
.faq-list details p { margin: -5px 24px 24px; color: #695b72; }

.contact-cta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: rgba(48,14,66,.92);
  backdrop-filter: blur(28px) saturate(1.12);
  -webkit-backdrop-filter: blur(28px) saturate(1.12);
}
.contact-cta::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -45%;
  background: radial-gradient(circle at 18% 42%, rgba(123,45,226,.65), transparent 27%), radial-gradient(circle at 56% 22%, rgba(217,45,120,.54), transparent 29%), radial-gradient(circle at 82% 72%, rgba(255,126,55,.55), transparent 28%);
  filter: blur(58px);
}
.site-footer {
  position: relative;
  isolation: isolate;
  color: #eee5f3;
  background: rgba(28,8,40,.92);
  backdrop-filter: blur(32px) saturate(1.18);
  -webkit-backdrop-filter: blur(32px) saturate(1.18);
}
.site-footer::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -20% -10%;
  background: radial-gradient(circle at 12% 22%, rgba(123,45,226,.52), transparent 29%), radial-gradient(circle at 52% 64%, rgba(217,45,120,.43), transparent 31%), radial-gradient(circle at 88% 28%, rgba(255,126,55,.47), transparent 28%);
  filter: blur(70px);
  opacity: .92;
}
.site-footer::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(180deg, rgba(23,7,34,.54), rgba(15,5,24,.78));
  pointer-events: none;
}
.footer-grid { grid-template-columns: 1.25fr .62fr .9fr 1.12fr; }
.footer-contacts > a { display: flex !important; align-items: center; gap: 9px; }
.footer-contacts > a i { width: 26px; color: #ff9b60; font-size: 18px; text-align: center; }
.footer-contacts > a img { width: 26px; height: 26px; flex: 0 0 26px; object-fit: contain; }
.footer-contacts > a:last-child img { padding: 3px 2px; border-radius: 6px; background: #fff; }
.footer-contacts > a.footer-avito img {
  width: 62px;
  height: 24px;
  padding: 5px 7px;
  border-radius: 8px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
}
.footer-news {
  margin-top: 20px;
  padding-top: 17px;
  border-top: 1px solid rgba(255,255,255,.1);
}
.footer-news h4 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.footer-news a {
  display: flex;
  align-items: center;
  gap: 9px;
  width: fit-content;
  margin-bottom: 10px;
  font-size: 12px;
  transition: color .2s ease, transform .2s ease;
}
.footer-news a:hover { color: #fff; transform: translateX(3px); }
.footer-news img { width: 26px; height: 26px; flex: 0 0 26px; object-fit: contain; }
.footer-wordmark-trace { stroke: rgba(255,125,97,.7); }
.footer-wordmark-reveal { filter: drop-shadow(0 0 13px rgba(217,45,120,.42)); }

@media (max-width: 1180px) {
  .hero-grid { grid-template-columns: minmax(500px, 590px) 1fr; padding-left: 26px; padding-right: 26px; }
  .hero h1 { font-size: clamp(43px, 5vw, 56px); }
  .calculator-fields { gap: 10px; }
  .ambassador > img { object-position: 56% 46%; }
}

@media (max-width: 980px) {
  .hero, .hero-grid { min-height: 910px; }
  .hero-grid { grid-template-columns: minmax(480px, 58%) 1fr; padding: 46px 24px 44px; }
  .hero-grid::before { background: linear-gradient(90deg, rgba(255,252,255,.99) 0%, rgba(255,250,255,.94) 43%, rgba(255,247,250,.43) 66%, transparent 84%); }
  .hero-copy { min-height: 0; padding: 0 14px 22px 0; }
  .hero-benefits { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .calculator-card { width: 100%; max-width: none; margin: 0; }
  .calculator-fields { grid-template-columns: 1fr; }
  .ambassador { min-height: 0; }
  .ambassador > img { min-height: 0; object-position: 58% center; }
  .ambassador-note { right: 20px; width: 25%; }
  .services-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 680px) {
  .hero, .hero-grid { min-height: 0; }
  .hero { padding: 0; }
  .hero-grid { width: 100%; padding: 0; display: flex; flex-direction: column; overflow: visible; border: 0; border-radius: 0; background-image: none; box-shadow: none; }
  .hero-grid::before, .hero-grid::after { display: none; }
  .hero-copy { width: 100%; max-width: none; min-height: auto; padding: 44px 20px 30px; order: 1; border: 0; border-radius: 0; background: linear-gradient(145deg, #fbf6ff, #fff7f1); box-shadow: none; }
  .hero h1 { font-size: clamp(42px, 12.5vw, 58px); }
  .hero-benefits { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .hero { background-image: none; }
  .ambassador { position: relative; inset: auto; width: 100%; height: 440px; min-height: 440px; order: 2; background: #eadfe8; }
  .ambassador > img { min-height: 440px; height: 440px; object-position: 58% center; opacity: 1; }
  .ambassador-note { top: 22px; right: 14px; width: 54%; }
  .calculator-card { width: calc(100% - 24px); margin: -34px auto 22px; padding: 18px; order: 3; }
  .calculator-fields { grid-template-columns: 1fr; }
  .service-card { min-height: 0; }
  .service-card__image { max-height: none; }
  .section-heading--with-mark { gap: 16px; }
  .section-mark { width: 104px; height: 76px; flex-basis: 104px; }
  .faq-list { grid-template-columns: 1fr; gap: 10px; }
  .faq-list summary { min-height: 78px; padding: 19px; font-size: 15px; }
  .faq-list details p { margin: -2px 19px 20px; }
  .footer-grid { grid-template-columns: 1fr; }
}

/* Interaction polish: clearer actions, living brand and continuous ambient colour. */
main {
  overflow: clip;
  background-color: #fff9fb;
  background-image:
    radial-gradient(circle at 8% 19%, rgba(123,45,226,.15), transparent 19%),
    radial-gradient(circle at 76% 9%, rgba(217,45,120,.13), transparent 18%),
    radial-gradient(circle at 92% 32%, rgba(255,126,55,.15), transparent 18%),
    radial-gradient(circle at 20% 54%, rgba(217,45,120,.12), transparent 20%),
    radial-gradient(circle at 72% 70%, rgba(123,45,226,.14), transparent 21%),
    radial-gradient(circle at 35% 91%, rgba(255,126,55,.13), transparent 19%);
}

.trust-section,
.services-section,
.offers-section,
.reviews-section,
.guarantees-section,
.faq-section {
  margin-top: -1px;
  overflow: visible;
  border: 0;
  background: transparent;
}

.trust-section::before,
.services-section::before,
.offers-section::before,
.reviews-section::before,
.guarantees-section::before,
.faq-section::before {
  inset: -16% -9%;
  width: auto;
  height: auto;
  border-radius: 0;
  background:
    radial-gradient(circle at 8% 17%, rgba(123,45,226,.25), transparent 23%),
    radial-gradient(circle at 36% 8%, rgba(220,48,130,.18), transparent 18%),
    radial-gradient(circle at 73% 22%, rgba(255,126,55,.23), transparent 22%),
    radial-gradient(circle at 91% 58%, rgba(123,45,226,.2), transparent 20%),
    radial-gradient(circle at 58% 84%, rgba(220,48,130,.2), transparent 22%),
    radial-gradient(circle at 19% 78%, rgba(255,126,55,.2), transparent 20%);
  filter: blur(44px) saturate(1.18);
  opacity: .86;
  animation: ambient-drift 13s ease-in-out infinite alternate;
}

.trust-section::after,
.services-section::after,
.offers-section::after,
.reviews-section::after,
.guarantees-section::after,
.faq-section::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: -8%;
  right: -8%;
  bottom: -76px;
  height: 156px;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(123,45,226,.14), rgba(217,45,120,.12) 48%, rgba(255,126,55,.16));
  filter: blur(48px);
  opacity: .78;
}

.services-section::before,
.reviews-section::before,
.faq-section::before { animation-direction: alternate-reverse; animation-delay: -4s; }
.offers-section::before,
.guarantees-section::before { animation-delay: -8s; }

.price-strip {
  border-bottom: 0;
  box-shadow: 0 18px 46px rgba(107,44,134,.08);
}

.brand--header { position: relative; isolation: isolate; }
.brand--header > img {
  box-shadow: 0 6px 18px rgba(123,45,226,.2);
  animation: brand-icon-glow 6s ease-in-out infinite;
}
.brand-word,
.brand-word em {
  color: transparent;
  background-image: linear-gradient(105deg, #24102e 5%, #24102e 34%, #7b2de2 44%, #d92d78 54%, #ff7e37 63%, #24102e 73%, #24102e 100%);
  background-size: 260% 100%;
  background-position: 100% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: brand-text-shimmer 6s ease-in-out infinite;
}
.brand-word em { background-image: linear-gradient(105deg, #d92d78 8%, #d92d78 32%, #ff8a3d 48%, #8a35e8 63%, #d92d78 82%); }
.brand--header:hover > img { animation-duration: 2.2s; transform: translateY(-1px) rotate(-2deg); }
.brand--header:hover .brand-word,
.brand--header:hover .brand-word em { animation-duration: 2.2s; }

.hero-benefits div { align-items: center; }
.hero-benefits i {
  width: 36px;
  height: 36px;
  flex-basis: 36px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: 33px;
  line-height: 1;
}
.hero-benefits div:nth-child(1) i { color: #e7a817; filter: drop-shadow(0 5px 8px rgba(181,116,0,.2)); }
.hero-benefits div:nth-child(2) i { color: #50b969; filter: drop-shadow(0 5px 8px rgba(38,137,63,.18)); }
.hero-benefits div:nth-child(3) i { color: #35a4db; filter: drop-shadow(0 5px 8px rgba(23,124,179,.18)); }

.calculator-card .messenger-grid { gap: 9px; }
.calculator-card .messenger-grid a {
  position: relative;
  height: 44px;
  border: 1px solid rgba(84,48,107,.13);
  color: #34183e;
  background: rgba(255,255,255,.9);
  box-shadow: 0 8px 22px rgba(76,27,97,.09), inset 0 1px 0 rgba(255,255,255,.92);
  font-size: 10px;
  font-weight: 800;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.calculator-card .messenger-grid a:nth-child(1) { background: linear-gradient(135deg, rgba(224,246,255,.98), rgba(255,255,255,.95)); }
.calculator-card .messenger-grid a:nth-child(2) { background: linear-gradient(135deg, rgba(246,235,255,.98), rgba(255,255,255,.95)); }
.calculator-card .messenger-grid a:nth-child(3) { background: linear-gradient(135deg, rgba(231,242,255,.98), rgba(255,255,255,.95)); }
.calculator-card .messenger-grid a:hover {
  transform: translateY(-3px);
  border-color: rgba(201,46,135,.28);
  background: #fff;
  box-shadow: 0 13px 28px rgba(94,32,118,.16), 0 0 0 3px rgba(217,45,120,.06);
}
.calculator-card .messenger-grid a:active { transform: translateY(-1px) scale(.985); }

.stars { color: #d92d78; text-shadow: 0 2px 10px rgba(217,45,120,.18); }
.section-mark {
  width: 94px;
  height: 94px;
  flex-basis: 94px;
  border: 0;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  clip-path: circle(48% at 50% 50%);
  -webkit-mask-image: radial-gradient(circle at center, #000 0 68%, transparent 70%);
  mask-image: radial-gradient(circle at center, #000 0 68%, transparent 70%);
  mix-blend-mode: multiply;
  box-shadow: none;
}
.reviews-emblem {
  position: relative;
  width: 94px;
  height: 94px;
  flex: 0 0 94px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  color: #fff;
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.34), transparent 27%),
    linear-gradient(145deg, #6e26d5 3%, #c72f91 58%, #f07844 100%);
  box-shadow: 0 16px 38px rgba(111,35,144,.2);
  isolation: isolate;
}
.section-heading > .reviews-emblem { color: #fff; }
.reviews-emblem::after {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: inherit;
}
.reviews-emblem i {
  position: absolute;
  top: 15px;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  color: #fff;
  font-size: 40px;
  line-height: 1;
  filter: drop-shadow(0 3px 7px rgba(61,13,83,.2));
}
.reviews-emblem b {
  position: absolute;
  left: 50%;
  bottom: 15px;
  z-index: 1;
  transform: translateX(-50%);
  font-size: 13px;
  line-height: 1;
  letter-spacing: .02em;
}
.reviews-link {
  min-height: 48px;
  padding: 8px 9px 8px 13px;
  border: 1px solid rgba(106,48,136,.15);
  border-radius: 999px;
  color: #351440;
  background: rgba(255,255,255,.9);
  box-shadow: 0 12px 30px rgba(80,29,103,.11), inset 0 1px 0 rgba(255,255,255,.95);
  font-size: 12px;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.reviews-link img { width: 67px; height: 27px; }
.reviews-link i {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, var(--violet), var(--magenta), var(--orange));
  box-shadow: 0 8px 18px rgba(192,43,126,.23);
  transition: transform .22s ease;
}
.reviews-link:hover {
  transform: translateY(-2px);
  border-color: rgba(217,45,120,.28);
  box-shadow: 0 17px 38px rgba(80,29,103,.16);
}
.reviews-link:hover i { transform: translateX(2px); }

@keyframes brand-text-shimmer {
  0%, 22% { background-position: 100% 50%; }
  58%, 78% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}
@keyframes brand-icon-glow {
  0%, 100% { filter: saturate(1); box-shadow: 0 6px 18px rgba(123,45,226,.2); }
  44% { filter: saturate(1.22) brightness(1.05); box-shadow: 0 7px 22px rgba(217,45,120,.28), 0 0 0 3px rgba(255,126,55,.07); }
  68% { filter: saturate(1.12); box-shadow: 0 7px 22px rgba(255,126,55,.24), 0 0 0 3px rgba(123,45,226,.07); }
}
@keyframes ambient-drift {
  from { transform: translate3d(-1.5%, -1%, 0) scale(1.02); }
  to { transform: translate3d(1.8%, 1.4%, 0) scale(1.065); }
}

@media (max-width: 680px) {
  .header-inner { width: calc(100% - 24px); min-height: 62px; gap: 8px; }
  .brand--header { gap: 7px; }
  .brand--header > img { width: 34px; height: 34px; border-radius: 9px; }
  .brand--header .brand-word { font-size: 20px; }
  .mobile-header-rating {
    min-height: 38px;
    padding: 5px 8px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: 1px solid rgba(115,45,147,.13);
    border-radius: 12px;
    color: #351440;
    background: rgba(255,255,255,.86);
    box-shadow: 0 7px 20px rgba(81,28,103,.09);
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
  }
  .mobile-header-rating img { width: 34px; height: 18px; object-fit: contain; }
  .mobile-header-rating i { color: #f07844; font-size: 11px; }
  .menu-toggle { width: 40px; height: 40px; flex: 0 0 40px; }
  .calculator-card .messenger-grid a { height: 43px; padding: 5px 4px; font-size: 9px; }
  .calculator-card .messenger-grid img { width: 23px; height: 23px; }
  .reviews-emblem { width: 78px; height: 78px; flex-basis: 78px; }
  .reviews-emblem i { top: 12px; transform: translateX(-50%); font-size: 33px; }
  .reviews-emblem b { bottom: 12px; font-size: 11px; }
  .reviews-link { width: 100%; justify-content: center; }
}

@media (max-width: 390px) {
  .brand--header .brand-word { font-size: 18px; }
  .mobile-header-rating { padding-inline: 7px; }
  .mobile-header-rating img { width: 30px; }
}

@media (min-width: 681px) and (max-width: 980px) {
  .mobile-header-rating {
    min-height: 40px;
    padding: 6px 10px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid rgba(115,45,147,.13);
    border-radius: 12px;
    color: #351440;
    background: rgba(255,255,255,.86);
    box-shadow: 0 7px 20px rgba(81,28,103,.09);
    font-size: 12px;
    line-height: 1;
  }
  .mobile-header-rating img { width: 40px; height: 20px; object-fit: contain; }
  .mobile-header-rating i { color: #f07844; font-size: 12px; }
}

/* Clean hero split: content and calculator stay separate from the ambassador photo. */
.brand-word {
  display: inline-block;
  padding: .08em .14em .08em 0;
  margin-right: -.14em;
  line-height: 1.08;
}
.hero-grid {
  grid-template-columns: minmax(520px, 640px) minmax(360px, 1fr);
  background-image:
    linear-gradient(135deg, rgba(255,252,255,.88), rgba(249,240,255,.7) 50%, rgba(255,239,232,.72)),
    radial-gradient(circle at 12% 18%, rgba(123,45,226,.12), transparent 34%),
    radial-gradient(circle at 88% 82%, rgba(255,111,57,.16), transparent 36%);
}
.hero-grid::before {
  background: linear-gradient(90deg, rgba(255,252,255,.42), rgba(255,250,255,.14) 47%, transparent 63%);
}
.ambassador {
  position: relative;
  z-index: 2;
  inset: auto;
  grid-column: 2;
  grid-row: 1 / 3;
  width: 100%;
  height: auto;
  min-height: 0;
  overflow: hidden;
  border-radius: 24px;
  background: #eadfe8;
  box-shadow: 0 18px 52px rgba(70,28,88,.14);
}
.ambassador::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(92,35,111,.08), transparent 22%, transparent 76%, rgba(255,122,65,.1)),
    linear-gradient(180deg, rgba(255,255,255,.04), transparent 68%, rgba(48,17,61,.08));
  box-shadow: inset 0 0 58px rgba(84,31,102,.08);
}
.ambassador > img {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: block;
  object-fit: cover;
  object-position: 53% center;
  opacity: 1;
}

@media (max-width: 1180px) {
  .hero-grid { grid-template-columns: minmax(500px, 590px) minmax(300px, 1fr); }
}

@media (max-width: 820px) {
  .hero, .hero-grid { min-height: 0; }
  .hero { padding: 0; }
  .hero-grid {
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .hero-grid::before, .hero-grid::after { display: none; }
  .hero-copy {
    width: 100%;
    max-width: none;
    min-height: auto;
    padding: 44px 20px 30px;
    order: 1;
    border: 0;
    border-radius: 0;
    background: linear-gradient(145deg, #fbf6ff, #fff7f1);
    box-shadow: none;
  }
  .ambassador {
    width: calc(100% - 24px);
    height: clamp(390px, 112vw, 520px);
    min-height: 390px;
    margin: 12px auto 0;
    order: 2;
    border-radius: 24px;
  }
  .ambassador > img {
    height: 100%;
    min-height: 0;
    object-position: 56% center;
  }
  .calculator-card {
    width: calc(100% - 24px);
    max-width: 640px;
    margin: 14px auto 24px;
    padding: 18px;
    order: 3;
  }
  .calculator-fields { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .brand--header > img,
  .brand-word,
  .brand-word em,
  .trust-section::before,
  .services-section::before,
  .offers-section::before,
  .reviews-section::before,
  .guarantees-section::before,
  .faq-section::before { animation: none !important; }
}

/* Reference-led hero: photo on the left, calculator and brand on the right. */
.hero {
  min-height: 0;
  padding: 18px;
  color: #fff;
  border: 0;
  background:
    radial-gradient(circle at 9% 14%, rgba(139,72,255,.34), transparent 31%),
    radial-gradient(circle at 88% 82%, rgba(217,45,120,.28), transparent 30%),
    linear-gradient(135deg, #120823 0%, #21103f 48%, #170b2b 100%);
}
.hero::before {
  z-index: 0;
  left: -8%;
  top: 2%;
  width: 42%;
  height: 74%;
  background: rgba(126,55,231,.26);
  filter: blur(76px);
}
.hero::after {
  z-index: 0;
  left: auto;
  right: -8%;
  bottom: -22%;
  width: 46%;
  height: 58%;
  background: rgba(217,45,120,.24);
  filter: blur(82px);
}
.hero-grid {
  position: relative;
  z-index: 1;
  width: min(1440px, 100%);
  min-height: 748px;
  padding: 22px;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(470px, .88fr);
  grid-template-rows: minmax(610px, 1fr) auto;
  gap: 16px;
  overflow: hidden;
  border: 1px solid rgba(198,164,255,.22);
  border-radius: 32px;
  background:
    radial-gradient(circle at 74% 16%, rgba(141,74,255,.16), transparent 33%),
    linear-gradient(145deg, rgba(31,14,59,.96), rgba(19,9,37,.98));
  box-shadow: 0 30px 90px rgba(10,3,24,.42), inset 0 1px 0 rgba(255,255,255,.08);
}
.hero-grid::before {
  z-index: 1;
  inset: 22px auto 120px 22px;
  width: calc(56% - 20px);
  border-radius: 24px;
  background: linear-gradient(90deg, rgba(23,9,45,.05), transparent 54%, rgba(22,9,43,.34));
}
.hero-grid::after { display: none; }
.ambassador {
  position: relative;
  z-index: 0;
  inset: auto;
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 100%;
  min-height: 610px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 24px;
  background: #2a1740;
  box-shadow: 0 24px 62px rgba(6,2,17,.36);
}
.ambassador::after {
  background:
    linear-gradient(90deg, rgba(25,10,47,.04), transparent 56%, rgba(25,10,47,.4)),
    linear-gradient(180deg, transparent 62%, rgba(18,7,35,.32));
  box-shadow: inset 0 0 64px rgba(24,8,43,.16);
}
.ambassador > img {
  width: 100%;
  height: 100%;
  min-height: 610px;
  object-fit: cover;
  object-position: 57% center;
  opacity: 1;
  filter: saturate(.94) contrast(1.02);
}
.hero-calculator-column {
  position: relative;
  z-index: 3;
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  padding: 6px 4px 4px 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
}
.hero-brand {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: #fff;
  font-family: "Acrom", "Roboto Condensed Local", "Manrope", sans-serif;
  font-size: 29px;
  font-weight: 820;
  line-height: 1;
  letter-spacing: -.045em;
}
.hero-brand img {
  width: 43px;
  height: 43px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 9px 28px rgba(129,64,244,.34);
}
.hero-brand span { padding-right: .12em; }
.hero-brand em { color: #bd83ff; font-style: normal; }
.hero .calculator-card {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 19px;
  color: #fff;
  border: 1px solid rgba(203,173,255,.25);
  border-radius: 23px;
  background: rgba(29,14,53,.8);
  box-shadow: 0 24px 65px rgba(7,2,18,.34), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(24px) saturate(1.12);
  -webkit-backdrop-filter: blur(24px) saturate(1.12);
}
.hero .calculator-card::before {
  background: linear-gradient(132deg, rgba(148,80,255,.16), transparent 35%, transparent 68%, rgba(221,54,130,.13));
}
.hero .calculator-card h2 {
  margin: 0 0 13px;
  color: #fff;
  font-size: 26px;
}
.hero .work-tabs { border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.035); }
.hero .work-tab {
  padding: 10px 3px;
  color: rgba(255,255,255,.78);
  border-right-color: rgba(255,255,255,.11);
  background: transparent;
}
.hero .work-tab:hover { color: #fff; background: rgba(255,255,255,.07); }
.hero .work-tab.is-active {
  color: #fff;
  background: linear-gradient(135deg, #7432e4, #a944ef 48%, #dc3d89);
  box-shadow: inset 0 0 24px rgba(255,255,255,.1);
}
.hero .calculator-fields { gap: 12px; margin: 15px 0 13px; }
.hero .range-field b { color: rgba(255,255,255,.72); }
.hero .range-field small { color: rgba(255,255,255,.46); }
.hero .range-field output { color: #ead9ff; background: rgba(178,113,255,.17); }
.hero .range-field input[type="range"] {
  background: linear-gradient(90deg, #a469ff 0 var(--range-progress), rgba(255,255,255,.14) var(--range-progress) 100%);
}
.hero .range-field input[type="range"]::-webkit-slider-thumb { border-color: #23113f; background: #bd83ff; }
.hero .range-field input[type="range"]::-moz-range-thumb { border-color: #23113f; background: #bd83ff; }
.hero .calculator-result {
  border-color: rgba(203,172,255,.21);
  background: linear-gradient(110deg, rgba(117,49,226,.28), rgba(213,48,128,.18));
}
.hero .calculator-result span { color: rgba(255,255,255,.6); }
.hero .calculator-result strong { color: #fff; text-shadow: 0 4px 20px rgba(183,111,255,.28); }
.hero .primary-button {
  background: linear-gradient(100deg, #7635e8, #9f43f4 48%, #d83b8a);
  box-shadow: 0 15px 34px rgba(120,49,226,.32);
}
.hero .consent-row { color: rgba(255,255,255,.57); }
.hero .consent-row a { color: rgba(255,255,255,.8); }
.hero .messenger-divider { color: rgba(255,255,255,.48); }
.hero .messenger-divider::before,
.hero .messenger-divider::after { background: rgba(255,255,255,.12); }
.hero .calculator-card .messenger-grid a,
.hero .calculator-card .messenger-grid a:nth-child(1),
.hero .calculator-card .messenger-grid a:nth-child(2),
.hero .calculator-card .messenger-grid a:nth-child(3) {
  color: #fff;
  border-color: rgba(255,255,255,.13);
  background: rgba(255,255,255,.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.hero .calculator-card .messenger-grid a:hover {
  border-color: rgba(192,139,255,.42);
  background: rgba(255,255,255,.12);
  box-shadow: 0 12px 28px rgba(7,2,18,.28), 0 0 0 3px rgba(162,92,255,.08);
}
.hero-proofbar {
  position: relative;
  z-index: 4;
  grid-column: 1 / -1;
  grid-row: 2;
  min-height: 94px;
  padding: 13px 18px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  align-items: stretch;
  border: 1px solid rgba(200,167,255,.25);
  border-radius: 20px;
  background: rgba(25,12,47,.86);
  box-shadow: 0 20px 48px rgba(7,2,18,.28), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}
.hero-proofbar > a,
.hero-news-hub {
  min-width: 0;
  padding: 8px 20px;
  display: flex;
  align-items: center;
  gap: 14px;
  border-right: 1px solid rgba(255,255,255,.12);
}
.hero-proofbar > a:last-child { border-right: 0; }
.hero-proofbar i {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: grid;
  place-items: center;
  color: #c78dff;
  font-size: 31px;
}
.hero-proofbar span { min-width: 0; display: grid; gap: 4px; }
.hero-proofbar strong { color: #fff; font-size: 14px; line-height: 1.2; }
.hero-proofbar small { overflow: hidden; color: rgba(255,255,255,.56); font-size: 10px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.hero-news-hub { justify-content: flex-start; gap: 12px; }
.hero-news-hub > span { min-width: 0; }
.hero-news-links { display: flex; align-items: center; gap: 7px; }
.hero-news-links a {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  padding: 5px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 10px;
  background: rgba(255,255,255,.08);
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.hero-news-links a:hover { transform: translateY(-2px); border-color: rgba(201,145,255,.48) !important; background: rgba(255,255,255,.14); }
.hero-news-links img { width: 100%; height: 100%; display: block; object-fit: contain; }
.faq-section .section-heading,
.faq-section .faq-list { width: 100%; max-width: none; }

@media (max-width: 1180px) {
  .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(440px, .92fr); }
  .hero-proofbar > a, .hero-news-hub { padding-inline: 13px; gap: 10px; }
  .hero-news-links { gap: 5px; }
  .hero-news-links a { width: 30px; height: 30px; flex-basis: 30px; padding: 4px; }
  .hero-proofbar i { width: 38px; flex-basis: 38px; font-size: 27px; }
}

@media (max-width: 980px) {
  .hero { padding: 14px; }
  .hero-grid {
    min-height: 0;
    padding: 16px;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    gap: 14px;
    border-radius: 27px;
  }
  .hero-grid::before { display: none; }
  .ambassador {
    grid-column: 1;
    grid-row: 1;
    min-height: 480px;
    height: 480px;
  }
  .ambassador > img { min-height: 480px; height: 480px; object-position: 55% center; }
  .hero-calculator-column {
    grid-column: 1;
    grid-row: 2;
    padding: 6px 2px 2px;
  }
  .hero-proofbar {
    grid-column: 1;
    grid-row: 3;
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .hero-proofbar > :nth-child(2) { border-right: 0; }
  .hero-proofbar > :nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.12); }
}

@media (max-width: 680px) {
  .hero { padding: 0; background: linear-gradient(150deg, #130825, #21103f 58%, #180b2c); }
  .hero-grid {
    width: 100%;
    padding: 12px;
    display: grid;
    gap: 12px;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .ambassador {
    width: 100%;
    height: clamp(330px, 92vw, 410px);
    min-height: 330px;
    margin: 0;
    border-radius: 20px;
  }
  .ambassador > img {
    min-height: 330px;
    height: 100%;
    object-position: 58% center;
  }
  .hero-calculator-column { padding: 5px 0 0; gap: 12px; }
  .hero-brand { margin-left: 5px; font-size: 25px; }
  .hero-brand img { width: 38px; height: 38px; border-radius: 10px; }
  .hero .calculator-card { width: 100%; margin: 0; padding: 15px; border-radius: 20px; }
  .hero .calculator-card h2 { font-size: 24px; }
  .hero .work-tabs { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .hero .work-tab { min-height: 60px; border-bottom: 1px solid rgba(255,255,255,.11); }
  .hero .work-tab:nth-child(2) { border-right: 0; }
  .hero .work-tab:nth-child(n+3) { border-bottom: 0; }
  .hero .calculator-fields { grid-template-columns: 1fr; }
  .hero-proofbar { min-height: 0; padding: 8px; border-radius: 18px; }
  .hero-proofbar > a, .hero-news-hub { min-height: 72px; padding: 9px 8px; gap: 7px; }
  .hero-news-hub { align-items: center; }
  .hero-news-links { gap: 4px; }
  .hero-news-links a { width: 27px; height: 27px; flex-basis: 27px; padding: 3px; }
  .hero-proofbar i { width: 32px; height: 38px; flex-basis: 32px; font-size: 24px; }
  .hero-proofbar strong { font-size: 11px; }
  .hero-proofbar small { font-size: 8px; }
  .faq-section .faq-list { grid-template-columns: 1fr; }
}

/* Full-bleed ambassador background with readable glass calculator overlay. */
.hero-grid {
  grid-template-columns: minmax(480px, 590px) minmax(0, 1fr);
  grid-template-rows: minmax(610px, 1fr) auto;
}
.hero-grid::before {
  display: block;
  z-index: 1;
  inset: 0;
  width: auto;
  border-radius: inherit;
  background:
    linear-gradient(90deg, rgba(16,6,31,.82) 0%, rgba(22,8,43,.66) 35%, rgba(18,7,35,.18) 66%, rgba(18,7,35,.22) 100%),
    linear-gradient(180deg, rgba(17,7,33,.05) 52%, rgba(17,7,33,.4) 100%);
}
.ambassador {
  position: absolute;
  z-index: 0;
  inset: 0;
  grid-column: auto;
  grid-row: auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  border: 0;
  border-radius: inherit;
  box-shadow: none;
}
.ambassador::after {
  background:
    linear-gradient(90deg, rgba(15,6,29,.08), transparent 48%, rgba(15,6,29,.08)),
    linear-gradient(180deg, transparent 62%, rgba(17,7,33,.28));
  box-shadow: inset 0 0 82px rgba(18,7,35,.18);
}
.ambassador > img {
  min-height: 0;
  object-position: 58% center;
  filter: saturate(.92) contrast(1.03) brightness(.88);
}
.hero-calculator-column {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  padding: 24px 0 18px 24px;
}
.hero .calculator-card {
  background: rgba(25,11,49,.7);
  backdrop-filter: blur(20px) saturate(1.16);
  -webkit-backdrop-filter: blur(20px) saturate(1.16);
}
.hero-proofbar { grid-row: 2; }

@media (max-width: 980px) {
  .hero-grid {
    grid-template-columns: minmax(430px, 560px) minmax(0, 1fr);
    grid-template-rows: minmax(610px, 1fr) auto;
  }
  .hero-grid::before {
    display: block;
    background:
      linear-gradient(90deg, rgba(16,6,31,.84) 0%, rgba(22,8,43,.68) 48%, rgba(18,7,35,.2) 82%),
      linear-gradient(180deg, rgba(17,7,33,.04) 52%, rgba(17,7,33,.42) 100%);
  }
  .ambassador {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
  }
  .ambassador > img { min-height: 0; height: 100%; object-position: 60% center; }
  .hero-calculator-column {
    grid-column: 1;
    grid-row: 1;
    padding: 22px 0 18px 18px;
  }
  .hero-proofbar { grid-column: 1 / -1; grid-row: 2; }
}

@media (max-width: 680px) {
  .hero-grid {
    min-height: 0;
    padding: 12px;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
  .hero-grid::before {
    display: block;
    background:
      linear-gradient(180deg, rgba(16,6,31,.05) 0, rgba(17,7,33,.2) 23%, rgba(18,7,35,.92) 43%, rgba(18,7,35,.98) 100%),
      linear-gradient(90deg, rgba(17,7,33,.18), transparent 65%);
  }
  .ambassador {
    height: 430px;
    min-height: 430px;
    border-radius: 0;
  }
  .ambassador > img {
    min-height: 430px;
    height: 430px;
    object-position: 58% center;
    filter: saturate(.94) contrast(1.03) brightness(.94);
  }
  .hero-calculator-column {
    grid-column: 1;
    grid-row: 1;
    padding: 328px 0 0;
  }
  .hero-brand {
    position: relative;
    z-index: 2;
    width: fit-content;
    padding: 8px 11px 8px 8px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;
    background: rgba(24,10,46,.68);
    box-shadow: 0 12px 30px rgba(6,2,16,.22);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
  }
  .hero .calculator-card { background: rgba(25,11,49,.86); }
  .hero-proofbar { grid-column: 1; grid-row: 2; }
}

/* Reference header and a continuous violet-pearl page palette. */
.site-header {
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.13);
  background: rgba(18,7,34,.9);
  box-shadow: 0 12px 34px rgba(7,2,17,.18);
  backdrop-filter: blur(22px) saturate(1.12);
  -webkit-backdrop-filter: blur(22px) saturate(1.12);
}
.header-inner { min-height: 74px; }
.brand--header { min-width: 190px; }
.header-reference-wordmark {
  display: inline-block;
  padding-right: .08em;
  color: #fff;
  font-family: "Acrom", "ALS Hauss", sans-serif;
  font-size: 31px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.055em;
  text-shadow: 0 5px 24px rgba(183,112,255,.18);
}
.brand--header > .header-reference-wordmark { color: #fff !important; }
.header-reference-wordmark span { color: #a66cff; }
.desktop-nav a,
.site-header .header-phone { color: rgba(255,255,255,.88); }
.desktop-nav a::after { bottom: 20px; background: #a66cff; }
.site-header .header-phone { border-left-color: rgba(255,255,255,.14); }
.site-header .header-phone i { color: #c18bff; }
.site-header .avito-rating {
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  color: rgba(255,255,255,.88);
  background: rgba(255,255,255,.07);
}
.header-socials { display: none; }
.header-callback {
  min-height: 44px;
  padding: 0 20px;
  border: 1px solid rgba(202,166,255,.3);
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(105deg, #7130d7, #9741ef 55%, #ba42ef);
  box-shadow: 0 10px 28px rgba(111,48,215,.3);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease;
}
.header-callback:hover { transform: translateY(-2px); box-shadow: 0 14px 34px rgba(111,48,215,.4); }
.site-header .menu-toggle {
  color: #fff;
  border-color: rgba(255,255,255,.16);
  background: rgba(255,255,255,.08);
}
.mobile-menu {
  color: #fff;
  border-top-color: rgba(255,255,255,.12);
  background: rgba(20,8,38,.98);
}
.mobile-menu a { border-bottom-color: rgba(255,255,255,.1); }

main {
  color: #f8f2ff;
  background-color: #160a29;
  background-image:
    radial-gradient(circle at 7% 10%, rgba(123,45,226,.28), transparent 23%),
    radial-gradient(circle at 89% 20%, rgba(217,45,120,.22), transparent 22%),
    radial-gradient(circle at 22% 42%, rgba(255,126,55,.15), transparent 21%),
    radial-gradient(circle at 76% 57%, rgba(123,45,226,.23), transparent 24%),
    radial-gradient(circle at 15% 76%, rgba(217,45,120,.19), transparent 22%),
    radial-gradient(circle at 84% 91%, rgba(255,126,55,.15), transparent 21%);
}
.trust-section,
.services-section,
.offers-section,
.reviews-section,
.guarantees-section,
.faq-section { color: #f8f2ff; background: transparent; }
.trust-section::before,
.services-section::before,
.offers-section::before,
.reviews-section::before,
.guarantees-section::before,
.faq-section::before {
  background:
    radial-gradient(circle at 8% 17%, rgba(139,75,246,.3), transparent 23%),
    radial-gradient(circle at 37% 10%, rgba(218,57,137,.18), transparent 19%),
    radial-gradient(circle at 76% 23%, rgba(255,132,71,.16), transparent 21%),
    radial-gradient(circle at 90% 60%, rgba(139,75,246,.22), transparent 21%),
    radial-gradient(circle at 58% 84%, rgba(218,57,137,.18), transparent 22%);
  opacity: .78;
}
.trust-section::after,
.services-section::after,
.offers-section::after,
.reviews-section::after,
.guarantees-section::after,
.faq-section::after {
  background: linear-gradient(90deg, rgba(123,45,226,.18), rgba(217,45,120,.14) 48%, rgba(255,126,55,.12));
}
.section-heading > span,
.offers-intro > span,
.contact-cta > div > span { color: #dc8dff; }
.section-heading h2,
.offers-intro h2,
.faq-section .section-heading h2 { color: #fff; text-shadow: 0 8px 30px rgba(9,2,20,.2); }
.section-heading p,
.offers-intro p { color: rgba(240,227,249,.67); }

.trust-item,
.service-card,
.offer-card,
.payments,
.review-card,
.guarantees-grid a,
.faq-list details {
  color: #fff;
  border-color: rgba(213,185,255,.16) !important;
  background: rgba(35,16,63,.66);
  box-shadow: 0 20px 54px rgba(7,2,18,.22), inset 0 1px 0 rgba(255,255,255,.055);
  backdrop-filter: blur(20px) saturate(1.12);
  -webkit-backdrop-filter: blur(20px) saturate(1.12);
}
.trust-item strong,
.service-card h3,
.offer-card h3,
.guarantees-grid h3,
.review-card strong { color: #fff; }
.trust-item span,
.service-card p,
.offer-card p,
.guarantees-grid p,
.review-card p,
.review-card small { color: rgba(239,226,248,.66); }
.trust-item:first-child img { filter: drop-shadow(0 5px 14px rgba(255,255,255,.08)); }
.service-card:hover,
.offer-card:hover,
.guarantees-grid a:hover { border-color: rgba(201,151,255,.34) !important; background: rgba(48,22,85,.75); }
.service-card strong { color: #d598ff; }
.offer-card:nth-child(2) {
  border-color: rgba(211,153,255,.25) !important;
  background: linear-gradient(130deg, rgba(70,29,119,.68), rgba(61,22,77,.7));
}
.offer-card:nth-child(2) .offer-card__shield { mix-blend-mode: screen; opacity: .88; }
.payments li { border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.9); }
.payments p { color: rgba(240,227,249,.7); }
.reviews-emblem { box-shadow: 0 18px 42px rgba(3,1,10,.28); }
.review-topic { color: #dfa2ff; }
.review-controls button {
  color: #fff;
  border-color: rgba(255,255,255,.14);
  background: rgba(255,255,255,.08);
}
.faq-section { background: transparent; }
.faq-list details:hover { border-color: rgba(213,157,255,.34) !important; box-shadow: 0 24px 58px rgba(6,2,16,.28); }
.faq-list details[open] {
  border-color: rgba(210,151,255,.34) !important;
  background: linear-gradient(135deg, rgba(74,31,126,.8), rgba(60,23,77,.78));
}
.faq-list summary { color: #fff; }
.faq-list details p { color: rgba(239,226,248,.7); }
.reviews-link {
  color: #fff;
  border-color: rgba(255,255,255,.15);
  background: rgba(35,16,63,.78);
  box-shadow: 0 14px 34px rgba(6,2,16,.24);
}
.reviews-link img { padding: 3px 5px; border-radius: 7px; background: #fff; }

@media (max-width: 1240px) {
  .header-callback { display: none; }
  .brand--header { min-width: 0; }
}

@media (max-width: 680px) {
  .header-inner { min-height: 62px; }
  .header-reference-wordmark { font-size: 23px; }
  .mobile-header-rating { background: rgba(255,255,255,.92); }
}

/* Seamless reference treatment: transparent header directly over the hero photo. */
.site-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: transparent;
  border-bottom: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.brand--header,
.desktop-nav a,
.site-header .header-phone { text-shadow: 0 2px 16px rgba(8,2,18,.72); }
.hero { padding: 0; background: #160a29; }
.hero-grid {
  width: 100%;
  min-height: 842px;
  padding: 98px max(48px, calc((100vw - 1320px) / 2)) 24px;
  gap: 18px;
  border: 0;
  border-radius: 0;
  background: #160a29;
  box-shadow: none;
}
.hero-grid::before { border-radius: 0; }
.ambassador { border-radius: 0; }
.hero-calculator-column { padding: 0; }
.hero-proofbar { margin-top: 0; }

@media (max-width: 980px) {
  .hero-grid {
    padding: 92px 24px 22px;
    grid-template-columns: minmax(430px, 560px) minmax(0,1fr);
  }
}

@media (max-width: 680px) {
  .site-header { background: transparent; }
  .hero-grid {
    padding: 74px 12px 12px;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
  .ambassador { height: 460px; min-height: 460px; }
  .ambassador > img { height: 460px; min-height: 460px; }
  .hero-calculator-column { padding: 276px 0 0; }
}

/* Lighter pearl middle sections with seamless color continuity. */
main {
  background-color: #281344;
  background-image:
    radial-gradient(circle at 8% 8%, rgba(151,84,246,.4), transparent 25%),
    radial-gradient(circle at 88% 19%, rgba(232,68,145,.31), transparent 24%),
    radial-gradient(circle at 20% 40%, rgba(255,145,83,.24), transparent 23%),
    radial-gradient(circle at 78% 58%, rgba(152,83,239,.34), transparent 26%),
    radial-gradient(circle at 13% 78%, rgba(222,70,151,.28), transparent 24%),
    radial-gradient(circle at 86% 92%, rgba(255,142,77,.22), transparent 23%);
}
.hero { background: #160a29; }
.trust-section,
.services-section,
.offers-section,
.reviews-section,
.guarantees-section,
.faq-section {
  background: linear-gradient(180deg, rgba(100,55,128,.13), rgba(47,21,72,.05));
}
.trust-section::before,
.services-section::before,
.offers-section::before,
.reviews-section::before,
.guarantees-section::before,
.faq-section::before { opacity: .96; filter: blur(58px) saturate(1.18); }
.trust-item,
.service-card,
.offer-card,
.payments,
.review-card,
.guarantees-grid a,
.faq-list details {
  border-color: rgba(232,211,255,.2) !important;
  background: rgba(70,36,97,.68);
  box-shadow: 0 20px 54px rgba(14,4,29,.18), inset 0 1px 0 rgba(255,255,255,.08);
}
.service-card:hover,
.offer-card:hover,
.guarantees-grid a:hover { background: rgba(84,42,116,.78); }

/* Crop the source artwork inside a consistent rounded mask to remove pale corner artefacts. */
.service-card__image {
  border-radius: 30px;
  clip-path: inset(6px round 30px);
  transform: scale(1.018);
  box-shadow: none;
}

/* Two remaining promotions only; the blue bundle card was intentionally removed. */
.offer-cards { grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); }
.offer-card:nth-child(2) {
  border-color: rgba(232,211,255,.2) !important;
  background: rgba(70,36,97,.68);
}

/* Brand rating: pearl glass instead of a plain white badge. */
.site-header .avito-rating {
  border-color: rgba(221,183,255,.28);
  color: #fff;
  background: linear-gradient(120deg, rgba(101,47,167,.44), rgba(190,48,137,.3) 58%, rgba(241,112,61,.2));
  box-shadow: 0 10px 28px rgba(19,5,39,.24), inset 0 1px 0 rgba(255,255,255,.1);
}
.site-header .avito-rating img,
.mobile-header-rating img {
  padding: 2px 5px;
  border-radius: 7px;
  background: rgba(255,255,255,.92);
}
.mobile-header-rating {
  border-color: rgba(221,183,255,.32) !important;
  color: #fff !important;
  background: linear-gradient(120deg, rgba(83,37,143,.86), rgba(180,45,132,.78) 62%, rgba(239,110,59,.68)) !important;
  box-shadow: 0 8px 24px rgba(17,4,35,.28) !important;
}
.mobile-header-rating i { color: #ffd56c !important; }

/* Payment marks sit directly on glass: no white tiles, borders or shadows. */
.payments ul { gap: 34px; }
.payments li {
  min-width: 72px;
  height: 42px;
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
}
.payments li img {
  max-width: 104px;
  max-height: 34px;
  border: 0;
  background: transparent;
  box-shadow: none;
  filter: drop-shadow(0 5px 12px rgba(8,2,18,.2));
}

@media (max-width: 680px) {
  .service-card__image { clip-path: inset(4px round 25px); border-radius: 25px; }
  .payments ul { gap: 20px; }
  .payments li { min-width: 52px; height: 36px; }
  .payments li img { max-width: 82px; max-height: 28px; }
}

/* Polished mobile navigation: floating below the header instead of covering it. */
@media (max-width: 980px) {
  .site-header { overflow: visible; }
  .mobile-menu {
    position: absolute;
    z-index: 20;
    top: calc(100% + 7px);
    left: 12px;
    right: 12px;
    width: auto;
    max-height: calc(100vh - 92px);
    padding: 12px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    overflow-y: auto;
    border: 1px solid rgba(226,202,255,.24);
    border-radius: 20px;
    color: #fff;
    background: linear-gradient(145deg, rgba(42,18,70,.94), rgba(72,29,94,.92) 60%, rgba(83,32,75,.9));
    box-shadow: 0 26px 70px rgba(10,2,24,.42), inset 0 1px 0 rgba(255,255,255,.1);
    backdrop-filter: blur(24px) saturate(1.18);
    -webkit-backdrop-filter: blur(24px) saturate(1.18);
    animation: mobile-menu-in .2s cubic-bezier(.22,1,.36,1) both;
  }
  .mobile-menu[hidden] { display: none; }
  .mobile-menu > a {
    min-height: 50px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 9px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 13px;
    color: rgba(255,255,255,.9);
    background: rgba(255,255,255,.055);
    font-size: 12px;
    font-weight: 800;
  }
  .mobile-menu > a i {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: #e4b3ff;
    background: rgba(184,107,255,.13);
    font-size: 16px;
  }
  .mobile-menu > a:hover,
  .mobile-menu > a:focus-visible { border-color: rgba(226,178,255,.3); background: rgba(255,255,255,.09); }
  .mobile-menu .mobile-menu__phone { grid-column: 1 / -1; justify-content: center; color: #fff; background: linear-gradient(110deg, rgba(117,50,205,.55), rgba(201,54,151,.45)); }
  .mobile-network-row {
    grid-column: 1 / -1;
    margin-top: 2px;
    padding: 12px 4px 2px;
    border-top: 1px solid rgba(255,255,255,.1);
  }
  .mobile-menu .mobile-avito { color: #fff; }
  .mobile-menu .mobile-avito img { padding: 2px 5px; border-radius: 7px; background: rgba(255,255,255,.92); }
  .menu-toggle[aria-expanded="true"] { color: #fff; border-color: rgba(221,173,255,.42); background: rgba(119,51,191,.42); box-shadow: 0 8px 24px rgba(16,4,34,.24); }
}

@keyframes mobile-menu-in {
  from { opacity: 0; transform: translateY(-8px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

/* Unified service icons from the icon library: no raster corners or halos. */
.service-card__icon {
  width: 100%;
  aspect-ratio: 1 / 1;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(228,195,255,.18);
  border-radius: 28px;
  color: #ffd547;
  background:
    radial-gradient(circle at 52% 45%, rgba(188,76,255,.34), transparent 39%),
    linear-gradient(145deg, rgba(43,14,78,.98), rgba(67,18,101,.96));
  box-shadow: 0 18px 38px rgba(16,3,35,.2), inset 0 1px 0 rgba(255,255,255,.06);
}
.service-card__icon i {
  font-size: clamp(62px, 7vw, 104px);
  filter: drop-shadow(0 8px 18px rgba(255,197,36,.14));
}
.service-card:hover .service-card__icon i { transform: translateY(-2px) scale(1.025); transition: transform .22s ease; }

/* White Avito wordmark on the pearl background, without a tile or visible edge. */
.trust-grid .trust-item--avito > img {
  width: 92px;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  filter: brightness(0) invert(1) drop-shadow(0 6px 16px rgba(12,3,28,.22)) !important;
}

@media (max-width: 980px) {
  .mobile-menu .mobile-avito img {
    width: 70px;
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    filter: brightness(0) invert(1) drop-shadow(0 5px 12px rgba(9,2,21,.22));
  }
}

@media (max-width: 680px) {
  .mobile-menu { top: calc(100% + 5px); }
  .service-card__icon { border-radius: 22px; }
  .service-card__icon i { font-size: 50px; }
}

/* Keep the pearl canvas visible through every section boundary and overscroll area. */
html,
body {
  background-color: #281344;
}

.trust-section,
.services-section,
.offers-section,
.reviews-section,
.guarantees-section,
.faq-section {
  margin-block: -1px;
  overflow: visible;
  background: transparent;
}

.trust-section::after,
.services-section::after,
.offers-section::after,
.reviews-section::after,
.guarantees-section::after,
.faq-section::after {
  bottom: -82px;
  height: 166px;
  opacity: .86;
}

@media (max-width: 680px) {
  .trust-section::after,
  .services-section::after,
  .offers-section::after,
  .reviews-section::after,
  .guarantees-section::after,
  .faq-section::after {
    left: -22%;
    right: -22%;
    bottom: -58px;
    height: 124px;
    filter: blur(38px);
    opacity: .94;
  }
}

/* One continuous canvas: section-specific blur layers must not restart at boundaries. */
.trust-section,
.services-section,
.offers-section,
.reviews-section,
.guarantees-section,
.faq-section {
  isolation: auto;
  background: transparent !important;
}

.trust-section::before,
.services-section::before,
.offers-section::before,
.reviews-section::before,
.guarantees-section::before,
.faq-section::before,
.trust-section::after,
.services-section::after,
.offers-section::after,
.reviews-section::after,
.guarantees-section::after,
.faq-section::after {
  content: none !important;
  display: none !important;
}

/* Blend the full-bleed hero photo into the same pearl canvas. */
.hero {
  overflow: visible;
  border-bottom: 0;
}

.hero::after {
  content: none;
  display: none;
}

.trust-section {
  margin-top: -1px;
  padding-top: 90px;
  background: linear-gradient(180deg, #170a24 0, #24113f 110px, #3d1c5c 230px, #5d2b80 370px, rgba(93,43,128,.78) 470px, rgba(93,43,128,0) 620px) !important;
  box-shadow: 0 -26px 44px 14px rgba(23,10,36,.82);
}

.hero-grid::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: auto 0 0;
  height: 180px;
  display: block;
  border-radius: 0;
  background: linear-gradient(180deg, rgba(23,10,36,0), rgba(23,10,36,.72) 55%, #170a24 100%);
  pointer-events: none;
}

.contact-cta {
  background: transparent;
}

@media (max-width: 680px) {
  .trust-section {
    margin-top: -1px;
    padding-top: 70px;
    background: linear-gradient(180deg, #120521 0, #21103d 90px, #3d1c5c 190px, #5d2b80 320px, rgba(93,43,128,.78) 420px, rgba(93,43,128,0) 580px) !important;
    box-shadow: 0 -22px 40px 12px rgba(18,5,33,.86);
  }

  .hero-grid::after {
    height: 150px;
    background: linear-gradient(180deg, rgba(18,5,33,0), rgba(18,5,33,.72) 55%, #120521 100%);
  }
}

/* Brand the calculator directly and turn every section title into one coherent neon system. */
.hero .calculator-brand-title {
  margin: 0 0 13px;
  line-height: 1;
}

.hero .calculator-brand-title .hero-brand {
  font-size: 28px;
  text-decoration: none;
}

.section-heading h2,
.offers-intro h2,
.contact-cta h2 {
  width: fit-content;
  max-width: 100%;
  color: #fff;
  font-family: "Acrom", "Roboto Condensed Local", "Manrope", sans-serif;
  font-weight: 790;
  letter-spacing: -.03em;
  background: linear-gradient(96deg, #fff 0%, #f3dcff 26%, #cf9cff 52%, #ff92ce 76%, #ffd2b7 100%);
  background-size: 180% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow:
    0 0 10px rgba(210,151,255,.2),
    0 0 26px rgba(173,91,255,.28),
    0 0 48px rgba(226,62,147,.16);
  animation: section-title-neon 5.2s ease-in-out infinite alternate;
}

@keyframes section-title-neon {
  0% { background-position: 0% 50%; filter: brightness(1); }
  100% { background-position: 100% 50%; filter: brightness(1.13); }
}

@media (prefers-reduced-motion: reduce) {
  .section-heading h2,
  .offers-intro h2,
  .contact-cta h2 { animation: none; }
}

@media (max-width: 680px) {
  .hero .calculator-brand-title .hero-brand { font-size: 25px; }
}

/* Neon chapter rhythm: every content section opens and closes on the same black glow. */
.trust-section,
.services-section,
.offers-section,
.reviews-section,
.guarantees-section,
.faq-section {
  background-image: linear-gradient(180deg,
    rgba(12, 5, 21, 0) 0%,
    rgba(20, 8, 32, .58) 4%,
    rgba(20, 8, 32, .16) 17%,
    rgba(20, 8, 32, 0) 27%,
    rgba(20, 8, 32, 0) 82%,
    rgba(20, 8, 32, .16) 91%,
    rgba(12, 5, 21, .54) 96%,
    rgba(12, 5, 21, 0) 100%) !important;
  box-shadow: none;
}

.trust-section {
  background-image:
    linear-gradient(180deg, #170a24 0%, rgba(23, 10, 36, 0) 26%),
    linear-gradient(180deg,
      rgba(12, 5, 21, 0) 0%,
      rgba(20, 8, 32, .5) 5%,
      rgba(20, 8, 32, .12) 19%,
      rgba(20, 8, 32, 0) 30%,
      rgba(20, 8, 32, 0) 82%,
      rgba(20, 8, 32, .16) 91%,
      rgba(12, 5, 21, .54) 96%,
      rgba(12, 5, 21, 0) 100%) !important;
  box-shadow: none;
}

.section-heading,
.offers-intro,
.reviews-top {
  position: relative;
  z-index: 1;
}

.section-heading h2,
.offers-intro h2,
.contact-cta h2 {
  background-image: linear-gradient(96deg, #fff5fd 0%, #ffc0e7 24%, #ff72c5 52%, #d28aff 78%, #ffd5ed 100%);
  text-shadow:
    0 0 9px rgba(255, 194, 232, .2),
    0 0 24px rgba(255, 77, 184, .42),
    0 0 54px rgba(210, 74, 255, .28);
}

.contact-cta {
  background-image:
    radial-gradient(ellipse 60% 220px at 24% 18%, rgba(255, 53, 176, .18), transparent 72%),
    radial-gradient(ellipse 46% 220px at 82% 72%, rgba(134, 65, 255, .16), transparent 76%),
    linear-gradient(180deg, rgba(20, 8, 32, 0) 0%, rgba(20, 8, 32, .72) 20%, #08020e 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.reviews-link {
  border-color: rgba(244, 209, 255, .22);
  background: linear-gradient(115deg, rgba(88, 40, 119, .72), rgba(69, 29, 96, .62));
  box-shadow: 0 16px 38px rgba(7, 2, 17, .18), inset 0 1px 0 rgba(255, 255, 255, .08);
}

.reviews-link img {
  width: 46px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  object-fit: contain;
  filter: brightness(0) invert(1) drop-shadow(0 0 10px rgba(255, 255, 255, .12));
}

@media (max-width: 680px) {
  .trust-section,
  .services-section,
  .offers-section,
  .reviews-section,
  .guarantees-section,
  .faq-section {
    background-image: linear-gradient(180deg,
      rgba(12, 5, 21, 0) 0%,
      rgba(20, 8, 32, .52) 4%,
      rgba(20, 8, 32, .14) 16%,
      rgba(20, 8, 32, 0) 25%,
      rgba(20, 8, 32, 0) 84%,
      rgba(20, 8, 32, .15) 92%,
      rgba(12, 5, 21, .5) 96%,
      rgba(12, 5, 21, 0) 100%) !important;
  }

  .trust-section {
    background-image:
      linear-gradient(180deg, #120521 0%, rgba(18, 5, 33, 0) 28%),
      linear-gradient(180deg,
        rgba(12, 5, 21, 0) 0%,
        rgba(20, 8, 32, .46) 5%,
        rgba(20, 8, 32, .12) 18%,
        rgba(20, 8, 32, 0) 28%,
        rgba(20, 8, 32, 0) 84%,
        rgba(20, 8, 32, .15) 92%,
        rgba(12, 5, 21, .5) 96%,
        rgba(12, 5, 21, 0) 100%) !important;
  }

}

/* Frequent pearlescent light orbs on one continuous canvas. */
main {
  position: relative;
  isolation: isolate;
  overflow: clip;
}

main::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 760px -12% -180px;
  pointer-events: none;
  background-image:
    radial-gradient(circle, rgba(255, 247, 255, .18) 0 4%, rgba(255, 171, 227, .12) 19%, rgba(212, 127, 255, .07) 38%, transparent 72%),
    radial-gradient(circle, rgba(255, 232, 215, .14) 0 3%, rgba(255, 157, 205, .09) 21%, rgba(255, 128, 186, .04) 40%, transparent 73%),
    radial-gradient(circle, rgba(237, 224, 255, .15) 0 4%, rgba(172, 128, 255, .09) 22%, rgba(147, 96, 235, .04) 42%, transparent 74%);
  background-size: 360px 360px, 520px 520px, 680px 680px;
  background-position: 0 0, 210px 180px, 70px 390px;
  background-repeat: repeat;
  opacity: .62;
  filter: blur(48px) saturate(1.08);
  mix-blend-mode: screen;
  will-change: transform, opacity, filter;
  animation: pearl-orbs-drift 17s ease-in-out infinite alternate;
}

main::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 760px -18% -220px;
  pointer-events: none;
  background-image:
    radial-gradient(circle, rgba(255, 241, 253, .12) 0 5%, rgba(255, 125, 198, .08) 27%, transparent 72%),
    radial-gradient(circle, rgba(243, 231, 255, .12) 0 4%, rgba(151, 117, 255, .075) 29%, transparent 74%);
  background-size: 760px 760px, 940px 940px;
  background-position: 80px 180px, 490px 520px;
  background-repeat: repeat;
  opacity: .4;
  filter: blur(70px) saturate(1.1);
  mix-blend-mode: screen;
  will-change: transform, background-position, opacity;
  animation: pearl-orbs-cross 20s ease-in-out infinite alternate-reverse;
}

main > section {
  position: relative;
  z-index: 1;
}

@keyframes pearl-orbs-drift {
  0% {
    transform: translate3d(-2%, 12px, 0) scale(1.01);
    background-position: 0 0, 210px 180px, 70px 390px;
    opacity: .48;
    filter: blur(52px) saturate(1.04);
  }
  55% {
    background-position: 96px -62px, 126px 268px, 168px 314px;
    opacity: .66;
  }
  100% {
    transform: translate3d(3%, -46px, 0) scale(1.045);
    background-position: 172px -118px, 52px 338px, 254px 224px;
    opacity: .58;
    filter: blur(46px) saturate(1.12);
  }
}

@keyframes pearl-orbs-cross {
  0% {
    transform: translate3d(2.5%, -18px, 0) scale(1.015);
    background-position: 80px 180px, 490px 520px;
    opacity: .3;
  }
  100% {
    transform: translate3d(-3%, 52px, 0) scale(1.055);
    background-position: 310px 30px, 220px 740px;
    opacity: .44;
  }
}

@media (max-width: 680px) {
  main::before {
    inset: 980px -36% -140px;
    background-size: 250px 250px, 360px 360px, 470px 470px;
    background-position: 0 0, 125px 150px, 35px 310px;
    opacity: .52;
    filter: blur(42px) saturate(1.06);
  }

  main::after {
    inset: 980px -58% -180px;
    background-size: 430px 430px, 570px 570px;
    background-position: 30px 120px, 260px 360px;
    opacity: .32;
    filter: blur(58px) saturate(1.08);
  }
}

@media (prefers-reduced-motion: reduce) {
  main::before,
  main::after { animation: none; }
}

/* The same moving pearl light reaches the hero without competing with the face or calculator. */
.hero-orbs {
  position: absolute;
  z-index: 2;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  mix-blend-mode: screen;
  background-image:
    radial-gradient(circle at 8% 18%, rgba(151,91,255,.34) 0, rgba(151,91,255,.16) 8%, transparent 23%),
    radial-gradient(circle at 28% 72%, rgba(117,65,244,.28) 0, rgba(117,65,244,.12) 9%, transparent 25%),
    radial-gradient(circle at 48% 16%, rgba(198,102,255,.25) 0, rgba(198,102,255,.1) 8%, transparent 22%),
    radial-gradient(circle at 68% 46%, rgba(231,68,166,.23) 0, rgba(231,68,166,.09) 9%, transparent 24%),
    radial-gradient(circle at 88% 22%, rgba(143,84,255,.3) 0, rgba(143,84,255,.12) 8%, transparent 23%),
    radial-gradient(circle at 82% 80%, rgba(255,127,83,.15) 0, rgba(255,127,83,.06) 10%, transparent 26%),
    radial-gradient(circle at 43% 54%, rgba(137,69,255,.22) 0, rgba(137,69,255,.085) 8%, transparent 21%);
  background-size: 112% 112%;
  background-position: 48% 48%;
  animation: hero-ambient-wash 16s ease-in-out infinite alternate;
}

.hero-orbs::before,
.hero-orbs::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  will-change: transform, opacity, filter;
}

.hero-orbs::before {
  left: -7%;
  top: 5%;
  width: clamp(330px, 36vw, 610px);
  aspect-ratio: 1;
  background:
    radial-gradient(circle at 42% 42%, rgba(255,249,255,.28) 0 4%, rgba(255,174,226,.17) 21%, rgba(196,126,255,.1) 43%, transparent 73%);
  filter: blur(52px) saturate(1.08);
  opacity: .54;
  animation: hero-pearl-orb-left 15s ease-in-out infinite alternate;
}

.hero-orbs::after {
  right: -5%;
  bottom: 1%;
  width: clamp(380px, 42vw, 720px);
  aspect-ratio: 1;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,242,226,.22) 0 5%, rgba(255,153,199,.14) 24%, rgba(174,123,255,.09) 45%, transparent 74%);
  filter: blur(66px) saturate(1.1);
  opacity: .46;
  animation: hero-pearl-orb-right 18s ease-in-out infinite alternate-reverse;
}

@keyframes hero-pearl-orb-left {
  0% { transform: translate3d(-4%, 4%, 0) scale(.95); opacity: .3; filter: blur(56px) saturate(1.04); }
  52% { transform: translate3d(9%, 2%, 0) scale(1.045); opacity: .46; }
  100% { transform: translate3d(17%, 12%, 0) scale(.99); opacity: .36; filter: blur(50px) saturate(1.12); }
}

@keyframes hero-pearl-orb-right {
  0% { transform: translate3d(6%, 9%, 0) scale(.96); opacity: .25; }
  48% { transform: translate3d(-7%, -2%, 0) scale(1.045); opacity: .38; }
  100% { transform: translate3d(-15%, -11%, 0) scale(1); opacity: .31; }
}

@keyframes hero-ambient-wash {
  0% { background-position: 42% 46%; opacity: .76; }
  38% { background-position: 48% 52%; opacity: .94; }
  72% { background-position: 55% 47%; opacity: .86; }
  100% { background-position: 60% 43%; opacity: .92; }
}

@media (max-width: 680px) {
  .hero-orbs {
    background-size: 122% 122%;
    background-position: 45% 48%;
  }

  .hero-orbs::before {
    left: -34%;
    top: 2%;
    width: 390px;
    opacity: .38;
  }

  .hero-orbs::after {
    right: -48%;
    bottom: 28%;
    width: 460px;
    opacity: .32;
  }
}

/* Mobile menu expands the header instead of floating across the calculator. */
@media (max-width: 980px) {
  body.mobile-menu-open {
    overflow: hidden;
  }

  body.mobile-menu-open .site-header {
    position: relative;
    background: linear-gradient(155deg, rgba(24,10,45,.99), rgba(48,19,72,.99));
    box-shadow: 0 18px 52px rgba(7,2,18,.3);
    backdrop-filter: blur(24px) saturate(1.08);
    -webkit-backdrop-filter: blur(24px) saturate(1.08);
  }

  .mobile-menu {
    position: relative;
    z-index: 1;
    top: auto;
    left: auto;
    right: auto;
    width: auto;
    max-height: calc(100dvh - 88px);
    margin: 0 12px 12px;
    border-color: rgba(226,202,255,.18);
    background: linear-gradient(145deg, rgba(38,16,63,.99), rgba(65,26,86,.99) 62%, rgba(73,29,67,.99));
    box-shadow: 0 18px 44px rgba(8,2,19,.24), inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    transform-origin: top center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-orbs,
  .hero-orbs::before,
  .hero-orbs::after { animation: none; }
}

/* One uninterrupted pearl canvas for every content section; the footer keeps its own finish. */
main > section:not(.hero) {
  margin-block: 0;
  border-top: 0 !important;
  border-bottom: 0 !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

main > section:not(.hero)::before,
main > section:not(.hero)::after {
  content: none !important;
  display: none !important;
}

.hero-grid::after {
  height: 240px;
  background: linear-gradient(180deg, rgba(33,16,58,0), rgba(33,16,58,.38) 36%, rgba(33,16,58,.82) 72%, #21103a 100%);
}

@media (max-width: 680px) {
  .hero-grid::after {
    height: 200px;
    background: linear-gradient(180deg, rgba(33,16,58,0), rgba(33,16,58,.42) 34%, rgba(33,16,58,.86) 72%, #21103a 100%);
  }
}

/* The photo dissolves into the shared canvas; the next section has no separate fill. */
main > section.trust-section {
  margin-top: -68px;
  padding-top: 156px;
  background-color: transparent !important;
  background-image: linear-gradient(180deg,
    rgba(33,16,58,0) 0,
    rgba(33,16,58,.58) 34px,
    #21103a 66px,
    rgba(33,16,58,.96) 112px,
    rgba(33,16,58,.7) 196px,
    rgba(33,16,58,.3) 282px,
    rgba(33,16,58,0) 368px) !important;
}

main > section.trust-section::before {
  content: none !important;
  display: none !important;
}

@media (max-width: 680px) {
  main > section.trust-section {
    margin-top: -54px;
    padding-top: 122px;
    background-image: linear-gradient(180deg,
      rgba(33,16,58,0) 0,
      rgba(33,16,58,.58) 28px,
      #21103a 52px,
      rgba(33,16,58,.95) 94px,
      rgba(33,16,58,.68) 166px,
      rgba(33,16,58,.28) 238px,
      rgba(33,16,58,0) 310px) !important;
  }
}

/* Calculator-led palette: deep plum glass with violet, pink and warm coral light. */
html,
body {
  background-color: #21103a;
}

main {
  background-color: #21103a;
  background-image:
    radial-gradient(ellipse at 8% 7%, rgba(126,65,238,.38), transparent 31%),
    radial-gradient(ellipse at 91% 18%, rgba(226,48,142,.3), transparent 30%),
    radial-gradient(ellipse at 18% 39%, rgba(255,119,69,.17), transparent 28%),
    radial-gradient(ellipse at 77% 57%, rgba(139,67,232,.32), transparent 31%),
    radial-gradient(ellipse at 12% 78%, rgba(207,47,142,.25), transparent 29%),
    radial-gradient(ellipse at 88% 92%, rgba(255,122,70,.15), transparent 28%),
    linear-gradient(180deg, #21103a 0%, #281342 48%, #21103a 100%);
}

.hero-calculator-column {
  position: relative;
  top: -18px;
}

@media (max-width: 680px) {
  .hero-calculator-column { top: -14px; }
}

/* Condensed white section headings with quieter light. */
.section-heading h2,
.offers-intro h2,
.contact-cta h2 {
  color: #fff;
  font-family: "Acrom", "Arial Narrow", Arial, sans-serif;
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -.045em;
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #fff;
  text-shadow:
    0 1px 0 rgba(255,255,255,.12),
    0 0 18px rgba(222,205,255,.16),
    0 9px 34px rgba(8,2,20,.24);
  animation: none;
}

.section-heading > span,
.offers-intro > span {
  color: #f0b7ff;
  text-shadow: 0 0 16px rgba(199,103,255,.2);
}

/* Slow day-to-night tint over the ambassador photo: warm pearl by day, cool violet by night. */
.ambassador > img {
  position: relative;
  z-index: 0;
  filter: saturate(.97) contrast(1.02) brightness(.98) hue-rotate(0deg);
  will-change: filter;
  animation: hero-photo-day-night 6s ease-in-out infinite alternate;
}

.ambassador::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(90deg, rgba(5, 11, 39, .94) 0%, rgba(9, 9, 39, .78) 22%, rgba(15, 10, 46, .34) 44%, transparent 63%),
    radial-gradient(circle at 77% 33%, rgba(255, 188, 118, .34) 0, rgba(255, 150, 98, .12) 10%, transparent 25%),
    radial-gradient(circle at 16% 16%, rgba(110, 104, 255, .2), transparent 38%),
    linear-gradient(118deg, rgba(22, 16, 68, .48), rgba(15, 8, 42, .64));
  background-size: 100% 100%, 136% 136%, 100% 100%, 100% 100%;
  background-position: center, 68% 4%, center, center;
  opacity: .04;
  filter: hue-rotate(-8deg) brightness(1.08) saturate(.96);
  will-change: opacity, filter, background-position;
  animation: hero-day-night-cycle 6s ease-in-out infinite alternate;
}

.ambassador::after { z-index: 2; }

@keyframes hero-day-night-cycle {
  0% {
    opacity: .04;
    filter: hue-rotate(-8deg) brightness(1.08) saturate(.96);
    background-position: center, 68% 4%, center, center;
  }
  100% {
    opacity: .78;
    filter: hue-rotate(15deg) brightness(.86) saturate(1.1);
    background-position: center, 48% 20%, center, center;
  }
}

@keyframes hero-photo-day-night {
  0% {
    filter: saturate(.97) contrast(1.02) brightness(.98) hue-rotate(0deg);
  }
  100% {
    filter: saturate(.78) contrast(1.08) brightness(.66) hue-rotate(10deg);
  }
}

@media (max-width: 680px) {
  .ambassador::before {
    opacity: .5;
    background-size: 158% 158%, 100% 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  /* This is a color-only lighting change, so it remains enabled without spatial movement. */
  .ambassador::before { animation: hero-day-night-cycle 6s ease-in-out infinite alternate !important; }
  .ambassador > img { animation: hero-photo-day-night 6s ease-in-out infinite alternate !important; }
}

/* Transparent vector chapter marks: no raster edges or clipped labels. */
.section-art {
  width: 82px;
  height: 82px;
  flex: 0 0 82px;
  display: grid;
  place-items: center;
  overflow: visible;
  border: 0;
  border-radius: 0;
  color: #ffd747;
  background: transparent;
  box-shadow: none;
}

.section-art i {
  font-size: 43px;
  line-height: 1;
  filter: drop-shadow(0 0 13px rgba(255, 189, 52, .28));
}

.section-art img {
  width: 92%;
  height: 92%;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 0 12px rgba(255, 196, 44, .22));
}

.section-art--reviews { color: #ff82cf; }
.section-art--guarantees { color: #c892ff; }

.offers-intro.section-heading--with-mark { max-width: 940px; }
.offers-intro.section-heading--with-mark > div { min-width: 0; }
.section-heading--with-mark > div { min-width: 0; }

/* One transparent vector system for all guarantee cards. */
.guarantee-card__icon {
  width: 62px;
  height: 62px;
  flex: 0 0 62px;
  display: grid;
  place-items: center;
  overflow: visible;
  border: 0;
  border-radius: 0;
  color: #ffd747;
  background: transparent;
  box-shadow: none;
}

.guarantee-card__icon i {
  width: auto;
  height: auto;
  display: block;
  color: inherit;
  background: none;
  border-radius: 0;
  font-size: 31px;
  filter: drop-shadow(0 0 11px rgba(255, 194, 48, .22));
}

.guarantee-card__icon img {
  width: 96%;
  height: 96%;
  display: block;
  object-fit: contain;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.guarantee-card__icon--edits { color: #ff83cb; }
.guarantee-card__icon--antiplagiarism { color: #b98cff; }
.guarantees-grid a { align-items: center; }
.guarantees-grid a > div { min-width: 0; }

/* T-Pay badge is rebuilt from vector/CSS shapes so no white source frame can leak in. */
.payments li.payment-tpay {
  width: 104px;
  min-width: 104px;
  height: 38px;
  display: grid;
  place-items: center;
  overflow: visible;
  border-radius: 0;
  background: transparent !important;
}

.tpay-badge {
  height: 34px;
  padding: 4px 12px 4px 7px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  color: #fff;
  background: #2f2f2f;
  box-shadow: 0 7px 16px rgba(8, 2, 18, .2);
  white-space: nowrap;
}

.tpay-shield {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border-radius: 7px 7px 11px 11px;
  color: #292929;
  background: #ffdd2d;
  font: 900 17px/1 Arial, sans-serif;
  clip-path: polygon(0 0, 100% 0, 100% 72%, 50% 100%, 0 72%);
}

.tpay-badge strong {
  color: #fff;
  font: 900 18px/1 Arial, sans-serif;
  letter-spacing: .02em;
}

.payments li.payment-tpay img {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  display: block;
  object-fit: contain;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  filter: drop-shadow(0 7px 16px rgba(8, 2, 18, .2));
}

@media (max-width: 680px) {
  .section-heading--with-mark { align-items: center; gap: 14px; }
  .section-art { width: 62px; height: 62px; flex-basis: 62px; border-radius: 0; }
  .section-art i { font-size: 32px; }
  .guarantees-grid a { align-items: center; }
  .guarantee-card__icon { width: 54px; height: 54px; flex-basis: 54px; border-radius: 0; }
  .guarantee-card__icon i { font-size: 27px; }
  .payments li.payment-tpay { width: 90px; min-width: 90px; height: 34px; }
  .tpay-badge { height: 31px; padding: 3px 10px 3px 6px; gap: 7px; border-radius: 10px; }
  .tpay-shield { width: 23px; height: 23px; font-size: 15px; }
  .tpay-badge strong { font-size: 16px; }
}

/* ==========================================================================
   Cinemagraph Soaring Birds: Window Flock (Hero) -> Sky Breakout -> Main Canvas
   ========================================================================== */
.sky-birds-defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}

.ambassador-window-flock,
.hero-sky-flock,
.main-birds-canvas {
  position: absolute;
  pointer-events: none;
  user-select: none;
  overflow: hidden;
}

/* 1. Distant window flock inside .ambassador (synced with day-to-night window light) */
.ambassador-window-flock {
  z-index: 2;
  inset: 0;
  clip-path: polygon(0 0, 56% 0, 50% 62%, 0 58%);
}

/* 2. Hero sky flock: emerges from window behind glass calculator, flies into main canvas */
.hero-sky-flock {
  z-index: 2;
  inset: 0;
}

/* 3. Continuous ambient canvas across all content sections in <main> */
.main-birds-canvas {
  z-index: 0;
  inset: 720px 0 0 0;
}

/* Brand thermal air-streams and subtle kursoviy.rf background sky watermarks */
.kursoviy-sky-stream {
  position: absolute;
  left: -4%;
  width: 108%;
  height: clamp(220px, 26vw, 360px);
  overflow: visible;
  opacity: .72;
  mix-blend-mode: screen;
}

.kursoviy-sky-stream--top { top: 2.5%; }
.kursoviy-sky-stream--mid { top: 38%; }
.kursoviy-sky-stream--bottom { top: 73%; }

.sky-stream-line {
  fill: none;
  stroke: url(#skyStreamGrad);
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-dasharray: 260 420;
  filter: drop-shadow(0 0 10px rgba(215, 138, 255, .24));
  animation: sky-stream-flow 22s linear infinite;
}

.sky-stream-line--Echo {
  stroke-width: .9;
  stroke-dasharray: 180 480;
  opacity: .55;
  animation-duration: 28s;
  animation-direction: reverse;
}

.sky-stream-wordmark {
  font-family: "Acrom", "Roboto Condensed Local", "Manrope", sans-serif;
  font-size: 112px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: -.05em;
  text-anchor: middle;
  fill: transparent;
  stroke: rgba(238, 210, 255, .065);
  stroke-width: 1.15;
  stroke-dasharray: 1800;
  filter: drop-shadow(0 0 14px rgba(182, 109, 255, .12));
  animation: sky-wordmark-breathe 9s ease-in-out infinite alternate;
}

@keyframes sky-stream-flow {
  from { stroke-dashoffset: 680; }
  to { stroke-dashoffset: 0; }
}

@keyframes sky-wordmark-breathe {
  0% { opacity: .45; stroke: rgba(255, 214, 150, .045); }
  100% { opacity: .95; stroke: rgba(232, 182, 255, .085); }
}

/* Base Bird Anatomy & Multi-stage Articulation */
.sky-bird {
  --bird-size: 26px;
  --bird-angle: 26deg;
  --bird-pitch: .84;
  --bird-depth: .08;
  --flap-speed: 2.9s;
  --flap-delay: 0s;
  --flight-speed: 24s;
  --flight-delay: 0s;
  position: absolute;
  width: var(--bird-size);
  aspect-ratio: 64 / 40;
  display: block;
  will-change: transform, opacity;
}

.sky-bird__orient {
  display: block;
  width: 100%;
  height: 100%;
  transform:
    translate3d(0, calc(var(--bird-scroll-y, 0px) * var(--bird-depth, .08) * -1), 0)
    rotate(var(--bird-angle))
    scaleY(var(--bird-pitch));
  will-change: transform;
}

.sky-bird__bank {
  display: block;
  width: 100%;
  height: 100%;
  animation: bird-thermal-bank var(--flap-speed) ease-in-out var(--flap-delay) infinite;
}

.sky-bird svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.bird-wing,
.bird-body {
  vector-effect: non-scaling-stroke;
}

.bird-wing--l {
  transform-origin: 31px 21px;
  animation: bird-wing-flap-l var(--flap-speed) ease-in-out var(--flap-delay) infinite;
}

.bird-wing--r {
  transform-origin: 33px 21px;
  animation: bird-wing-flap-r var(--flap-speed) ease-in-out var(--flap-delay) infinite;
}

/* Authentic "2-3 wingbeats -> long thermal glide" rhythm */
@keyframes bird-wing-flap-l {
  0%, 16% { transform: rotate(1deg) scaleY(1); }
  24% { transform: rotate(24deg) scaleY(.74); }
  32% { transform: rotate(-28deg) scaleY(.58); }
  40% { transform: rotate(21deg) scaleY(.78); }
  48% { transform: rotate(-22deg) scaleY(.66); }
  56% { transform: rotate(11deg) scaleY(.92); }
  66%, 100% { transform: rotate(-1.5deg) scaleY(1); }
}

@keyframes bird-wing-flap-r {
  0%, 16% { transform: rotate(-1deg) scaleY(1); }
  24% { transform: rotate(-24deg) scaleY(.74); }
  32% { transform: rotate(28deg) scaleY(.58); }
  40% { transform: rotate(-21deg) scaleY(.78); }
  48% { transform: rotate(22deg) scaleY(.66); }
  56% { transform: rotate(-11deg) scaleY(.92); }
  66%, 100% { transform: rotate(1.5deg) scaleY(1); }
}

@keyframes bird-thermal-bank {
  0%, 16% { transform: translateY(0) rotate(-3deg); }
  28% { transform: translateY(-2.2px) rotate(2deg); }
  44% { transform: translateY(1.8px) rotate(4.5deg); }
  62% { transform: translateY(-1.4px) rotate(-2deg); }
  100% { transform: translateY(0) rotate(-3deg); }
}

/* Layer 1 Appearance: Window birds in soft atmospheric focus */
.sky-bird--window svg {
  fill: url(#birdWindowGrad);
  filter: blur(.55px) drop-shadow(0 0 6px rgba(255, 232, 198, .52));
  animation: window-bird-day-night 6s ease-in-out infinite alternate;
}

@keyframes window-bird-day-night {
  0% {
    opacity: .72;
    filter: blur(.5px) drop-shadow(0 0 5px rgba(255, 238, 210, .46));
  }
  100% {
    opacity: .92;
    filter: blur(.4px) brightness(1.35) drop-shadow(0 0 9px rgba(226, 172, 255, .64));
  }
}

/* Layer 2 Appearance: Hero breakout birds catching warm window & twilight light */
.sky-bird--hero svg {
  fill: url(#birdHeroOutGrad);
  filter:
    drop-shadow(0 0 8px rgba(255, 212, 152, .46))
    drop-shadow(0 0 20px rgba(196, 118, 255, .32));
}

/* Layer 3 Appearance: Main canvas pearl-gold & lavender birds behind glass cards */
.sky-bird--main svg {
  fill: url(#birdMainPearlGrad);
  filter:
    drop-shadow(0 0 9px rgba(255, 204, 140, .38))
    drop-shadow(0 0 22px rgba(186, 108, 255, .3));
}

/* Interactive breeze boost when user interacts with calculator */
body.is-flock-breeze .sky-bird--hero .sky-bird__bank,
body.is-flock-breeze .sky-bird--window .sky-bird__bank {
  transition: transform .65s cubic-bezier(.22, 1, .36, 1);
  transform: translateY(-10px) scale(1.08);
}

/* --------------------------------------------------------------------------
   Window Flock Trajectories (w1..w4): Inside window sky (left: 5%..46%, top: 4%..34%)
   -------------------------------------------------------------------------- */
.sky-bird--w1 {
  --bird-size: 18px;
  --bird-angle: 54deg;
  --bird-pitch: .76;
  --flap-speed: 2.7s;
  --flap-delay: -.4s;
  left: 7%;
  top: 24%;
  animation: flight-window-1 19s cubic-bezier(.37, 0, .63, 1) -3s infinite;
}

.sky-bird--w2 {
  --bird-size: 14px;
  --bird-angle: 50deg;
  --bird-pitch: .72;
  --flap-speed: 2.4s;
  --flap-delay: -1.3s;
  left: 5%;
  top: 28%;
  animation: flight-window-1 19s cubic-bezier(.37, 0, .63, 1) -4.2s infinite;
}

.sky-bird--w3 {
  --bird-size: 21px;
  --bird-angle: 62deg;
  --bird-pitch: .8;
  --flap-speed: 3.1s;
  --flap-delay: -.9s;
  left: 11%;
  top: 17%;
  animation: flight-window-2 23s cubic-bezier(.37, 0, .63, 1) -11s infinite;
}

.sky-bird--w4 {
  --bird-size: 13px;
  --bird-angle: 58deg;
  --bird-pitch: .7;
  --flap-speed: 2.5s;
  --flap-delay: -1.9s;
  left: 9%;
  top: 21%;
  animation: flight-window-2 23s cubic-bezier(.37, 0, .63, 1) -12.4s infinite;
}

@keyframes flight-window-1 {
  0% { transform: translate3d(0, 0, 0) scale(.78); opacity: 0; }
  12% { opacity: .88; }
  48% { transform: translate3d(14vw, -52px, 0) scale(.96); opacity: .92; }
  86% { opacity: .75; }
  100% { transform: translate3d(29vw, -108px, 0) scale(.68); opacity: 0; }
}

@keyframes flight-window-2 {
  0% { transform: translate3d(0, 0, 0) scale(.82); opacity: 0; }
  14% { opacity: .84; }
  52% { transform: translate3d(16vw, -34px, 0) scale(1); opacity: .9; }
  88% { opacity: .7; }
  100% { transform: translate3d(32vw, -78px, 0) scale(.72); opacity: 0; }
}

/* --------------------------------------------------------------------------
   Hero Sky Breakout Trajectories (h1..h6):
   Emerge from window/calculator glass -> glide around ambassador -> descend to <main>
   -------------------------------------------------------------------------- */
/* h1 & h2: Emerge from upper window, soar into open sky between calculator & ambassador */
.sky-bird--h1 {
  --bird-size: 28px;
  --bird-angle: 58deg;
  --bird-pitch: .82;
  --flap-speed: 3s;
  --flap-delay: -.6s;
  left: 16%;
  top: 22%;
  animation: flight-hero-sky-arc 21s ease-in-out -2s infinite;
}

.sky-bird--h2 {
  --bird-size: 20px;
  --bird-angle: 55deg;
  --bird-pitch: .78;
  --flap-speed: 2.6s;
  --flap-delay: -1.7s;
  left: 13%;
  top: 26%;
  animation: flight-hero-sky-arc 21s ease-in-out -3.4s infinite;
}

/* h3 & h4: Fly out from window edge, bank through central corridor, descend into .trust-section */
.sky-bird--h3 {
  --bird-size: 32px;
  --bird-angle: 112deg;
  --bird-pitch: .86;
  --flap-speed: 3.2s;
  --flap-delay: -.8s;
  left: 24%;
  top: 34%;
  animation: flight-hero-to-main 24s cubic-bezier(.33, 0, .67, 1) -5s infinite;
}

.sky-bird--h4 {
  --bird-size: 23px;
  --bird-angle: 108deg;
  --bird-pitch: .8;
  --flap-speed: 2.8s;
  --flap-delay: -2.1s;
  left: 20%;
  top: 38%;
  animation: flight-hero-to-main 24s cubic-bezier(.33, 0, .67, 1) -6.6s infinite;
}

/* h5: Closer bokeh bird sweeping from lower window across the hero-to-main twilight border */
.sky-bird--h5 {
  --bird-size: 40px;
  --bird-angle: 104deg;
  --bird-pitch: .88;
  --flap-speed: 3.5s;
  --flap-delay: -1.2s;
  left: 14%;
  top: 58%;
  filter: blur(1.1px);
  animation: flight-hero-lower-sweep 26s ease-in-out -14s infinite;
}

/* h6: High distant swift gliding above the ambassador's right-side lamp sky */
.sky-bird--h6 {
  --bird-size: 19px;
  --bird-angle: -56deg;
  --bird-pitch: .76;
  --flap-speed: 2.7s;
  --flap-delay: -1.5s;
  left: 92%;
  top: 14%;
  animation: flight-hero-high-return 25s ease-in-out -9s infinite;
}

@keyframes flight-hero-sky-arc {
  0% { transform: translate3d(0, 0, 0) scale(.75); opacity: 0; }
  12% { opacity: .92; }
  45% { transform: translate3d(18vw, -58px, 0) scale(1); opacity: .96; }
  78% { transform: translate3d(31vw, -112px, 0) scale(.86); opacity: .78; }
  100% { transform: translate3d(38vw, -148px, 0) scale(.65); opacity: 0; }
}

@keyframes flight-hero-to-main {
  0% { transform: translate3d(0, 0, 0) scale(.76); opacity: 0; }
  10% { opacity: .9; }
  42% { transform: translate3d(20vw, 110px, 0) scale(1.02); opacity: .95; }
  76% { transform: translate3d(42vw, 260px, 0) scale(.94); opacity: .82; }
  100% { transform: translate3d(58vw, 390px, 0) scale(.72); opacity: 0; }
}

@keyframes flight-hero-lower-sweep {
  0% { transform: translate3d(0, 0, 0) scale(.82); opacity: 0; }
  14% { opacity: .76; }
  54% { transform: translate3d(34vw, 120px, 0) scale(1.06); opacity: .84; }
  88% { opacity: .64; }
  100% { transform: translate3d(68vw, 240px, 0) scale(.8); opacity: 0; }
}

@keyframes flight-hero-high-return {
  0% { transform: translate3d(0, 0, 0) scale(.74); opacity: 0; }
  15% { opacity: .72; }
  55% { transform: translate3d(-24vw, -36px, 0) scale(.92); opacity: .82; }
  100% { transform: translate3d(-44vw, -74px, 0) scale(.66); opacity: 0; }
}

/* --------------------------------------------------------------------------
   Main Canvas Section Flock Trajectories (m1..m12):
   Soaring across Trust, Services, Offers, Reviews, Guarantees, FAQ & CTA
   -------------------------------------------------------------------------- */
/* Zone 1: Trust & Services (top: 3%..18%) */
.sky-bird--m1 {
  --bird-size: 30px;
  --bird-angle: 64deg;
  --bird-pitch: .84;
  --flap-speed: 3.1s;
  --flap-delay: -.5s;
  left: -4%;
  top: 5%;
  animation: flight-main-lr-rise 28s linear -4s infinite;
}

.sky-bird--m2 {
  --bird-size: 21px;
  --bird-angle: 61deg;
  --bird-pitch: .78;
  --flap-speed: 2.6s;
  --flap-delay: -1.8s;
  left: -7%;
  top: 6.4%;
  animation: flight-main-lr-rise 28s linear -5.6s infinite;
}

.sky-bird--m3 {
  --bird-size: 42px;
  --bird-angle: -62deg;
  --bird-pitch: .88;
  --flap-speed: 3.6s;
  --flap-delay: -1.1s;
  left: 104%;
  top: 14%;
  filter: blur(1.4px);
  animation: flight-main-rl-glide 32s linear -12s infinite;
}

/* Zone 2: Services & Offers (top: 22%..42%) */
.sky-bird--m4 {
  --bird-size: 25px;
  --bird-angle: -58deg;
  --bird-pitch: .82;
  --flap-speed: 2.9s;
  --flap-delay: -.7s;
  left: 103%;
  top: 25%;
  animation: flight-main-rl-rise 26s linear -3s infinite;
}

.sky-bird--m5 {
  --bird-size: 18px;
  --bird-angle: -55deg;
  --bird-pitch: .76;
  --flap-speed: 2.5s;
  --flap-delay: -2s;
  left: 106%;
  top: 26.5%;
  animation: flight-main-rl-rise 26s linear -4.5s infinite;
}

.sky-bird--m6 {
  --bird-size: 28px;
  --bird-angle: 66deg;
  --bird-pitch: .84;
  --flap-speed: 3.2s;
  --flap-delay: -1.4s;
  left: -5%;
  top: 37%;
  animation: flight-main-lr-glide 30s linear -16s infinite;
}

/* Zone 3: Offers & Reviews (top: 46%..64%) */
.sky-bird--m7 {
  --bird-size: 34px;
  --bird-angle: 62deg;
  --bird-pitch: .86;
  --flap-speed: 3.3s;
  --flap-delay: -.9s;
  left: -6%;
  top: 49%;
  animation: flight-main-lr-rise 29s linear -7s infinite;
}

.sky-bird--m8 {
  --bird-size: 22px;
  --bird-angle: 59deg;
  --bird-pitch: .79;
  --flap-speed: 2.7s;
  --flap-delay: -2.2s;
  left: -9%;
  top: 50.6%;
  animation: flight-main-lr-rise 29s linear -8.8s infinite;
}

.sky-bird--m9 {
  --bird-size: 44px;
  --bird-angle: -64deg;
  --bird-pitch: .9;
  --flap-speed: 3.7s;
  --flap-delay: -1.6s;
  left: 105%;
  top: 60%;
  filter: blur(1.6px);
  animation: flight-main-rl-glide 34s linear -19s infinite;
}

/* Zone 4 & 5: Guarantees, FAQ & Contact CTA (top: 68%..93%) */
.sky-bird--m10 {
  --bird-size: 26px;
  --bird-angle: -60deg;
  --bird-pitch: .82;
  --flap-speed: 2.8s;
  --flap-delay: -.4s;
  left: 104%;
  top: 72%;
  animation: flight-main-rl-rise 27s linear -6s infinite;
}

.sky-bird--m11 {
  --bird-size: 29px;
  --bird-angle: 63deg;
  --bird-pitch: .85;
  --flap-speed: 3.1s;
  --flap-delay: -1.3s;
  left: -5%;
  top: 82%;
  animation: flight-main-lr-rise 25s linear -11s infinite;
}

.sky-bird--m12 {
  --bird-size: 20px;
  --bird-angle: 60deg;
  --bird-pitch: .78;
  --flap-speed: 2.6s;
  --flap-delay: -2.4s;
  left: -8%;
  top: 83.5%;
  animation: flight-main-lr-rise 25s linear -12.7s infinite;
}

@keyframes flight-main-lr-rise {
  0% { transform: translate3d(0, 40px, 0) scale(.76); opacity: 0; }
  8% { opacity: .86; }
  36% { transform: translate3d(38vw, -36px, 0) scale(.98); opacity: .94; }
  68% { transform: translate3d(74vw, -12px, 0) scale(1.04); opacity: .9; }
  92% { opacity: .74; }
  100% { transform: translate3d(112vw, -110px, 0) scale(.78); opacity: 0; }
}

@keyframes flight-main-lr-glide {
  0% { transform: translate3d(0, -20px, 0) scale(.82); opacity: 0; }
  10% { opacity: .8; }
  50% { transform: translate3d(54vw, 48px, 0) scale(1); opacity: .88; }
  90% { opacity: .72; }
  100% { transform: translate3d(110vw, -28px, 0) scale(.76); opacity: 0; }
}

@keyframes flight-main-rl-rise {
  0% { transform: translate3d(0, 46px, 0) scale(.76); opacity: 0; }
  8% { opacity: .86; }
  38% { transform: translate3d(-40vw, -32px, 0) scale(.98); opacity: .92; }
  70% { transform: translate3d(-76vw, -8px, 0) scale(1.03); opacity: .88; }
  92% { opacity: .72; }
  100% { transform: translate3d(-114vw, -104px, 0) scale(.76); opacity: 0; }
}

@keyframes flight-main-rl-glide {
  0% { transform: translate3d(0, -16px, 0) scale(.84); opacity: 0; }
  10% { opacity: .68; }
  52% { transform: translate3d(-56vw, 54px, 0) scale(1.05); opacity: .76; }
  90% { opacity: .6; }
  100% { transform: translate3d(-114vw, -22px, 0) scale(.8); opacity: 0; }
}

@media (max-width: 980px) {
  .ambassador-window-flock {
    clip-path: polygon(0 0, 62% 0, 56% 52%, 0 48%);
  }
  .sky-stream-wordmark { font-size: 86px; }
}

@media (max-width: 680px) {
  .ambassador-window-flock {
    clip-path: polygon(0 0, 68% 0, 60% 44%, 0 42%);
  }
  .main-birds-canvas { inset: 860px 0 0 0; }
  .sky-bird--h4,
  .sky-bird--h6,
  .sky-bird--m3,
  .sky-bird--m5,
  .sky-bird--m8,
  .sky-bird--m9 { display: none; }
  .sky-stream-wordmark { font-size: 64px; }
}

@media (prefers-reduced-motion: reduce) {
  .sky-bird,
  .sky-bird__bank,
  .bird-wing--l,
  .bird-wing--r,
  .sky-stream-line,
  .sky-stream-wordmark {
    animation: none !important;
  }
  .sky-bird { opacity: .45; }
}