/* =====================================================================
   ЛЕКАРЬ ТАО — стиль сайта
   Бело-зелёная палитра · рисовая бумага · нефрит · утренняя тишина
   ===================================================================== */

/* ── Токены ─────────────────────────────────────────────────────────── */
:root{
  --bg:#FBFCF8;
  --paper:#F7F2E7;
  --mist:#EDF6EF;
  --sage:#D7E8D8;
  --jade:#94BFA0;
  --deep-jade:#4B8063;
  --forest:#1E503E;
  --ink:#17352C;
  --gold:#C8B986;
  --seal:#A55343;

  --ink-soft:#3a564c;
  --line:rgba(30,80,62,.12);
  --line-soft:rgba(30,80,62,.07);

  --serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;
  --sans:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --container:1180px;
  --narrow:760px;
  --radius:22px;
  --radius-sm:14px;

  --shadow-sm:0 2px 10px rgba(30,80,62,.06);
  --shadow:0 18px 50px -22px rgba(30,80,62,.28);
  --shadow-lg:0 40px 90px -40px rgba(30,80,62,.40);

  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);

  /* положение курсора для следа Ци (обновляется из JS) */
  --mx:50%;
  --my:50%;
}

/* ── Сброс / база ───────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--sans);
  font-size:17px;
  line-height:1.65;
  color:var(--ink);
  background:var(--bg);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  position:relative;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
:focus-visible{outline:3px solid var(--deep-jade);outline-offset:3px;border-radius:6px}

/* лёгкая бумажная текстура фона всего сайта */
body::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(1100px 700px at 12% -5%, var(--mist) 0%, transparent 55%),
    radial-gradient(900px 600px at 95% 8%, rgba(215,232,216,.5) 0%, transparent 50%),
    var(--bg);
}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");
}

/* ── Контейнер ──────────────────────────────────────────────────────── */
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:24px}
.container--narrow{max-width:var(--narrow)}

/* ── Типографика ────────────────────────────────────────────────────── */
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.08;letter-spacing:-.01em;color:var(--forest)}

.eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--deep-jade);margin-bottom:20px;
}
.eyebrow--center{display:flex;justify-content:center;text-align:center}
.eyebrow--light{color:var(--sage)}
.eyebrow__dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(200,185,134,.22)}

/* ── Печать (киноварный штамп) ─────────────────────────────────────── */
.seal{
  display:grid;place-items:center;font-family:var(--serif);color:#fff;
  background:linear-gradient(145deg,#b75c4b,var(--seal));
  border-radius:8px;font-weight:600;
  box-shadow:0 6px 16px -6px rgba(165,83,67,.6), inset 0 0 0 1.5px rgba(255,255,255,.25);
}
.seal--sm{width:38px;height:38px;font-size:20px}
.seal--float{
  position:absolute;width:60px;height:60px;font-size:30px;
  bottom:24px;right:-14px;transform:rotate(6deg);z-index:3;
}
.seal--right{right:auto;left:-14px;transform:rotate(-6deg)}

/* ── Кнопки ─────────────────────────────────────────────────────────── */
.btn{
  --pad:16px 30px;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:var(--pad);border-radius:100px;font-family:var(--sans);
  font-weight:600;font-size:16px;letter-spacing:.01em;line-height:1;
  transition:transform .35s var(--ease-out), box-shadow .35s var(--ease-out), background .3s;
  will-change:transform;min-height:52px;text-align:center;position:relative;overflow:hidden;
}
.btn--primary{
  color:#fff;
  background:linear-gradient(135deg,var(--deep-jade),var(--forest));
  box-shadow:0 14px 30px -12px rgba(30,80,62,.55), inset 0 1px 0 rgba(255,255,255,.18);
}
.btn--primary:hover{transform:translateY(-3px);box-shadow:0 22px 44px -14px rgba(30,80,62,.6)}
.btn--primary:active{transform:translateY(-1px) scale(.99)}
.btn--ghost{
  color:var(--forest);background:rgba(255,255,255,.55);
  border:1.5px solid var(--line);backdrop-filter:blur(6px);
}
.btn--ghost:hover{transform:translateY(-2px);background:#fff;border-color:var(--jade)}
.btn--lg{--pad:20px 42px;font-size:18px;min-height:60px}
/* мягкий блик по кнопке */
.btn--primary::after{
  content:"";position:absolute;top:0;left:-60%;width:50%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-18deg);transition:left .7s var(--ease);
}
.btn--primary:hover::after{left:130%}

/* ── Секции ─────────────────────────────────────────────────────────── */
.section{padding:clamp(70px,11vw,140px) 0;position:relative}
.section__head{max-width:680px;margin:0 auto clamp(40px,6vw,68px);text-align:center}
.section__title{font-size:clamp(30px,5.2vw,52px)}
.section__title--left{text-align:left}
.section__lead{margin-top:20px;font-size:clamp(17px,2.2vw,20px);color:var(--ink-soft);line-height:1.6}
.section__closing{
  max-width:600px;margin:clamp(36px,5vw,56px) auto 0;text-align:center;
  font-family:var(--serif);font-size:clamp(22px,3.4vw,30px);font-style:italic;
  color:var(--deep-jade);line-height:1.35;
}
.section__cta{text-align:center;margin-top:clamp(40px,6vw,64px)}

/* ── Медиа-рамка + абстрактные плейсхолдеры ─────────────────────────── */
.media{
  position:relative;width:100%;height:100%;border-radius:var(--radius);
  overflow:hidden;background:var(--paper);isolation:isolate;
}
.media img{width:100%;height:100%;object-fit:cover}
.media__grain{
  position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.05'/%3E%3C/svg%3E");
}
/* плейсхолдер: общий фон — рисовая бумага + туман */
.media__placeholder,
.media--fallback::before{
  content:"";position:absolute;inset:0;display:block;
  background:
    radial-gradient(120% 90% at 30% 20%, #fff 0%, transparent 45%),
    radial-gradient(80% 80% at 75% 80%, var(--mist) 0%, transparent 60%),
    linear-gradient(155deg,var(--paper),#fff 60%,var(--sage));
}
/* нефритовый круг + кистевая линия поверх плейсхолдера */
.media__placeholder::after,
.media--fallback::after{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 50% 46%, transparent 31%, rgba(75,128,99,.0) 31%),
    radial-gradient(circle at 50% 46%, rgba(148,191,160,.0) 0 28%, rgba(75,128,99,.55) 28.4% 29.6%, transparent 30%);
  -webkit-mask:none;
}
/* растительная тень (бамбук в расфокусе) */
.media--jade .media__placeholder::before,
.media--portrait .media__placeholder::before,
.media--book .media__placeholder::before{
  content:"";position:absolute;inset:0;opacity:.5;
  background:
    linear-gradient(95deg, transparent 60%, rgba(75,128,99,.18) 61%, rgba(75,128,99,.18) 62.4%, transparent 63%),
    linear-gradient(88deg, transparent 70%, rgba(75,128,99,.12) 71%, rgba(75,128,99,.12) 72%, transparent 73%);
  filter:blur(1px);
}

/* ════ HERO ═══════════════════════════════════════════════════════════ */
.hero{
  position:relative;min-height:100svh;display:flex;align-items:center;
  padding:120px 0 90px;overflow:hidden;
}
.hero__bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero__orb{position:absolute;border-radius:50%;filter:blur(10px)}
.hero__orb--1{
  width:520px;height:520px;top:-120px;right:-80px;
  background:radial-gradient(circle at 35% 35%, #fff, var(--sage) 55%, transparent 72%);
  opacity:.7;
}
.hero__orb--2{
  width:300px;height:300px;bottom:-60px;left:-40px;
  background:radial-gradient(circle at 50% 50%, var(--mist), transparent 70%);
  opacity:.8;
}
.hero__mist{
  position:absolute;inset:0;
  background:radial-gradient(80% 50% at 50% 100%, rgba(237,246,239,.8), transparent 70%);
}
.hero__bamboo{
  position:absolute;top:0;right:8%;width:230px;height:100%;opacity:.16;
  background:
    linear-gradient(180deg, transparent, var(--deep-jade) 12%, transparent 13%) 30px 0/3px 100% no-repeat,
    linear-gradient(180deg, transparent 5%, var(--deep-jade) 35%, transparent 36%) 90px 0/3px 100% no-repeat,
    linear-gradient(180deg, transparent 2%, var(--deep-jade) 22%, transparent 23%) 150px 0/2px 100% no-repeat;
  filter:blur(2px);
}
.hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(30px,5vw,70px);align-items:center}
.hero__title{font-size:clamp(42px,7vw,82px);font-weight:600;letter-spacing:-.02em}
.hero__title span{display:block}
.hero__title span:last-child{color:var(--deep-jade);font-style:italic;font-weight:500}
.hero__subtitle{margin-top:26px;font-size:clamp(17px,2.3vw,21px);color:var(--ink-soft);max-width:30em;line-height:1.6}
.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.hero__note{margin-top:22px;font-size:14px;color:var(--ink-soft);letter-spacing:.01em;display:flex;align-items:center;gap:8px}
.hero__note::before{content:"";width:18px;height:1px;background:var(--gold)}

.hero__visual{position:relative}
.hero__portrait{
  position:relative;aspect-ratio:4/5;max-width:440px;margin-inline:auto;
  border-radius:calc(var(--radius) + 8px);box-shadow:var(--shadow-lg);
  border:1px solid rgba(255,255,255,.7);
}
.hero__portrait .media{border-radius:inherit}

/* подсказка прокрутки */
.scroll-hint{
  position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:2;
  width:26px;height:42px;border:1.5px solid var(--line);border-radius:14px;display:grid;place-items:start center;padding-top:7px;
}
.scroll-hint span{width:4px;height:8px;border-radius:4px;background:var(--deep-jade);animation:scrollDot 1.8s var(--ease) infinite}
@keyframes scrollDot{0%{opacity:0;transform:translateY(0)}30%{opacity:1}70%{opacity:1;transform:translateY(12px)}100%{opacity:0;transform:translateY(16px)}}

/* ════ СЦЕНА 2 · УЗНАВАНИЕ ════════════════════════════════════════════ */
.section--pain{background:linear-gradient(180deg,transparent,rgba(237,246,239,.45),transparent)}
.signs{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:880px;margin-inline:auto}
.sign{
  display:flex;align-items:center;gap:16px;padding:22px 24px;
  background:rgba(255,255,255,.6);border:1px solid var(--line-soft);
  border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);
  backdrop-filter:blur(6px);transition:transform .4s var(--ease-out),box-shadow .4s,border-color .4s;
}
.sign:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--sage)}
.sign__mark{flex:none;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,var(--jade));box-shadow:0 0 0 5px rgba(148,191,160,.18)}
.sign__text{font-size:16.5px;color:var(--ink);line-height:1.45}

/* ════ СЦЕНА 3 · ПУТЬ ═════════════════════════════════════════════════ */
.phases{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin-inline:auto}
.phases__line{position:absolute;top:46px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,var(--jade),var(--jade),transparent);opacity:.5}
.phase{
  position:relative;padding:36px 28px;text-align:center;
  background:rgba(255,255,255,.7);border:1px solid var(--line-soft);
  border-radius:var(--radius);box-shadow:var(--shadow-sm);
  backdrop-filter:blur(8px);transition:transform .45s var(--ease-out),box-shadow .45s;
}
.phase:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.phase__num{
  width:64px;height:64px;margin:0 auto 18px;display:grid;place-items:center;
  font-family:var(--serif);font-size:24px;font-weight:600;color:var(--deep-jade);
  background:var(--bg);border:1px solid var(--line);border-radius:50%;
  box-shadow:0 0 0 6px var(--mist);position:relative;z-index:1;
}
.phase__days{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.phase__name{font-size:30px;margin:6px 0 14px}
.phase__text{font-size:16px;color:var(--ink-soft);line-height:1.6}

/* ════ СЦЕНА 4 · КНИГА ════════════════════════════════════════════════ */
.section--book{background:linear-gradient(180deg,transparent,rgba(247,242,231,.5))}
.book{max-width:980px;margin-inline:auto}
.book__stage{
  position:relative;background:linear-gradient(135deg,#fff,var(--paper));
  border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);
  box-shadow:var(--shadow-lg);overflow:hidden;
}
/* корешок книги по центру */
.book__stage::before{
  content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;z-index:4;
  background:linear-gradient(180deg,transparent,rgba(30,80,62,.14),transparent);
  transform:translateX(-50%);
}
.book__spreads{position:relative}
.spread{
  display:grid;grid-template-columns:1fr 1fr;min-height:430px;
  position:absolute;inset:0;opacity:0;visibility:hidden;
  transition:opacity .6s var(--ease),transform .6s var(--ease);
  transform:translateX(18px);
}
.spread[aria-hidden="false"]{position:relative;opacity:1;visibility:visible;transform:none}
.spread__visual{position:relative}
.spread__visual .media{border-radius:0;height:100%}
.spread__tag{
  position:absolute;top:18px;left:18px;z-index:2;
  padding:7px 15px;border-radius:100px;font-size:12.5px;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:#fff;background:rgba(30,80,62,.82);backdrop-filter:blur(4px);
}
.spread__text{padding:clamp(30px,4vw,54px);display:flex;flex-direction:column;justify-content:center}
.spread__title{font-size:clamp(26px,3.4vw,36px);margin-bottom:16px}
.spread__text p{color:var(--ink-soft);font-size:17px;line-height:1.65}

.book__controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:26px}
.book__arrow,.reviews__arrow{
  width:50px;height:50px;border-radius:50%;display:grid;place-items:center;
  background:#fff;border:1px solid var(--line);color:var(--forest);
  box-shadow:var(--shadow-sm);transition:transform .3s var(--ease-out),background .3s,color .3s;
}
.book__arrow:hover,.reviews__arrow:hover{background:var(--forest);color:#fff;transform:scale(1.08)}
.book__arrow:active,.reviews__arrow:active{transform:scale(.96)}
.book__dots{display:flex;gap:9px}
.book__dot{width:9px;height:9px;border-radius:50%;background:var(--line);transition:all .3s var(--ease)}
.book__dot.is-active{background:var(--deep-jade);width:26px;border-radius:5px}

/* что входит */
.includes{margin-top:clamp(50px,7vw,84px);text-align:center}
.includes__title{font-size:clamp(24px,3.4vw,32px);margin-bottom:32px}
.includes__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.include{
  padding:30px 18px;background:rgba(255,255,255,.6);border:1px solid var(--line-soft);
  border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);
  transition:transform .4s var(--ease-out);
}
.include:hover{transform:translateY(-4px)}
.include__k{display:block;font-family:var(--serif);font-size:46px;font-weight:600;color:var(--deep-jade);line-height:1}
.include__v{display:block;margin-top:10px;font-size:14.5px;color:var(--ink-soft);line-height:1.45}

