/* ЛИГА Павловния — дизайн по прототипу «лесное стекло» (макеты 2026-08-10) */

:root{
  --dark:#0B110A;
  --dark-2:#111808;
  --ink-d:#F2F4EC;
  --mut-d:#A7B39B;
  --cream:#F1EEE3;
  --cream-2:#E9E5D6;
  --ink-l:#23301B;
  --mut-l:#5C6A4E;
  --lime:#A9CB3B;
  --lime-2:#C6E06B;
  --lime-dark:#71891F;
  --lime-deep:#5F7A1E;   /* акцентное слово на лаймовой плашке призыва */
  --lime-ink:#54691A;    /* мелкий текст на светлом: контраст не ниже 4.5:1 */
  --glass-d:rgba(255,255,255,.055);
  --glass-d-br:rgba(214,232,168,.16);
  --glass-l:rgba(255,255,255,.62);
  --glass-l-br:rgba(35,48,27,.10);

  /* ── скругления: одна лестница на весь сайт ── */
  --r-xs:12px;   /* мелкие чипы, крестик модалки, малые кнопки */
  --r-sm:16px;   /* кнопки, поля ввода, бейджи, иконки-плитки */
  --r:22px;      /* базовая карточка */
  --r-lg:30px;   /* крупные плашки, модалка, ведущие блоки */
  --r-pill:999px;

  /* ── глубина: три уровня, отдельно для тёмного и кремового фона ── */
  /* тёмный фон — холодная лесная тень */
  --sh-1:0 6px 18px rgba(0,0,0,.30);
  --sh-2:0 18px 40px rgba(0,0,0,.40);
  --sh-3:0 28px 62px rgba(0,0,0,.50);
  /* кремовый фон — тёплая зеленовато-коричневая тень: чёрная здесь грязнит */
  --sh-l-1:0 6px 16px rgba(64,54,28,.08);
  --sh-l-2:0 16px 36px rgba(64,54,28,.13);
  --sh-l-3:0 28px 60px rgba(64,54,28,.20);
  /* световые кромки стекла */
  --edge-d:inset 0 1.5px 0 rgba(255,255,255,.42);
  --edge-l:inset 0 1px 0 rgba(255,255,255,.92);
  /* свечение акцентов */
  --glow-lime:0 8px 26px rgba(169,203,59,.32);
  --glow-lime-2:0 14px 34px rgba(169,203,59,.44);
  --glow-gold:0 8px 26px rgba(201,162,75,.32);
  --glow-gold-2:0 14px 36px rgba(201,162,75,.46);

  --wrap:1200px;
  --disp:'Geologica','Onest',sans-serif;
  --text:'Onest',sans-serif;
  --mono:'IBM Plex Mono',monospace;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:18px}
body{
  font-family:var(--text);
  background:var(--dark);
  color:var(--ink-d);
  font-size:18px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
/* киноплёночное зерно поверх всего — едва заметное */
body::after{
  content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
img{max-width:100%;display:block}
a{color:inherit}
/* фокус клавиатурой — фирменный лайм вместо системного синего */
:focus-visible{outline:2px solid var(--lime-2);outline-offset:3px}
.section--light :focus-visible,.cta-card :focus-visible,.plans-wood :focus-visible,
.stats-wood :focus-visible,.hect-cta :focus-visible{outline-color:var(--lime-dark)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}

/* ── типографика: жирный гротеск + антиквенный курсивный акцент ── */
h1,h2{font-family:var(--disp);font-weight:800;line-height:1.08;letter-spacing:.02em}
h1{font-size:clamp(2rem,4.4vw,3.9rem)}
h2{font-size:clamp(1.6rem,4vw,3.1rem)}
h3{font-family:var(--text);font-weight:700;font-size:1.15rem;line-height:1.3}
.lf{
  font-family:'Playfair Display',serif;font-style:italic;font-weight:600;
  letter-spacing:.01em;color:var(--lime);
  background:linear-gradient(95deg,var(--lime-2) 10%,var(--lime) 45%,#D8BC6A 95%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  padding-right:.08em;
}
.section--light .lf,.cta-card .lf{
  background:linear-gradient(95deg,#71891F 10%,#4C641C 55%,#A8853C 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.kicker{
  font-family:var(--mono);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--lime);display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;
}
.kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);flex:none}
.section--light .kicker{color:var(--lime-ink)}
.h-sect{margin-bottom:16px;max-width:20ch}
.sub{color:var(--mut-d);max-width:56ch;font-size:1.12rem}
.section--light .sub{color:var(--mut-l)}

/* ── секции ── */
.section{padding:104px 0;position:relative}
.section--light{background:var(--cream);color:var(--ink-l)}
.section--photo{background-color:var(--dark);background-size:cover;background-position:center}
.section--photo::before{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(9,14,8,.97) 0%,rgba(9,14,8,.9) 45%,rgba(9,14,8,.62) 100%),
             linear-gradient(0deg,rgba(9,14,8,.85),rgba(9,14,8,0) 30%)}
.section--photo>.wrap{position:relative;z-index:1}

/* ── настоящее стекло: сильный blur фона, световая кромка, косой блик-отлив ── */
.glass{
  position:relative;
  border-radius:var(--r);
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(160deg, rgba(255,255,255,.13), rgba(255,255,255,.05) 35%, rgba(255,255,255,.02) 62%, rgba(198,224,107,.09));
  backdrop-filter:blur(22px) saturate(140%) brightness(.82);
  -webkit-backdrop-filter:blur(22px) saturate(140%) brightness(.82);
  box-shadow:
    var(--sh-3),
    var(--edge-d),
    inset 1px 0 0 rgba(255,255,255,.12),
    inset -1px 0 0 rgba(255,255,255,.05),
    inset 0 -1px 0 rgba(169,203,59,.18),
    inset 0 -26px 48px rgba(9,14,8,.26);
}
.glass::after{ /* отлив: косой блик по стеклу + свечение верхнего угла */
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:
    linear-gradient(115deg, rgba(255,255,255,0) 12%, rgba(255,255,255,.17) 30%, rgba(255,255,255,.05) 46%, rgba(255,255,255,0) 56%),
    radial-gradient(130% 65% at 6% 0%, rgba(255,255,255,.15), rgba(255,255,255,0) 55%);
}
.card-l{
  background:var(--glass-l);
  border:1px solid var(--glass-l-br);
  border-radius:var(--r);
  box-shadow:var(--sh-l-1), var(--edge-l);
}

/* ── кнопки ── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  font-family:var(--text);font-weight:700;font-size:1.1rem;
  padding:20px 36px;border-radius:var(--r-sm);border:1px solid transparent;
  cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
  white-space:nowrap;
}
.btn svg{width:20px;height:20px;flex:none}
.btn--lime{
  background:linear-gradient(160deg,var(--lime-2),var(--lime) 60%);
  color:#1A2408;box-shadow:var(--glow-lime);
}
.btn--lime:hover{transform:translateY(-2px);box-shadow:var(--glow-lime-2)}
.btn--ghost{
  color:var(--ink-d);border:1px solid rgba(255,255,255,.28);
  background:linear-gradient(160deg, rgba(255,255,255,.14), rgba(255,255,255,.04) 70%);
  backdrop-filter:blur(16px) saturate(140%) brightness(.85);
  -webkit-backdrop-filter:blur(16px) saturate(140%) brightness(.85);
  box-shadow:var(--sh-2), inset 0 1px 0 rgba(255,255,255,.4), inset 0 -10px 18px rgba(9,14,8,.2);
}
.btn--ghost:hover{background:linear-gradient(160deg, rgba(255,255,255,.2), rgba(255,255,255,.08) 70%)}
.section--light .btn--ghost{
  background:rgba(255,255,255,.6);color:var(--ink-l);border-color:rgba(35,48,27,.16);
  box-shadow:var(--sh-l-1), var(--edge-l);
}
.section--light .btn--ghost:hover{background:rgba(255,255,255,.82);box-shadow:var(--sh-l-2), var(--edge-l)}
/* на светлых поверхностях цветное свечение не читается — работает тёплая тень */
.section--light .btn--lime,.cta-card .btn--lime,.hect-cta .btn--lime,
.section--light .btn--gold{box-shadow:var(--sh-l-2), inset 0 1px 0 rgba(255,255,255,.38)}
.section--light .btn--lime:hover,.cta-card .btn--lime:hover,.hect-cta .btn--lime:hover,
.section--light .btn--gold:hover{box-shadow:var(--sh-l-3), inset 0 1px 0 rgba(255,255,255,.38)}
.btn--sm{padding:11px 18px;font-size:.92rem;border-radius:var(--r-xs)}

