/* POINT OF YOU — mobile landing (Figma: «Финальный вариант — копия до чистки 13.11», 390 px) */

@font-face { font-family: "Inter Tight"; src: url("assets/fonts/InterTight-VariableFont_wght.ttf") format("truetype"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Bebas Neue Cyrillic"; src: url("assets/fonts/BebasNeueCyrillic.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Bebas Neue"; src: url("assets/fonts/BebasNeue-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }

:root {
  /* 1 design px at 390 px; shrinks proportionally on narrower phones (decorative collages only) */
  --u: min(1px, calc(100vw / 390));
  --side: #fff;
  --ink: #352812;
  --accent: #fff2b0;
  --dark: #181818;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { background: var(--side); font-family: "Inter Tight", system-ui, sans-serif; color: #151515; -webkit-font-smoothing: antialiased; }
img { display: block; }
ul, ol { list-style: none; }
a { color: inherit; }
b { font-weight: 700; }

.page { width: 100%; max-width: 390px; margin: 0 auto; background: #fff; overflow-x: clip; }

/* helpers */
.trim { text-box: trim-both cap alphabetic; }
.abs { position: absolute; left: calc(var(--x, 0) * var(--u)); top: calc(var(--y, 0) * var(--u)); width: calc(var(--w) * var(--u)); height: calc(var(--h) * var(--u)); }
.c { position: absolute; left: calc(var(--cx) * var(--u)); top: calc(var(--cy) * var(--u)); width: calc(var(--w) * var(--u)); height: calc(var(--h) * var(--u)); transform: translate(-50%, -50%) translate(var(--fx, 0px), var(--fy, 0px)) rotate(calc(var(--r, 0) * 1deg + var(--fr, 0deg))); }
.crop { overflow: hidden; }
.crop > img { position: absolute; max-width: none; }
.fill { position: absolute; inset: 0; width: 100%; height: 100%; }
.cover { object-fit: cover; }
.framed { border: calc(var(--bw) * var(--u)) solid #fff; }
.collage { position: relative; overflow: hidden; }
.collage .abs, .collage .c { text-box: trim-both cap alphabetic; }

/* buttons */
.btn {
  flex: 1 1 0; min-width: 0; height: calc(56 * var(--u)); display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  padding: 0 8px; border: 1px solid var(--ink); background: #fff; color: var(--ink);
  font: 600 min(16px, calc(16 * var(--u))) / 1.2 "Inter Tight", sans-serif; letter-spacing: -0.01em; text-transform: uppercase;
  text-decoration: none; white-space: nowrap; cursor: pointer;
}
.btn--accent { background: var(--accent); }
.btn:focus-visible { outline: 2px solid #000; outline-offset: 2px; }

/* 1 — hero */
.hero { position: relative; overflow: hidden; isolation: isolate; background: #fff; min-height: calc(695 * var(--u)); }
.hero__bg { z-index: 0; }
.hero__ellipse { z-index: 1; }
.hero__ellipse img { position: absolute; max-width: none; }
.hero__badge { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
.hero__badge .c { width: auto; height: auto; text-box: trim-both cap alphabetic; text-transform: uppercase; color: #000; white-space: nowrap; }
.hero__badge img.c { width: calc(var(--w) * var(--u)); height: calc(var(--h) * var(--u)); }
.hero__badge-old { font: 400 calc(15.681 * var(--u)) / 1.2 "Inter Tight"; letter-spacing: -0.01em; opacity: .53; }
.hero__badge-new { font: 700 calc(25.086 * var(--u)) / 1.2 "Inter Tight"; letter-spacing: -0.01em; opacity: .92; }
.hero__photo { z-index: 4; }
.hero__content { position: relative; padding: calc(30 * var(--u)) calc(30 * var(--u)) calc(56 * var(--u)) calc(25 * var(--u)); }
.hero__content > * { position: relative; z-index: 5; }
.hero__content > .hero__title { z-index: 3; }
.hero__top { display: flex; justify-content: space-between; align-items: flex-start; height: calc(31 * var(--u)); margin-left: calc(5 * var(--u)); }
.hero__format { margin-top: calc(4.5 * var(--u)); font: 400 calc(12 * var(--u)) / 1.08 Inter, sans-serif; letter-spacing: -0.02em; text-transform: uppercase; color: #13110b; opacity: .8; }
.hero__date { margin-top: calc(4 * var(--u)); font: 700 calc(13.649 * var(--u)) / 1.3 "Inter Tight"; letter-spacing: -0.02em; text-transform: uppercase; color: #13110b; opacity: .81; white-space: nowrap; }
.hero__title { margin-top: calc(41 * var(--u)); font: 700 calc(77.322 * var(--u)) / .85 "Inter Tight"; letter-spacing: -0.03em; text-transform: uppercase; color: #222; }
.hero__subtitle { margin-top: calc(41 * var(--u)); font: 400 calc(22.161 * var(--u)) / 1.15 "Inter Tight"; letter-spacing: -0.02em; text-transform: uppercase; color: #13110b; opacity: .81; }
.hero__lead { margin-top: calc(22 * var(--u)); width: calc(169 * var(--u)); font: 400 max(12px, calc(14 * var(--u))) / 1.3 "Inter Tight"; letter-spacing: -0.01em; color: rgba(51, 45, 29, .8); }
.hero__timer-icon { width: calc(16 * var(--u)); height: calc(18 * var(--u)); margin: calc(48.5 * var(--u)) 0 0 calc(6 * var(--u)); }
.hero__timer-label { margin: calc(12 * var(--u)) 0 0 calc(5 * var(--u)); font: 400 calc(14 * var(--u)) / 1.3 "Inter Tight"; letter-spacing: -0.01em; color: #585244; opacity: .49; }
.hero__timer { margin: calc(15.86 * var(--u)) 0 0 calc(5 * var(--u)); --tn: 18.137; --tu: 9.533; }
.hero__actions { display: flex; gap: calc(8 * var(--u)); max-width: calc(330 * var(--u)); margin: calc(35.8 * var(--u)) 0 0 calc(5 * var(--u)); }

/* 2 — для кого */
.who { position: relative; overflow: hidden; padding: 55px 21px 54px; background: #fff; }
.who__bg { position: absolute; top: 0; left: 50%; width: calc(529.875 * var(--u)); height: 100%; max-width: none; transform: translateX(-50%); object-fit: cover; opacity: .9; }
.who__card { position: relative; padding: 31px 21px 27px; background: #fff; }
.who__title { margin-left: 5px; font: 400 min(49.605px, calc(49.605 * var(--u))) / .88 "Bebas Neue Cyrillic"; letter-spacing: -0.03em; color: #1a1a1a; white-space: nowrap; }
.who__title span { text-transform: lowercase; }
.who__list { display: flex; flex-direction: column; gap: 10px; margin-top: 29px; }
.pain { display: flex; flex-direction: column; justify-content: center; padding: 20px 17px; background: #ebe8df; }
.pain--tall { min-height: 135px; }
.pain__head { display: flex; justify-content: space-between; align-items: center; gap: 8px; max-width: 270px; }
.pain__title { font: 700 18px / 1.2 "Inter Tight"; letter-spacing: -0.01em; text-transform: uppercase; color: #332d1d; opacity: .9; }
.pain__num { flex: none; font: 400 14px / 1.3 "Inter Tight"; letter-spacing: -0.01em; color: rgba(53, 40, 18, .8); opacity: .38; }
.pain__text { margin-top: 20px; font: 400 14px / 1.3 "Inter Tight"; letter-spacing: -0.01em; color: rgba(53, 40, 18, .8); opacity: .7; }
.pain__text--narrow { max-width: 257px; }
@media (min-width: 390px) { .pain:not(.pain--tall) .pain__text { height: 50px; } }

/* 3 — анализ */
.analysis { position: relative; padding: 47px 0 16px; background: #fff; text-align: center; }
.analysis__star { margin: 0 auto; }
.analysis__title { width: min(330px, calc(100% - 40px)); margin: 43px auto 0; font: 500 25.316px / 1.09 "Inter Tight"; letter-spacing: -0.02em; color: #36322c; opacity: .98; }
.analysis__text { width: min(297px, calc(100% - 40px)); margin: 25px auto 0; font: 400 16px / 1.3 "Inter Tight"; letter-spacing: -0.02em; color: rgba(54, 50, 44, .8); opacity: .8; }
/* в Figma у абзаца выше фиксированная высота 28 px, логотипы отсчитаны от неё */
.logos { position: relative; height: calc(63 * var(--u)); margin-top: 33px; }
.logos img.fill { object-fit: fill; }
.logos img.cover { object-fit: cover; }
.logos__meta { mix-blend-mode: darken; }

/* 4 — разберем */
.topics { height: calc(1626 * var(--u)); background: #1a1a1a; }
.topics__white { position: absolute; inset: 0 0 auto; height: calc(246 * var(--u)); background: #fff; }
.topics__intro { background: linear-gradient(#eee3cf, #efdabb); }
.topics__lead { width: auto; height: auto; font: 500 calc(16.833 * var(--u)) / 1.09 "Inter Tight"; letter-spacing: -0.02em; color: rgba(0, 0, 0, .49); white-space: nowrap; }
.topics__lead u { text-decoration-thickness: from-font; text-underline-position: from-font; }
.topics__lead-big { width: auto; height: auto; font: 500 calc(34.837 * var(--u)) / .93 "Inter Tight"; letter-spacing: -0.02em; color: #181818; white-space: nowrap; }
.topics__zebra { mix-blend-mode: luminosity; object-fit: cover; }
.topics__flap { mix-blend-mode: plus-darker; }
@supports not (mix-blend-mode: plus-darker) { .topics__flap { mix-blend-mode: multiply; } }
.topics__title { width: auto; height: auto; font: 400 calc(80.478 * var(--u)) / .88 "Bebas Neue Cyrillic"; letter-spacing: -0.03em; color: #fefcf8; white-space: nowrap; }
.topic-list { display: contents; }
.topic { padding: calc(var(--pt) * var(--u)) 0 0 calc(var(--pl) * var(--u)); background: var(--bg); border: 1px solid var(--bd); text-box: normal; }
.topic__title { font: 700 calc(18 * var(--u)) / 1.2 "Inter Tight"; letter-spacing: -0.01em; text-transform: uppercase; color: var(--fg); opacity: .9; white-space: nowrap; text-box: trim-both cap alphabetic; }
.topic__text { width: calc(var(--tw) * var(--u)); margin-top: calc(18.186 * var(--u)); font: 400 calc(14 * var(--u)) / 1.3 "Inter Tight"; letter-spacing: -0.01em; color: var(--fg2); opacity: .7; }
.topic__text--pre { white-space: pre; }

/* 5 — программа */
.program { padding: 51px 30px 59px; background: #f0e0cb; }
.program__title { margin-left: -0.66px; font: 400 min(92.569px, calc(92.569 * var(--u))) / .88 "Bebas Neue Cyrillic"; letter-spacing: -0.03em; color: #1a1a1a; white-space: nowrap; }
.day { margin-top: 19px; padding: 23.72px 15px 13.28px 18px; background: #fff; border: 1px solid #363636; box-shadow: inset 0 0 32.8px rgba(0, 0, 0, .05); color: #151515; }
.day--2 { margin-top: 20px; padding-bottom: 13.28px; color: #0c0c0b; }
.day__head { display: flex; justify-content: space-between; align-items: flex-start; }
.day__name { font: 700 30.079px / .86 "Inter Tight"; letter-spacing: -0.01em; opacity: .9; }
.day__dots { display: flex; }
.day__dots img { width: 12.971px; height: 12.971px; opacity: .86; }
.day__theme { max-width: 288px; margin-top: 17px; font: 700 20px / 1.12 "Inter Tight"; letter-spacing: -0.01em; text-transform: uppercase; opacity: .9; }
.day__list { width: min(291px, 100%); margin: 26px 0 0 1px; overflow: hidden; }
.day__list li { padding: 17px 0; border-top: 1px solid rgba(53, 50, 44, .2); }
.day__list h4 { font: 600 16px / 1.26 "Inter Tight"; letter-spacing: -0.005em; }
.day__list p { width: 303px; margin-top: 10px; font: 400 14px / 1.26 "Inter Tight"; letter-spacing: -0.01em; }
.day__list p.wide { width: 315px; }

/* 6 — про Дашу */
.about { position: relative; overflow: hidden; padding-bottom: calc(49 * var(--u)); background: #fff; }
.about__collage { height: calc(760 * var(--u)); }
.about__zebra { border: 1px solid rgba(0, 0, 0, .17); opacity: .9; }
.about__paper { background: #fff; }
.about__photo { object-fit: cover; }
.about__name { display: contents; }
.about__name-pre { font: 400 calc(28.585 * var(--u)) / .88 "Bebas Neue Cyrillic"; letter-spacing: -0.03em; color: #1a1a1a; opacity: .48; white-space: nowrap; }
.about__name-main { font: 400 calc(67.54 * var(--u)) / .88 "Bebas Neue Cyrillic"; letter-spacing: -0.03em; color: #1a1a1a; white-space: nowrap; }
.about__text { height: auto; font: 400 calc(15 * var(--u)) / 1.3 "Inter Tight"; letter-spacing: -0.02em; text-align: justify; color: rgba(54, 50, 44, .8); opacity: .8; }
.about__text b { color: #000; }
.insta { border: 1px solid rgba(0, 0, 0, .17); border-radius: 8px; }
.stats { display: grid; grid-template-columns: 1fr 1fr; gap: calc(9 * var(--u)) calc(10 * var(--u)); margin: 0 calc(30 * var(--u)); }
.stat { aspect-ratio: 160 / 140; display: flex; flex-direction: column; justify-content: space-between; padding: calc(var(--pt) * var(--u)) 0 calc(var(--pb) * var(--u)); background: var(--bg); color: #332d1d; }
.stat > :first-child { margin-left: calc(var(--m1) * var(--u)); }
.stat > :last-child { margin-left: calc(var(--m2) * var(--u)); margin-right: calc(4 * var(--u)); }
.stat__head { font: 400 min(30px, calc(30 * var(--u))) / .83 "Bebas Neue Cyrillic"; letter-spacing: -0.03em; color: #1a1a1a; text-box: trim-both cap alphabetic; }
.stat__num { font: 400 min(67.54px, calc(67.54 * var(--u))) / .88 "Bebas Neue"; letter-spacing: -0.03em; color: #1a1a1a; white-space: nowrap; text-box: trim-both cap alphabetic; }
.stat__cap { font: 400 min(15px, calc(15 * var(--u))) / 1.12 "Inter Tight"; letter-spacing: -0.01em; opacity: .9; text-box: trim-both cap alphabetic; }
.stat__cap--dark { color: #1a1a1a; }
.stat__cap--tight { line-height: 1.07; }
.stat--dark, .stat--dark .stat__num { color: #ebe8df; }
.stat__brands { font: 400 min(32.75px, calc(32.75 * var(--u))) / .88 "Bebas Neue Cyrillic"; letter-spacing: -0.03em; color: #1a1a1a; text-box: trim-both cap alphabetic; }
.strip { margin-top: calc(39 * var(--u)); overflow: hidden; }
.strip__track { display: flex; align-items: flex-start; width: max-content; margin-left: 0; animation: strip-loop 58s linear infinite; }
.strip__item { margin-right: calc(6 * var(--u)); }
@keyframes strip-loop { to { transform: translateX(-50%); } }
.strip__item { position: relative; flex: none; width: calc(var(--sw) * var(--u)); height: calc(var(--sh, 198) * var(--u)); }
.strip__photo { position: absolute; left: 0; right: 0; top: calc(var(--top) * var(--u)); height: calc(var(--ph) * var(--u)); }
.strip__bar { position: absolute; inset: 0 0 auto; height: calc(17.47 * var(--u)); }

/* 7 — купить */
.buy { height: calc(729 * var(--u)); background: var(--dark); }
.buy__paper { object-fit: cover; object-position: bottom; box-shadow: 0 calc(4 * var(--u)) calc(144.8 * var(--u)) #000; }
.buy__date { display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid rgba(0, 0, 0, .13); border-radius: calc(18 * var(--u)); font: 700 calc(14 * var(--u)) / 1.3 "Inter Tight"; letter-spacing: -0.02em; text-transform: uppercase; color: rgba(19, 17, 11, .81); text-box: normal; }
.buy__body { height: auto; display: flex; flex-direction: column; align-items: center; gap: calc(31 * var(--u)); text-box: normal; }
.buy__title { width: 100%; font: 400 calc(50.608 * var(--u)) / .88 "Bebas Neue Cyrillic"; letter-spacing: -0.03em; text-align: center; color: #1a1a1a; text-box: trim-both cap alphabetic; }
.buy__terms { width: 100%; display: flex; flex-direction: column; gap: calc(9 * var(--u)); }
.buy__terms hr { height: 1px; border: 0; background: rgba(26, 26, 26, .45); opacity: .18; }
.buy__terms p { font: 400 calc(16 * var(--u)) / 1.2 "Inter Tight"; letter-spacing: -0.01em; text-align: center; color: #1a1a1a; }
.buy__terms .up { text-transform: uppercase; }
.buy__price { position: relative; width: calc(154 * var(--u)); height: calc(35 * var(--u)); color: #000; text-transform: uppercase; white-space: nowrap; }
.buy__price s { position: absolute; left: 0; top: calc(12.7 * var(--u)); font: 400 calc(29.765 * var(--u)) / 1.2 "Inter Tight"; letter-spacing: -0.01em; opacity: .24; text-box: trim-both cap alphabetic; }
.buy__price span { position: absolute; left: calc(68.29 * var(--u)); top: 0; font: 600 calc(47.616 * var(--u)) / 1.2 "Inter Tight"; letter-spacing: -0.01em; text-box: trim-both cap alphabetic; }
.buy__timer { position: relative; width: 100%; height: calc(76 * var(--u)); background: rgba(217, 208, 189, .4); }
.buy__timer-label { position: absolute; left: 0; right: 0; top: calc(12.31 * var(--u)); text-align: center; font: 400 calc(14.824 * var(--u)) / 1.3 "Inter Tight"; letter-spacing: -0.01em; color: rgba(0, 0, 0, .52); white-space: nowrap; text-box: trim-both cap alphabetic; }
.buy__timer-value { position: absolute; left: 0; right: 0; top: calc(35.12 * var(--u)); justify-content: center; --tn: 18.528; --tu: 9.739; }

/* кнопка блока покупки (Figma 236:90) */
.buy .buy__btn { height: calc(60 * var(--u)); border-color: #000; color: #000; text-box: normal; }

/* после окончания скидки (script.js ставит класс на <html>): только полная цена, без зачёркнутой */
.is-full-price [data-price-old] { display: none; }
.is-full-price .hero__badge-new { --cy: 144.26 !important; }
.is-full-price .buy__price span { left: 50%; transform: translateX(-50%); }

/* таймер: ДД : ЧЧ : ММ : СС, подписи под цифрами (Figma 238:99 / 238:100) */
.timer { display: flex; align-items: flex-start; color: #352812; text-box: normal; }
.timer__cell { display: flex; flex-direction: column; align-items: center; }
.timer__num { font: 400 calc(var(--tn) * var(--u)) / 1.3 "Inter Tight"; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; text-box: trim-both cap alphabetic; }
.timer__sep { margin: 0 calc(7.3 * var(--u)); font: 400 calc(var(--tn) * var(--u)) / 1.3 "Inter Tight"; text-box: trim-both cap alphabetic; }
.timer__unit { width: 0; display: flex; justify-content: center; white-space: nowrap; margin-top: calc(4.6 * var(--u)); font: 400 calc(var(--tu) * var(--u)) / 1.3 "Inter Tight"; letter-spacing: -0.01em; color: #585244; opacity: .49; text-box: trim-both cap alphabetic; }

/* 8 — цитата */
.quote { height: calc(646 * var(--u)); background: var(--dark); }
.quote__text { height: auto; font: 500 calc(26.835 * var(--u)) / 1.12 "Inter Tight"; letter-spacing: -0.01em; text-align: center; color: #fff; text-box: normal; }
.quote__text em { font-style: normal; color: var(--accent); }

/* подвал */
.footer { padding: 45px 29px 43px; background: #f5f5f5; text-align: center; }
.footer p { margin-top: 8px; font: 400 12px / 1.5 "Inter Tight"; letter-spacing: -0.01em; color: rgba(0, 0, 0, .68); text-box: trim-both cap alphabetic; }
.footer p:first-child { margin-top: 0; }
.footer p.footer__gap { margin-top: 34px; }
.footer a { text-decoration: none; }
.footer .btn--wide { display: flex; width: 100%; max-width: 332px; height: 60px; margin: 34px auto 0; border-color: #000; color: #000; }

/* страница «Спасибо» (thanks.html) — те же фон, карточка и пункты, что в блоке «для кого» */
.thanks { position: relative; overflow: hidden; padding: 55px 21px 54px; background: #fff; }
.thanks__card { position: relative; display: flex; flex-direction: column; align-items: center; padding: 40px 21px 32px; background: #fff; text-align: center; }
.thanks__star { margin-bottom: 24px; }
.thanks__date { padding: 9px 18px; background: #fff; border: 1px solid rgba(0, 0, 0, .13); border-radius: 18px; font: 700 14px / 1.3 "Inter Tight"; letter-spacing: -0.02em; text-transform: uppercase; color: rgba(19, 17, 11, .81); text-box: normal; }
.thanks__title { margin-top: 28px; font: 400 min(49.605px, calc(49.605 * var(--u))) / .88 "Bebas Neue Cyrillic"; letter-spacing: -0.03em; text-transform: uppercase; color: #1a1a1a; }
.thanks__lead { max-width: 290px; margin-top: 20px; font: 400 16px / 1.3 "Inter Tight"; letter-spacing: -0.02em; color: rgba(54, 50, 44, .8); text-wrap: balance; }
.thanks__steps { align-self: stretch; display: flex; flex-direction: column; gap: 10px; margin-top: 32px; text-align: left; }
.thanks__steps .pain__text { height: auto !important; }
.thanks__help { max-width: 290px; margin-top: 28px; font: 400 14px / 1.3 "Inter Tight"; letter-spacing: -0.01em; color: rgba(54, 50, 44, .8); }
.thanks__help a { color: #1a1a1a; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere; }
.thanks__support { align-self: stretch; flex: none; margin-top: 16px; font-size: 16px; }
.thanks__home { align-self: stretch; flex: none; margin-top: 8px; font-size: 16px; }

/* анимации */
/* анимации по прокрутке (script.js, GSAP + ScrollTrigger): буквы заголовков, выезд блоков, параллакс */
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.rv-word { display: inline-block; white-space: nowrap; }
.rv-char { display: inline-block; }
.strip--js .strip__track { animation: none; will-change: transform; }
/* блик на кнопках «купить»: светлая полоса проходит раз в 4 секунды */
.btn--shine { position: relative; overflow: hidden; isolation: isolate; }
.btn--shine::after {
  content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 35%; z-index: -1; pointer-events: none;
  background: linear-gradient(100deg, transparent 0%, rgba(255, 255, 255, .9) 50%, transparent 100%);
  transform: translateX(-150%) skewX(-20deg);
  animation: btn-shine 4s ease-in-out infinite;
}
@keyframes btn-shine { 0% { transform: translateX(-150%) skewX(-20deg); } 25%, 100% { transform: translateX(350%) skewX(-20deg); } }
.hero__star { animation: star-spin 12s linear infinite; }
@keyframes star-spin { from { transform: translate(-50%, -50%) rotate(13.05deg); } to { transform: translate(-50%, -50%) rotate(373.05deg); } }
/* плавная прокрутка: Lenis (script.js); если библиотека не загрузилась — плавные переходы по якорям средствами браузера */
html:not(.lenis) { scroll-behavior: smooth; }
html.lenis, html.lenis body { height: auto; }
.lenis:not(.lenis-autoToggle).lenis-stopped { overflow: clip; }
.lenis.lenis-smooth iframe { pointer-events: none; }
.stat__num { font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) {
  .hero__star, .strip__track, .btn--shine::after { animation: none; }
  .btn--shine::after { display: none; }
  html:not(.lenis) { scroll-behavior: auto; }
}

/* страница «Спасибо»: мягкое появление содержимого при открытии */
@keyframes thanks-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.thanks__card > * { animation: thanks-in .6s cubic-bezier(.2, .7, .2, 1) both; }
.thanks__card > :nth-child(2) { animation-delay: .06s; }
.thanks__card > :nth-child(3) { animation-delay: .12s; }
.thanks__card > :nth-child(4) { animation-delay: .18s; }
.thanks__card > :nth-child(5) { animation-delay: .24s; }
.thanks__card > :nth-child(n+6) { animation-delay: .3s; }
@media (prefers-reduced-motion: reduce) { .thanks__card > * { animation: none; } }

/* плавающая кнопка: появляется после первого экрана, прячется у подвала (как в примере — без анимации) */
.sticky-buy { position: fixed; left: 50%; bottom: calc(30px + env(safe-area-inset-bottom, 0px)); z-index: 50; width: min(332px, calc(100% - 58px)); transform: translateX(-50%); }
.sticky-buy[hidden] { display: none; }
.sticky-buy .btn--wide { display: flex; width: 100%; height: 60px; margin: 0; border-color: #000; color: #000; }

/* узкие телефоны: ручные переносы из макета отключаются, текст переносится сам */
@media (max-width: 389px) {
  .analysis__text br, .pain__text br, .day__list p br, .who__list br { display: none; }
  .day__list p, .day__list p.wide { width: auto; }
  .footer .btn--wide { height: 60px; }
}