/* ════ СЦЕНА 5 · О ЛЕКАРЕ ТАО ═════════════════════════════════════════ */
.section--tao{background:linear-gradient(180deg,transparent,rgba(237,246,239,.5),transparent)}
.tao{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(34px,5vw,72px);align-items:center}
.tao__visual{position:relative;aspect-ratio:4/5;max-width:420px;border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.7)}
.tao__visual .media{border-radius:inherit}
.tao__p{margin-top:18px;font-size:17.5px;color:var(--ink-soft);line-height:1.7}
.tao__p:first-of-type{margin-top:26px}
.tao__sign{margin-top:28px;font-family:var(--serif);font-style:italic;font-size:30px;color:var(--deep-jade)}

/* ════ СЦЕНА 6 · ОТЗЫВЫ ═══════════════════════════════════════════════ */
.reviews{display:flex;align-items:center;gap:18px;max-width:920px;margin-inline:auto}
.reviews__viewport{overflow:hidden;flex:1;border-radius:var(--radius)}
.reviews__track{display:flex;transition:transform .55s var(--ease)}
.review{
  flex:0 0 100%;padding:clamp(34px,5vw,52px);
  background:rgba(255,255,255,.72);border:1px solid var(--line-soft);
  border-radius:var(--radius);box-shadow:var(--shadow-sm);backdrop-filter:blur(8px);
  display:flex;flex-direction:column;
}
.review__quote{font-family:var(--serif);font-size:64px;line-height:.5;color:var(--sage);height:30px}
.review__text{font-family:var(--serif);font-size:clamp(21px,3vw,27px);font-style:italic;line-height:1.4;color:var(--forest);margin:10px 0 24px}
.review__who{display:flex;align-items:center;gap:14px}
.review__avatar{width:46px;height:46px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,#fff,var(--jade) 70%,var(--deep-jade));box-shadow:0 0 0 4px var(--mist)}
.review__name{display:block;font-weight:600;color:var(--ink)}
.review__meta{display:block;font-size:14px;color:var(--ink-soft)}

/* ════ СЦЕНА 7 · FAQ ══════════════════════════════════════════════════ */
.faq{display:flex;flex-direction:column;gap:14px}
.faq__item{
  background:rgba(255,255,255,.65);border:1px solid var(--line-soft);
  border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);overflow:hidden;
  transition:border-color .3s,box-shadow .3s;
}
.faq__item[open]{border-color:var(--sage);box-shadow:var(--shadow)}
.faq__q{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:22px 26px;font-family:var(--serif);font-size:clamp(19px,2.6vw,23px);
  font-weight:600;color:var(--forest);list-style:none;cursor:pointer;
}
.faq__q::-webkit-details-marker{display:none}
.faq__icon{position:relative;flex:none;width:20px;height:20px}
.faq__icon::before,.faq__icon::after{content:"";position:absolute;background:var(--deep-jade);border-radius:2px;transition:transform .3s var(--ease)}
.faq__icon::before{top:9px;left:0;width:20px;height:2px}
.faq__icon::after{top:0;left:9px;width:2px;height:20px}
.faq__item[open] .faq__icon::after{transform:scaleY(0)}
.faq__a{padding:0 26px;max-height:0;overflow:hidden;transition:max-height .4s var(--ease),padding .4s var(--ease)}
.faq__item[open] .faq__a{padding:0 26px 24px;max-height:340px}
.faq__a p{color:var(--ink-soft);font-size:16.5px;line-height:1.65}

/* ════ СЦЕНА 8 · ОФФЕР ════════════════════════════════════════════════ */
.section--offer{background:linear-gradient(160deg,var(--forest),var(--ink));color:#fff;overflow:hidden}
.offer__bg{position:absolute;inset:0;z-index:0;opacity:.35;pointer-events:none}
.section--offer .hero__orb--1{background:radial-gradient(circle at 35% 35%, rgba(148,191,160,.5), transparent 70%)}
.offer{position:relative;z-index:1;text-align:center}
.offer__title{font-size:clamp(30px,5.2vw,52px);color:#fff}
.offer__lead{margin:20px auto 0;max-width:34em;color:rgba(255,255,255,.8);font-size:18px;line-height:1.6}
.offer__price{display:flex;flex-direction:column;align-items:center;gap:4px;margin:38px 0 30px}
.offer__old{font-size:22px;color:rgba(255,255,255,.5);text-decoration:line-through}
.offer__now{font-family:var(--serif);font-size:clamp(58px,10vw,88px);font-weight:600;color:#fff;line-height:1;letter-spacing:-.02em}
.offer__price-note{font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--sage)}
.offer__bullets{list-style:none;padding:0;margin:34px auto 0;display:inline-flex;flex-direction:column;gap:12px;text-align:left}
.offer__bullets li{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.88);font-size:16px}
.offer__bullets svg{color:var(--jade);flex:none}
.offer__guarantee{margin-top:30px;max-width:36em;margin-inline:auto;font-size:14.5px;color:rgba(255,255,255,.6);line-height:1.6}

/* ── Липкая мобильная панель ────────────────────────────────────────── */
.sticky-buy{
  position:fixed;left:0;right:0;bottom:0;z-index:60;
  display:none;align-items:center;justify-content:space-between;gap:14px;
  padding:12px 16px calc(12px + env(safe-area-inset-bottom,0));
  background:rgba(251,252,248,.9);backdrop-filter:blur(16px);
  border-top:1px solid var(--line);box-shadow:0 -8px 30px -16px rgba(30,80,62,.35);
  transform:translateY(120%);transition:transform .45s var(--ease-out);
}
.sticky-buy.is-visible{transform:translateY(0)}
.sticky-buy__num{display:block;font-family:var(--serif);font-size:26px;font-weight:600;color:var(--forest);line-height:1}
.sticky-buy__label{display:block;font-size:11.5px;color:var(--ink-soft)}
.sticky-buy__btn{flex:1;max-width:200px}

/* ── Футер ──────────────────────────────────────────────────────────── */
.footer{padding:56px 0 40px;border-top:1px solid var(--line);background:rgba(247,242,231,.4)}
.footer__inner{display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;align-items:center}
.footer__brand{display:flex;align-items:center;gap:14px}
.footer__name{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--forest)}
.footer__tagline{font-size:13.5px;color:var(--ink-soft)}
.footer__links{display:flex;flex-wrap:wrap;gap:20px}
.footer__links a{font-size:14.5px;color:var(--ink-soft);transition:color .25s}
.footer__links a:hover{color:var(--deep-jade)}
.footer__legal{font-size:12.5px;color:var(--ink-soft);text-align:right;line-height:1.7}

/* ── Правовые страницы / success ────────────────────────────────────── */
.page-plain{background:var(--bg)}
.legal{padding:clamp(70px,10vw,120px) 0}
.legal__back{display:inline-flex;align-items:center;gap:7px;font-size:14.5px;color:var(--deep-jade);margin-bottom:30px;transition:gap .25s}
.legal__back:hover{gap:11px}
.legal__title{font-size:clamp(30px,5vw,46px);margin-bottom:30px}
.legal__body p{margin-top:16px;color:var(--ink-soft);line-height:1.75}
.legal__contacts{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);font-size:14px;color:var(--ink-soft)}

.thanks{min-height:90svh;display:flex;align-items:center;position:relative;overflow:hidden;padding:90px 0}
.thanks__bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.thanks__inner{position:relative;z-index:1;text-align:center}
.thanks__seal{width:88px;height:88px;margin:0 auto 28px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--deep-jade),var(--forest));box-shadow:var(--shadow);animation:pop .6s var(--ease-out)}
@keyframes pop{0%{transform:scale(.7);opacity:0}100%{transform:scale(1);opacity:1}}
.thanks__title{font-size:clamp(34px,6vw,58px);margin-bottom:18px}
.thanks__text{max-width:36em;margin:0 auto 30px;color:var(--ink-soft);font-size:18px;line-height:1.65}
.thanks__note{margin-top:30px;font-family:var(--serif);font-style:italic;font-size:20px;color:var(--deep-jade)}

/* ── След Ци за курсором ────────────────────────────────────────────── */
#qi-trail{position:fixed;inset:0;width:100%;height:100%;z-index:50;pointer-events:none}

