/* Лендинг «Сексуальный чек-ап» — вёрстка 2 (30.10, по образцу практикума ЗиЖ, своя палитра).
   ЗиЖ: чёрный + серебро + пудровый розовый. Чек-ап: тёмное вино + коралл «помада» + персик,
   светлые блоки — тёплый пудровый. Шрифты школы: Montserrat капс + курсив Cormorant + Inter Tight. */
:root {
  --bg: #14060B;
  --card: rgba(255, 236, 228, .06);
  --line: rgba(255, 190, 170, .16);
  --ink: #FFF4EF;
  --muted: #D8B8B4;
  --coral: #FF4E5B;
  --coral2: #FF8A6B;
  --peach: #FFC9A8;
  --head: linear-gradient(100deg, #FFF1EA 0%, #FFD3C0 45%, #FFB59B 100%);
  --lip: linear-gradient(100deg, #FF4E5B 0%, #FF7A66 50%, #FFB08A 100%);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-over: cubic-bezier(.34, 1.56, .64, 1);
  --r: 22px;
}
.sec--light {
  --bg: #FBE9E2; --card: #FFFFFF; --line: rgba(122, 18, 48, .14);
  --ink: #2A0D17; --muted: #7C5560;
  --head: linear-gradient(100deg, #5E0E26 0%, #8E1A3A 100%);
  --lip: linear-gradient(100deg, #E2324A 0%, #F05F55 60%, #E2785A 100%);
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; overflow-x: clip; background: #14060B; }
body {
  margin: 0; background: #14060B; color: var(--ink);
  font: 400 17px/1.55 'Inter Tight', system-ui, sans-serif;
  overflow-x: clip; -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
b { font-weight: 700; }
.wrap { width: min(1120px, 100% - 40px); margin-inline: auto; position: relative; z-index: 1; }
.narrow { width: min(760px, 100% - 40px); }
.center { text-align: center; }

/* ---------- Типографика ---------- */
.h1, .h2 { margin: 0 0 18px; font-family: Montserrat, sans-serif; font-weight: 900; line-height: 1.02; letter-spacing: -.005em; color: var(--ink); }
.h1 { font-size: clamp(36px, 10vw, 86px); }
.h2 { font-size: clamp(28px, 7.2vw, 52px); }
.cap { text-transform: uppercase; background: var(--head); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ser {
  font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 600;
  text-transform: none; letter-spacing: 0; font-size: 1.1em; line-height: 1;
  background: var(--lip); background-size: 200% 100%;
  -webkit-background-clip: text; background-clip: text; color: transparent;
  padding: 0 .08em .06em 0;
}
.ser--block { display: block; margin-top: .1em; }
/* у слов внутри градиентного заголовка — свой градиент (split разбивает на span) */
.cap .w { background: var(--head); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ser .w { background: var(--lip); -webkit-background-clip: text; background-clip: text; color: transparent; padding-right: .08em; }
.kick { margin: 0 0 14px; font: 700 12.5px/1.3 Montserrat, sans-serif; letter-spacing: .18em; text-transform: uppercase; color: var(--coral2); }
.sec--light .kick { color: #C8304A; }
.lead { font-size: clamp(18px, 2.3vw, 21px); margin: 0 0 26px; max-width: 34em; color: var(--ink); }
.lead b { color: var(--peach); }
.sec--light .lead b { color: #B5243F; }
.sub { color: var(--muted); margin: 0 auto 30px; max-width: 34em; }
.note { margin: 14px 0 0; font-size: 14px; color: var(--muted); }
.mova { margin: 12px 0 0; font-size: 13px; color: var(--muted); opacity: .85; }

/* ---------- Кнопки ---------- */
.btn {
  position: relative; overflow: hidden; isolation: isolate;
  display: inline-flex; align-items: center; justify-content: center; gap: .4em;
  min-height: 60px; padding: 17px 36px; border-radius: 999px; border: 0; cursor: pointer;
  font: 800 16px/1.15 Montserrat, sans-serif; letter-spacing: .05em; text-decoration: none; text-align: center;
  transition: transform 200ms var(--ease-out), box-shadow 200ms var(--ease-out);
  -webkit-tap-highlight-color: transparent;
}
.btn--main {
  color: #fff; background: linear-gradient(120deg, #FF3D55, #FF6B5E 55%, #FF9472);
  box-shadow: 0 14px 36px -12px rgba(255, 70, 85, .75), inset 0 1px 0 rgba(255, 255, 255, .35);
}
.btn--main::after {
  content: ""; position: absolute; top: -20%; bottom: -20%; left: -40%; width: 34%; z-index: -1;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .55), transparent);
  transform: skewX(-20deg) translateX(-120%);
}
.btn:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 20px 44px -12px rgba(255, 70, 85, .85); }
.btn:active { transform: scale(.97); }
.row { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; }
.link { background: none; border: 0; padding: 6px 2px; color: var(--muted); font: 600 15px 'Inter Tight', sans-serif; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }

/* ---------- Полоса прогресса прокрутки ---------- */
.prog { position: fixed; inset: 0 0 auto 0; height: 3px; z-index: 60; pointer-events: none; }
.prog i { display: block; height: 100%; transform-origin: 0 50%; transform: scaleX(0); background: linear-gradient(90deg, #FF3D55, #FFB08A); box-shadow: 0 0 12px rgba(255, 80, 90, .8); }

/* ---------- Переключатель языка ---------- */
.lsw {
  position: fixed; top: 14px; right: 14px; z-index: 55; padding: 8px 14px; border-radius: 999px;
  font: 800 12px/1 Montserrat, sans-serif; letter-spacing: .1em; text-decoration: none; color: #fff;
  background: rgba(20, 6, 11, .55); border: 1px solid rgba(255, 255, 255, .22);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}

/* ---------- Первый экран: фото сверху, текст снизу (как практикум) ---------- */
.hero { position: relative; min-height: 100svh; background: #14060B; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; }
.hero__ph { position: relative; height: 60svh; min-height: 360px; overflow: hidden; }
.hero__ph img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 15%; transform-origin: 50% 30%; }
.hero__ph::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(20, 6, 11, .3) 0%, transparent 20%, transparent 50%, rgba(20, 6, 11, .8) 82%, #14060B 100%); }
.hero__glow { position: absolute; left: -30%; right: -30%; bottom: -10%; height: 70%; background: radial-gradient(closest-side, rgba(255, 60, 85, .26), transparent 70%); pointer-events: none; }
.hero__tx { margin-top: -130px; padding-bottom: 48px; }
.hero .h1 { margin-bottom: 16px; }
.hero .lead { font-size: 18px; }
.hero__cue { position: absolute; left: 50%; bottom: 12px; width: 2px; height: 30px; margin-left: -1px; border-radius: 2px; background: linear-gradient(180deg, transparent, var(--coral2)); opacity: .7; }
.kick--chips { display: flex; flex-wrap: wrap; gap: 8px; letter-spacing: .1em; }
.chip { display: inline-block; padding: 7px 12px; border-radius: 999px; border: 1px solid rgba(255, 160, 140, .4); background: rgba(20, 6, 11, .45); color: var(--peach); }
.chip:first-child { background: linear-gradient(120deg, #FF3D55, #FF8A6B); color: #fff; border-color: transparent; }
.petals { position: absolute; inset: 0; pointer-events: none; z-index: 1; }
.petals i { position: absolute; bottom: -30px; width: 14px; height: 18px; border-radius: 80% 0 80% 0; background: linear-gradient(135deg, #FF9A9A, #E0284A); opacity: 0; }
.petals i:nth-child(1) { left: 8%; } .petals i:nth-child(2) { left: 24%; width: 10px; height: 13px; }
.petals i:nth-child(3) { left: 41%; } .petals i:nth-child(4) { left: 58%; width: 9px; height: 12px; }
.petals i:nth-child(5) { left: 73%; } .petals i:nth-child(6) { left: 88%; width: 11px; height: 14px; }
.petals i:nth-child(7) { left: 66%; width: 16px; height: 20px; }
@media (min-width: 900px) {
  .hero { justify-content: center; min-height: min(100svh, 980px); }
  .hero__ph { position: absolute; top: 0; right: 0; bottom: 0; width: 60%; height: 100%; }
  .hero__ph img { object-position: 50% 20%; }
  .hero__ph::after { background: linear-gradient(90deg, #14060B 0%, rgba(20, 6, 11, .6) 20%, transparent 50%), linear-gradient(0deg, #14060B 0%, transparent 22%); }
  .hero__tx { margin-top: 0; padding: 120px 0 90px; }
  .hero__tx > * { max-width: 600px; }
  .hero .lead { font-size: 20px; }
}

/* ---------- Бегущая строка ---------- */
.marq { position: relative; overflow: hidden; padding: 14px 0; background: linear-gradient(100deg, #FF3D55, #FF7A66 55%, #FFA27E); transform: rotate(-1.6deg) scale(1.05); margin: -6px 0; z-index: 3; box-shadow: 0 10px 30px -12px rgba(255, 60, 85, .6); }
.marq__t { display: flex; width: max-content; white-space: nowrap; font: 800 14px/1 Montserrat, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #fff; }
.marq__t span::after { content: "✦"; margin: 0 26px; color: #FFE3D2; }

/* ---------- Секции ---------- */
.sec { position: relative; padding: 76px 0; background: var(--bg); color: var(--ink); overflow: hidden; }
.sec--how { background: radial-gradient(120% 70% at 50% 0%, #2A0C17 0%, #14060B 70%); }
.sec--play { background: radial-gradient(110% 80% at 0% 30%, #3A0F1E 0%, #14060B 65%); }
.sec--chat { background: radial-gradient(100% 70% at 100% 0%, #2E0B18 0%, #14060B 65%); }
.sec--qa { background: #14060B; }
.sec--light { background: linear-gradient(180deg, #FBE9E2, #F7DFD6); }
.sec .h2 { margin-bottom: 14px; }
.sec .sub { margin-bottom: 34px; }
@media (min-width: 900px) { .sec { padding: 110px 0; } }
.orbs { position: absolute; inset: 0; pointer-events: none; }
.orbs i { position: absolute; width: 380px; height: 380px; border-radius: 50%; filter: blur(60px); opacity: .45; background: radial-gradient(circle, #FF3D55, transparent 65%); }
.orbs i:first-child { top: -120px; left: -140px; }
.orbs i:last-child { bottom: -160px; right: -140px; background: radial-gradient(circle, #FF9A6B, transparent 65%); opacity: .3; }

/* ---------- Появление при прокрутке ---------- */
.js .rv { opacity: 0; transform: translateY(26px); }
.js .rv.in { opacity: 1; transform: none; transition: opacity 800ms var(--ease-out) var(--d, 0ms), transform 800ms var(--ease-out) var(--d, 0ms); }
.w { display: inline-block; }
.js .split .w { opacity: 0; transform: translateY(.5em) rotate(3deg); }
.js .split.in .w { opacity: 1; transform: none; transition: opacity 700ms var(--ease-out), transform 800ms var(--ease-over); transition-delay: calc(var(--i) * 70ms + var(--d, 0ms)); }

/* ---------- Зеркало: «это про меня» ---------- */
.mr { display: grid; gap: 12px; margin: 0 0 24px; }
.mr__c {
  display: flex; align-items: center; gap: 14px; width: 100%; padding: 18px; text-align: left; cursor: pointer;
  border: 1.5px solid var(--line); border-radius: 18px; background: var(--card); color: var(--ink);
  font: 500 17px/1.4 'Inter Tight', sans-serif; box-shadow: 0 10px 30px -22px rgba(122, 18, 48, .5);
  transition: transform 260ms var(--ease-over), border-color 200ms, background-color 200ms, box-shadow 260ms, opacity 500ms;
  -webkit-tap-highlight-color: transparent;
}
.mr__c:hover { transform: translateX(4px); }
.mr__t { flex: 1; }
.mr__y { flex: none; padding: 8px 12px; border-radius: 999px; font: 800 11px/1 Montserrat, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #B5243F; background: #FBE1DA; transition: background-color 200ms, color 200ms; }
.mr__c.on { border-color: #E2324A; background: #FFF5F2; box-shadow: 0 16px 34px -18px rgba(226, 50, 74, .55); transform: scale(1.015); }
.mr__c.on .mr__y { background: #E2324A; color: #fff; }
.mr__c.on .mr__y::before { content: "✓ "; }
.js .mr .mr__c { opacity: 0; transform: translateX(-30px); }
.js .mr.in .mr__c { opacity: 1; transform: none; transition-delay: calc(var(--i) * 90ms); }
.js .mr.in .mr__c.on { transform: scale(1.015); transition-delay: 0ms; }
.mr__score { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 6px 0 18px; font: 700 16px Montserrat, sans-serif; color: #5E0E26; }
.mr__ring { position: relative; width: 58px; height: 58px; }
.mr__ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.mr__ring circle { fill: none; stroke: rgba(122, 18, 48, .14); stroke-width: 4; }
.mr__ring .mr__arc { stroke: #E2324A; stroke-linecap: round; stroke-dasharray: 119.4; stroke-dashoffset: 119.4; transition: stroke-dashoffset 600ms var(--ease-out); }
.mr__ring b { position: absolute; inset: 0; display: grid; place-items: center; font: 900 22px Montserrat, sans-serif; color: #B5243F; }
.mr__ring b.pop { animation: pop 420ms var(--ease-over); }
.mr__ans { text-align: center; }
.mr__say { font-size: 19px; margin: 0 auto 20px; max-width: 30em; }

/* ---------- Как это устроено ---------- */
.steps { list-style: none; margin: 38px 0 0; padding: 0; display: grid; gap: 16px; position: relative; }
.steps__line { position: absolute; left: 31px; top: 30px; bottom: 30px; width: 2px; background: rgba(255, 190, 170, .15); }
.steps__line i { display: block; width: 100%; height: 100%; transform-origin: 50% 0; transform: scaleY(0); background: linear-gradient(180deg, #FF3D55, #FFB08A); transition: transform 1600ms var(--ease-out); }
.steps.go .steps__line i { transform: scaleY(1); }
.step { position: relative; padding: 22px 22px 22px 84px; border-radius: var(--r); background: linear-gradient(145deg, rgba(255, 236, 228, .08), rgba(255, 236, 228, .03)); border: 1px solid var(--line); }
.step h3 { margin: 0 0 6px; font: 800 19px/1.25 Montserrat, sans-serif; color: var(--ink); }
.step p { margin: 0; color: var(--muted); }
.step__n { position: absolute; left: 12px; top: 18px; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; font: 900 18px Montserrat, sans-serif; color: #fff; background: linear-gradient(135deg, #FF3D55, #FF8A6B); box-shadow: 0 0 0 6px #1B0810, 0 0 24px rgba(255, 80, 90, .6); }
.dots { display: flex; gap: 6px; margin-top: 14px; }
.dots i { flex: 1; max-width: 34px; height: 6px; border-radius: 3px; background: rgba(255, 190, 170, .18); position: relative; overflow: hidden; }
.dots i::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #FF3D55, #FFB08A); transform: scaleX(0); transform-origin: 0 50%; }
.steps.go .dots i::after { transform: scaleX(1); transition: transform 420ms var(--ease-out); }
.steps.go .dots i:nth-child(1)::after { transition-delay: 700ms; } .steps.go .dots i:nth-child(2)::after { transition-delay: 1000ms; }
.steps.go .dots i:nth-child(3)::after { transition-delay: 1300ms; } .steps.go .dots i:nth-child(4)::after { transition-delay: 1600ms; }
.steps.go .dots i:nth-child(5)::after { transition-delay: 1900ms; } .steps.go .dots i:nth-child(6)::after { transition-delay: 2200ms; }
@media (min-width: 900px) {
  .steps { grid-template-columns: repeat(3, 1fr); gap: 22px; }
  .steps__line { left: 8%; right: 8%; top: 38px; bottom: auto; width: auto; height: 2px; }
  .steps__line i { transform-origin: 0 50%; transform: scaleX(0); }
  .steps.go .steps__line i { transform: scaleX(1); }
  .step { padding: 84px 26px 28px; }
  .step__n { left: 26px; top: 18px; }
}

/* ---------- Цветы ---------- */
.fl { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; perspective: 900px; }
.fl__c {
  position: relative; padding: 0; border: 0; border-radius: 20px; overflow: hidden; cursor: pointer; background: #fff;
  box-shadow: 0 16px 36px -22px rgba(122, 18, 48, .55); text-align: left;
  transition: transform 380ms var(--ease-over), opacity 300ms, filter 300ms, box-shadow 300ms;
  -webkit-tap-highlight-color: transparent;
}
.fl__img { display: block; overflow: hidden; aspect-ratio: 4 / 3; }
.fl__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 900ms var(--ease-out); }
.fl__c:hover .fl__img img { transform: scale(1.08); }
.fl__n { display: flex; align-items: center; gap: 10px; padding: 12px 14px; font: 800 16px Montserrat, sans-serif; color: #5E0E26; }
.fl__n i { font-style: normal; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; background: #FBE1DA; color: #B5243F; }
.fl__c.on { box-shadow: 0 0 0 3px #E2324A, 0 26px 50px -20px rgba(226, 50, 74, .7); }
.fl__c.on .fl__n i { background: #E2324A; color: #fff; }
.js .fl .fl__c { opacity: 0; transform: rotateY(-70deg) scale(.9); }
.js .fl.in .fl__c { opacity: 1; transform: none; transition: opacity 600ms var(--ease-out), transform 900ms var(--ease-over), filter 300ms, box-shadow 300ms; transition-delay: calc(var(--i) * 120ms); }
.fl.picked .fl__c:not(.on), .js .fl.in.picked .fl__c:not(.on) { opacity: .45; filter: saturate(.4); transform: scale(.94); transition-delay: 0ms; }
.fl.picked .fl__c.on, .js .fl.in.picked .fl__c.on { transform: translateY(-6px) scale(1.04); transition-delay: 0ms; }
.fl__ans, .gs__card { margin-top: 22px; padding: 26px 22px; border-radius: var(--r); text-align: center; background: #fff; box-shadow: 0 24px 50px -28px rgba(122, 18, 48, .6); }
.fl__say { font-size: 19px; margin: 0 0 10px; }
.fl__say b { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.35em; color: #C8304A; }
.fl__after { color: var(--muted); font-size: 15px; margin: 0 0 20px; }
.fl__ans .row, .gs__card .row { justify-content: center; }
.show { animation: cardIn 650ms var(--ease-over) both; }
@media (min-width: 900px) { .fl { grid-template-columns: repeat(4, 1fr); } }

/* ---------- Угадай результат ---------- */
.play { display: grid; gap: 30px; align-items: center; }
.play__ph { margin: 0; border-radius: 26px; overflow: hidden; position: relative; aspect-ratio: 4 / 5; box-shadow: 0 30px 70px -30px rgba(255, 60, 85, .45); }
.play__ph img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 15%; }
.play__ph::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255, 200, 180, .25); }
.gs { display: grid; gap: 10px; }
.gs__o {
  display: flex; align-items: center; gap: 14px; width: 100%; padding: 14px 16px; text-align: left; cursor: pointer;
  border-radius: 16px; border: 1px solid var(--line); color: var(--ink);
  background: linear-gradient(145deg, rgba(255, 236, 228, .08), rgba(255, 236, 228, .02));
  transition: transform 260ms var(--ease-over), border-color 200ms, background-color 200ms, opacity 260ms;
  -webkit-tap-highlight-color: transparent;
}
.gs__o:hover { transform: translateX(5px); border-color: rgba(255, 120, 100, .55); }
.gs__k { flex: none; width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; font: 900 17px Montserrat, sans-serif; color: #fff; background: linear-gradient(135deg, #FF3D55, #FF8A6B); }
.gs__p b { display: block; font: 700 16px/1.3 'Inter Tight', sans-serif; }
.gs__p small { display: block; color: var(--muted); font-size: 14px; line-height: 1.35; margin-top: 2px; }
.gs.picked .gs__o:not(.on) { opacity: .4; }
.gs__o.on { border-color: var(--coral); background: rgba(255, 78, 91, .14); }
.gs__card { background: linear-gradient(150deg, #2E0C18, #1C0810); border: 1px solid rgba(255, 120, 100, .4); box-shadow: 0 30px 60px -30px rgba(255, 60, 85, .6); }
.gs__title { font: 800 20px/1.3 Montserrat, sans-serif; margin: 0 0 10px; color: var(--peach); }
.gs__text { margin: 0 0 10px; }
.gs__note { font-size: 14px; color: var(--muted); margin: 0 0 18px; }
@media (min-width: 900px) { .play { grid-template-columns: 5fr 7fr; gap: 64px; } }
@media (max-width: 899px) { .play__ph { max-width: 420px; margin-inline: auto; width: 100%; } }

/* ---------- Секретный вопрос ---------- */
.sq { display: grid; align-items: center; }
.sq__ph { margin: 0 auto; border-radius: 26px; overflow: hidden; aspect-ratio: 4 / 5; max-width: 420px; width: 88%; position: relative; box-shadow: 0 30px 60px -30px rgba(122, 18, 48, .6); }
.sq__ph img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 15%; }
.sq__card { position: relative; z-index: 2; margin-top: -70px; padding: 46px 24px 30px; border-radius: 26px; text-align: center; background: #fff; box-shadow: 0 30px 60px -30px rgba(122, 18, 48, .55); }
.sq__text { margin: 0 0 22px; color: var(--ink); }
.sq__lock { position: absolute; left: 50%; top: -30px; width: 60px; height: 60px; margin-left: -30px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg, #E2324A, #F07A5A); box-shadow: 0 0 0 8px #FBE9E2, 0 14px 30px -10px rgba(226, 50, 74, .7); }
.sq__lock svg { width: 26px; height: 26px; fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; }
@media (min-width: 900px) {
  .sq { grid-template-columns: 5fr 6fr; }
  .sq__ph { width: 100%; }
  .sq__card { margin: 0 0 0 -60px; padding: 56px 44px 40px; text-align: left; }
  .sq__lock { left: 44px; margin-left: 0; }
}

/* ---------- Чат ---------- */
.chat { display: grid; gap: 22px; align-items: center; }
.chat__cta .btn { width: 100%; max-width: 360px; }
.phone-w { margin: 6px 0 0; }
.phone__cap { text-align: center; color: var(--muted); font-size: 14px; margin-bottom: 12px; }
.phone { width: min(360px, 100%); margin-inline: auto; border-radius: 34px; overflow: hidden; background: #0F1A24; border: 8px solid #241016; box-shadow: 0 40px 80px -30px rgba(255, 60, 85, .5), 0 0 0 1px rgba(255, 200, 180, .18); }
.phone__top { display: flex; align-items: center; gap: 10px; padding: 14px 16px; background: #17222E; color: #fff; font: 700 15px 'Inter Tight', sans-serif; }
.phone__ava { width: 34px; height: 34px; border-radius: 50%; background: #333 url(../img/ava.webp) 50% 20% / cover; }
.phone__feed { padding: 16px 12px 22px; min-height: 400px; display: flex; flex-direction: column; gap: 9px; background: radial-gradient(120% 80% at 50% 0%, #1A2A38, #0F1A24); }
.msg { margin: 0; max-width: 84%; padding: 10px 13px; border-radius: 16px; font-size: 15px; line-height: 1.4; color: #EEF3F7; }
.msg small { display: block; font-size: 12px; opacity: .65; margin-bottom: 2px; }
.msg--bot { background: #22313F; border-bottom-left-radius: 5px; }
.msg--me { align-self: flex-end; background: #2B5278; border-bottom-right-radius: 5px; }
.msg--btn { align-self: stretch; max-width: none; text-align: center; font: 800 13px Montserrat, sans-serif; letter-spacing: .05em; background: rgba(255, 255, 255, .09); }
.msg--glow { background: linear-gradient(120deg, #FF3D55, #FF8A6B); color: #fff; }
.js .msg { opacity: 0; transform: translateY(14px) scale(.96); }
.js .msg.in { opacity: 1; transform: none; transition: opacity 400ms var(--ease-out), transform 520ms var(--ease-over); }
.typing { align-self: flex-start; display: inline-flex; gap: 4px; padding: 12px 14px; border-radius: 16px; background: #22313F; }
.typing i { width: 7px; height: 7px; border-radius: 50%; background: #9FB3C4; }
@media (min-width: 900px) {
  .chat { grid-template-columns: 1fr 1fr; grid-template-areas: "t p" "c p"; column-gap: 64px; }
  .chat__tx { grid-area: t; align-self: end; } .chat__cta { grid-area: c; align-self: start; } .phone-w { grid-area: p; }
}

/* ---------- Кто с тобой говорит ---------- */
.about { display: grid; gap: 34px; align-items: center; }
.about__ph { margin: 12px auto 0; position: relative; max-width: 440px; width: 84%; }
.about__ph img { border-radius: 200px 200px 26px 26px; aspect-ratio: 4 / 5; width: 100%; object-fit: cover; object-position: 50% 12%; position: relative; z-index: 1; }
.about__ph::before { content: ""; position: absolute; inset: -12px; border-radius: 210px 210px 34px 34px; border: 1.5px solid rgba(226, 50, 74, .45); }
.about__role { font: italic 600 24px 'Cormorant Garamond', serif; color: #C8304A; margin: -6px 0 14px; }
.regs { list-style: none; padding: 0; margin: 20px 0 0; display: grid; gap: 10px; }
.regs li { position: relative; padding: 14px 16px 14px 46px; border-radius: 16px; background: #fff; box-shadow: 0 10px 26px -20px rgba(122, 18, 48, .5); }
.regs li::before { content: "✦"; position: absolute; left: 16px; top: 13px; color: #E2324A; font-size: 17px; }
@media (min-width: 900px) { .about { grid-template-columns: 5fr 7fr; gap: 70px; } .about__ph { width: 100%; } }

/* ---------- Сомнения ---------- */
.qa { display: grid; gap: 10px; margin-top: 30px; }
.qa details { border-radius: 18px; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(255, 236, 228, .07), rgba(255, 236, 228, .02)); overflow: hidden; transition: border-color 200ms, background-color 200ms; }
.qa details[open] { border-color: rgba(255, 120, 100, .55); background: rgba(255, 78, 91, .08); }
.qa summary { list-style: none; cursor: pointer; position: relative; padding: 19px 58px 19px 20px; font: 700 17px/1.35 'Inter Tight', sans-serif; }
.qa summary::-webkit-details-marker { display: none; }
.qa summary::after { content: "+"; position: absolute; right: 16px; top: 50%; width: 30px; height: 30px; margin-top: -15px; border-radius: 50%; display: grid; place-items: center; font: 400 22px/1 'Inter Tight', sans-serif; color: #fff; background: linear-gradient(135deg, #FF3D55, #FF8A6B); transition: transform 320ms var(--ease-over); }
.qa details[open] summary::after { transform: rotate(135deg); }
.qa details > div { padding: 0 20px 20px; color: var(--muted); }
.qa details > div b { color: var(--peach); }
.qa details[open] > div { animation: qaIn 420ms var(--ease-out); }
.qa p { margin: 0; }

/* ---------- Финал ---------- */
.sec--wine { background: radial-gradient(120% 90% at 50% 100%, #5A0D24 0%, #2A0812 45%, #14060B 100%); }
.fin__in { display: grid; gap: 34px; align-items: center; }
.fin__ph { margin: 14px auto 0; width: 74%; max-width: 400px; position: relative; }
.fin__ph img { border-radius: 50%; aspect-ratio: 1; object-fit: cover; object-position: 50% 15%; width: 100%; position: relative; z-index: 1; }
.fin__ph::before { content: ""; position: absolute; inset: -14px; border-radius: 50%; background: conic-gradient(from 0deg, #FF3D55, #FFB08A, #FF3D55 50%, transparent 52%, transparent 100%); -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px)); mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px)); }
.fin__tx { text-align: center; }
.fin__tx .lead { margin-inline: auto; }
@media (min-width: 900px) { .fin__in { grid-template-columns: 5fr 7fr; gap: 70px; } .fin__tx { text-align: left; } .fin__tx .lead { margin-inline: 0; } }

/* ---------- Футер ---------- */
.foot { padding: 56px 0 110px; background: #0E0408; color: #CDAFAD; text-align: center; font-size: 14px; }
.foot__k { margin: 0; font: 700 12px Montserrat, sans-serif; letter-spacing: .2em; text-transform: uppercase; color: var(--coral2); }
.foot__t { margin: 4px 0 18px; font: 900 22px Montserrat, sans-serif; text-transform: uppercase; color: var(--peach); }
.foot__sign { margin: 0 0 26px; }
.foot__row { display: grid; gap: 18px; justify-items: center; }
.foot__l { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; }
.foot__l a { color: #E9CFCB; text-decoration: none; border-bottom: 1px solid rgba(255, 200, 180, .25); }
.foot__fop { margin: 0; font-size: 12.5px; line-height: 1.5; opacity: .8; }
.foot__c { margin: 22px 0 0; font-size: 12.5px; opacity: .7; }
@media (min-width: 900px) { .foot__row { grid-template-columns: 1fr 1fr; text-align: left; justify-items: stretch; } .foot__fop { text-align: right; } }

/* ---------- Липкая кнопка ---------- */
.sticky { position: fixed; left: 50%; bottom: max(14px, env(safe-area-inset-bottom)); z-index: 50; width: min(420px, calc(100% - 28px)); transform: translate(-50%, 140%); opacity: 0; pointer-events: none; transition: transform 420ms var(--ease-over), opacity 300ms; }
.sticky.on { transform: translate(-50%, 0); opacity: 1; pointer-events: auto; }

/* ---------- Искры при выборе ---------- */
.spark { position: fixed; z-index: 70; width: 9px; height: 9px; margin: -4px 0 0 -4px; border-radius: 50%; pointer-events: none; background: radial-gradient(circle, #fff, #FFB08A 40%, #FF3D55 70%, transparent 72%); }

@keyframes pop { 0% { transform: scale(1); } 40% { transform: scale(1.45); } 100% { transform: scale(1); } }
@keyframes cardIn { from { opacity: 0; transform: translateY(24px) scale(.94); } to { opacity: 1; transform: none; } }
@keyframes qaIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: no-preference) {
  .hero__ph img { animation: kenburns 18s ease-in-out infinite alternate; }
  .petals i { animation: petal 11s linear infinite; }
  .petals i:nth-child(2) { animation-delay: -2s; animation-duration: 13s; } .petals i:nth-child(3) { animation-delay: -5s; }
  .petals i:nth-child(4) { animation-delay: -7s; animation-duration: 14s; } .petals i:nth-child(5) { animation-delay: -3.5s; animation-duration: 12s; }
  .petals i:nth-child(6) { animation-delay: -9s; } .petals i:nth-child(7) { animation-delay: -6s; animation-duration: 15s; }
  .hero__cue { animation: cue 2.2s var(--ease-out) infinite; }
  .ser, .ser .w { animation: shimmer 6s ease-in-out infinite; background-size: 200% 100%; }
  .btn--main::after { animation: glint 3.6s ease-in-out infinite; }
  .btn--pulse { animation: heartbeat 2.4s ease-in-out infinite; }
  .marq__t { animation: marq 30s linear infinite; }
  .orbs i { animation: drift 14s ease-in-out infinite alternate; }
  .orbs i:last-child { animation-duration: 17s; animation-delay: -5s; }
  .step__n { animation: glow 3s ease-in-out infinite; }
  .msg--glow.in { animation: glowmsg 1.6s ease-in-out infinite; }
  .typing i { animation: typing 1s ease-in-out infinite; }
  .typing i:nth-child(2) { animation-delay: .15s; } .typing i:nth-child(3) { animation-delay: .3s; }
  .sq__lock { animation: wiggle 3.2s ease-in-out infinite; }
  .fin__ph::before { animation: spin 7s linear infinite; }
  .about__ph::before { animation: breathe 5s ease-in-out infinite; }
  .gs__o.on .gs__k, .fl__c.on .fl__n i { animation: pop 500ms var(--ease-over); }
}
@keyframes kenburns { from { transform: scale(1.02); } to { transform: scale(1.12) translateY(-1.5%); } }
@keyframes petal { 0% { transform: translate(0, 0) rotate(0); opacity: 0; } 10% { opacity: .85; } 50% { transform: translate(30px, -50vh) rotate(200deg); } 85% { opacity: .6; } 100% { transform: translate(-20px, -105vh) rotate(420deg); opacity: 0; } }
@keyframes cue { 0% { transform: scaleY(0); transform-origin: 50% 0; } 50% { transform: scaleY(1); transform-origin: 50% 0; } 51% { transform: scaleY(1); transform-origin: 50% 100%; } 100% { transform: scaleY(0); transform-origin: 50% 100%; } }
@keyframes shimmer { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
@keyframes glint { 0%, 55% { transform: skewX(-20deg) translateX(-120%); } 85%, 100% { transform: skewX(-20deg) translateX(520%); } }
@keyframes heartbeat { 0%, 60%, 100% { transform: scale(1); } 10% { transform: scale(1.05); } 20% { transform: scale(1); } 30% { transform: scale(1.04); } }
@keyframes marq { to { transform: translateX(-50%); } }
@keyframes drift { from { transform: translate(0, 0) scale(1); } to { transform: translate(60px, 40px) scale(1.2); } }
@keyframes glow { 0%, 100% { box-shadow: 0 0 0 6px #1B0810, 0 0 16px rgba(255, 80, 90, .45); } 50% { box-shadow: 0 0 0 6px #1B0810, 0 0 34px rgba(255, 80, 90, .95); } }
@keyframes glowmsg { 0%, 100% { box-shadow: 0 0 0 rgba(255, 80, 90, 0); } 50% { box-shadow: 0 0 22px rgba(255, 80, 90, .8); } }
@keyframes typing { 0%, 100% { transform: translateY(0); opacity: .5; } 50% { transform: translateY(-4px); opacity: 1; } }
@keyframes wiggle { 0%, 80%, 100% { transform: rotate(0); } 84% { transform: rotate(-12deg); } 88% { transform: rotate(10deg); } 92% { transform: rotate(-6deg); } 96% { transform: rotate(4deg); } }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes breathe { 0%, 100% { transform: scale(1); opacity: .6; } 50% { transform: scale(1.025); opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .js .rv, .js .split .w, .js .fl .fl__c, .js .mr .mr__c, .js .msg { opacity: 1 !important; transform: none !important; }
  .petals { display: none; }
}

/* ---------- Подпись (маска из логотипа, без изменений из вёрстки 1) ---------- */
.sig { display: inline-block; width: min(300px, 74vw); aspect-ratio: 800 / 233; background: linear-gradient(100deg, var(--peach), #FFE3D8);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='233' viewBox='0 0 800 233' fill='none'%3E%3Cpath d='M428.721 11.6C444.921 1.40005 428.871 50.9001 386.271 60.9501C356.271 92.3001 348.771 99.5 417.621 82.85C418.371 83.6 417.921 83.45 417.921 83.45C399.321 87.05 329.271 110.15 377.121 62.75C363.921 65.75 361.371 66.0501 347.871 65.9001C342.321 71.4501 308.121 107.75 262.371 96.95C261.771 96.35 262.371 96.65 262.521 96.2C304.071 105.05 330.921 76.5501 341.571 65.1501C324.321 62.7501 310.521 57.8 306.471 48.5C306.471 48.5 306.171 47.9 306.921 48.05C310.971 56.75 322.221 61.7001 342.471 64.4001C343.071 64.7001 375.621 24.8 379.371 21.05C368.421 24.65 331.521 24.65 307.971 9.50004C307.521 9.05005 307.971 8.90005 307.821 8.30005C318.171 16.7 352.671 26.75 377.571 20.45C381.021 20 384.621 15.95 387.171 13.4C391.671 8.15004 393.321 13.4 391.521 15.35C374.271 35.15 349.821 63.6501 348.621 65.1501C361.371 65.3001 368.571 64.2501 378.021 61.4001C392.571 46.1001 416.571 19.25 428.721 11.6ZM387.171 60.05C415.371 53.9 437.571 21.05 433.971 12.2C432.021 10.7 415.671 27.65 387.171 60.05ZM430.267 85.7C407.017 97.4 418.717 66.2 437.767 75.65L440.767 72.65C443.167 73.25 444.517 74.45 443.617 75.35C416.617 99.2 458.917 87.35 468.517 83V83.6C461.167 87.5 431.017 95.75 430.267 85.7ZM432.067 81.8C441.667 71.9 429.367 73.7 422.767 81.8C415.567 90.5 427.417 87.8 432.067 81.8ZM480.197 87.5C482.897 83.3 491.447 77 489.647 75.8C487.997 74.75 481.397 71.15 469.397 87.2C468.047 89.15 462.797 88.55 464.297 86.75C466.847 83.75 472.547 79.85 472.397 74.45L474.497 74.3C474.497 74.6 474.197 75.8 474.197 76.7C482.297 71.15 493.097 74.6 492.497 76.85C494.897 75.8 504.647 71.6 507.647 76.55C510.347 81.05 494.447 88.85 501.647 91.1C506.897 92.75 515.147 89.3 532.097 83C532.997 82.7 534.197 83 532.997 83.45C514.847 89.45 508.397 92.9 502.547 91.85C497.747 90.95 496.097 89.45 496.097 87.65C496.247 83.3 506.297 77.6 505.247 76.1C503.297 73.55 495.047 76.4 493.247 78.5C491.747 80.3 489.647 83 484.847 87.95C483.197 89 480.047 88.7 480.197 87.5ZM545.404 85.7C522.154 97.4 533.854 66.2 552.904 75.65L555.904 72.65C558.304 73.25 559.654 74.45 558.754 75.35C531.754 99.2 574.054 87.35 583.654 83V83.6C576.304 87.5 546.154 95.75 545.404 85.7ZM547.204 81.8C556.804 71.9 544.504 73.7 537.904 81.8C530.704 90.5 542.554 87.8 547.204 81.8ZM606.284 75.05C595.934 83.45 577.334 96.05 581.384 82.25C584.234 78.2 589.484 82.85 581.834 84.5C579.884 95.15 606.584 73.4 611.534 70.1C612.284 69.65 617.534 71 616.784 71.6C609.584 79.25 600.134 91.1 613.484 91.55C622.334 91.85 642.584 84.65 646.634 82.85V83.45C637.484 87.2 624.134 91.85 614.534 92.3C596.534 93.05 604.184 78.5 610.484 72.2C611.234 71.45 609.434 72.5 606.284 75.05ZM695.822 83.45C666.872 97.55 658.472 90.95 662.072 83.6C662.822 82.25 655.472 90.65 650.522 89.75C639.722 87.95 651.722 76.1 655.772 72.65C656.222 72.2 659.822 74 658.772 75.05C644.672 86.3 647.522 96.35 661.922 82.55C664.622 79.85 667.172 77 668.672 75.8C670.172 74.6 673.022 77.15 671.672 78.35C668.972 81.05 665.972 83.6 665.522 86.6C663.722 98.45 694.172 83.3 695.822 83V83.45ZM718.941 71C714.891 70.1 711.441 77 713.691 78.35C715.041 79.25 718.641 80.15 720.441 76.55C721.491 74 721.641 71.6 718.941 71ZM718.191 79.55C713.541 80.15 709.341 78.35 709.341 75.2C709.341 67.7 723.891 67.25 721.941 76.1L724.641 73.85C726.591 73.7 727.791 74.9 727.491 75.2C724.641 78.5 720.891 82.25 719.241 85.4C711.591 99.8 745.191 88.1 760.341 82.55V83.3C725.241 97.1 704.541 95.6 718.191 80.3C708.891 86.9 689.541 96.05 693.591 82.25C696.441 78.2 701.691 82.85 694.041 84.5C692.091 95.15 713.241 82.85 718.191 79.55Z' fill='white'%3E%3C/path%3E%3Cpath d='M178.256 64.5262C183.056 60.9262 193.856 47.1262 202.856 38.7262C204.856 35.5262 211.656 36.1262 208.256 41.3262C205.056 46.1262 124.456 147.526 160.256 131.526C194.256 115.926 258.256 64.7262 282.056 40.5262C284.856 37.9262 290.456 38.9262 287.056 43.1262C274.656 57.1262 178.656 144.126 222.856 150.926C234.456 152.726 258.456 142.926 267.656 136.526C273.056 132.926 277.256 132.726 268.256 137.926C250.856 148.326 235.456 152.926 220.856 151.926C181.456 149.326 218.256 103.126 248.056 72.7262C252.456 68.3262 147.256 158.326 144.456 128.526C142.256 112.526 169.056 84.1262 178.856 67.1262C118.656 123.326 63.8556 161.926 34.4556 164.326C17.4556 165.726 8.05559 159.726 9.85559 143.126C11.0556 135.126 16.2556 133.726 12.8556 140.526C8.85559 149.526 12.2556 166.326 35.0556 162.926C57.8556 159.726 104.056 136.126 178.256 64.5262ZM279.974 145.526C234.974 154.926 192.574 176.526 182.774 193.526C176.774 203.926 182.174 209.926 189.374 213.726C215.174 226.726 267.574 156.326 279.974 145.526ZM291.174 133.726L301.174 124.926C303.374 123.526 307.574 125.526 306.174 126.126C298.574 133.726 288.374 143.926 289.574 143.926C312.374 142.926 332.374 134.726 332.374 134.126V135.126C319.174 139.926 312.374 143.326 287.774 145.126C253.974 179.126 211.174 232.526 184.374 211.726C177.374 206.326 177.774 199.326 182.574 191.526C190.574 178.726 226.774 155.326 280.974 144.326C284.974 140.126 286.174 139.126 290.574 134.726C273.374 145.326 262.774 131.326 280.774 119.726C282.974 118.326 289.174 120.326 287.774 120.926C274.174 127.126 273.174 141.726 285.774 136.126L291.174 133.726ZM343.121 157.926C342.721 156.926 295.121 173.126 286.321 177.326C252.921 193.126 246.321 215.326 270.721 212.126C301.921 208.126 340.321 173.326 343.121 157.926ZM396.521 134.526V135.126C393.921 139.726 350.121 156.126 348.721 156.526C348.121 186.126 290.521 213.726 269.321 214.526C238.921 215.326 257.521 190.526 282.521 177.926C297.121 170.726 337.321 157.926 343.321 156.726C343.921 151.926 342.521 144.726 334.321 143.526C333.121 143.526 332.321 142.526 333.121 141.726C334.121 140.926 355.921 138.726 354.121 126.726C353.521 122.526 335.121 133.126 332.321 135.526C332.321 135.526 332.321 134.526 332.521 134.326C336.321 131.726 347.321 124.726 353.521 124.726C365.921 124.926 363.721 140.526 335.321 141.926V142.726C339.721 142.726 348.921 149.326 348.721 155.126C352.921 154.526 389.121 140.126 396.521 134.526ZM468.379 134.326C469.179 133.926 470.179 134.126 468.779 134.726C454.779 139.326 439.579 148.526 426.579 143.326C420.579 140.726 421.579 135.126 431.979 125.126C433.979 121.526 419.179 136.926 413.579 135.326C412.179 144.126 401.779 145.326 397.779 144.126C383.779 139.926 402.579 123.926 407.979 119.326C410.779 117.126 414.179 119.526 412.379 121.526C410.779 123.526 390.979 139.526 397.979 143.126C401.979 145.126 411.779 142.526 412.979 135.126C410.979 134.726 407.179 133.526 411.379 130.926C415.779 128.126 412.579 135.726 417.779 133.926C422.579 132.326 431.379 121.926 437.179 122.126C438.379 122.126 440.579 122.526 439.779 123.726C431.779 132.126 424.379 139.726 427.579 142.326C434.379 148.126 451.979 140.926 468.379 134.326ZM482.049 121.326C484.449 118.926 492.049 118.526 489.449 121.326C485.249 125.126 480.049 130.326 478.649 131.926C480.249 131.726 486.049 128.926 493.249 125.326C501.049 121.326 509.449 118.526 505.849 127.726C505.249 128.326 504.249 127.526 504.249 127.326C506.849 119.926 499.849 123.326 488.849 128.526C487.849 161.526 514.049 141.526 536.449 134.326L536.249 135.526C518.449 139.926 487.449 163.326 483.649 130.926C481.049 132.126 478.449 132.926 477.049 133.726L469.249 141.526C466.849 144.126 459.649 144.326 462.249 141.526C467.649 135.326 475.049 128.126 482.049 121.326ZM553.028 138.126C522.028 153.726 537.628 112.126 563.028 124.726L567.028 120.726C570.228 121.526 572.028 123.126 570.828 124.326C534.828 156.126 591.228 140.326 604.028 134.526V135.326C594.228 140.526 554.028 151.526 553.028 138.126ZM555.428 132.926C568.228 119.726 551.828 122.126 543.028 132.926C533.428 144.526 549.228 140.926 555.428 132.926Z' fill='white'%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='233' viewBox='0 0 800 233' fill='none'%3E%3Cpath d='M428.721 11.6C444.921 1.40005 428.871 50.9001 386.271 60.9501C356.271 92.3001 348.771 99.5 417.621 82.85C418.371 83.6 417.921 83.45 417.921 83.45C399.321 87.05 329.271 110.15 377.121 62.75C363.921 65.75 361.371 66.0501 347.871 65.9001C342.321 71.4501 308.121 107.75 262.371 96.95C261.771 96.35 262.371 96.65 262.521 96.2C304.071 105.05 330.921 76.5501 341.571 65.1501C324.321 62.7501 310.521 57.8 306.471 48.5C306.471 48.5 306.171 47.9 306.921 48.05C310.971 56.75 322.221 61.7001 342.471 64.4001C343.071 64.7001 375.621 24.8 379.371 21.05C368.421 24.65 331.521 24.65 307.971 9.50004C307.521 9.05005 307.971 8.90005 307.821 8.30005C318.171 16.7 352.671 26.75 377.571 20.45C381.021 20 384.621 15.95 387.171 13.4C391.671 8.15004 393.321 13.4 391.521 15.35C374.271 35.15 349.821 63.6501 348.621 65.1501C361.371 65.3001 368.571 64.2501 378.021 61.4001C392.571 46.1001 416.571 19.25 428.721 11.6ZM387.171 60.05C415.371 53.9 437.571 21.05 433.971 12.2C432.021 10.7 415.671 27.65 387.171 60.05ZM430.267 85.7C407.017 97.4 418.717 66.2 437.767 75.65L440.767 72.65C443.167 73.25 444.517 74.45 443.617 75.35C416.617 99.2 458.917 87.35 468.517 83V83.6C461.167 87.5 431.017 95.75 430.267 85.7ZM432.067 81.8C441.667 71.9 429.367 73.7 422.767 81.8C415.567 90.5 427.417 87.8 432.067 81.8ZM480.197 87.5C482.897 83.3 491.447 77 489.647 75.8C487.997 74.75 481.397 71.15 469.397 87.2C468.047 89.15 462.797 88.55 464.297 86.75C466.847 83.75 472.547 79.85 472.397 74.45L474.497 74.3C474.497 74.6 474.197 75.8 474.197 76.7C482.297 71.15 493.097 74.6 492.497 76.85C494.897 75.8 504.647 71.6 507.647 76.55C510.347 81.05 494.447 88.85 501.647 91.1C506.897 92.75 515.147 89.3 532.097 83C532.997 82.7 534.197 83 532.997 83.45C514.847 89.45 508.397 92.9 502.547 91.85C497.747 90.95 496.097 89.45 496.097 87.65C496.247 83.3 506.297 77.6 505.247 76.1C503.297 73.55 495.047 76.4 493.247 78.5C491.747 80.3 489.647 83 484.847 87.95C483.197 89 480.047 88.7 480.197 87.5ZM545.404 85.7C522.154 97.4 533.854 66.2 552.904 75.65L555.904 72.65C558.304 73.25 559.654 74.45 558.754 75.35C531.754 99.2 574.054 87.35 583.654 83V83.6C576.304 87.5 546.154 95.75 545.404 85.7ZM547.204 81.8C556.804 71.9 544.504 73.7 537.904 81.8C530.704 90.5 542.554 87.8 547.204 81.8ZM606.284 75.05C595.934 83.45 577.334 96.05 581.384 82.25C584.234 78.2 589.484 82.85 581.834 84.5C579.884 95.15 606.584 73.4 611.534 70.1C612.284 69.65 617.534 71 616.784 71.6C609.584 79.25 600.134 91.1 613.484 91.55C622.334 91.85 642.584 84.65 646.634 82.85V83.45C637.484 87.2 624.134 91.85 614.534 92.3C596.534 93.05 604.184 78.5 610.484 72.2C611.234 71.45 609.434 72.5 606.284 75.05ZM695.822 83.45C666.872 97.55 658.472 90.95 662.072 83.6C662.822 82.25 655.472 90.65 650.522 89.75C639.722 87.95 651.722 76.1 655.772 72.65C656.222 72.2 659.822 74 658.772 75.05C644.672 86.3 647.522 96.35 661.922 82.55C664.622 79.85 667.172 77 668.672 75.8C670.172 74.6 673.022 77.15 671.672 78.35C668.972 81.05 665.972 83.6 665.522 86.6C663.722 98.45 694.172 83.3 695.822 83V83.45ZM718.941 71C714.891 70.1 711.441 77 713.691 78.35C715.041 79.25 718.641 80.15 720.441 76.55C721.491 74 721.641 71.6 718.941 71ZM718.191 79.55C713.541 80.15 709.341 78.35 709.341 75.2C709.341 67.7 723.891 67.25 721.941 76.1L724.641 73.85C726.591 73.7 727.791 74.9 727.491 75.2C724.641 78.5 720.891 82.25 719.241 85.4C711.591 99.8 745.191 88.1 760.341 82.55V83.3C725.241 97.1 704.541 95.6 718.191 80.3C708.891 86.9 689.541 96.05 693.591 82.25C696.441 78.2 701.691 82.85 694.041 84.5C692.091 95.15 713.241 82.85 718.191 79.55Z' fill='white'%3E%3C/path%3E%3Cpath d='M178.256 64.5262C183.056 60.9262 193.856 47.1262 202.856 38.7262C204.856 35.5262 211.656 36.1262 208.256 41.3262C205.056 46.1262 124.456 147.526 160.256 131.526C194.256 115.926 258.256 64.7262 282.056 40.5262C284.856 37.9262 290.456 38.9262 287.056 43.1262C274.656 57.1262 178.656 144.126 222.856 150.926C234.456 152.726 258.456 142.926 267.656 136.526C273.056 132.926 277.256 132.726 268.256 137.926C250.856 148.326 235.456 152.926 220.856 151.926C181.456 149.326 218.256 103.126 248.056 72.7262C252.456 68.3262 147.256 158.326 144.456 128.526C142.256 112.526 169.056 84.1262 178.856 67.1262C118.656 123.326 63.8556 161.926 34.4556 164.326C17.4556 165.726 8.05559 159.726 9.85559 143.126C11.0556 135.126 16.2556 133.726 12.8556 140.526C8.85559 149.526 12.2556 166.326 35.0556 162.926C57.8556 159.726 104.056 136.126 178.256 64.5262ZM279.974 145.526C234.974 154.926 192.574 176.526 182.774 193.526C176.774 203.926 182.174 209.926 189.374 213.726C215.174 226.726 267.574 156.326 279.974 145.526ZM291.174 133.726L301.174 124.926C303.374 123.526 307.574 125.526 306.174 126.126C298.574 133.726 288.374 143.926 289.574 143.926C312.374 142.926 332.374 134.726 332.374 134.126V135.126C319.174 139.926 312.374 143.326 287.774 145.126C253.974 179.126 211.174 232.526 184.374 211.726C177.374 206.326 177.774 199.326 182.574 191.526C190.574 178.726 226.774 155.326 280.974 144.326C284.974 140.126 286.174 139.126 290.574 134.726C273.374 145.326 262.774 131.326 280.774 119.726C282.974 118.326 289.174 120.326 287.774 120.926C274.174 127.126 273.174 141.726 285.774 136.126L291.174 133.726ZM343.121 157.926C342.721 156.926 295.121 173.126 286.321 177.326C252.921 193.126 246.321 215.326 270.721 212.126C301.921 208.126 340.321 173.326 343.121 157.926ZM396.521 134.526V135.126C393.921 139.726 350.121 156.126 348.721 156.526C348.121 186.126 290.521 213.726 269.321 214.526C238.921 215.326 257.521 190.526 282.521 177.926C297.121 170.726 337.321 157.926 343.321 156.726C343.921 151.926 342.521 144.726 334.321 143.526C333.121 143.526 332.321 142.526 333.121 141.726C334.121 140.926 355.921 138.726 354.121 126.726C353.521 122.526 335.121 133.126 332.321 135.526C332.321 135.526 332.321 134.526 332.521 134.326C336.321 131.726 347.321 124.726 353.521 124.726C365.921 124.926 363.721 140.526 335.321 141.926V142.726C339.721 142.726 348.921 149.326 348.721 155.126C352.921 154.526 389.121 140.126 396.521 134.526ZM468.379 134.326C469.179 133.926 470.179 134.126 468.779 134.726C454.779 139.326 439.579 148.526 426.579 143.326C420.579 140.726 421.579 135.126 431.979 125.126C433.979 121.526 419.179 136.926 413.579 135.326C412.179 144.126 401.779 145.326 397.779 144.126C383.779 139.926 402.579 123.926 407.979 119.326C410.779 117.126 414.179 119.526 412.379 121.526C410.779 123.526 390.979 139.526 397.979 143.126C401.979 145.126 411.779 142.526 412.979 135.126C410.979 134.726 407.179 133.526 411.379 130.926C415.779 128.126 412.579 135.726 417.779 133.926C422.579 132.326 431.379 121.926 437.179 122.126C438.379 122.126 440.579 122.526 439.779 123.726C431.779 132.126 424.379 139.726 427.579 142.326C434.379 148.126 451.979 140.926 468.379 134.326ZM482.049 121.326C484.449 118.926 492.049 118.526 489.449 121.326C485.249 125.126 480.049 130.326 478.649 131.926C480.249 131.726 486.049 128.926 493.249 125.326C501.049 121.326 509.449 118.526 505.849 127.726C505.249 128.326 504.249 127.526 504.249 127.326C506.849 119.926 499.849 123.326 488.849 128.526C487.849 161.526 514.049 141.526 536.449 134.326L536.249 135.526C518.449 139.926 487.449 163.326 483.649 130.926C481.049 132.126 478.449 132.926 477.049 133.726L469.249 141.526C466.849 144.126 459.649 144.326 462.249 141.526C467.649 135.326 475.049 128.126 482.049 121.326ZM553.028 138.126C522.028 153.726 537.628 112.126 563.028 124.726L567.028 120.726C570.228 121.526 572.028 123.126 570.828 124.326C534.828 156.126 591.228 140.326 604.028 134.526V135.326C594.228 140.526 554.028 151.526 553.028 138.126ZM555.428 132.926C568.228 119.726 551.828 122.126 543.028 132.926C533.428 144.526 549.228 140.926 555.428 132.926Z' fill='white'%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat; }

/* ===== Правки 1 (30.10): вопрос-крючок под названием на первом экране ===== */
.h1 .ser--q { font-size: .5em; line-height: 1.12; margin-top: .3em; max-width: 15em; }
/* строка политики под главной кнопкой (требование юриста 30.10) */
.pol { margin: 6px 0 0; font-size: 12.5px; line-height: 1.4; color: var(--muted); opacity: .8; }
.pol a { color: inherit; text-underline-offset: 3px; }
/* ===== Правки 2 (30.10): крючок крупнее, плашки в один ряд, длинные кнопки в одну строку ===== */
.h1 .ser--q { font-size: .64em; line-height: 1.08; }
.kick--chips { gap: 6px; font-size: 11px; letter-spacing: .08em; flex-wrap: nowrap; }
.chip { padding: 6px 10px; white-space: nowrap; }
.hero .lead { font-size: 17px; margin-bottom: 22px; }
@media (max-width: 480px) { .btn { padding-inline: 22px; font-size: 15px; letter-spacing: .03em; } }
@media (min-width: 900px) { .kick--chips { font-size: 12.5px; } .hero .lead { font-size: 20px; } }
/* кнопка первого экрана выше адресной строки Safari */
@media (max-width: 899px) { .hero__ph { height: 50svh; min-height: 320px; } .hero__tx { margin-top: -120px; padding-bottom: 40px; } .h1 { font-size: clamp(34px, 9.4vw, 60px); } .hero .h1 { margin-bottom: 12px; } }
.kick--chips { flex-wrap: wrap; }
.lsw:empty { display: none; }

/* ===== Правки Макса 1 (30.10) ===== */
/* бегущая строка шире экрана и ниже, не наезжает на фото */
.marq { width: 112vw; margin: 14px 0 0 -6vw; transform: rotate(-1.6deg); }
/* «Нажми на то, что про тебя» в одну строку на компьютере */
@media (min-width: 900px) { #mirror .narrow { width: min(980px, 100% - 40px); } .mr__h { white-space: nowrap; } .mr { max-width: 760px; margin-inline: auto; } }
/* финал: фото с «тсс» — квадрат в круге, лицо по центру */
.fin__ph img { object-position: 50% 30%; }
/* строки заголовков примерно равной длины, без одного слова на строке */
.h1 .cap, .h2 .cap, .h2 { text-wrap: balance; }
/* сноска о языке внутри липкой кнопки на /ua (юрист 30.10: сноска на том же экране, что кнопка) */
.sticky:has(.sticky__n) { flex-direction: column; gap: 2px; padding-block: 10px; }
.sticky__n { display: block; font: 500 11px/1.2 'Inter Tight', sans-serif; letter-spacing: 0; text-transform: none; opacity: .9; }
/* сноска о языке сразу под кнопкой, читаемо (юрист + Макс 30.10) */
.mova { margin: 12px 0 0; font-size: 13.5px; opacity: 1; color: var(--peach); }
.mr__ans .note, .mr__ans .pol { text-align: center; }
.sec--light .mova { color: #B5243F; }

/* ===== Правки Макса 2 (30.10) ===== */
/* три шага без заголовка */
#how .steps { margin-top: 0; }
#how { padding-block: 64px; }
.note:empty { display: none; }
/* автор: метод и цифры, как на практикуме */
.method { margin: 22px 0 0; padding: 18px 20px; border-radius: 18px; background: #fff; box-shadow: 0 10px 26px -20px rgba(122, 18, 48, .5); display: grid; gap: 4px; }
.method small { font: 700 11.5px Montserrat, sans-serif; letter-spacing: .16em; text-transform: uppercase; color: #C8304A; }
.method .ser { font-size: 30px; }
.method span { color: var(--muted); }
.stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.stats p { margin: 0; padding: 16px; border-radius: 18px; background: linear-gradient(150deg, #5E0E26, #2A0812); color: #FFE9E0; }
.stats p:last-child { grid-column: 1 / -1; }
.stats b { display: block; font: 900 28px/1.05 Montserrat, sans-serif; background: linear-gradient(100deg, #FFF1EA, #FFB59B); -webkit-background-clip: text; background-clip: text; color: transparent; }
.stats span:not(.num) { display: block; font-size: 14px; line-height: 1.35; margin-top: 4px; opacity: .9; }
@media (min-width: 900px) { .stats { grid-template-columns: repeat(3, 1fr); } .stats p:last-child { grid-column: auto; } }
/* финал: круг-таймер «5 минут» с шестью точками-вопросами вместо фото */
.clock { position: relative; width: min(300px, 72vw); aspect-ratio: 1; margin: 6px auto 0; display: grid; place-items: center; }
.clock__ring { position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(#FF3D55 0deg, #FFB08A var(--a, 0deg), rgba(255, 190, 170, .12) var(--a, 0deg)); -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 10px), #000 calc(100% - 9px)); mask: radial-gradient(farthest-side, transparent calc(100% - 10px), #000 calc(100% - 9px)); filter: drop-shadow(0 0 18px rgba(255, 70, 85, .55)); }
.clock__dots i { position: absolute; left: 50%; top: 50%; width: 16px; height: 16px; margin: -8px; border-radius: 50%; background: rgba(255, 190, 170, .25); transform: rotate(calc(var(--k) * 60deg)) translateY(calc(min(300px, 72vw) / -2 + 36px)); transition: background-color 300ms, box-shadow 300ms; }
.clock__dots i:nth-child(1) { --k: 0; } .clock__dots i:nth-child(2) { --k: 1; } .clock__dots i:nth-child(3) { --k: 2; }
.clock__dots i:nth-child(4) { --k: 3; } .clock__dots i:nth-child(5) { --k: 4; } .clock__dots i:nth-child(6) { --k: 5; }
.clock__dots i.on { background: #FF6B5E; box-shadow: 0 0 14px rgba(255, 90, 90, .9); }
.clock__c { text-align: center; line-height: 1; }
.clock__c b { display: block; font: 900 clamp(84px, 24vw, 120px)/1 Montserrat, sans-serif; background: linear-gradient(100deg, #FFF1EA, #FFB59B); -webkit-background-clip: text; background-clip: text; color: transparent; }
.clock__c small { display: block; margin-top: 4px; font: italic 600 30px 'Cormorant Garamond', serif; color: #FF8A6B; }
@property --a { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
@media (prefers-reduced-motion: no-preference) {
  .clock.go .clock__ring { animation: sweep 6s linear infinite; }
  .clock.go .clock__c b { animation: heartbeat 2.4s ease-in-out infinite; }
}
@keyframes sweep { from { --a: 0deg; } to { --a: 360deg; } }
@media (prefers-reduced-motion: reduce) { .clock__ring { --a: 360deg; } }
.method .ser { font-size: clamp(23px, 6.4vw, 30px); overflow-wrap: anywhere; }

/* ===== Правки Макса 3 (30.10): футер компактный, в один ряд: документы | чек-ап + подпись | ФОП, ниже © ===== */
.foot { padding: 34px 0 96px; }
.foot__row { display: grid; gap: 22px; align-items: center; justify-items: center; text-align: center; }
.foot__mid { display: grid; justify-items: center; gap: 2px; }
.foot__k { font-size: 10.5px; }
.foot__t { margin: 0; font-size: 16px; }
.foot .sig { width: 150px; margin-top: 6px; }
.foot__l { gap: 4px; font-size: 13px; }
.foot__fop { font-size: 12px; }
.foot__c { margin: 18px 0 0; text-align: center; font-size: 12px; }
@media (min-width: 900px) {
  .foot { padding: 30px 0 34px; }
  .foot__row { grid-template-columns: 1fr auto 1fr; gap: 30px; }
  .foot__l { justify-self: start; text-align: left; }
  .foot__fop { justify-self: end; text-align: right; }
}
/* бегущая полоса на стыке: сверху тёмный фон, снизу светлый следующего блока, линия стыка под тем же наклоном —
   фото первого экрана заканчивается ровно на полосе, без треугольника справа (Макс 30.10) */
.marq-w { position: relative; z-index: 3; padding: 3.2vw 0; background: linear-gradient(178.4deg, #14060B calc(50% + 1px), #FBE9E2 calc(50% + 1px)); }
.marq-w .marq { margin: 0 0 0 -6vw; }