/* ── шапка ── */
.nav{
  position:fixed;top:14px;left:0;right:0;z-index:50;pointer-events:none;
}
.nav__in{
  pointer-events:auto;
  display:flex;align-items:center;gap:26px;
  border:1px solid transparent;
  border-radius:var(--r);
  background:
    linear-gradient(160deg, rgba(24,32,20,.78), rgba(13,19,11,.72)) padding-box,
    linear-gradient(165deg, rgba(255,255,255,.4), rgba(255,255,255,.1) 35%, rgba(169,203,59,.2) 100%) border-box;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:var(--sh-2), inset 0 1px 0 rgba(255,255,255,.16);
  padding:12px 20px;
}
.nav__logo{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:600;font-size:1rem;text-decoration:none}
.nav__logo img{width:30px;height:30px;object-fit:contain}
.nav__menu{display:flex;gap:22px;margin-left:auto}
.nav__menu a{text-decoration:none;font-size:.95rem;color:var(--mut-d)}
.nav__menu a:hover{color:var(--ink-d)}
.nav__cta{margin-left:6px}
.nav__burger{display:none;margin-left:auto;background:none;border:0;color:var(--ink-d);cursor:pointer;padding:6px}
.nav__burger svg{width:26px;height:26px}

/* ── герой ── */
.hero{
  min-height:100svh;display:flex;flex-direction:column;justify-content:center;
  position:relative;background-size:cover;background-position:62% 64%;
  padding:168px 0 72px;
}
.hero::before{content:"";position:absolute;inset:0;
  background:radial-gradient(62% 46% at 29% 41%, rgba(6,11,5,.84), rgba(6,11,5,0) 72%),
             linear-gradient(96deg,rgba(6,11,5,.92) 0%,rgba(6,11,5,.76) 30%,rgba(6,11,5,.42) 58%,rgba(9,14,8,.08) 84%,rgba(9,14,8,0) 100%),
             linear-gradient(0deg,rgba(6,11,5,.92) 0%,rgba(6,11,5,.22) 26%,rgba(9,14,8,0) 48%),
             linear-gradient(180deg,rgba(6,11,5,.8) 0%,rgba(9,14,8,0) 24%);}
.hero::after{ /* солнечный луч: свечение + веер света из правого верхнего угла */
  content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;z-index:1;
  background:
    radial-gradient(34% 26% at 74% 12%, rgba(255,216,132,.65), rgba(255,216,132,0) 72%),
    radial-gradient(62% 55% at 78% 18%, rgba(255,236,190,.28), rgba(255,236,190,0) 65%),
    conic-gradient(from 208deg at 74% 12%, rgba(255,230,170,0) 0deg, rgba(255,230,170,.24) 12deg, rgba(255,230,170,.05) 22deg, rgba(255,230,170,.18) 32deg, rgba(255,230,170,0) 48deg);
}
/* герой — на общей сетке сайта: auto-поля флекса иначе сжимают .wrap по контенту */
.hero__in{position:relative;z-index:2;min-width:0;width:100%}
@keyframes rayPulse{from{opacity:.8}to{opacity:1}}
.hero::after{animation:rayPulse 6.5s ease-in-out infinite alternate}
.hero__sub{font-size:1.24rem;color:#D9DFCE;max-width:52ch;margin-bottom:34px}
.hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:44px}

/* ── метрика на деревянном фото ── */
.stats-wood{
  background:#F3F1E6 url('../assets/img/wood-slices.jpg') right center/auto 100% no-repeat;
  color:var(--ink-l);position:relative;
}
.stats-wood::before{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,#F3F1E6 38%,rgba(243,241,230,.5) 64%,rgba(243,241,230,0));}
.stats-wood>.wrap{position:relative}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.stats-note{font-size:.78rem;color:var(--mut-l);margin-top:26px;max-width:88ch}
@media (max-width:1023px){
  .stats-grid{grid-template-columns:1fr}
  .stats-wood{background-size:auto 45%;background-position:right top}
}


/* акцентная фраза не разрывается посреди: не влезла — уходит на новую строку целиком */
h1 .lf,.h-sect .lf,.manifest-h .lf,.manifest-h .lf-color{display:inline-block}

.rail-note{font-size:.8rem;color:var(--mut-d);margin-top:14px}
/* ── манифест-заголовок внутри блока цифр ── */
.manifest-h{font-size:clamp(1.9rem,4.6vw,3.4rem);max-width:16ch}
/* цвет на первой строке, вторая — тёмная */
.manifest-h .lf-color{
  background:linear-gradient(95deg,var(--lime-2) 10%,var(--lime) 45%,#D8BC6A 95%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.manifest-h .lf{
  background:none;-webkit-text-fill-color:currentColor;color:var(--ink-l);
}

/* ── питомник ── */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;margin-top:48px}
.feats{display:flex;flex-direction:column;gap:14px}
.feat{display:flex;gap:18px;padding:22px 24px}
.feat__n{font-family:var(--mono);color:var(--lime-ink);font-size:.9rem;padding-top:3px;flex:none}
.feat p{font-size:.95rem;color:var(--mut-l);margin-top:6px}

/* ── этапы ── */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px}
.step{padding:26px}
.step p{font-size:.95rem;color:var(--mut-l);margin-top:6px}
.step .tag{font-family:var(--mono);font-size:.78rem;color:var(--lime-ink);margin-top:10px;display:block}

/* ── форматы ── */
.plans{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:48px;max-width:980px}
.plan{padding:30px 28px;display:flex;flex-direction:column;gap:14px}
.plan__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.plan__name{font-family:var(--disp);font-weight:600;font-size:1.3rem}
.plan__tag{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mut-d)}
.plan__price{font-family:var(--mono);font-weight:500;font-size:1.9rem;color:var(--lime-2)}
.plan__price small{font-size:.9rem;color:var(--mut-d)}
.plan p{font-size:.95rem;color:var(--mut-d)}
.plan .btn{margin-top:auto}
.plans-note{font-size:.8rem;color:var(--mut-d);margin-top:22px;max-width:88ch}