/* ── Появление при прокрутке ────────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}
.reveal.is-in{opacity:1;transform:none}
.signs .sign,.phases .phase{transition-delay:calc(var(--i,0) * 80ms)}

/* ── Skip-link ──────────────────────────────────────────────────────── */
.skip-link{position:absolute;left:-999px;top:10px;z-index:100;padding:10px 18px;background:var(--forest);color:#fff;border-radius:10px}
.skip-link:focus{left:16px}

/* =====================================================================
   АДАПТИВ
   ===================================================================== */
@media (max-width:1024px){
  .hero__inner{grid-template-columns:1.1fr .9fr}
  .includes__grid{grid-template-columns:repeat(4,1fr)}
}

@media (max-width:880px){
  body{font-size:16px}
  .hero{min-height:auto;padding:120px 0 70px}
  .hero__inner{grid-template-columns:1fr;gap:44px}
  .hero__copy{order:2}
  .hero__visual{order:1}
  .hero__portrait{max-width:340px}
  .hero__title span:last-child{display:inline}
  .scroll-hint{display:none}

  .signs{grid-template-columns:1fr}
  .phases{grid-template-columns:1fr;gap:18px;max-width:520px}
  .phases__line{display:none}
  .phase{text-align:left;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}
  .phase__num{margin:0}

  .spread{grid-template-columns:1fr;min-height:0}
  .spread__visual{aspect-ratio:16/10}
  .spread__visual .media{height:100%}
  .book__stage::before{display:none}

  .includes__grid{grid-template-columns:repeat(2,1fr)}

  .tao{grid-template-columns:1fr;gap:36px}
  .tao__visual{max-width:300px;margin-inline:auto;order:1}
  .tao__copy{order:2}
  .section__title--left,.tao__copy .eyebrow{text-align:center;justify-content:center}
  .tao__p{text-align:center}
  .tao__sign{text-align:center}
  .seal--right{left:auto;right:-12px}

  .reviews__arrow{display:none}
  .footer__inner{flex-direction:column;text-align:center}
  .footer__legal{text-align:center}
}

@media (max-width:560px){
  .container{padding-inline:18px}
  .hero{padding:104px 0 60px}
  .hero__actions{flex-direction:column;align-items:stretch}
  .hero__actions .btn{width:100%}
  .includes__grid{grid-template-columns:1fr 1fr}
  .include__k{font-size:38px}
  .review__text{font-size:20px}
  .sticky-buy{display:flex}
  /* чтобы липкая панель не перекрывала футер */
  .footer{padding-bottom:96px}
}

@media (max-width:360px){
  body{font-size:15.5px}
  .container{padding-inline:15px}
  .seal--float{display:none}
}



/* ── Premium Jade refresh: чистый дорогой UX без тяжёлой подложки ───── */
:root{
  --bg:#FBFCF6;
  --paper:#F8F4E8;
  --paper-warm:#FFFDF4;
  --mist:#EEF7EA;
  --sage:#CFE7D1;
  --jade:#47B66A;
  --deep-jade:#1F7A4D;
  --forest:#153528;
  --ink:#132E24;
  --gold:#C8A24A;
  --seal:#B64232;
  --ink-soft:#355848;
  --line:rgba(31,122,77,.18);
  --line-soft:rgba(31,122,77,.10);
  --radius:16px;
  --radius-sm:10px;
  --shadow-sm:0 10px 24px rgba(21,53,40,.07);
  --shadow:0 22px 56px -30px rgba(21,53,40,.36);
  --shadow-lg:0 36px 92px -48px rgba(21,53,40,.44);
}

body{
  font-size:18px;
  font-weight:500;
  line-height:1.56;
  color:var(--ink);
  background:var(--bg);
}
body::before{
  background:
    linear-gradient(180deg,rgba(255,255,255,.78) 0%,rgba(251,252,246,.92) 34%,rgba(239,248,235,.78) 100%),
    radial-gradient(900px 520px at 16% -10%,rgba(207,231,209,.72) 0%,transparent 58%),
    radial-gradient(780px 480px at 96% 10%,rgba(71,182,106,.14) 0%,transparent 54%);
}
body::after{opacity:.28}

body.is-scrolling-down .scroll-hint{opacity:.25}
.scroll-progress{
  position:fixed;top:0;left:0;right:0;height:3px;z-index:90;transform:scaleX(0);transform-origin:left center;
  background:linear-gradient(90deg,var(--deep-jade),var(--jade),var(--gold));
  box-shadow:0 6px 22px rgba(31,122,77,.22);
  pointer-events:none;
}

h1,h2,h3{font-weight:700;letter-spacing:0;color:var(--forest)}
.eyebrow{
  font-size:14px;font-weight:800;letter-spacing:.13em;color:var(--deep-jade);margin-bottom:14px;
}
.eyebrow__dot{width:8px;height:8px;background:var(--gold);box-shadow:0 0 0 5px rgba(200,162,74,.18)}
.seal{background:linear-gradient(145deg,#C74E3E,var(--seal));box-shadow:0 10px 24px -12px rgba(182,66,50,.7),inset 0 0 0 1.5px rgba(255,255,255,.28)}

.section{padding:clamp(56px,7vw,96px) 0;overflow:hidden}
.section > .container{position:relative;z-index:1}
.section::before{
  content:"";position:absolute;top:0;left:50%;width:min(1040px,calc(100% - 48px));height:1px;transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(200,162,74,.5),rgba(31,122,77,.28),transparent);pointer-events:none;
}
.section__head{max-width:790px;margin:0 auto clamp(28px,4vw,46px);position:relative}
.section__head::after{
  content:"";display:block;width:78px;height:1px;margin:22px auto 0;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.section__title{font-size:clamp(36px,4.7vw,60px);font-weight:700;line-height:1.05}
.section__lead{margin-top:15px;font-size:20px;font-weight:600;color:var(--ink-soft);line-height:1.55}
.section__closing{margin-top:34px;font-size:clamp(24px,3vw,33px);font-weight:700;color:var(--deep-jade)}
.section__cta{margin-top:36px}

.btn{font-size:17px;font-weight:800;min-height:54px;border-radius:999px;letter-spacing:0;transform:translateZ(0)}
.btn--primary{background:linear-gradient(135deg,#27985B 0%,var(--deep-jade) 52%,#145D3B 100%);box-shadow:0 18px 34px -18px rgba(31,122,77,.72),inset 0 1px 0 rgba(255,255,255,.2)}
.btn--primary:hover{transform:translateY(-3px);box-shadow:0 26px 50px -22px rgba(21,93,59,.82)}
.btn--ghost{background:rgba(255,255,255,.74);border-color:rgba(31,122,77,.22);color:var(--forest);font-weight:800}
.btn--ghost:hover{background:#fff;border-color:rgba(31,122,77,.38)}
.btn--lg{font-size:19px;min-height:62px}

.hero{
  min-height:88svh;padding:72px 0 56px;overflow:hidden;
  background:
    linear-gradient(90deg,rgba(251,252,246,.98) 0%,rgba(251,252,246,.94) 48%,rgba(251,252,246,.76) 100%),
    linear-gradient(180deg,rgba(251,252,246,.78),rgba(239,247,234,.56));
}
.hero::before{
  content:"";position:absolute;left:0;right:0;bottom:0;height:42%;pointer-events:none;z-index:0;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.66));
}
.hero__orb{display:none}
.hero__mist{
  background:
    radial-gradient(720px 420px at 21% 48%,rgba(255,255,255,.58),transparent 74%),
    linear-gradient(180deg,transparent 18%,rgba(207,231,209,.26) 100%);
}
.hero__bamboo{
  display:none;
  right:2%;width:min(220px,18vw);opacity:.18;filter:none;
  background:
    linear-gradient(180deg,transparent 0 9%,rgba(31,122,77,.55) 9.2% 9.8%,transparent 10% 100%) 38px 0/3px 100% no-repeat,
    linear-gradient(180deg,transparent 0 23%,rgba(31,122,77,.42) 23.2% 23.8%,transparent 24% 100%) 100px 0/3px 100% no-repeat,
    linear-gradient(180deg,transparent 0 41%,rgba(31,122,77,.34) 41.2% 41.8%,transparent 42% 100%) 162px 0/2px 100% no-repeat;
}
.hero__inner{gap:clamp(28px,4vw,58px)}
.hero__title{font-size:clamp(44px,5.2vw,72px);font-weight:700;line-height:1.02;letter-spacing:0}
.hero__title span:last-child{color:var(--deep-jade);font-weight:700;font-style:italic}
.hero__subtitle{margin-top:18px;font-size:20px;font-weight:600;line-height:1.48;color:var(--ink-soft);max-width:34em}
.hero__actions{margin-top:24px}
.hero__note{margin-top:16px;font-size:15px;font-weight:700;color:var(--ink-soft)}
.hero__note::before{background:var(--gold)}
.hero__proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.hero__proof span{
  display:inline-flex;align-items:center;min-height:34px;padding:7px 13px;border:1px solid rgba(31,122,77,.16);border-radius:999px;
  background:rgba(255,255,255,.62);color:var(--forest);font-size:13px;font-weight:800;box-shadow:0 8px 22px rgba(21,53,40,.05);
}
.hero__portrait{max-width:410px;border-radius:24px;box-shadow:var(--shadow-lg);border-color:rgba(255,255,255,.9)}
.hero__portrait::before{
  content:"";position:absolute;inset:-12px;border:1px solid rgba(200,162,74,.25);border-radius:30px;pointer-events:none;
}

.section--pain{background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(238,247,234,.72),rgba(255,255,255,.18))}
.section--pain .eyebrow,.section--path .eyebrow{font-size:17px}
.section--pain .eyebrow__dot{background:var(--seal);box-shadow:0 0 0 6px rgba(182,66,50,.14)}
.signs{gap:12px;max-width:1000px}
.sign{padding:18px 22px;background:rgba(255,255,255,.78);border-color:rgba(182,66,50,.11);border-radius:12px;box-shadow:var(--shadow-sm);backdrop-filter:blur(10px)}
.sign:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:rgba(182,66,50,.24)}
.sign__mark{width:15px;height:15px;background:radial-gradient(circle at 35% 35%,#fff,var(--seal));box-shadow:0 0 0 5px rgba(182,66,50,.14)}
.sign__text{font-size:18px;font-weight:700;line-height:1.42;color:var(--ink)}

.phases{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1120px}
.phases__line{display:none}
.phase{padding:26px 22px;text-align:left;background:rgba(255,255,255,.78);border-color:rgba(31,122,77,.12);border-radius:14px;box-shadow:var(--shadow-sm);backdrop-filter:blur(10px)}
.phase:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.phase__num{width:56px;height:56px;margin:0 0 16px;color:var(--deep-jade);background:#fff;border-color:rgba(31,122,77,.18);box-shadow:0 0 0 5px rgba(71,182,106,.14)}
.phase__days{font-size:13.5px;font-weight:900;color:var(--gold)}
.phase__name{font-size:28px;margin:6px 0 10px;line-height:1.12}
.phase__text{font-size:16.8px;font-weight:600;color:var(--ink-soft);line-height:1.55}

.book__stage{border-color:rgba(200,162,74,.28);background:linear-gradient(135deg,#fffaf0,var(--paper));border-radius:20px;box-shadow:var(--shadow-lg)}
.book__stage::after{content:"";position:absolute;inset:14px;border:1px solid rgba(200,162,74,.18);border-radius:15px;pointer-events:none;z-index:5}
.spread{min-height:390px}
.spread__text{padding:clamp(28px,3.5vw,46px)}
.spread__title{font-size:clamp(30px,3.2vw,40px);font-weight:700}
.spread__text p{font-size:18px;font-weight:600;line-height:1.58;color:var(--ink-soft)}
.spread__tag{background:rgba(182,66,50,.92);font-weight:900;letter-spacing:.1em}
.book__dot.is-active{background:var(--deep-jade)}

.includes{margin-top:48px}
.includes__title{font-size:34px;font-weight:700;margin-bottom:22px}
.includes__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.include{padding:24px 16px;background:rgba(255,255,255,.78);border-color:rgba(31,122,77,.12);border-radius:12px;box-shadow:var(--shadow-sm)}
.include:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.include__k{font-size:38px;color:var(--deep-jade)}
.include__v{font-size:16px;font-weight:700;color:var(--ink-soft)}

.section--tao{background:linear-gradient(180deg,transparent,rgba(238,247,234,.74),transparent)}
.tao__p{font-size:18.5px;font-weight:600;line-height:1.62;color:var(--ink-soft)}
.tao__sign{font-weight:700;color:var(--deep-jade)}

.section--progress{background:linear-gradient(180deg,rgba(238,247,234,.62),rgba(255,255,255,.24))}
.journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1120px;margin-inline:auto}
.journey-card{position:relative;padding:24px 22px;background:rgba(255,255,255,.8);border:1px solid var(--line-soft);border-radius:14px;box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}
.journey-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.journey-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--seal),var(--gold),var(--deep-jade))}
.journey-card__day{display:inline-flex;align-items:center;margin-bottom:10px;font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--seal)}
.journey-card__state{font-size:28px;margin-bottom:10px;color:var(--forest);line-height:1.12}
.journey-card p{font-size:17px;font-weight:600;line-height:1.55;color:var(--ink-soft)}

.faq__item{background:rgba(255,255,255,.78);border-radius:12px;box-shadow:var(--shadow-sm)}
.faq__q{font-size:clamp(21px,2.4vw,26px);font-weight:700;padding:20px 24px}
.faq__a p{font-size:17.5px;font-weight:600;color:var(--ink-soft)}
.section--offer{background:linear-gradient(160deg,#153528 0%,#0F2D22 62%,#143E2C 100%)}
.offer__bg{opacity:.16}.section--offer .hero__orb{display:block;opacity:.18}
.offer__lead{font-size:20px;font-weight:700;color:rgba(255,255,255,.86)}
.offer__bullets li{font-size:17.5px;font-weight:700}
.offer__bullets svg{color:var(--jade)}
.sticky-buy__label{font-weight:700}
.footer{padding-top:42px;background:rgba(247,251,238,.78)}

.reveal{opacity:0;transform:translate3d(0,30px,0) scale(.985);filter:blur(8px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out),filter .9s var(--ease-out)}
.reveal.is-in{opacity:1;transform:none;filter:none}
.sign.reveal{transition-delay:calc(var(--i,0) * 70ms)}
.phase.reveal{transition-delay:calc(var(--i,0) * 65ms)}
.includes .include,.journey-card,.faq__item{opacity:0;transform:translateY(20px);filter:blur(7px)}
.includes.is-in .include,.journey.is-in .journey-card,.faq.is-in .faq__item{animation:premiumRise .75s var(--ease-out) forwards;animation-delay:calc(var(--i,0) * 70ms)}
@keyframes premiumRise{to{opacity:1;transform:none;filter:none}}

@media (max-width:1024px){
  .phases,.journey{grid-template-columns:repeat(2,minmax(0,1fr))}
  .includes__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:880px){
  body{font-size:17px}
  .hero{padding:70px 0 46px}
  .hero__copy{order:1}.hero__visual{order:2}
  .hero__subtitle{font-size:20px}
  .section{padding:48px 0}
  .phases{grid-template-columns:1fr;max-width:620px}
  .phase{display:block;text-align:left}
  .journey{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:-18px;padding:2px 18px 12px;max-width:none}
  .journey-card{flex:0 0 min(84vw,380px);scroll-snap-align:start}
  .hero__bamboo{display:none}
}
@media (max-width:560px){
  .container{padding-inline:18px}
  .hero__title{font-size:39px;line-height:1.05}
  .section__title{font-size:34px;line-height:1.08}
  .section__lead{font-size:18px}
  .hero__subtitle{font-size:18px}
  .sign__text{font-size:17px}
  .includes__grid{grid-template-columns:1fr}
  .btn{font-size:16px}
}

/* ── Blue White Green refresh: легче, чище, меньше доминирующего зелёного ── */
:root{
  --bg:#F7FBFF;
  --paper:#FFFFFF;
  --paper-warm:#F5FAFF;
  --mist:#EAF6FF;
  --sage:#DFF3EA;
  --jade:#35AE77;
  --deep-jade:#1F8A68;
  --forest:#123744;
  --ink:#142F38;
  --gold:#C8A24A;
  --seal:#A65346;
  --ink-soft:#3B5C67;
  --line:rgba(38,126,184,.18);
  --line-soft:rgba(38,126,184,.10);
  --sky:#DFF2FF;
  --sky-strong:#9FD9FF;
  --blue:#2E86C9;
  --deep-blue:#185E90;
  --aqua:#6DD4C8;
}

body{
  color:var(--ink);
  background:
    linear-gradient(180deg,#FBFDFF 0%,#F7FBFF 42%,#F5FAF8 100%);
}
body::before{
  background:
    linear-gradient(180deg,rgba(255,255,255,.86),rgba(247,251,255,.9) 52%,rgba(240,249,250,.76)),
    radial-gradient(860px 480px at 18% -8%,rgba(159,217,255,.32),transparent 62%),
    radial-gradient(760px 460px at 92% 10%,rgba(109,212,200,.20),transparent 58%),
    radial-gradient(760px 420px at 78% 92%,rgba(53,174,119,.12),transparent 62%);
}
.scroll-progress{
  background:linear-gradient(90deg,var(--deep-blue),var(--aqua),var(--jade));
  box-shadow:0 6px 22px rgba(46,134,201,.24);
}

h1,h2,h3{color:var(--forest)}
.eyebrow{color:var(--deep-blue)}
.eyebrow__dot{background:var(--aqua);box-shadow:0 0 0 5px rgba(109,212,200,.18)}
.section::before{
  background:linear-gradient(90deg,transparent,rgba(46,134,201,.30),rgba(109,212,200,.42),transparent);
}
.section__head::after{background:linear-gradient(90deg,transparent,var(--aqua),var(--gold),transparent)}
.section__lead,.phase__text,.spread__text p,.include__v,.tao__p,.journey-card p,.faq__a p{color:var(--ink-soft)}
.section__closing{color:var(--deep-blue)}

.btn--primary{
  background:linear-gradient(135deg,var(--blue) 0%,var(--deep-jade) 54%,#13724F 100%);
  box-shadow:0 18px 34px -18px rgba(46,134,201,.72),inset 0 1px 0 rgba(255,255,255,.22);
}
.btn--primary:hover{box-shadow:0 26px 50px -22px rgba(31,138,104,.72)}
.btn--ghost{
  background:rgba(255,255,255,.76);
  border-color:rgba(46,134,201,.22);
  color:var(--deep-blue);
}
.btn--ghost:hover{border-color:rgba(46,134,201,.38)}

.hero{
  background:
    linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(247,251,255,.90) 46%,rgba(247,251,255,.62) 100%),
    radial-gradient(760px 420px at 78% 16%,rgba(159,217,255,.34),transparent 66%),
    radial-gradient(720px 420px at 88% 82%,rgba(109,212,200,.20),transparent 70%),
    linear-gradient(180deg,#FBFDFF 0%,#EEF8FF 55%,#F4FBF7 100%);
}
.hero::before{
  height:36%;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.72));
}
.hero__mist{
  background:
    radial-gradient(720px 420px at 22% 47%,rgba(255,255,255,.62),transparent 74%),
    linear-gradient(180deg,transparent 18%,rgba(223,242,255,.34) 100%);
}
.hero__bamboo{display:none}
.hero__title span:last-child{color:var(--blue)}
.hero__subtitle{color:var(--ink-soft)}
.hero__note{color:var(--ink-soft)}
.hero__note::before{background:var(--aqua)}
.hero__proof span{
  border-color:rgba(46,134,201,.16);
  background:rgba(255,255,255,.76);
  color:var(--forest);
}
.hero__portrait{
  box-shadow:0 34px 86px -48px rgba(46,134,201,.36);
  border-color:rgba(255,255,255,.92);
}
.hero__portrait::before{border-color:rgba(46,134,201,.18)}

.section--pain{
  background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(234,246,255,.70),rgba(255,255,255,.22));
}
.section--pain .eyebrow__dot{background:var(--aqua);box-shadow:0 0 0 6px rgba(109,212,200,.16)}
.sign{
  background:rgba(255,255,255,.82);
  border-color:rgba(46,134,201,.12);
}
.sign:hover{border-color:rgba(46,134,201,.28)}
.sign__mark{
  background:radial-gradient(circle at 35% 35%,#fff,var(--aqua) 45%,var(--deep-jade));
  box-shadow:0 0 0 5px rgba(109,212,200,.16);
}

.phase,.include,.journey-card,.faq__item{
  background:rgba(255,255,255,.84);
  border-color:rgba(46,134,201,.12);
  box-shadow:0 12px 28px rgba(24,94,144,.07);
}
.phase:hover,.include:hover,.journey-card:hover{box-shadow:0 24px 58px -34px rgba(24,94,144,.38)}
.phase__num{
  color:var(--deep-blue);
  border-color:rgba(46,134,201,.20);
  box-shadow:0 0 0 5px rgba(159,217,255,.20);
}
.phase__days{color:var(--deep-jade)}
.include__k{color:var(--deep-blue)}

.section--book{
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(234,246,255,.54));
}
.book__stage{
  background:linear-gradient(135deg,#fff,#F3FAFF 58%,#F6FBF8);
  border-color:rgba(46,134,201,.18);
  box-shadow:0 34px 86px -46px rgba(24,94,144,.36);
}
.book__stage::after{border-color:rgba(46,134,201,.14)}
.spread__tag{background:rgba(24,94,144,.90)}
.book__dot.is-active{background:var(--blue)}

.section--tao{
  background:linear-gradient(180deg,transparent,rgba(234,246,255,.66),transparent);
}
.tao__sign{color:var(--deep-blue)}

.section--progress{
  background:linear-gradient(180deg,rgba(234,246,255,.70),rgba(255,255,255,.30));
}
.journey-card::before{background:linear-gradient(90deg,var(--blue),var(--aqua),var(--jade))}
.journey-card__day{color:var(--deep-blue)}

.faq__item[open]{border-color:rgba(109,212,200,.46)}
.faq__icon::before,.faq__icon::after{background:var(--blue)}

.section--offer{
  background:linear-gradient(160deg,#123744 0%,#0D2F3C 58%,#164A46 100%);
}
.offer__bg{display:none}
.offer__price-note{color:var(--sky)}
.offer__bullets svg{color:var(--aqua)}

.sticky-buy{
  background:rgba(247,251,255,.92);
  border-top-color:rgba(46,134,201,.16);
}
.sticky-buy__num{color:var(--deep-blue)}
.footer{background:rgba(247,251,255,.82)}
.footer__name{color:var(--forest)}
.footer__links a:hover{color:var(--blue)}

@media (max-width:560px){
  .hero{
    background:
      linear-gradient(180deg,rgba(255,255,255,.96),rgba(237,248,255,.78)),
      radial-gradient(420px 260px at 92% 8%,rgba(159,217,255,.34),transparent 70%);
  }
}

/* ── Warm clinic polish: тёплый слой поверх голубо-зелёной версии ───── */
:root{
  --bg:#FBF7EF;
  --paper:#FFFDF8;
  --paper-warm:#F4E7D2;
  --mist:#EEF6F3;
  --sage:#DCEBDC;
  --jade:#49A878;
  --deep-jade:#276E55;
  --forest:#243E38;
  --ink:#20342F;
  --gold:#C49345;
  --seal:#A84F3E;
  --ink-soft:#51655E;
  --line:rgba(141,104,54,.18);
  --line-soft:rgba(141,104,54,.10);
  --sky:#EAF5F7;
  --sky-strong:#B9E2EA;
  --blue:#4A8AAE;
  --deep-blue:#315F78;
  --aqua:#76BBAA;
}

body{
  background:
    linear-gradient(180deg,#FFFDF8 0%,#FBF7EF 44%,#F4FAF5 100%);
}
body::before{
  background:
    linear-gradient(180deg,rgba(255,253,248,.92),rgba(251,247,239,.88) 48%,rgba(244,250,245,.78)),
    radial-gradient(900px 540px at 12% -10%,rgba(196,147,69,.18),transparent 60%),
    radial-gradient(780px 460px at 92% 8%,rgba(185,226,234,.26),transparent 58%),
    radial-gradient(760px 460px at 84% 92%,rgba(73,168,120,.14),transparent 62%);
}
h1,h2,h3{color:var(--forest);letter-spacing:0}

.eyebrow{
  font-size:clamp(15px,1.45vw,18px);
  font-weight:900;
  letter-spacing:.14em;
  color:var(--deep-blue);
  margin-bottom:24px;
}
.eyebrow__dot{
  width:10px;
  height:10px;
  background:linear-gradient(135deg,var(--aqua),var(--gold));
  box-shadow:0 0 0 6px rgba(196,147,69,.13);
}
.section{padding:clamp(58px,8vw,106px) 0}
.section__head{margin-bottom:clamp(32px,4.6vw,52px)}
.section__head::after{background:linear-gradient(90deg,transparent,var(--gold),var(--aqua),transparent)}
.section__title{font-size:clamp(38px,4.9vw,62px);line-height:1.04}
.section__lead{
  max-width:720px;
  margin-inline:auto;
  font-size:clamp(19px,2vw,22px);
  font-weight:700;
  color:var(--ink-soft);
}

.btn--primary{
  background:linear-gradient(135deg,var(--blue) 0%,var(--deep-jade) 58%,#235542 100%);
  box-shadow:0 18px 38px -18px rgba(39,110,85,.60),inset 0 1px 0 rgba(255,255,255,.22);
}
.btn--ghost{
  background:rgba(255,253,248,.78);
  border-color:rgba(196,147,69,.24);
  color:var(--deep-blue);
}

.hero{
  background:
    linear-gradient(90deg,rgba(255,253,248,.97) 0%,rgba(255,253,248,.92) 46%,rgba(244,250,245,.70) 100%),
    radial-gradient(780px 420px at 76% 18%,rgba(185,226,234,.30),transparent 68%),
    radial-gradient(680px 360px at 92% 78%,rgba(196,147,69,.14),transparent 72%),
    linear-gradient(180deg,#FFFDF8 0%,#F8F1E5 54%,#F4FAF5 100%);
}
.hero__orb{display:none}
.hero__bamboo{
  display:block;
  opacity:.08;
  filter:blur(1.2px);
}
.hero__title{font-size:clamp(44px,6.2vw,78px);line-height:1.03}
.hero__title span:last-child{color:var(--deep-jade);font-style:normal}
.hero__subtitle{
  font-size:clamp(19px,2.1vw,23px);
  font-weight:700;
  color:var(--ink-soft);
}
.hero__proof span{
  border-color:rgba(196,147,69,.18);
  background:rgba(255,253,248,.82);
  box-shadow:0 10px 24px rgba(141,104,54,.06);
}
.hero__portrait{
  border-radius:26px;
  border-color:rgba(255,253,248,.92);
  box-shadow:0 34px 76px -44px rgba(39,62,56,.42);
}

.section--pain{
  background:
    linear-gradient(180deg,rgba(255,253,248,.36),rgba(238,246,243,.74),rgba(255,253,248,.20));
}
.signs{
  max-width:1080px;
  gap:18px;
}
.sign{
  min-height:104px;
  padding:26px 28px;
  background:rgba(255,253,248,.84);
  border-color:rgba(196,147,69,.15);
  box-shadow:0 12px 28px rgba(141,104,54,.07);
}
.sign:hover{border-color:rgba(196,147,69,.34)}
.sign__mark{
  width:16px;
  height:16px;
  background:radial-gradient(circle at 35% 35%,#fff4dc,#D75F47 54%,var(--seal));
  box-shadow:0 0 0 6px rgba(168,79,62,.12);
}
.sign__text{
  font-size:18px;
  font-weight:800;
  color:var(--ink);
}

.phase,.include,.faq__item{
  background:rgba(255,253,248,.88);
  border-color:rgba(196,147,69,.15);
  box-shadow:0 16px 34px rgba(141,104,54,.075);
}
.phase{padding:32px 28px}
.phase__num{
  color:var(--deep-jade);
  border-color:rgba(196,147,69,.25);
  background:linear-gradient(135deg,#fff,var(--paper-warm));
  box-shadow:0 0 0 6px rgba(196,147,69,.12);
}
.phase__days,.journey-card__day{color:var(--gold)}
.phase__text,.include__v,.tao__p,.faq__a p{color:var(--ink-soft)}

.section--book{
  background:linear-gradient(180deg,rgba(255,253,248,.22),rgba(244,231,210,.40),rgba(238,246,243,.30));
}
.includes{margin-top:clamp(36px,5vw,58px)}
.includes__title{
  font-size:clamp(29px,3.1vw,38px);
  color:var(--forest);
}
.include{padding:28px 20px}
.include__k{
  font-size:clamp(28px,3.2vw,40px);
  color:var(--deep-blue);
  overflow-wrap:anywhere;
}
.include__v{
  font-size:16px;
  font-weight:800;
}

.section--tao{
  background:
    linear-gradient(180deg,transparent,rgba(244,231,210,.32),rgba(238,246,243,.38),transparent);
}
.tao{grid-template-columns:.95fr 1.05fr}
.tao__visual{
  aspect-ratio:3/4;
  max-width:470px;
  overflow:hidden;
  border-radius:24px;
  border-color:rgba(255,253,248,.92);
  box-shadow:0 34px 78px -42px rgba(39,62,56,.44);
}
.tao__visual .media img{object-position:center top}
.tao__p{
  font-size:18.5px;
  font-weight:700;
  line-height:1.65;
}
.tao__sign{color:var(--deep-jade)}

.faq{gap:16px}
.faq__q{
  font-size:clamp(22px,2.4vw,27px);
  padding:24px 28px;
}
.faq__a p{
  font-size:18px;
  font-weight:700;
}

.section--offer{
  background:linear-gradient(160deg,#223A39 0%,#17323A 56%,#244F43 100%);
}
.offer__price{
  gap:12px;
  margin:48px auto 34px;
  padding:28px min(44px,6vw);
  max-width:570px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 58px -42px rgba(0,0,0,.65);
}
.offer__now{
  font-size:clamp(66px,9vw,96px);
  line-height:.95;
  letter-spacing:0;
}
.offer__price-note{
  margin-top:8px;
  color:#D9EEF0;
  font-size:15.5px;
  font-weight:900;
  letter-spacing:.14em;
  line-height:1.45;
}
.offer__lead{color:rgba(255,255,255,.88)}
.offer__bullets li{font-size:18px}

.sticky-buy{
  background:rgba(255,253,248,.94);
  border-top-color:rgba(196,147,69,.22);
}
.sticky-buy__num{color:var(--deep-blue)}
.footer{background:rgba(255,253,248,.86)}

@media (max-width:880px){
  .hero__copy{order:1}
  .hero__visual{order:2}
  .sign{min-height:auto}
}
@media (max-width:560px){
  .eyebrow{font-size:14px;letter-spacing:.11em}
  .hero__title{font-size:38px}
  .section__title{font-size:34px}
  .section__lead{font-size:18px}
  .sign{padding:22px 20px}
  .sign__text{font-size:17px}
  .offer__price{margin:36px auto 28px;padding:24px 18px}
  .offer__now{font-size:64px}
  .offer__price-note{font-size:13px;letter-spacing:.1em}
}

/* ── Aroma palette + floating decor layer ───────────────────────────── */
:root{
  --bg:#EBE4DA;
  --paper:#FBF6EE;
  --paper-warm:#DED2BD;
  --mist:#F4EFE7;
  --sage:#D5D6C1;
  --jade:#7C8965;
  --deep-jade:#586249;
  --forest:#2D3328;
  --ink:#2D3027;
  --gold:#B99A5E;
  --seal:#985043;
  --ink-soft:#666153;
  --line:rgba(77,64,45,.18);
  --line-soft:rgba(77,64,45,.10);
  --sky:#F2EFE6;
  --sky-strong:#D8D5C4;
  --blue:#AAA88F;
  --deep-blue:#72775F;
  --aqua:#B7B49E;
}

body{
  background:
    linear-gradient(180deg,#F8F3EA 0%,#EBE4DA 52%,#F1EEE4 100%);
}
body::before{
  background:
    linear-gradient(180deg,rgba(248,243,234,.88),rgba(235,228,218,.90) 48%,rgba(241,238,228,.80)),
    radial-gradient(900px 540px at 12% -10%,rgba(185,154,94,.20),transparent 60%),
    radial-gradient(820px 500px at 92% 7%,rgba(183,180,158,.26),transparent 58%),
    radial-gradient(780px 460px at 78% 96%,rgba(124,137,101,.14),transparent 62%);
}
.scroll-progress{
  background:linear-gradient(90deg,#8E805B,var(--blue),var(--deep-jade));
  box-shadow:0 6px 22px rgba(114,119,95,.22);
}

.eyebrow{color:var(--deep-blue)}
.eyebrow__dot{
  background:linear-gradient(135deg,var(--gold),var(--aqua));
  box-shadow:0 0 0 6px rgba(170,168,143,.18);
}
.section::before{
  background:linear-gradient(90deg,transparent,rgba(185,154,94,.25),rgba(170,168,143,.38),transparent);
}
.section__head::after{background:linear-gradient(90deg,transparent,var(--gold),var(--aqua),transparent)}

.btn--primary{
  background:linear-gradient(135deg,#8E805B 0%,var(--deep-blue) 54%,var(--deep-jade) 100%);
  box-shadow:0 18px 40px -18px rgba(77,64,45,.50),inset 0 1px 0 rgba(255,255,255,.22);
}
.btn--primary:hover{box-shadow:0 28px 54px -24px rgba(77,64,45,.56)}
.btn--ghost{
  background:rgba(251,246,238,.76);
  border-color:rgba(114,119,95,.24);
  color:var(--forest);
}

.hero{
  background:
    linear-gradient(90deg,rgba(248,243,234,.96) 0%,rgba(248,243,234,.86) 48%,rgba(235,228,218,.58) 100%),
    radial-gradient(780px 430px at 78% 16%,rgba(183,180,158,.28),transparent 70%),
    radial-gradient(720px 420px at 92% 80%,rgba(185,154,94,.16),transparent 72%),
    linear-gradient(180deg,#F8F3EA 0%,#EBE4DA 62%,#F1EEE4 100%);
}
.hero__inner{grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr)}
.hero__visual{min-height:min(72vh,640px);display:grid;align-items:center}
.hero__art{
  position:relative;
  min-height:min(72vh,640px);
  display:grid;
  place-items:center;
  isolation:isolate;
}
.hero__art::before{
  content:"";
  position:absolute;
  width:min(560px,86vw);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(251,246,238,.94) 0%,rgba(222,210,189,.44) 42%,rgba(170,168,143,.16) 68%,transparent 74%);
  filter:blur(6px);
  z-index:-1;
}
.hero__title span:last-child{color:var(--deep-jade)}
.hero__proof span{
  background:rgba(251,246,238,.76);
  border-color:rgba(114,119,95,.18);
}

.decor-img{
  pointer-events:none;
  user-select:none;
  max-width:100%;
  height:auto;
  transform-origin:center;
  will-change:transform;
}
.decor-img--pagoda{
  width:min(590px,94%);
  filter:drop-shadow(0 34px 50px rgba(77,64,45,.18));
}
.section__decor{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
}
.section > .container{position:relative;z-index:1}
.section__decor--pain .decor-img--mortar{
  position:absolute;
  right:max(18px,5vw);
  top:14%;
  width:min(330px,25vw);
  opacity:.18;
  filter:drop-shadow(0 22px 34px rgba(77,64,45,.13));
}
.section__decor--path .decor-img--scroll{
  position:absolute;
  left:-9vw;
  bottom:-22%;
  width:min(520px,40vw);
  opacity:.22;
  filter:saturate(.9) drop-shadow(0 26px 44px rgba(77,64,45,.14));
}
.section__decor--book .decor-img--book-mortar{
  position:absolute;
  right:-5vw;
  top:1%;
  width:min(300px,22vw);
  opacity:.18;
  filter:drop-shadow(0 20px 34px rgba(77,64,45,.12));
}

.section--pain{
  background:
    linear-gradient(180deg,rgba(248,243,234,.34),rgba(235,228,218,.68),rgba(248,243,234,.18));
}
.sign{
  background:rgba(251,246,238,.82);
  border-color:rgba(114,119,95,.14);
  box-shadow:0 16px 34px rgba(77,64,45,.07);
}
.sign:hover{border-color:rgba(114,119,95,.30)}
.sign__mark{
  background:radial-gradient(circle at 35% 35%,#fff1d8,#BC7359 54%,var(--seal));
  box-shadow:0 0 0 6px rgba(152,80,67,.12);
}

.phase,.include,.faq__item{
  background:rgba(251,246,238,.86);
  border-color:rgba(114,119,95,.14);
  box-shadow:0 18px 38px rgba(77,64,45,.07);
}
.phase__num{
  color:var(--deep-jade);
  border-color:rgba(185,154,94,.24);
  background:linear-gradient(135deg,#fff,var(--paper-warm));
  box-shadow:0 0 0 6px rgba(170,168,143,.14);
}
.phase__days{color:#8E805B}
.include__k{color:var(--deep-blue)}

.section--path{
  background:linear-gradient(180deg,rgba(248,243,234,.10),rgba(244,239,231,.44),rgba(248,243,234,.10));
}
.section--book{
  background:linear-gradient(180deg,rgba(248,243,234,.18),rgba(222,210,189,.38),rgba(244,239,231,.34));
}
.section--tao{
  background:
    linear-gradient(180deg,transparent,rgba(222,210,189,.28),rgba(244,239,231,.36),transparent);
}
.tao__visual{box-shadow:0 36px 80px -44px rgba(77,64,45,.42)}

.section--offer{
  background:
    linear-gradient(160deg,rgba(45,51,40,.96) 0%,rgba(38,42,34,.98) 56%,rgba(76,82,57,.94) 100%);
}
.offer__bg{
  display:block;
  opacity:1;
}
.offer__bg .hero__mist{
  background:
    radial-gradient(760px 420px at 78% 58%,rgba(185,154,94,.22),transparent 68%),
    linear-gradient(180deg,transparent,rgba(0,0,0,.24));
}
.offer__bg .decor-img--kettle{
  position:absolute;
  right:-10vw;
  bottom:-26%;
  width:min(620px,46vw);
  opacity:.28;
  mix-blend-mode:screen;
  filter:saturate(.9) contrast(.98);
}
.offer__price{
  background:rgba(251,246,238,.07);
  border-color:rgba(235,228,218,.14);
}
.offer__price-note{color:#E5DED2}
.offer__bullets svg{color:var(--aqua)}

.float{animation:decorFloat 9s ease-in-out infinite}
.float--slow{animation-duration:11.5s}
.float--medium{animation-duration:9.5s;animation-delay:-2s}
.float--small{animation-duration:8s;animation-delay:-3.5s}
@keyframes decorFloat{
  0%,100%{transform:translate3d(0,0,0) rotate(-.8deg)}
  50%{transform:translate3d(0,-18px,0) rotate(.9deg)}
}

@media (max-width:880px){
  .hero__inner{grid-template-columns:1fr}
  .hero__visual,.hero__art{min-height:360px}
  .decor-img--pagoda{width:min(420px,94%)}
  .section__decor--pain .decor-img--mortar,
  .section__decor--path .decor-img--scroll,
  .section__decor--book .decor-img--book-mortar{
    opacity:.12;
    width:230px;
  }
  .section__decor--pain .decor-img--mortar{right:-40px;top:8%}
  .section__decor--path .decor-img--scroll{left:-90px;bottom:-90px}
  .section__decor--book .decor-img--book-mortar{right:-70px;top:0}
  .offer__bg .decor-img--kettle{width:420px;right:-180px;bottom:-120px;opacity:.18}
}
@media (max-width:560px){
  .hero__visual,.hero__art{min-height:310px}
  .decor-img--pagoda{width:min(340px,96%)}
  .section__decor--pain .decor-img--mortar,
  .section__decor--path .decor-img--scroll,
  .section__decor--book .decor-img--book-mortar{display:none}
  .offer__bg .decor-img--kettle{opacity:.12}
}

/* ── Hero-only layered composition + book block split ──────────────── */
.hero{
  isolation:isolate;
}
.hero__bg{z-index:0}
.hero__scene{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}
.hero__inner{
  position:relative;
  z-index:2;
}
.hero__copy{
  position:relative;
  z-index:4;
}
.hero__layer{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.hero__layer--smoke{
  background:
    radial-gradient(620px 300px at 18% 26%,rgba(255,255,255,.52),transparent 70%),
    radial-gradient(760px 360px at 82% 48%,rgba(251,246,238,.58),transparent 74%),
    radial-gradient(860px 260px at 50% 86%,rgba(255,255,255,.34),transparent 72%);
  opacity:.88;
  filter:blur(8px);
}
.hero__layer--mountains{
  top:auto;
  height:54%;
  bottom:-8%;
  opacity:.26;
  background:
    linear-gradient(180deg,transparent 0%,rgba(235,228,218,.32) 48%,rgba(170,168,143,.16) 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 420'%3E%3Cpath fill='%23aaa88f' fill-opacity='.36' d='M0 336L92 250l55 42 90-122 76 94 66-62 86 104 70-148 104 134 82-92 84 112 88-152 116 164 70-70 125 110v86H0z'/%3E%3Cpath fill='%23586249' fill-opacity='.12' d='M0 370l112-88 70 62 116-142 86 112 76-72 100 116 104-184 120 164 92-106 110 132 92-82 122 108v60H0z'/%3E%3C/svg%3E") bottom center/cover no-repeat;
}
.hero-decor{
  position:absolute;
  pointer-events:none;
  user-select:none;
  height:auto;
  max-width:none;
  transform-origin:center;
  will-change:transform;
}
.hero-decor--scroll{
  left:-7vw;
  top:-13%;
  width:min(410px,31vw);
  opacity:.18;
  filter:saturate(.92) drop-shadow(0 24px 46px rgba(77,64,45,.12));
}
.hero-decor--pagoda{
  right:-3vw;
  top:2%;
  width:min(360px,27vw);
  opacity:.34;
  filter:drop-shadow(0 26px 42px rgba(77,64,45,.15));
}
.hero-decor--mortar{
  left:4vw;
  bottom:-8%;
  width:min(310px,24vw);
  opacity:.24;
  filter:drop-shadow(0 22px 34px rgba(77,64,45,.14));
}
.hero-decor--kettle{
  right:-9vw;
  bottom:-22%;
  width:min(520px,38vw);
  opacity:.20;
  mix-blend-mode:multiply;
  filter:saturate(.82) contrast(.96);
}
.hero__art{
  min-height:min(70vh,630px);
  place-items:center;
}
.hero__art::before{
  display:none;
}
.hero__book-pad{
  position:relative;
  width:min(460px,82vw);
  aspect-ratio:4/5;
  display:grid;
  place-items:center;
  z-index:3;
}
.hero__book-pad::before{
  content:"";
  position:absolute;
  width:118%;
  aspect-ratio:1;
  border-radius:50%;
  background:
    radial-gradient(circle at 46% 44%,rgba(251,246,238,.96) 0%,rgba(235,228,218,.78) 46%,rgba(170,168,143,.25) 66%,transparent 74%);
  filter:blur(3px);
  box-shadow:0 34px 90px -58px rgba(77,64,45,.46);
}
.hero__book-shadow{
  position:absolute;
  bottom:9%;
  width:74%;
  height:11%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(77,64,45,.22),transparent 68%);
  filter:blur(8px);
}
.hero__book-slot{
  position:relative;
  width:58%;
  height:72%;
  border-radius:18px 22px 22px 18px;
  border:1px solid rgba(114,119,95,.26);
  background:
    linear-gradient(90deg,rgba(114,119,95,.12) 0 8%,transparent 8%),
    linear-gradient(135deg,rgba(251,246,238,.78),rgba(222,210,189,.42));
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.30),
    0 28px 60px -34px rgba(77,64,45,.58);
  transform:perspective(900px) rotateY(-9deg) rotateZ(-1.5deg);
  opacity:.78;
}
.hero__book-slot::before{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:13px;
  border:1px solid rgba(185,154,94,.26);
}
.hero__book-slot::after{
  content:"";
  position:absolute;
  inset:auto 22% 17% 22%;
  height:2px;
  border-radius:10px;
  background:linear-gradient(90deg,transparent,rgba(185,154,94,.50),transparent);
}

.includes--chapters{
  margin-top:clamp(34px,4.4vw,52px);
}
.includes--chapters .includes__grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  overflow:hidden;
  text-align:left;
  border:1px solid rgba(114,119,95,.16);
  border-radius:28px;
  background:rgba(251,246,238,.54);
  box-shadow:0 28px 72px -54px rgba(77,64,45,.38);
}
.includes--chapters .include{
  display:grid;
  grid-template-columns:74px 1fr;
  align-items:start;
  gap:18px;
  min-height:0;
  padding:28px 30px;
  border:0;
  border-top:1px solid rgba(114,119,95,.13);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.includes--chapters .include:nth-child(odd){
  border-right:1px solid rgba(114,119,95,.13);
}
.includes--chapters .include:nth-child(-n+2){
  border-top:0;
}
.includes--chapters .include:hover{
  transform:none;
  box-shadow:none;
  background:rgba(255,255,255,.20);
}
.includes--chapters .include__k{
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  margin:0;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(222,210,189,.52));
  border:1px solid rgba(185,154,94,.20);
  font-size:27px;
  color:var(--deep-jade);
}
.includes--chapters .include__v{
  margin-top:0;
  font-size:16.5px;
  line-height:1.55;
}
.includes--chapters .include__v strong{
  display:block;
  margin-bottom:5px;
  font-family:var(--serif);
  font-size:clamp(22px,2.2vw,28px);
  line-height:1.1;
  color:var(--forest);
}

.includes--delivery{
  position:relative;
  margin-top:clamp(72px,8vw,100px);
  padding:clamp(34px,4.5vw,54px);
  border:1px solid rgba(114,119,95,.16);
  border-radius:32px;
  background:
    radial-gradient(520px 260px at 50% 0%,rgba(255,255,255,.48),transparent 70%),
    linear-gradient(135deg,rgba(251,246,238,.70),rgba(222,210,189,.34));
  box-shadow:0 30px 84px -58px rgba(77,64,45,.38);
}
.includes--delivery::before{
  content:"";
  position:absolute;
  left:50%;
  top:-40px;
  width:min(360px,54vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(114,119,95,.42),transparent);
}
.includes--delivery .includes__title{
  margin-bottom:28px;
}
.includes--delivery .includes__grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.includes--delivery .include{
  min-height:176px;
  background:rgba(251,246,238,.76);
  box-shadow:0 16px 36px rgba(77,64,45,.07);
}
.includes--delivery .include__k{
  color:var(--deep-jade);
}

@media (max-width:880px){
  .hero__scene{opacity:.86}
  .hero-decor--scroll{width:250px;left:-120px;top:-40px}
  .hero-decor--pagoda{width:230px;right:-90px;top:6%}
  .hero-decor--mortar{width:210px;left:-60px;bottom:0}
  .hero-decor--kettle{width:320px;right:-160px;bottom:-70px;opacity:.15}
  .hero__book-pad{width:min(350px,82vw)}
  .includes--chapters .includes__grid{grid-template-columns:1fr}
  .includes--chapters .include{border-right:0 !important}
  .includes--chapters .include:nth-child(2){border-top:1px solid rgba(114,119,95,.13)}
  .includes--delivery .includes__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .hero-decor--scroll,.hero-decor--pagoda{opacity:.12}
  .hero-decor--mortar{opacity:.14}
  .hero-decor--kettle{display:none}
  .hero__book-pad{width:min(300px,84vw)}
  .includes--chapters .include{
    grid-template-columns:1fr;
    text-align:center;
    padding:26px 22px;
  }
  .includes--chapters .include__k{margin-inline:auto}
  .includes--delivery{padding:28px 18px}
  .includes--delivery .includes__grid{grid-template-columns:1fr}
}

/* ── Visibility pass: hero objects + section background motifs ─────── */
.hero__scene{
  overflow:hidden;
}
.hero-decor--scroll{
  left:clamp(18px,2.4vw,54px);
  top:clamp(18px,3.4vh,42px);
  width:clamp(150px,15vw,255px);
  opacity:.24;
}
.hero-decor--pagoda{
  right:clamp(26px,3.2vw,70px);
  top:clamp(34px,5.6vh,76px);
  width:clamp(150px,14vw,255px);
  opacity:.31;
}
.hero-decor--mortar{
  left:clamp(34px,5.2vw,92px);
  bottom:clamp(18px,3.2vh,42px);
  width:clamp(140px,13vw,230px);
  opacity:.25;
}
.hero-decor--kettle{
  right:clamp(28px,4vw,86px);
  bottom:clamp(14px,2.8vh,38px);
  width:clamp(190px,18vw,330px);
  opacity:.17;
}
.hero__layer--mountains{
  height:48%;
  bottom:-3%;
  opacity:.22;
  background:
    linear-gradient(180deg,transparent 0%,rgba(235,228,218,.26) 52%,rgba(170,168,143,.13) 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 420'%3E%3Cpath fill='%23aaa88f' fill-opacity='.34' d='M0 336L92 250l55 42 90-122 76 94 66-62 86 104 70-148 104 134 82-92 84 112 88-152 116 164 70-70 125 110v86H0z'/%3E%3Cpath fill='%23586249' fill-opacity='.10' d='M0 370l112-88 70 62 116-142 86 112 76-72 100 116 104-184 120 164 92-106 110 132 92-82 122 108v60H0z'/%3E%3C/svg%3E") bottom center/cover no-repeat;
}

.section{
  overflow:hidden;
  isolation:isolate;
}
.section::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.72;
}
.section > .container{
  position:relative;
  z-index:1;
}
.section--pain::after{
  background:
    radial-gradient(360px 220px at 8% 18%,rgba(114,119,95,.10),transparent 70%),
    radial-gradient(circle at 14% 30%,transparent 0 8px,rgba(114,119,95,.12) 9px 10px,transparent 11px),
    radial-gradient(circle at 17% 33%,transparent 0 15px,rgba(114,119,95,.10) 16px 17px,transparent 18px),
    radial-gradient(circle at 20% 37%,transparent 0 24px,rgba(114,119,95,.08) 25px 26px,transparent 27px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 340'%3E%3Cpath fill='%23aaa88f' fill-opacity='.13' d='M0 300l130-142 84 88 136-182 126 166 96-92 142 162 122-198 154 188 96-80 114 116v54H0z'/%3E%3Cpath fill='%23586249' fill-opacity='.045' d='M0 318l188-130 92 96 142-166 132 178 112-126 160 154 138-204 236 214v46H0z'/%3E%3C/svg%3E") bottom center/100% 44% no-repeat;
}
.section--tao::after{
  background:
    linear-gradient(90deg,transparent 0 72%,rgba(114,119,95,.075) 72.1% 72.45%,transparent 72.6%),
    linear-gradient(91deg,transparent 0 78%,rgba(114,119,95,.065) 78.1% 78.42%,transparent 78.58%),
    linear-gradient(88deg,transparent 0 84%,rgba(114,119,95,.055) 84.1% 84.35%,transparent 84.5%),
    radial-gradient(220px 150px at 83% 26%,rgba(185,154,94,.12),transparent 68%),
    radial-gradient(300px 220px at 12% 78%,rgba(170,168,143,.10),transparent 70%);
}
.section--path::after{
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 360'%3E%3Cpath fill='%23aaa88f' fill-opacity='.11' d='M0 260l92-74 86 68 138-158 122 142 90-86 128 136 160-214 166 194 90-78 128 118v66H0z'/%3E%3Cpath fill='%23586249' fill-opacity='.04' d='M0 308l126-90 98 80 148-170 110 130 112-96 146 156 130-160 148 154 92-72 90 78v56H0z'/%3E%3C/svg%3E") top center/100% 42% no-repeat,
    radial-gradient(circle at 88% 72%,transparent 0 44px,rgba(114,119,95,.08) 45px 46px,transparent 47px),
    radial-gradient(circle at 88% 72%,transparent 0 86px,rgba(114,119,95,.06) 87px 88px,transparent 89px),
    radial-gradient(circle at 88% 72%,transparent 0 128px,rgba(114,119,95,.045) 129px 130px,transparent 131px);
}
.section--book::after{
  background:
    radial-gradient(circle at 9% 18%,transparent 0 34px,rgba(114,119,95,.08) 35px 36px,transparent 37px),
    radial-gradient(circle at 9% 18%,transparent 0 70px,rgba(114,119,95,.055) 71px 72px,transparent 73px),
    radial-gradient(circle at 9% 18%,transparent 0 112px,rgba(114,119,95,.04) 113px 114px,transparent 115px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300'%3E%3Cpath fill='%23aaa88f' fill-opacity='.09' d='M0 276l118-110 90 78 140-174 116 150 96-92 150 144 126-176 144 158 84-64 136 108v44H0z'/%3E%3C/svg%3E") bottom center/100% 32% no-repeat;
}
.section--faq::after{
  background:
    radial-gradient(circle at 74% 18%,transparent 0 26px,rgba(114,119,95,.08) 27px 28px,transparent 29px),
    radial-gradient(circle at 74% 18%,transparent 0 56px,rgba(114,119,95,.06) 57px 58px,transparent 59px),
    radial-gradient(300px 200px at 18% 82%,rgba(185,154,94,.10),transparent 70%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 320'%3E%3Cpath fill='%23aaa88f' fill-opacity='.10' d='M0 294l150-126 108 94 148-174 128 154 102-94 160 150 134-196 160 178 110-86 100 92v50H0z'/%3E%3C/svg%3E") bottom center/100% 36% no-repeat;
}
.section--offer::after{
  opacity:.40;
  background:
    radial-gradient(circle at 17% 20%,transparent 0 44px,rgba(235,228,218,.12) 45px 46px,transparent 47px),
    radial-gradient(circle at 17% 20%,transparent 0 92px,rgba(235,228,218,.09) 93px 94px,transparent 95px),
    radial-gradient(circle at 82% 72%,transparent 0 54px,rgba(185,154,94,.12) 55px 56px,transparent 57px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300'%3E%3Cpath fill='%23ebe4da' fill-opacity='.08' d='M0 280l120-112 84 76 140-168 122 150 94-82 148 138 136-190 148 170 102-82 106 96v46H0z'/%3E%3C/svg%3E") bottom center/100% 32% no-repeat;
}

@media (max-width:880px){
  .hero-decor--scroll{left:18px;top:22px;width:170px;opacity:.16}
  .hero-decor--pagoda{right:18px;top:28px;width:180px;opacity:.23}
  .hero-decor--mortar{left:18px;bottom:20px;width:165px;opacity:.18}
  .hero-decor--kettle{right:18px;bottom:20px;width:220px;opacity:.10}
  .section--tao::after{
    background:
      linear-gradient(90deg,transparent 0 82%,rgba(114,119,95,.06) 82.1% 82.45%,transparent 82.6%),
      radial-gradient(260px 180px at 16% 82%,rgba(170,168,143,.10),transparent 70%);
  }
}
@media (max-width:560px){
  .hero-decor--scroll{width:126px;opacity:.12}
  .hero-decor--pagoda{width:128px;opacity:.18}
  .hero-decor--mortar{width:126px;opacity:.13}
  .hero-decor--kettle{display:none}
  .hero__layer--mountains{height:36%;opacity:.16}
  .section::after{opacity:.48}
}

/* ── CTA visibility + sage color break finish ─────────────────────── */
.eyebrow{
  font-size:clamp(17px,1.7vw,21px);
  font-weight:900;
  letter-spacing:.13em;
}
.eyebrow__dot{
  width:12px;
  height:12px;
  box-shadow:0 0 0 7px rgba(170,168,143,.18),0 0 26px rgba(185,154,94,.24);
}
.btn{
  min-height:64px;
  padding:20px 34px;
  font-size:18px;
  font-weight:900;
}
.btn--primary[data-cta]{
  min-width:250px;
  background:linear-gradient(135deg,#B99A5E 0%,#777B5D 50%,#3F563D 100%);
  box-shadow:
    0 22px 46px -20px rgba(45,51,40,.68),
    0 0 0 8px rgba(185,154,94,.14),
    inset 0 1px 0 rgba(255,255,255,.28);
}
.btn--primary[data-cta]:hover{
  box-shadow:
    0 30px 62px -24px rgba(45,51,40,.76),
    0 0 0 10px rgba(185,154,94,.17),
    inset 0 1px 0 rgba(255,255,255,.30);
}
.hero{
  min-height:100svh;
  padding:clamp(34px,4.5vh,58px) 0 clamp(28px,4vh,48px);
}
.hero__inner{
  grid-template-columns:minmax(0,1.06fr) minmax(300px,.94fr);
  gap:clamp(24px,3.6vw,54px);
}
.hero__copy{
  max-width:760px;
  transform:translateY(-1.6vh);
}
.hero__title{
  font-size:clamp(42px,4.2vw,60px);
  line-height:1.02;
}
.hero__subtitle{
  margin-top:14px;
  max-width:34em;
  font-size:clamp(18px,1.45vw,21px);
  line-height:1.42;
}
.hero__actions{
  margin-top:22px;
  gap:16px;
}
.hero__actions .btn--primary{
  min-height:70px;
  padding:22px 40px;
  font-size:19px;
}
.hero__actions .btn--ghost{
  min-height:64px;
}
.hero__note{
  margin-top:14px;
  font-size:13.5px;
}
.hero__proof{
  margin-top:12px;
  gap:8px;
}
.hero__proof span{
  padding:8px 13px;
  font-size:12.5px;
}
.hero__visual,
.hero__art{
  min-height:min(58vh,530px);
}
.hero__book-pad{
  width:min(460px,88vw);
}
.hero-decor--kettle{
  right:clamp(32px,4.8vw,92px);
  bottom:clamp(22px,4vh,54px);
  width:clamp(170px,15vw,270px);
  opacity:.20;
  mix-blend-mode:multiply;
  filter:saturate(.88) contrast(.96) blur(.1px);
}

.section--path{
  background:
    radial-gradient(620px 320px at 16% 14%,rgba(255,255,255,.34),transparent 70%),
    radial-gradient(520px 300px at 84% 72%,rgba(185,154,94,.14),transparent 70%),
    linear-gradient(180deg,#DDE7D3 0%,#EEF2E5 58%,#EBE4DA 100%);
}
.section--path::after{
  opacity:.92;
  background:
    radial-gradient(circle at 14% 24%,rgba(255,255,255,.34) 0 42px,transparent 43px),
    radial-gradient(circle at 14% 24%,transparent 0 76px,rgba(114,119,95,.12) 77px 78px,transparent 79px),
    radial-gradient(circle at 14% 24%,transparent 0 122px,rgba(114,119,95,.075) 123px 124px,transparent 125px),
    radial-gradient(circle at 86% 30%,rgba(255,255,255,.22) 0 54px,transparent 55px),
    radial-gradient(circle at 86% 30%,transparent 0 98px,rgba(185,154,94,.10) 99px 100px,transparent 101px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 360'%3E%3Cpath fill='%237C8965' fill-opacity='.18' d='M0 260l92-74 86 68 138-158 122 142 90-86 128 136 160-214 166 194 90-78 128 118v66H0z'/%3E%3Cpath fill='%23586249' fill-opacity='.075' d='M0 308l126-90 98 80 148-170 110 130 112-96 146 156 130-160 148 154 92-72 90 78v56H0z'/%3E%3C/svg%3E") bottom center/100% 48% no-repeat;
}
.section--path .phase{
  background:rgba(251,246,238,.78);
  border-color:rgba(88,98,73,.18);
}

.section--book::after,
.section--faq::after{
  opacity:.86;
}
.section--book::after{
  background:
    radial-gradient(circle at 9% 18%,rgba(255,255,255,.20) 0 40px,transparent 41px),
    radial-gradient(circle at 9% 18%,transparent 0 72px,rgba(114,119,95,.075) 73px 74px,transparent 75px),
    radial-gradient(circle at 9% 18%,transparent 0 116px,rgba(114,119,95,.05) 117px 118px,transparent 119px),
    radial-gradient(circle at 91% 82%,rgba(255,255,255,.16) 0 54px,transparent 55px),
    radial-gradient(circle at 91% 82%,transparent 0 104px,rgba(185,154,94,.08) 105px 106px,transparent 107px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300'%3E%3Cpath fill='%237C8965' fill-opacity='.10' d='M0 276l118-110 90 78 140-174 116 150 96-92 150 144 126-176 144 158 84-64 136 108v44H0z'/%3E%3C/svg%3E") bottom center/100% 34% no-repeat;
}

@media (max-width:880px){
  .hero{
    padding:58px 0 46px;
  }
  .hero__copy{
    transform:none;
  }
  .hero__title{
    font-size:clamp(38px,8vw,52px);
  }
  .hero__actions .btn--primary{
    min-height:66px;
  }
  .btn{
    font-size:17px;
  }
}
@media (max-width:560px){
  .eyebrow{
    font-size:15px;
    letter-spacing:.1em;
  }
  .hero__actions .btn--primary,
  .hero__actions .btn--ghost,
  .btn{
    width:100%;
  }
}

/* ── Поддержка prefers-reduced-motion ───────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .reveal{opacity:1;transform:none}
  #qi-trail{display:none}
  .btn--primary::after{display:none}
}

/* -- Hero decor: place left-side objects in the marked side column -- */
.hero-decor--scroll{
  left:clamp(44px,5vw,100px);
  top:clamp(92px,12vh,148px);
  width:clamp(132px,9.6vw,190px);
  opacity:.15;
  filter:saturate(.9) contrast(.96) blur(.1px);
}
.hero-decor--mortar{
  left:clamp(52px,5.4vw,112px);
  bottom:clamp(92px,13vh,150px);
  width:clamp(120px,8.8vw,176px);
  opacity:.17;
  filter:saturate(.9) contrast(.96) blur(.1px);
}
.hero-decor--pagoda{
  right:clamp(44px,5vw,100px);
  top:clamp(92px,12vh,148px);
  width:clamp(132px,9.6vw,190px);
  opacity:.15;
  filter:saturate(.9) contrast(.96) blur(.1px);
}
.hero-decor--kettle{
  right:clamp(52px,5.4vw,112px);
  bottom:clamp(92px,13vh,150px);
  width:clamp(120px,8.8vw,176px);
  opacity:.17;
  filter:saturate(.9) contrast(.96) blur(.1px);
}
@media (max-width:880px){
  .hero-decor--scroll{
    left:14px;
    top:104px;
    width:128px;
    opacity:.105;
  }
  .hero-decor--mortar{
    left:16px;
    bottom:96px;
    width:124px;
    opacity:.115;
  }
  .hero-decor--pagoda{
    right:14px;
    top:104px;
    width:128px;
    opacity:.105;
  }
  .hero-decor--kettle{
    right:16px;
    bottom:96px;
    width:124px;
    opacity:.115;
  }
}
@media (max-width:560px){
  .hero-decor--scroll{
    left:-42px;
    top:96px;
    width:112px;
    opacity:.075;
  }
  .hero-decor--mortar{
    left:-34px;
    bottom:86px;
    width:106px;
    opacity:.08;
  }
  .hero-decor--pagoda{
    right:-42px;
    top:96px;
    width:112px;
    opacity:.075;
  }
  .hero-decor--kettle{
    display:block;
    right:-34px;
    bottom:86px;
    width:106px;
    opacity:.08;
  }
}

/* =====================================================================
   МАРКЕТИНГОВЫЕ БЛОКИ (12-блочная формула) — в нашей тёплой палитре
   ===================================================================== */

/* ── Hero: подзаголовок-возражение «Даже если…» ─────────────────────── */
.hero__objection{
  margin-top:12px;max-width:34em;
  font-size:clamp(15px,1.2vw,17px);font-weight:700;font-style:italic;
  color:var(--ink-soft);
  padding-left:14px;border-left:3px solid var(--gold);
}

/* ── Блок «Решение»: мостик + механизм + 3 шага ─────────────────────── */
.section--solution{
  background:linear-gradient(180deg,rgba(248,243,234,.20),rgba(244,239,231,.52),rgba(248,243,234,.16));
}
.solution__bridge{max-width:760px;margin:0 auto;text-align:center}
.solution__lead{
  margin-top:16px;font-size:clamp(17px,1.7vw,20px);font-weight:600;
  color:var(--ink-soft);line-height:1.6;
}
.solution__mech{
  max-width:820px;margin:clamp(28px,4vw,44px) auto 0;
  padding:clamp(22px,3vw,30px) clamp(24px,3.4vw,38px);
  background:rgba(251,246,238,.88);border:1px solid rgba(185,154,94,.30);
  border-left:5px solid var(--gold);border-radius:16px;
  box-shadow:0 18px 40px -26px rgba(77,64,45,.34);
}
.solution__mech-label{
  display:inline-block;margin-bottom:8px;font-size:13px;font-weight:900;
  letter-spacing:.14em;text-transform:uppercase;color:var(--seal);
}
.solution__mech-text{
  font-family:var(--serif);font-size:clamp(21px,2.6vw,28px);font-weight:700;
  line-height:1.32;color:var(--forest);
}
.steps{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;
  max-width:1080px;margin:clamp(30px,4vw,48px) auto 0;
}
.step{
  position:relative;padding:30px 26px;
  background:rgba(251,246,238,.86);border:1px solid rgba(114,119,95,.14);
  border-radius:16px;box-shadow:0 16px 34px rgba(77,64,45,.07);
  transition:transform .4s var(--ease-out),box-shadow .4s;
}
.step:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.step__num{
  display:inline-flex;align-items:center;padding:7px 15px;margin-bottom:14px;
  font-size:13px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;
  color:#fff;background:linear-gradient(135deg,var(--jade),var(--deep-jade));
  border-radius:100px;box-shadow:0 8px 18px -8px rgba(88,98,73,.6);
}
.step__name{font-size:clamp(22px,2.4vw,27px);margin-bottom:10px;line-height:1.14}
.step__text{font-size:16.5px;font-weight:600;color:var(--ink-soft);line-height:1.55}

/* ── Блок «Бонусы» ──────────────────────────────────────────────────── */
.section--bonuses{
  background:linear-gradient(180deg,rgba(248,243,234,.16),rgba(222,210,189,.34),rgba(244,239,231,.28));
}
.bonuses{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;
  max-width:1000px;margin-inline:auto;
}
.bonus{
  position:relative;display:flex;flex-direction:column;
  padding:28px 28px 22px;overflow:hidden;
  background:rgba(251,246,238,.90);border:1px solid rgba(185,154,94,.24);
  border-radius:18px;box-shadow:0 18px 40px -24px rgba(77,64,45,.30);
  transition:transform .4s var(--ease-out),box-shadow .4s,border-color .4s;
}
.bonus:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:rgba(185,154,94,.5)}
.bonus::before{
  content:"";position:absolute;top:0;left:0;width:100%;height:4px;
  background:linear-gradient(90deg,var(--gold),var(--seal),var(--deep-jade));
}
.bonus__n{
  font-size:12.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold);
}
.bonus__name{
  margin:8px 0 10px;font-size:clamp(21px,2.3vw,25px);line-height:1.18;color:var(--forest);
}
.bonus__text{font-size:16px;font-weight:600;color:var(--ink-soft);line-height:1.55;flex:1}
.bonus__price{display:flex;align-items:center;gap:12px;margin-top:18px}
.bonus__old{font-size:17px;font-weight:700;color:var(--ink-soft);text-decoration:line-through;opacity:.7}
.bonus__free{
  font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
  color:#fff;background:linear-gradient(135deg,#B0604E,var(--seal));
  padding:6px 14px;border-radius:100px;box-shadow:0 8px 18px -8px rgba(152,80,67,.6);
}
.bonuses__total{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;
  max-width:1000px;margin:clamp(26px,4vw,40px) auto 0;padding:22px 30px;
  text-align:center;
  background:rgba(251,246,238,.72);border:1px dashed rgba(185,154,94,.5);border-radius:16px;
}
.bonuses__total-label{font-size:15px;font-weight:800;color:var(--ink-soft)}
.bonuses__total-sum{
  font-family:var(--serif);font-size:clamp(30px,4vw,42px);font-weight:700;
  color:var(--ink-soft);text-decoration:line-through;text-decoration-color:var(--seal);
}
.bonuses__total-free{font-size:15px;font-weight:900;color:var(--deep-jade);letter-spacing:.02em}

/* ── Блок «Таймер / срочность» ──────────────────────────────────────── */
.section--urgency{
  background:linear-gradient(160deg,rgba(45,51,40,.97),rgba(38,42,34,.98) 60%,rgba(76,82,57,.94));
}
.urgency{text-align:center;position:relative;z-index:1}
.urgency .eyebrow{color:var(--gold)}
.urgency__title{font-size:clamp(26px,3.6vw,40px);color:#fff;margin-bottom:6px}
.countdown{display:flex;align-items:flex-start;justify-content:center;gap:clamp(8px,1.6vw,14px);margin:28px 0 22px}
.countdown__sep{margin-top:clamp(10px,2vw,18px);font-family:var(--serif);font-size:clamp(30px,5vw,48px);font-weight:700;line-height:1;color:var(--gold)}
.countdown__cell{
  min-width:clamp(66px,12vw,92px);padding:16px 10px;
  background:rgba(251,246,238,.08);border:1px solid rgba(235,228,218,.18);border-radius:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.countdown__cell span{
  display:block;font-family:var(--serif);font-size:clamp(34px,6vw,52px);font-weight:700;
  line-height:1;color:#fff;font-variant-numeric:tabular-nums;
}
.countdown__cell small{
  display:block;margin-top:8px;font-size:11.5px;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;color:var(--gold);
}
.urgency__text{max-width:38em;margin:0 auto 26px;color:rgba(255,255,255,.82);font-size:16.5px;font-weight:600;line-height:1.6}

/* ── Оффер: стек ценности + усилитель ───────────────────────────────── */
.offer__value{
  margin:6px auto 0;max-width:30em;font-size:15.5px;font-weight:800;
  color:var(--gold);letter-spacing:.01em;
}
.offer__amplifier{
  margin:22px auto 0;max-width:36em;
  font-family:var(--serif);font-size:clamp(19px,2.3vw,24px);font-style:italic;
  font-weight:600;line-height:1.4;color:#EBE4DA;
}

/* Таймер внутри оффера (слитый блок) */
.offer__timer{
  margin:clamp(26px,4vw,38px) auto 4px;padding:22px 24px 18px;max-width:520px;
  border:1px solid rgba(235,228,218,.16);border-radius:18px;
  background:rgba(251,246,238,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.offer__timer-label{
  display:block;text-align:center;margin-bottom:4px;
  font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold);
}
.offer__timer .countdown{margin:14px 0 4px}

@media (max-width:880px){
  .steps{grid-template-columns:1fr;max-width:560px}
  .bonuses{grid-template-columns:1fr;max-width:560px}
}
@media (max-width:560px){
  .countdown{gap:8px}
  .countdown__cell{min-width:0;flex:1;padding:14px 4px}
  .hero__objection{font-size:15px}
}

/* ── Реальная обложка книги в hero (вместо CSS-заглушки) ─────────────── */
.hero__book-img{
  position:relative;z-index:2;display:block;
  width:min(430px,86vw);height:auto;
  animation:bookFloat 7s ease-in-out infinite;
}
.hero__book-img img{
  width:100%;height:auto;display:block;
  filter:drop-shadow(0 34px 46px rgba(45,51,40,.42)) drop-shadow(0 6px 14px rgba(45,51,40,.22));
}
/* когда есть картинка — прячем нарисованную «книгу»-заглушку и её тень */
.hero__book-pad:has(.hero__book-img) .hero__book-shadow{opacity:.5}
@keyframes bookFloat{
  0%,100%{transform:translate3d(0,0,0) rotate(-.6deg)}
  50%{transform:translate3d(0,-12px,0) rotate(.6deg)}
}
@media (max-width:880px){
  .hero__book-img{width:min(360px,72vw)}
}
@media (prefers-reduced-motion:reduce){
  .hero__book-img{animation:none}
}

/* -- Hero book readability pass: make the first-screen cover legible -- */
.hero__visual,
.hero__art{
  min-height:min(68vh,650px);
}
.hero__book-pad{
  width:min(560px,84vw);
}
.hero__book-img{
  width:min(470px,78vw);
}
.hero__book-img img{
  filter:
    drop-shadow(0 38px 54px rgba(45,51,40,.44))
    drop-shadow(0 8px 18px rgba(45,51,40,.24));
}
@media (max-width:880px){
  .hero__visual,
  .hero__art{
    min-height:480px;
  }
  .hero__book-pad{
    width:min(460px,84vw);
  }
  .hero__book-img{
    width:min(390px,76vw);
  }
}
@media (max-width:560px){
  .hero__visual,
  .hero__art{
    min-height:390px;
  }
  .hero__book-pad{
    width:min(380px,90vw);
  }
  .hero__book-img{
    width:min(330px,84vw);
  }
}

/* ── ФИНАЛЬНЫЙ ФИКС МОБИЛЬНОЙ РАСКЛАДКИ ──────────────────────────────
   Поздние слои палитры переопределили grid для .hero__inner и .tao уже
   после мобильных правил, из-за чего на телефоне они оставались в 2 колонки
   (текст зажат справа, слева пусто). Этот блок идёт последним и всё чинит. */
@media (max-width:880px){
  .hero__inner{grid-template-columns:1fr !important;gap:34px}
  .hero__copy{order:1;transform:none;max-width:100%}
  .hero__visual{order:2}
  .hero__book-pad,.hero__book-img{margin-inline:auto}

  .tao{grid-template-columns:1fr !important;gap:24px}
  .tao__visual{order:1;max-width:300px;margin-inline:auto;aspect-ratio:3/4}
  .tao__copy{order:2}
  .tao__copy .eyebrow{justify-content:center;text-align:center}
  .section--tao .section__title--left{text-align:center}
}

/* ═════════════════════════════════════════════════════════════════════
   HERO как вертикальный блок: ЗАГОЛОВОК → КНИГА → КНОПКА, детали ниже.
   Идёт последним — перекрывает старую 2-колоночную раскладку на всех ширинах.
   ═════════════════════════════════════════════════════════════════════ */
.hero--stack{min-height:auto;padding:clamp(44px,6vh,78px) 0 clamp(32px,5vh,56px)}
.hero--stack .hero__inner{display:block !important;max-width:720px;margin-inline:auto;text-align:center}
.hero--stack .hero__copy{max-width:100%;transform:none;order:0}
.hero--stack .eyebrow{justify-content:center;text-align:center}
.hero--stack .hero__title{font-size:clamp(32px,4.4vw,50px);line-height:1.05;margin-bottom:clamp(12px,2vw,20px)}
.hero--stack .hero__visual{min-height:0;display:flex;justify-content:center;margin:0 auto clamp(18px,2.6vw,26px)}
.hero--stack .hero__art{min-height:0;place-items:center}
.hero--stack .hero__book-pad{width:auto;margin-inline:auto}
.hero--stack .hero__book-shadow{display:none}
.hero--stack .hero__book-img{width:auto;height:auto;display:inline-block;margin:0}
.hero--stack .hero__book-img img{width:auto;height:clamp(290px,41vh,440px)}
.hero--stack .hero__actions{justify-content:center;margin:0 0 clamp(16px,2.4vw,24px)}
.hero--stack .hero__subtitle{margin:0 auto 12px;max-width:36em;text-align:center;font-size:clamp(17px,1.6vw,20px)}
.hero--stack .hero__note{justify-content:center;margin:0 auto 12px}
.hero--stack .hero__proof{justify-content:center}
.hero--stack .scroll-hint{display:none}
/* На мобиле обёртка книга+кнопки «прозрачна» — раскладка телефона не меняется */
.hero--stack .hero__product{display:contents}

/* Плавающий декор ПО БОКАМ (свиток, ступка, пагода, чайник) — виден и в мобиле */
.hero--stack .hero__scene{display:block}
.hero--stack .hero-decor{display:block;opacity:.2}
.hero--stack .hero-decor--scroll{left:clamp(-16px,-1.5vw,6px);right:auto;top:11%;width:clamp(104px,25vw,170px)}
.hero--stack .hero-decor--mortar{left:clamp(-12px,-1vw,10px);right:auto;bottom:15%;width:clamp(92px,22vw,150px)}
.hero--stack .hero-decor--pagoda{right:clamp(-16px,-1.5vw,6px);left:auto;top:9%;width:clamp(104px,25vw,170px)}
.hero--stack .hero-decor--kettle{right:clamp(-12px,-1vw,10px);left:auto;bottom:13%;width:clamp(104px,25vw,170px);mix-blend-mode:multiply}

@media (max-width:560px){
  .hero--stack{padding-top:44px}
  .hero--stack .hero__book-img img{height:clamp(280px,44vh,400px)}
  .hero--stack .hero__title{font-size:clamp(30px,8vw,46px)}
}

/* ═══ Липкая панель: ЦЕНА | ТАЙМЕР (крупный, по центру) | Купить ═══ */
.sticky-buy{gap:10px}
.sticky-buy__prices{display:flex;flex-direction:column;align-items:flex-start;gap:0;line-height:1.06;flex:0 0 auto}
.sticky-buy__num{display:block;font-family:var(--serif);font-size:28px;font-weight:700;color:var(--deep-jade);line-height:1.02}
.sticky-buy__old{display:block;font-size:14px;color:var(--ink-soft);text-decoration:line-through;text-decoration-color:var(--seal);opacity:.8}
.sticky-buy__timer{
  display:flex;flex-direction:column;align-items:center;gap:1px;flex:0 0 auto;
  padding:6px 13px;border-radius:13px;
  background:linear-gradient(135deg,rgba(152,80,67,.14),rgba(185,154,94,.14));
  border:1px solid rgba(152,80,67,.30);
}
.sticky-buy__timer-label{font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--seal)}
.sticky-buy__clock{font-family:var(--serif);font-weight:700;font-size:23px;color:var(--seal);line-height:1;font-variant-numeric:tabular-nums}
.sticky-buy__colon{margin:0 1px}
.sticky-buy__btn.btn--primary[data-cta]{
  flex:0 0 auto;min-width:0;width:auto;max-width:none;
  min-height:56px;padding:16px 32px;font-size:19px;
  box-shadow:0 14px 26px -12px rgba(45,51,40,.66),inset 0 1px 0 rgba(255,255,255,.22);
}
@media (max-width:400px){
  .sticky-buy{gap:8px;padding-inline:11px}
  .sticky-buy__num{font-size:25px}
  .sticky-buy__clock{font-size:21px}
  .sticky-buy__timer{padding:6px 9px}
  .sticky-buy__btn.btn--primary[data-cta]{padding:15px 22px;font-size:17px}
}

/* ═══ Блик, бегущий по кнопке «Купить» — привлекает внимание ═══ */
@keyframes ctaSheen{
  0%,100%{left:-80%}
  55%{left:130%}
}
.btn--primary[data-cta]::after{
  left:-80%;width:65%;transition:none;
  animation:ctaSheen 3.6s ease-in-out infinite;
}
.btn--primary[data-cta]:hover::after{left:-80%}   /* не мешаем анимации на hover */

/* ═══ Горы на фоне нижних секций — вернуть видимость в мобиле ═══ */
@media (max-width:560px){
  .section::after{opacity:.82 !important}
  .hero__layer--mountains{height:44%;opacity:.24}
}

/* ═════════════════════════════════════════════════════════════════════
   ДЕСКТОП: крупнее заголовок, книга, подзаголовок и боковой декор,
   чтобы заполнить пустые поля и смотрелось эргономично.
   ═════════════════════════════════════════════════════════════════════ */
/* ── ДЕСКТОП: две колонки — текст слева, книга + кнопки справа ──────── */
@media (min-width:900px){
  .hero--stack{padding:clamp(40px,5vh,76px) 0 clamp(36px,5vh,64px)}
  .hero--stack .hero__inner{max-width:1200px}

  .hero--stack .hero__copy{
    display:grid;
    grid-template-columns:minmax(0,1.02fr) minmax(0,0.98fr);
    grid-template-areas:
      "eyebrow  product"
      "title    product"
      "subtitle product"
      "note     product"
      "proof    product";
    column-gap:clamp(36px,4vw,72px);
    align-items:start;align-content:center;
    text-align:left;
  }
  .hero--stack .hero__copy > .eyebrow{grid-area:eyebrow;justify-content:flex-start;text-align:left;margin:0 0 12px}
  .hero--stack .hero__copy > .hero__title{grid-area:title;text-align:left;font-size:clamp(40px,3.6vw,56px);line-height:1.07;margin:0 0 18px}
  .hero--stack .hero__copy > .hero__subtitle{grid-area:subtitle;text-align:left;margin:0;max-width:30em;font-size:clamp(17px,1.35vw,21px);line-height:1.55}
  .hero--stack .hero__copy > .hero__note{grid-area:note;justify-content:flex-start;text-align:left;margin:18px 0 0}
  .hero--stack .hero__copy > .hero__proof{grid-area:proof;justify-content:flex-start;margin-top:18px}

  /* Правая колонка: книга сверху, кнопки под ней, по центру */
  .hero--stack .hero__product{
    grid-area:product;align-self:center;
    display:flex;flex-direction:column;align-items:center;gap:clamp(22px,2.4vw,34px);margin:0;
  }
  .hero--stack .hero__visual{margin:0}
  .hero--stack .hero__book-img img{height:clamp(380px,45vh,500px)}
  .hero--stack .hero__actions{margin:0;justify-content:center;flex-wrap:nowrap}

  /* Боковой декор — компактный, у самых краёв (контент теперь широкий) */
  .hero--stack .hero-decor{opacity:.22}
  .hero--stack .hero-decor--scroll{width:clamp(96px,9vw,168px);left:clamp(2px,0.6vw,18px);right:auto;top:5%}
  .hero--stack .hero-decor--mortar{width:clamp(90px,8.5vw,158px);left:clamp(2px,0.6vw,18px);right:auto;bottom:5%}
  .hero--stack .hero-decor--pagoda{width:clamp(96px,9vw,168px);right:clamp(2px,0.6vw,18px);left:auto;top:5%}
  .hero--stack .hero-decor--kettle{width:clamp(96px,9vw,168px);right:clamp(2px,0.6vw,18px);left:auto;bottom:4%;opacity:.2}
  .hero--stack .hero__layer--mountains{height:50%;opacity:.28}
}