/* ── гектар: план-чертёж участка ── */
.hectare{background-image:url('../assets/img/plantation.jpg');background-position:center 60%}
.hect-duo{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;margin-top:8px}
.hect-duo__txt .hero__actions{margin:30px 0 0}
/* план участка — фотоиллюстрация: чертёж на настоящем стеклянном планшете */
.hect-shot{margin:0}
.hect-shot img{
  width:100%;display:block;
  border-radius:var(--r);border:1px solid rgba(255,255,255,.10);
  box-shadow:var(--sh-3);
}
.hect-shot figcaption{
  margin-top:16px;font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--mut-d);
}
.rail{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:52px;position:relative}
.rail::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;border-radius:var(--r-pill);
  background:linear-gradient(90deg,rgba(214,232,168,.32),rgba(214,232,168,.12) 68%,rgba(214,232,168,0));
}
.rail__i{padding:22px 24px 0 0;position:relative}
.rail__i+.rail__i{padding-left:24px}
.rail__i+.rail__i::after{
  content:"";position:absolute;left:0;top:16px;bottom:6px;width:1px;
  background:linear-gradient(180deg,rgba(214,232,168,0),rgba(214,232,168,.16) 26%,rgba(214,232,168,0));
}
.rail__i::before{content:"";position:absolute;top:-2px;left:0;width:34px;height:3px;border-radius:var(--r-pill);background:var(--lime)}
.rail__i+.rail__i::before{left:24px}
.rail__i i{font-family:var(--mono);font-style:normal;font-size:.85rem;color:var(--lime-2)}
.rail__i h3{font-size:1.02rem;margin:8px 0 8px}
.rail__i p{font-size:.87rem;color:var(--mut-d);line-height:1.5}
.hect-cta{
  margin-top:28px;border-radius:var(--r-lg);padding:34px 40px;
  display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;
  background:#EFE9DA url('../assets/img/wood-slices.jpg') right center/auto 160% no-repeat;
  color:var(--ink-l);border:1px solid rgba(113,137,31,.25);
  box-shadow:var(--sh-3), var(--edge-l);
  position:relative;overflow:hidden;
}
.hect-cta::before{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,#EFE9DA 45%,rgba(239,233,218,.5) 72%,rgba(239,233,218,.05))}
.hect-cta>*{position:relative}
.hect-cta h3{font-size:1.25rem;margin-bottom:6px}
.hect-cta p{font-size:.92rem;color:#5A6649;max-width:52ch}

/* ── команда: 3 крупно + 4 поменьше ── */
.team{display:grid;gap:16px;margin-top:48px}
.team--lead{grid-template-columns:repeat(3,1fr)}
.team--rest{grid-template-columns:repeat(4,1fr);margin-top:16px}
.team--rest .tcard img{aspect-ratio:1/.92}
.team--rest .tcard b{font-size:.98rem}
.team--rest .tcard p{font-size:.83rem}
.team--rest .tcard__body{padding:15px 17px 19px}
.tcard{overflow:hidden;display:flex;flex-direction:column}
.tcard img{aspect-ratio:1/1.06;object-fit:cover;width:100%}
.tcard__body{padding:18px 20px 22px}
.tcard .role{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--lime-ink)}
.tcard b{display:block;font-size:1.05rem;margin:6px 0 8px}
.tcard p{font-size:.87rem;color:var(--mut-l);line-height:1.5}

/* ── риски ── */
.risks-bg{background-image:url('../assets/img/rows-day.jpg');background-position:center top}
.risks{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px}
.risk{padding:28px;position:relative;overflow:hidden}
.risk__n{position:absolute;top:18px;right:24px;font-family:var(--mono);font-size:2.4rem;color:rgba(214,232,168,.14)}
.risk__head{display:flex;gap:14px;align-items:center;margin-bottom:6px}
.risk__head svg{width:26px;height:26px;color:var(--lime);flex:none}
.risk .what{font-size:.9rem;color:var(--mut-d);margin-bottom:14px}
.risk .what b{color:var(--lime-2);font-weight:600}
.risk ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.risk li{font-size:.93rem;color:#CBD4BE;padding-left:24px;position:relative}
.risk li::before{content:"";position:absolute;left:0;top:.42em;width:13px;height:13px;
  background:var(--lime);clip-path:polygon(50% 0,100% 30%,80% 100%,20% 100%,0 30%);opacity:.85}
.risks-note{font-size:.8rem;color:var(--mut-d);margin-top:22px;max-width:88ch}

/* ── финальный призыв ── */
.cta-final{padding:110px 0;background:var(--cream)}
.cta-card{
  background:linear-gradient(135deg,#EDF3D3,#D9E8A4 55%,#C9DE8C);
  border:1px solid rgba(113,137,31,.25);
  border-radius:var(--r-lg);padding:64px;position:relative;overflow:hidden;color:var(--ink-l);
  box-shadow:var(--sh-l-3), var(--edge-l);
}
.cta-card h2{font-size:clamp(1.7rem,4vw,2.9rem);max-width:18ch;margin-bottom:18px}
.cta-card .sub{color:#41522C;margin-bottom:34px}

/* ── формы ── */
.form-row{display:flex;gap:12px;flex-wrap:wrap;max-width:640px}
.form-row input[type=email],.form-row input[type=text],.form-row input[type=tel]{
  flex:1;min-width:220px;padding:16px 18px;border-radius:var(--r-sm);font:inherit;
  border:1px solid rgba(35,48,27,.18);background:rgba(255,255,255,.85);color:var(--ink-l);
  box-shadow:inset 0 1px 3px rgba(64,54,28,.10);
}
.form-goal{font-size:.85rem;color:#41522C;max-width:64ch;margin-bottom:16px}
.check{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:.83rem;color:#41522C;max-width:64ch;line-height:1.5}
.check input{width:17px;height:17px;margin-top:3px;accent-color:var(--lime-dark);flex:none}
.check a{color:inherit}
.form-msg{margin-top:14px;font-size:.9rem;color:var(--lime-ink);display:none}

/* ── контакты и футер ── */
/* ── финал страницы: глубокий, почти чёрный тон — не повторяет секцию рисков ── */
.footer{background:#060A05;padding:96px 0 50px;position:relative}
.footer::before{ /* тёплый рассеянный свет сверху — мягкий стык с кремовым призывом */
  content:"";position:absolute;left:0;right:0;top:0;height:320px;pointer-events:none;
  background:radial-gradient(70% 100% at 22% 0%, rgba(169,203,59,.07), rgba(169,203,59,0) 70%);
}
.footer>.wrap{position:relative}
/* контакты — тихая плита, а не яркая стеклянная карточка рисков */
.contacts{
  display:grid;grid-template-columns:1fr 1.2fr;gap:48px;padding:52px;margin-bottom:44px;
  border-radius:var(--r-lg);
  border:1px solid rgba(214,232,168,.13);
  background:
    radial-gradient(120% 150% at 0% 0%, rgba(169,203,59,.09), rgba(169,203,59,0) 58%),
    linear-gradient(160deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:var(--sh-2), inset 0 1px 0 rgba(255,255,255,.10);
}
.contacts::after{background:none} /* без косого блика — этот блок тише карточек рисков */
.contacts:hover{transform:none}
.contacts h2{margin-bottom:22px}
.c-line{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;font-size:1rem}
.c-line svg{width:20px;height:20px;color:var(--lime);flex:none;margin-top:3px}
.c-line a{text-decoration:none}
.disclaim{font-size:.88rem;color:var(--mut-d);line-height:1.6}
.foot-links{display:flex;gap:20px;flex-wrap:wrap;margin:26px 0;font-size:.88rem}
.foot-links a{color:var(--mut-d)}
.requisites{font-size:.8rem;color:#7E8B73;line-height:1.65;border-top:1px solid rgba(214,232,168,.12);padding-top:26px}
.requisites p{margin-bottom:10px}

/* ── cookie-баннер ── */
.cookiebar{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:100;
  max-width:680px;margin:0 auto;padding:22px 24px;
  background:linear-gradient(160deg, rgba(24,32,20,.94), rgba(13,19,11,.92));
  border:1px solid rgba(255,255,255,.14);border-radius:var(--r);
  backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);
  box-shadow:var(--sh-3), var(--edge-d);
  display:none;
}
.cookiebar.open{display:block}
.cookiebar h4{font-family:var(--text);font-weight:700;margin-bottom:8px}
.cookiebar p{font-size:.85rem;color:var(--mut-d);margin-bottom:14px}
.cookiebar__btns{display:flex;gap:10px;flex-wrap:wrap}
.cookiebar__btns .btn{flex:1 1 auto} /* на узком экране кнопки не рвутся лесенкой */
.cookiebar__cats{margin:10px 0 4px;font-size:.85rem;color:#CBD4BE;display:none;flex-direction:column;gap:6px}
.cookiebar__cats.open{display:flex}

/* ── reveal: глубокое появление с расфокусом и ступенькой ── */
.reveal{opacity:0;transform:translateY(34px) scale(.985);filter:blur(8px);
  transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1),filter .85s ease}
.reveal.on{opacity:1;transform:none;filter:none}
.reveal:nth-child(2){transition-delay:.09s}
.reveal:nth-child(3){transition-delay:.18s}
.reveal:nth-child(4){transition-delay:.27s}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;filter:none;transition:none}}

/* ── цифры чистой типографикой ── */
.stat-t b{
  display:block;font-family:var(--disp);font-weight:800;line-height:1;
  font-size:clamp(2.6rem,5.2vw,4.2rem);letter-spacing:.01em;
  background:linear-gradient(100deg,#4C641C 5%,#71891F 45%,#A8853C 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  margin-bottom:10px;
}
.stat-t span{font-size:.98rem;color:var(--mut-l);line-height:1.45;max-width:26ch;display:block}

/* ── единая тёплая проявка фотографий ── */
.tcard img,.hect-shot img,.nursery-shot img{filter:saturate(.94) sepia(.1) contrast(1.03)}
/* новый кадр листьев холоднее и ярче остальных — доводим до общей проявки */
.nursery-shot img.nursery-shot__leaf{filter:saturate(.8) sepia(.2) contrast(1.02) brightness(.93) hue-rotate(-8deg)}

/* ── юрстраницы ── */
.legal{max-width:820px;margin:0 auto;padding:110px 24px 80px;background:var(--cream);color:var(--ink-l)}
body:has(.legal){background:var(--cream)}
.legal h1{font-size:1.9rem;margin-bottom:10px}
.legal h2{font-size:1.25rem;margin:34px 0 12px}
.legal p,.legal li{font-size:.95rem;line-height:1.65;margin-bottom:10px;color:#33402A}
.legal ul,.legal ol{padding-left:22px;margin-bottom:12px}
.legal .meta{font-family:var(--mono);font-size:.8rem;color:var(--mut-l)}
.legal table{border-collapse:collapse;width:100%;font-size:.88rem;margin:14px 0}
.legal th,.legal td{border:1px solid rgba(35,48,27,.2);padding:8px 10px;text-align:left}
.back{display:inline-block;margin-bottom:26px;font-size:.9rem;color:var(--lime-ink);text-decoration:none}

/* ── адаптив ── */
@media (max-width:1023px){
  .split,.contacts{grid-template-columns:1fr;gap:32px}
  .hect-duo{grid-template-columns:1fr;gap:30px}
  .rail{grid-template-columns:1fr 1fr}
  .rail__i{padding:22px 18px 18px 0}
  .rail__i+.rail__i{padding-left:0}
  .rail__i+.rail__i::after{display:none}
  .rail__i+.rail__i::before{left:0}
  .team--lead{grid-template-columns:repeat(2,1fr)}
  .team--rest{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:1fr}
  .plans{grid-template-columns:1fr}
  .risks{grid-template-columns:1fr}
  .cta-card{padding:40px 28px}
  .nav__menu{display:none}
  .nav__cta{margin-left:auto}
  .nav__burger{display:block;margin-left:0}
  .nav.open .nav__menu{
    display:flex;flex-direction:column;position:absolute;top:64px;left:16px;right:16px;
    border:1px solid rgba(255,255,255,.14);border-radius:var(--r);padding:18px 22px;gap:14px;
    background:linear-gradient(160deg, rgba(20,28,17,.985), rgba(10,15,9,.975));
    backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);
    box-shadow:var(--sh-3), var(--edge-d);
  }
}
@media (max-width:767px){
  .section{padding:72px 0}
  .nav__cta{display:none}
  .nav__burger{margin-left:auto}
  .hero{padding-top:120px;background-position:55% 68%}
  .hero::before{background:linear-gradient(180deg,rgba(9,14,8,.84) 0%,rgba(9,14,8,.6) 50%,rgba(9,14,8,.9) 100%)}
  .hero::after{opacity:.45}
  .hero__actions .btn{width:100%}
  /* длинные подписи кнопок на телефоне переносятся, а не распирают страницу */
  .btn{white-space:normal;text-align:center}
  .hect-cta{padding:26px 22px;text-align:left}
  .hect-cta .btn{width:100%}
  .team--lead,.team--rest{grid-template-columns:1fr}
  .contacts{padding:28px 22px}
}

/* ═══ ЖИВОЙ САЙТ: композиция героя и амбиентные анимации ═══ */

/* типографический блок героя — плакат, живущий на воздухе */
.hero__body{max-width:900px;position:relative;z-index:2}
.hero .kicker{margin-bottom:32px}
.hero-h span{display:block;white-space:nowrap}
.hero-h{font-size:clamp(2.1rem,5.3vw,4.35rem);line-height:1.04;max-width:none;margin:0}
.hero-h .hl3 .lf{display:inline;padding-right:.12em}
.hero__rule{ /* фирменный керн — ритмическая линейка под заголовком */
  display:block;height:13px;width:min(600px,100%);margin:40px 0 34px;
  color:rgba(214,232,168,.6);
  background-image:linear-gradient(90deg,
    currentColor 0 1px, transparent 1px 22px,   currentColor 22px 23px,  transparent 23px 36px,
    currentColor 36px 37px, transparent 37px 48px, currentColor 48px 49px, transparent 49px 66px,
    currentColor 66px 67px, transparent 67px 80px, currentColor 80px 81px, transparent 81px 104px,
    currentColor 104px 105px, transparent 105px 122px, currentColor 122px 123px, transparent 123px 154px,
    currentColor 154px 155px, transparent 155px);
  background-size:188px 100%;background-repeat:repeat-x;
  -webkit-mask-image:linear-gradient(90deg,#000 58%,transparent);
          mask-image:linear-gradient(90deg,#000 58%,transparent);
}
.hero .hero__sub{font-size:1.14rem;line-height:1.6;color:#CBD6BC;max-width:56ch;margin-bottom:52px}
.hero .hero__actions{margin-bottom:0}

/* подвал героя: оговорка и метка прокрутки */
.hero__foot{
  display:flex;justify-content:space-between;align-items:flex-end;gap:32px;
  margin:96px 0 0;position:relative;z-index:2;
}
.hero__legal{font-size:.73rem;line-height:1.55;color:#8D9A82;max-width:88ch}
.hero__next{
  font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;
  color:#98A78B;white-space:nowrap;flex:none;
}
.hero__next i{display:inline-block;font-style:normal;animation:hintDown 1.8s ease-in-out infinite}
@keyframes hintDown{0%,100%{transform:translateY(-2px);opacity:.6}50%{transform:translateY(3px);opacity:1}}

/* светлячки в луче */
.hero__fly{position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:screen}
.hero__fly i{
  position:absolute;width:5px;height:5px;border-radius:50%;
  background:#FFE9B0;filter:blur(1px);opacity:0;
  animation:fly 11s linear infinite;
}
.hero__fly i:nth-child(1){left:60%;top:55%;animation-delay:0s}
.hero__fly i:nth-child(2){left:68%;top:40%;animation-delay:1.6s;width:4px;height:4px}
.hero__fly i:nth-child(3){left:75%;top:62%;animation-delay:3.2s}
.hero__fly i:nth-child(4){left:82%;top:48%;animation-delay:4.8s;width:3px;height:3px}
.hero__fly i:nth-child(5){left:64%;top:70%;animation-delay:6.4s}
.hero__fly i:nth-child(6){left:88%;top:66%;animation-delay:8s;width:4px;height:4px}
.hero__fly i:nth-child(7){left:72%;top:30%;animation-delay:9.4s;width:3px;height:3px}
@keyframes fly{
  0%{transform:translate(0,26px);opacity:0}
  12%{opacity:.75}
  60%{opacity:.4}
  100%{transform:translate(34px,-150px);opacity:0}
}

/* фоновые фото: без fixed-параллакса — он ломает рендер в Safari и на мобильных */

/* стекло откликается на курсор */
.glass,.card-l{transition:transform .35s ease,box-shadow .35s ease}
.glass:hover{transform:translateY(-5px)}
.card-l:hover{transform:translateY(-4px);box-shadow:var(--sh-l-2), var(--edge-l)}

/* медленный световой блик по карточке призыва */
.cta-card{position:relative;overflow:hidden}
.cta-card::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.42) 50%,transparent 58%);
  transform:translateX(-120%);
  animation:sweep 7.5s ease-in-out infinite;
}
@keyframes sweep{0%,55%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}

@media (prefers-reduced-motion:reduce){
  .hero__fly i,.hero__next i,.cta-card::after,.hero::after{animation:none}
  .glass:hover,.card-l:hover{transform:none}
}


/* ── форматы на светлом дереве, карточки симметричны ── */
.plans-wood>.wrap{position:relative}
.plans-wood .plan{
  background:rgba(255,255,255,.74);
  border:1px solid rgba(35,48,27,.12);border-radius:var(--r);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:var(--sh-l-2), var(--edge-l);
}
.plans-wood .plan::after{display:none}
.plans-wood .plan__name{color:var(--ink-l)}
.plans-wood .plan__tag{color:var(--mut-l)}
.plans-wood .plan p{color:var(--mut-l)}
.plans-wood .plan__price{
  background:linear-gradient(100deg,#4C641C 5%,#71891F 45%,#A8853C 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  min-height:56px;display:flex;align-items:center;
}
.plan__price--word{font-size:1.5rem}
.plans .btn{width:100%}
.plans-note{color:var(--mut-l)}
.plans-wood .sub{color:var(--mut-l)}

/* ── кнопки героя в одну линию ── */
.hero__actions{flex-wrap:nowrap}
.hero__actions .btn{padding:18px 30px;font-size:1.05rem}
@media (max-width:900px){.hero__actions{flex-wrap:wrap}}

/* ── герой: планшет и телефон ── */
@media (max-width:1023px){
  .hero__foot{margin-top:72px}
  .hero .hero__actions .btn{padding:16px 22px;font-size:1rem}
}
@media (max-width:767px){
  .hero{padding:120px 0 48px}
  .hero-h span{white-space:normal}
  .hero__rule{margin:26px 0 24px;width:100%}
  .hero .kicker{font-size:.7rem;letter-spacing:.11em;margin-bottom:22px}
  .hero .hero__sub{font-size:1rem;line-height:1.55;margin-bottom:34px}
  .hero .hero__actions{flex-direction:column;align-items:stretch;margin-bottom:0}
  .hero .hero__actions .btn{white-space:normal;padding:16px 20px;font-size:.98rem;width:100%;
    justify-content:space-between;text-align:left}
  .hero__foot{margin:56px 0 0;flex-direction:column;align-items:flex-start;gap:14px}
  .hero__legal{font-size:.72rem}
}

/* ── «бирка саженца» ── */
.tag-note{
  position:relative;max-width:400px;flex:none;
  background:linear-gradient(160deg,rgba(249,245,222,.92),rgba(231,239,196,.88));
  border:1px solid rgba(160,150,60,.4);border-radius:var(--r);
  padding:26px 30px 26px 56px;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:var(--sh-l-2), var(--edge-l);
}
.tag-note::before{ /* отверстие бирки */
  content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);
  width:14px;height:14px;border-radius:50%;
  background:var(--cream);border:2px solid rgba(113,137,31,.4);
  box-shadow:inset 0 1px 2px rgba(64,54,28,.28);
}
.tag-note b{display:block;color:#4C641C;font-size:1.2rem;margin-bottom:8px}
.tag-note p{font-size:1.04rem;color:#55603F;line-height:1.55}

/* ── питомник: три принципа в ряд, затем фотомодуль на стекле ── */
.feats--row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.feats--row .feat{
  display:block;padding:30px 30px 28px;position:relative;overflow:hidden;
  background:rgba(255,255,255,.72);border:1px solid rgba(35,48,27,.1);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:var(--sh-l-1), var(--edge-l);
  transition:transform .35s ease,box-shadow .35s ease;
}
.feats--row .feat:hover{transform:translateY(-4px);box-shadow:var(--sh-l-2), var(--edge-l)}
.feats--row .feat__n{
  display:inline-block;font-family:var(--mono);font-size:.86rem;letter-spacing:.14em;
  color:var(--lime-ink);padding-bottom:12px;margin-bottom:14px;
  border-bottom:2px solid rgba(113,137,31,.3);
}
.feats--row .feat h3{font-size:1.22rem;margin-bottom:10px;color:var(--ink-l)}
.feats--row .feat p{font-size:1rem;color:var(--mut-l);line-height:1.55;position:relative;z-index:1}

.nursery-shot{position:relative;
  display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:min-content;
  gap:18px;margin-top:44px;
}
.nursery-shot__main{
  grid-column:1 / 8;grid-row:1 / 3;
  width:100%;height:100%;min-height:520px;object-fit:cover;
  border-radius:var(--r-lg);box-shadow:var(--sh-l-3);
}
.nursery-shot .tag-note{
  grid-column:8 / 13;grid-row:1;align-self:start;
  max-width:none;margin:0;transform:none;
}
.nursery-shot__leaf{
  grid-column:8 / 13;grid-row:2;align-self:stretch;
  width:100%;height:100%;min-height:240px;object-fit:cover;
  border-radius:var(--r-lg);box-shadow:var(--sh-l-2);
}
.nursery-shot__badge{
  position:absolute;left:22px;bottom:22px;z-index:2;
  background:rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(35,48,27,.12);border-radius:var(--r-pill,999px);padding:15px 26px;
  font-weight:700;color:var(--ink-l);font-size:1.04rem;
  box-shadow:var(--sh-l-2, 0 14px 30px rgba(64,54,28,.16));
}
@media (max-width:1023px){
  .feats--row{grid-template-columns:1fr;gap:14px;margin-top:32px}
  .nursery-shot{grid-template-columns:1fr;gap:14px;margin-top:32px}
  .nursery-shot__main{grid-column:1;grid-row:1;min-height:300px}
  .nursery-shot .tag-note{grid-column:1;grid-row:2}
  .nursery-shot__leaf{grid-column:1;grid-row:3;min-height:220px}
  .nursery-shot__badge{left:14px;bottom:14px;font-size:.95rem;padding:12px 18px}
}

/* ═══ ФИРМЕННЫЙ МОТИВ «СПИЛ»: годичные кольца вместо иконок ═══ */
:root{
  --ring-hi:var(--lime-2);
  --ring-mute:color-mix(in srgb, currentColor 30%, transparent);
  --ring-ray:color-mix(in srgb, currentColor 16%, transparent);
  --ring-core:color-mix(in srgb, currentColor 45%, transparent);
  --ring-draw:0;
}
.section--light,.stats-wood,.plans-wood,.hect-cta,.cta-card{--ring-hi:var(--lime-dark)}

.ring{
  display:block;flex:none;color:inherit;
  --r1:var(--ring-mute);--r2:var(--ring-mute);--r3:var(--ring-mute);
  --r4:var(--ring-mute);--r5:var(--ring-mute);--r6:var(--ring-mute);
  --r7:var(--ring-mute);--r8:var(--ring-mute);--r9:var(--ring-mute);
}
.ring--1{--r1:var(--ring-hi)}
.ring--2{--r1:var(--ring-hi);--r2:var(--ring-hi)}
.ring--3{--r1:var(--ring-hi);--r2:var(--ring-hi);--r3:var(--ring-hi)}
.reveal:not(.on){--ring-draw:210}
@media (prefers-reduced-motion:reduce){.reveal:not(.on){--ring-draw:0}}

/* карточка цифры: керн сверху + четверть спила в углу */
.stat-t{border-top:0;padding:34px 26px 24px 0;position:relative;overflow:hidden}
.stat-t::before{
  content:"";position:absolute;left:0;right:0;top:0;height:13px;opacity:.34;
  background-image:linear-gradient(90deg,
    currentColor 0 1px, transparent 1px 22px,   currentColor 22px 23px,  transparent 23px 36px,
    currentColor 36px 37px, transparent 37px 48px, currentColor 48px 49px, transparent 49px 66px,
    currentColor 66px 67px, transparent 67px 80px, currentColor 80px 81px, transparent 81px 104px,
    currentColor 104px 105px, transparent 105px 122px, currentColor 122px 123px, transparent 123px 154px,
    currentColor 154px 155px, transparent 155px);
  background-size:188px 100%;
  -webkit-mask-image:linear-gradient(90deg,#000 62%,transparent);
          mask-image:linear-gradient(90deg,#000 62%,transparent);
}
.stat-t::after{content:"";position:absolute;top:0;left:var(--tick,22px);width:2px;height:13px;background:var(--ring-hi)}
.ring-card{position:relative}
.ring-card__mark{position:absolute;left:-28px;bottom:-24px;width:118px;height:118px;opacity:.55;pointer-events:none;z-index:0}
.ring-card>b,.ring-card>span{position:relative;z-index:1;padding-left:74px}
@media (max-width:1023px){
  .ring-card__mark{width:104px;height:104px;left:-24px;bottom:-20px}
  .ring-card>b,.ring-card>span{padding-left:58px}
}

/* мелкий маркер-кольцо */
.risk li{padding-left:26px;position:relative}
.risk li::before{
  content:"";position:absolute;left:0;top:.52em;width:16px;height:8px;
  background:radial-gradient(circle 8px at 50% 100%,
    var(--ring-core) 0 1.5px, transparent 1.5px 3px,
    var(--ring-mute) 3px 3.9px, transparent 3.9px 6.2px,
    var(--ring-hi) 6.2px 7.4px, transparent 7.4px);
  clip-path:none;opacity:1;
}
.kicker::before{
  content:"";width:12px;height:6px;border-radius:0;flex:none;
  background:radial-gradient(circle 6px at 50% 100%,
    currentColor 0 1.2px, transparent 1.2px 3.1px,
    currentColor 3.1px 4px, transparent 4px 5.2px,
    currentColor 5.2px 6px, transparent 6px);
}
.doc-card li::before{
  background:radial-gradient(circle 8px at 50% 100%,
    var(--ring-core) 0 1.5px, transparent 1.5px 3px,
    var(--ring-mute) 3px 3.9px, transparent 3.9px 6.2px,
    var(--ring-hi) 6.2px 7.4px, transparent 7.4px);
  clip-path:none;width:16px;height:8px;
}

/* ═══ ФОРМАТЫ: золотая иерархия + шкала жизненного цикла ═══ */
:root{ --gold:#C9A227; --gold-2:#D8BC6A; --gold-ink:#7A5E10; }

.plans-wood{background:#EEDFBE;position:relative;isolation:isolate}
.plans-wood::before{content:"";position:absolute;inset:0;z-index:-2;
  background:url('../assets/img/wood-planks.jpg') center/cover no-repeat;
  filter:saturate(1.15) brightness(1.12) contrast(.94)}

.section--light .kicker--gold{color:var(--gold-ink)}
.section--light .lf--gold{
  background:linear-gradient(95deg,#8A6B14 0%,var(--gold) 45%,#71891F 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.btn--gold{
  background:linear-gradient(160deg,var(--gold-2),var(--gold) 62%);
  color:#241B02;box-shadow:var(--glow-gold);
}
.btn--gold:hover{transform:translateY(-2px);box-shadow:var(--glow-gold-2)}

.plans--duo{grid-template-columns:1.42fr 1fr;max-width:1120px;gap:20px;align-items:start}
.plans--duo .plan{transition:transform .35s ease,box-shadow .35s ease}
.plans--duo .plan:hover{transform:translateY(-5px)}
.plan__lead{font-size:.98rem;color:var(--mut-l);line-height:1.55}
.plan__foot{margin-top:auto;padding-top:6px}
.plan__hint{font-size:.82rem;color:var(--mut-l);margin-top:8px;line-height:1.5}
.plan__cta{display:flex;flex-direction:column;gap:12px;align-items:flex-start}

.plans-wood .plan--lead{
  padding:38px 36px 34px;background:rgba(255,255,255,.9);
  border:1.5px solid rgba(201,162,75,.65);
  box-shadow:var(--sh-l-3),0 0 62px rgba(201,162,75,.20),var(--edge-l);
  position:relative;overflow:hidden;
}
.plans-wood .plan--lead::before{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:radial-gradient(120% 60% at 100% 0%, rgba(216,188,106,.30), rgba(216,188,106,0) 58%),
             linear-gradient(160deg, rgba(201,162,75,.10), rgba(201,162,75,0) 42%);
}
.plan--lead>*{position:relative;z-index:1}
.plan__crown{
  align-self:flex-start;font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;
  color:#241B02;background:linear-gradient(160deg,var(--gold-2),var(--gold) 70%);
  border-radius:var(--r-pill);padding:6px 15px;box-shadow:var(--glow-gold);
}
.plan--lead .plan__name{font-size:1.85rem;font-weight:800;color:var(--ink-l)}
.plan--lead .plan__tag{color:var(--gold-ink)}
.plans-wood .plan--lead .plan__price{
  background:linear-gradient(100deg,#8A6B14 0%,var(--gold) 55%,#71891F 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:1.65rem;
}
.plan--lead .btn{width:100%}

/* спецификация — не таблица с острыми краями, а скруглённая стеклянная вставка */
.plan__spec{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:1px;
  background:rgba(35,48,27,.10);border:1px solid rgba(35,48,27,.10);
  border-radius:var(--r-sm);overflow:hidden;margin:8px 0}
.plan__spec li{background:rgba(255,255,255,.62);padding:16px 18px 15px}
.plan__spec b{
  display:block;font-family:var(--disp);font-weight:800;font-size:1.5rem;line-height:1.1;
  background:linear-gradient(100deg,#8A6B14 0%,var(--gold) 60%,#71891F 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:5px;
}
.plan__spec span{display:block;font-size:.82rem;color:var(--mut-l);line-height:1.4}

.plans-wood .plan--quiet{
  margin-top:34px;padding:28px 26px;background:rgba(255,255,255,.62);
  border:1px solid rgba(35,48,27,.12);box-shadow:var(--sh-l-1), var(--edge-l);
}
.plan--quiet .plan__name{font-size:1.2rem;color:var(--ink-l)}
.plan--quiet .plan__lead{font-size:.92rem}
.plans-wood .plan--quiet .plan__price{font-size:1.5rem;min-height:auto}
.plan--quiet .btn{width:100%}

.lc-note{font-size:.78rem;color:var(--mut-l);margin-top:32px;max-width:96ch;line-height:1.6}

@media (max-width:1023px){
  .plans--duo{grid-template-columns:1fr;max-width:640px}
  .plans-wood .plan--quiet{margin-top:0}
  .plans-wood .plan--lead{padding:30px 26px}
}
@media (max-width:767px){
  .plan__spec{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.plans--duo .plan:hover{transform:none}}

/* широкая сетка для фотомодулей */
.wrap--wide{max-width:1560px;padding:0 40px}
.wrap--wide .nursery-shot__main{min-height:520px}
@media (max-width:1023px){
  .wrap--wide{padding:0 24px}
  .wrap--wide .nursery-shot__main{min-height:0}
}

/* ── лента этапов: линия с узлами на стекле ── */
.tl{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  margin:8px 0 42px;position:relative;
}
.tl__i{position:relative;padding:0 26px 0 0}
.tl__i::before{ /* линия связи — тонкая, со скруглёнными концами */
  content:"";position:absolute;top:33px;left:0;right:0;height:2px;border-radius:var(--r-pill);
  background:linear-gradient(90deg,rgba(201,162,75,.35),rgba(201,162,75,.72));
}
.tl__i:last-child::before{background:linear-gradient(90deg,rgba(201,162,75,.9),rgba(201,162,75,0))}
.tl__ico{
  position:relative;z-index:1;display:flex;align-items:center;justify-content:center;
  width:68px;height:68px;border-radius:var(--r);margin-bottom:20px;
  background:linear-gradient(160deg,rgba(255,255,255,.92),rgba(255,255,255,.66));
  border:1px solid rgba(201,162,75,.45);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:var(--sh-l-2), var(--edge-l);
  color:#6E5510;
}
.tl__ico svg{width:36px;height:36px}
.tl__i h4{font-family:var(--text);font-weight:700;font-size:1.2rem;color:var(--ink-l);margin-bottom:6px}
.tl__when{
  font-family:var(--mono);font-size:.86rem;letter-spacing:.05em;color:var(--gold-ink);margin-bottom:10px;
}
.tl__i p:last-child{font-size:1rem;color:var(--mut-l);line-height:1.55}
@media (max-width:1023px){
  .tl{grid-template-columns:1fr 1fr;row-gap:32px}
  .tl__i:nth-child(2)::before,.tl__i:nth-child(4)::before{background:linear-gradient(90deg,rgba(201,162,75,.9),rgba(201,162,75,0))}
}
@media (max-width:640px){
  .tl{grid-template-columns:1fr;row-gap:26px}
  .tl__i::before{width:74px;right:auto}
}

/* ── акцент «Гектара» без разницы в размере ── */
.plans--duo{grid-template-columns:1fr 1fr;max-width:1120px;align-items:stretch}
.plans-wood .plan--quiet{margin-top:0}
.plans-wood .plan--lead,.plans-wood .plan--quiet{padding:34px 32px;display:flex;flex-direction:column;gap:14px}
.plan--lead .plan__name{font-size:1.5rem}
.plan--quiet .plan__name{font-size:1.5rem}
.plan__spec{margin-top:auto}
/* адаптив форматов — строго после безусловных правил выше, иначе они его перебивают */
@media (max-width:1023px){
  .plans--duo{grid-template-columns:1fr;max-width:640px}
  .plans-wood .plan--lead,.plans-wood .plan--quiet{padding:30px 26px}
}

/* ── второстепенные и третьестепенные тексты крупнее ── */
.sub{font-size:1.18rem}
.plan__lead{font-size:1.06rem}
.plan__spec span{font-size:.92rem}
.plan__hint{font-size:.92rem}
.feat p,.step p,.rail__i p{font-size:1rem}
.risk li{font-size:1rem}
.risk .what{font-size:.98rem}
.tcard p{font-size:.95rem}
.plans-note,.lc-note,.stats-note,.risks-note{font-size:.88rem}
.stat-t span{font-size:1.04rem}
.disclaim{font-size:.95rem}
.requisites{font-size:.86rem}
.check{font-size:.9rem}
.form-goal{font-size:.94rem}

/* ── форма-гейт ── */
.gate{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}
.gate[hidden]{display:none}
.gate__back{position:absolute;inset:0;background:rgba(6,10,5,.72);backdrop-filter:blur(6px)}
.gate__box{
  position:relative;width:min(560px,100%);padding:38px 40px 32px;border-radius:var(--r-lg);
  max-height:92vh;overflow:auto;
}
.gate__x{
  position:absolute;top:16px;right:18px;width:36px;height:36px;border-radius:var(--r-xs);
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);
  color:var(--ink-d);font-size:1.3rem;line-height:1;cursor:pointer;
}
.gate__x:hover{background:rgba(255,255,255,.16)}
.gate h3{font-family:var(--disp);font-weight:800;font-size:1.6rem;letter-spacing:.02em;margin-bottom:10px}
.gate__lead{color:var(--mut-d);font-size:1.02rem;margin-bottom:24px}
.gate__form{display:flex;flex-direction:column;gap:14px}
.gate__row{display:flex;gap:14px}
.gate__form input[type=text],.gate__form input[type=tel],.gate__form input[type=email]{
  flex:1;min-width:0;padding:16px 18px;border-radius:var(--r-sm);font:inherit;font-size:1rem;
  border:1px solid rgba(214,232,168,.25);background:rgba(255,255,255,.07);color:var(--ink-d);
  box-shadow:inset 0 1px 3px rgba(0,0,0,.22);
}
.gate__form input::placeholder{color:#93A186}
.gate__label{display:block;font-family:var(--mono);font-size:.8rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--lime-2);margin-bottom:10px}
.gate__radio{display:flex;gap:12px;flex-wrap:wrap}
.gate__radio label{
  flex:1;min-width:180px;display:flex;align-items:center;gap:10px;cursor:pointer;
  padding:14px 18px;border-radius:var(--r-sm);font-size:.98rem;
  background:rgba(255,255,255,.05);border:1px solid rgba(214,232,168,.2);
  transition:background .2s ease,border-color .2s ease;
}
.gate__radio label:has(input:checked){background:rgba(169,203,59,.14);border-color:rgba(198,224,107,.5)}
.gate__radio input{accent-color:var(--lime);width:18px;height:18px;flex:none}
.gate__note{font-size:.86rem;color:var(--mut-d);line-height:1.5}
.gate .check{margin-top:0}
.gate .btn{width:100%}
@media (max-width:600px){
  .gate__box{padding:30px 24px 26px}
  .gate__row{flex-direction:column}
}

/* ── «Честно о рисках»: светлее ── */
.risks-bg::before{
  background:linear-gradient(100deg,rgba(22,32,18,.9) 0%,rgba(22,32,18,.74) 45%,rgba(22,32,18,.5) 100%),
             linear-gradient(0deg,rgba(22,32,18,.7),rgba(22,32,18,0) 30%);
}
.risks .risk{
  background:linear-gradient(160deg, rgba(255,255,255,.19), rgba(255,255,255,.09) 40%, rgba(198,224,107,.11));
  border-color:rgba(255,255,255,.2);
  backdrop-filter:blur(20px) saturate(135%) brightness(1.02);
  -webkit-backdrop-filter:blur(20px) saturate(135%) brightness(1.02);
  box-shadow:var(--sh-2), var(--edge-d), inset 0 -20px 40px rgba(9,14,8,.14);
}
.risks .risk li{color:#E4EADA}
.risks .risk .what{color:#CFD8C2}
.risks-bg .sub{color:#CBD5BD}


/* ═══ ЕДИНОЕ ПРАВИЛО МОТИВА: четверть спила из нижнего левого угла, одна плотность ═══ */
.ring-corner{position:relative;overflow:hidden}
.ring-corner::after{
  content:"";position:absolute;left:-30px;bottom:-30px;width:118px;height:118px;
  border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 50% 50%,
    transparent 0 22%, currentColor 22% 23.5%,
    transparent 23.5% 34%, currentColor 34% 35.5%,
    transparent 35.5% 43%, currentColor 43% 44.5%,
    transparent 44.5% 58%, currentColor 58% 59.5%,
    transparent 59.5% 72%, currentColor 72% 73.5%,
    transparent 73.5% 88%, currentColor 88% 89.5%, transparent 89.5%);
  opacity:.14;
}
.section--light .ring-corner::after,.card-l.ring-corner::after{color:var(--lime-dark);opacity:.18}
.glass.ring-corner::after{color:var(--lime-2);opacity:.16}
.ring-corner>*{position:relative;z-index:1}


/* ── кнопка скачивания документа (видна, когда файл положен в код/files/) ── */
.doc-dl{
  pointer-events:auto;display:inline-flex;align-items:center;gap:9px;
  font-family:var(--mono);font-size:.8rem;letter-spacing:.08em;text-decoration:none;
  color:var(--ink-d);background:rgba(13,19,11,.6);
  border:1px solid var(--glass-d-br);border-radius:var(--r-sm,16px);
  padding:9px 16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:var(--sh-1, 0 10px 24px rgba(0,0,0,.3));
  transition:background .25s ease,border-color .25s ease;
}
.doc-dl:hover{background:rgba(13,19,11,.82);border-color:rgba(198,224,107,.45)}
.doc-dl svg{width:17px;height:17px;color:var(--lime-2)}
.doc-dl[hidden]{display:none}
@media (max-width:767px){.doc-dl span{display:none}}

/* ── карточки форматов: строки выровнены по общей сетке ── */
.plans--duo{
  display:grid;grid-template-columns:1fr 1fr;
  grid-template-rows:auto auto auto auto auto auto;
  align-items:stretch;
}
.plans--duo .plan{
  display:grid;grid-template-rows:subgrid;grid-row:span 6;
  gap:16px;align-content:start;
}
.plan__crown--ghost{visibility:hidden;pointer-events:none}
.plans--duo .plan__foot{margin-top:0;align-self:end}
.plans--duo .plan__cta{align-self:end}

/* запасной вариант для браузеров без subgrid */
@supports not (grid-template-rows: subgrid){
  .plans--duo .plan{display:flex;flex-direction:column;gap:16px}
  .plans--duo .plan__lead{min-height:5.2em}
  .plans--duo .plan__foot{margin-top:auto}
}
@media (max-width:1023px){
  .plans--duo{grid-template-columns:1fr;grid-template-rows:none}
  .plans--duo .plan{grid-row:auto;display:flex;flex-direction:column}
  .plan__crown--ghost{display:none}
}
/* все зоны карточек прижаты к верху своих строк — иначе короткий текст «топит» блок */
.plans--duo .plan__spec{margin:0;align-self:start}
.plans--duo .plan__foot{align-self:start;padding-top:0}
.plans--duo .plan__head,.plans--duo .plan__lead{align-self:start}

/* ── форма вопроса в финальном блоке ── */
.cta-form{margin-top:30px}
.cta-form textarea{
  width:100%;margin-top:12px;padding:16px 18px;border-radius:var(--r-sm,16px);font:inherit;font-size:1rem;
  border:1px solid rgba(35,48,27,.22);background:rgba(255,255,255,.85);color:var(--ink-l);resize:vertical;
}
.cta-form textarea::placeholder{color:#8A9479}
.cta-form .form-row{max-width:none}

/* ── лента этапов: одно дерево в четырёх стадиях ── */
.tl__ico svg{width:40px;height:40px}
.tlico__soil{opacity:.42}
.tlico__saw{opacity:.6}
.tlico__cut,.tlico__ring{fill:none}
.tlico__ring{opacity:.55}
.tlico__cycle{opacity:.85}

/* яркая доска: фактура видна, но текст читается */
.plans-wood::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(252,249,240,.9) 0%,rgba(250,245,232,.8) 34%,rgba(250,245,232,.82) 66%,rgba(252,249,240,.92) 100%),
             radial-gradient(72% 58% at 84% 6%,rgba(255,226,158,.28),rgba(255,226,158,0) 62%)}
.plans-wood>.wrap{position:relative;z-index:1}
.plans-wood .plan{background:rgba(255,255,255,.86)}
.plans-wood .plan--lead{background:rgba(255,255,255,.93)}
.plans-wood .plan__spec li{background:rgba(255,255,255,.72)}

/* ── жизненный цикл: отдельная секция на фото ── */
.cycle-photo{background-position:center 40%}
.cycle-photo .tl{margin:44px 0 0}
.cycle-photo .tl__ico{
  background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.06));
  border-color:rgba(232,208,140,.45);color:var(--lime-2);
  box-shadow:0 18px 38px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.26);
}
.cycle-photo .tl__i h4{color:var(--ink-d)}
.cycle-photo .tl__when{color:var(--lime-2)}
.cycle-photo .tl__i p:last-child{color:#CBD4BE}
.cycle-photo .tl__i::before{background:linear-gradient(90deg,rgba(198,224,107,.7),rgba(198,224,107,.25))}
.cycle-photo .tl__i:last-child::before{background:linear-gradient(90deg,rgba(198,224,107,.7),rgba(198,224,107,0))}
.cycle-photo .lc-note{color:#98A388;border-top:1px solid rgba(214,232,168,.16);padding-top:16px;margin-top:34px}
.hero__sub b{color:#fff;font-weight:700}

/* ── финал: призыв, контакты и форма одним блоком ── */
.footer{padding:96px 0 46px}
.finale{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;margin-bottom:52px}
.finale__left h2{margin:6px 0 30px;font-size:clamp(1.7rem,3.4vw,2.8rem)}
.finale__left .disclaim{margin-top:26px;max-width:52ch}
.finale__form{padding:32px 34px;display:flex;flex-direction:column;gap:14px;border-radius:var(--r,22px)}
.finale__form .form-row{max-width:none;gap:12px}
.finale__form input[type=email]{width:100%;padding:16px 18px;border-radius:var(--r-sm,14px);font:inherit;
  border:1px solid rgba(214,232,168,.25);background:rgba(255,255,255,.07);color:var(--ink-d)}
.finale__form textarea{
  width:100%;padding:16px 18px;border-radius:var(--r-sm,14px);font:inherit;font-size:1rem;resize:vertical;
  border:1px solid rgba(214,232,168,.25);background:rgba(255,255,255,.07);color:var(--ink-d);
}
.finale__form textarea::placeholder,.finale__form input::placeholder{color:#93A186}
.finale__form .btn{width:100%;margin-top:4px}
.finale__form .form-goal{margin-bottom:2px}
@media (max-width:1023px){
  .finale{grid-template-columns:1fr;gap:32px}
  .finale__form{padding:26px 24px}
}

/* доска светлая: карточки почти непрозрачные, мелкий текст читается */
.plans-wood .plan{background:rgba(252,251,246,.94);border-color:rgba(35,48,27,.14)}
.plans-wood .plan--lead{background:linear-gradient(158deg,#FEFCF6,#F8EFD9);border-color:rgba(201,162,75,.6)}
.plans-wood .plan__spec li{background:rgba(255,255,255,.86)}

/* ═══ ОБЩЕЕ УКРУПНЕНИЕ ТЕКСТА ПО ЛЕНДИНГУ ═══ */
body{font-size:19px}
.sub{font-size:1.24rem;line-height:1.55}
.hero__sub{font-size:1.32rem}
.lead{font-size:1.24rem}

/* карточки и списки */
.feat p,.step p,.hstep p,.rail__i p{font-size:1.06rem;line-height:1.58}
.feats--row .feat h3{font-size:1.3rem}
.feats--row .feat p{font-size:1.06rem}
.plan__lead{font-size:1.1rem;line-height:1.55}
.plan__spec b{font-size:1.62rem}
.plan__spec span{font-size:.98rem;line-height:1.45}
.plan__hint{font-size:.98rem}
.plan__name{font-size:1.62rem}
.plan__tag{font-size:.8rem}
.tcard b{font-size:1.14rem}
.tcard p{font-size:1rem;line-height:1.55}
.tcard .role{font-size:.78rem}

/* риски */
.risk li{font-size:1.06rem;line-height:1.56}
.risk .what{font-size:1.04rem}
.risk__head h3{font-size:1.28rem}

/* лента этапов */
.tl__i h4{font-size:1.28rem}
.tl__when{font-size:.92rem}
.tl__i p:last-child{font-size:1.06rem;line-height:1.58}

/* цифры */
.stat-t span{font-size:1.1rem;line-height:1.5}

/* договор и финал */
.doc-card p,.doc-card li{font-size:1.06rem;line-height:1.62}
.c-line{font-size:1.08rem}
.disclaim{font-size:1rem;line-height:1.6}
.form-goal{font-size:1rem}
.check{font-size:.96rem;line-height:1.55}
.gate__lead{font-size:1.08rem}
.gate__radio label{font-size:1.04rem}

/* сноски — тоже подросли, но остаются вторым планом */
.plans-note,.lc-note,.stats-note,.risks-note,.hero__legal{font-size:.94rem;line-height:1.62}
.requisites{font-size:.9rem;line-height:1.7}
.foot-links{font-size:.96rem}

@media (max-width:767px){
  body{font-size:18px}
  .sub,.lead{font-size:1.14rem}
  .hero__sub{font-size:1.18rem}
}

/* ═══ ВТОРАЯ СТУПЕНЬ УКРУПНЕНИЯ ═══ */
body{font-size:20px}
.sub{font-size:1.32rem;line-height:1.55}
.hero__sub{font-size:1.4rem;line-height:1.55}
.lead{font-size:1.32rem}

.feat p,.step p,.rail__i p{font-size:1.12rem;line-height:1.6}
.feats--row .feat h3{font-size:1.38rem}
.feats--row .feat p{font-size:1.12rem}
.plan__lead{font-size:1.16rem;line-height:1.58}
.plan__spec b{font-size:1.74rem}
.plan__spec span{font-size:1.04rem;line-height:1.45}
.plan__hint{font-size:1.04rem}
.plan__name{font-size:1.72rem}
.plan__tag{font-size:.86rem}
.tcard b{font-size:1.2rem}
.tcard p{font-size:1.06rem;line-height:1.58}
.tcard .role{font-size:.84rem}

.risk li{font-size:1.12rem;line-height:1.58}
.risk .what{font-size:1.1rem}
.risk__head h3{font-size:1.34rem}

.tl__i h4{font-size:1.34rem}
.tl__when{font-size:.98rem}
.tl__i p:last-child{font-size:1.12rem;line-height:1.6}

.stat-t span{font-size:1.16rem;line-height:1.5}
.doc-card p,.doc-card li{font-size:1.12rem;line-height:1.64}
.c-line{font-size:1.14rem}
.form-goal{font-size:1.06rem}
.gate__lead{font-size:1.14rem}
.gate__radio label{font-size:1.1rem}
.finale__left h2{font-size:clamp(1.9rem,3.6vw,3rem)}

/* дисклеймеры и сноски — второй план, мельче основного текста */
.plans-note,.lc-note,.stats-note,.risks-note,.hero__legal{font-size:.82rem;line-height:1.55}
.disclaim{font-size:1.08rem;line-height:1.62}
.check{font-size:1.02rem;line-height:1.55}
.requisites{font-size:.98rem;line-height:1.7}
.foot-links{font-size:1.04rem}
.gate__note{font-size:.98rem}
.legal p,.legal li{font-size:1.08rem;line-height:1.7}

@media (max-width:767px){
  body{font-size:18px}
  .sub,.lead{font-size:1.16rem}
  .hero__sub{font-size:1.2rem}
  .plans-note,.lc-note,.stats-note,.risks-note,.hero__legal,.disclaim{font-size:.98rem}
}

/* футер: служебный текст — третий план, мельче основного */
.requisites{font-size:.84rem;line-height:1.68}
.foot-links{font-size:.9rem;gap:16px 22px}
.finale__left .disclaim{font-size:.94rem;line-height:1.6}
@media (max-width:767px){
  .requisites{font-size:.82rem}
  .foot-links{font-size:.88rem}
}

/* cookie-баннер: угол справа, не поверх содержания */
.cookiebar{
  left:auto;right:24px;bottom:24px;max-width:420px;margin:0;
}
@media (max-width:767px){
  .cookiebar{left:14px;right:14px;bottom:14px;max-width:none}
}

/* ── печать: широкая раскладка, без служебных элементов и анимаций ── */
@media print{
  @page{size:A4 landscape;margin:0}
  html{font-size:15px}
  .nav,.cookiebar,.gate,.hero__next,.nav__burger,.foot-links{display:none!important}
  .reveal,.reveal:not(.on){opacity:1!important;transform:none!important;filter:none!important}
  .hero{min-height:auto;padding:48px 0}
  .section{padding:38px 0;break-inside:avoid}
  .hero,.section,.footer{page-break-inside:avoid}
  .stats-wood,.section--light,.plans-wood{background-image:none}
  .glass,.card-l{backdrop-filter:none;background:rgba(255,255,255,.06)}
  body{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
