/* Легче — общие элементы дизайна v2: цвета, кнопки, заголовки секций, зелёный баннер.
   Подключается на страницах с <body class="v2"> после styles.css и header-v2.css. */

body.v2{--g:#5a7f2c;--g-hover:#47661f;--g-dark:#1e3814;--g-soft:#e9efd8;--cream:#fbf8f1;--card:#fffdf8;--line:#ece6d6;--text:#33402a;--muted:#5f6a52;
  background:var(--cream);color:var(--text);font-family:var(--sans)}
body.v2 *{box-sizing:border-box}
.skip-link{position:absolute;left:12px;top:-60px;background:var(--g-dark);color:#fff;padding:10px 16px;border-radius:10px;z-index:100;font:600 14px var(--sans)}
.skip-link:focus{top:10px}
.h-wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.ico{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
body.v2 a:focus-visible,body.v2 button:focus-visible{outline:3px solid #8fae4f;outline-offset:3px}
.h-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 30px;border-radius:999px;font:600 16px/1 var(--sans);transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;white-space:nowrap;cursor:pointer;border:1.5px solid transparent}
.h-btn:hover{transform:translateY(-2px)}
.h-btn-primary{background:var(--g);color:#fff;box-shadow:0 10px 24px rgba(90,127,44,.28)}
.h-btn-primary:hover{background:var(--g-hover);box-shadow:0 14px 28px rgba(71,102,31,.32)}
.h-btn-ghost{background:rgba(255,253,248,.7);color:var(--g-dark);border-color:#8aa35c}
.h-btn-ghost:hover{background:#fff;border-color:var(--g)}
.h-btn-sm{min-height:46px;padding:0 24px;font-size:15px}
.h-btn-white{background:#fff;color:var(--g-dark);box-shadow:0 10px 24px rgba(15,35,5,.22)}
.h-btn-white:hover{background:#f6f9ec}
.h-arrow{width:18px;height:18px;flex:none}
.hh-pill{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:9px 18px 9px 14px;border-radius:999px;background:rgba(255,253,248,.88);border:1px solid #e3e6cf;font:500 15px/1 var(--sans);color:var(--g-dark)}
.hh-pill .ico{color:var(--g);width:20px;height:20px}
.h-sec{padding:34px 0}
.h-h2{margin:0 0 26px;font:700 clamp(24px,2.6vw,32px)/1.2 var(--serif);color:var(--g-dark);text-align:center;letter-spacing:-.01em}
#join{scroll-margin-top:96px}
.hbn{position:relative;overflow:hidden;border-radius:32px;color:#fff;background:linear-gradient(100deg,#3f6120 0%,#557a29 55%,#6c9235 100%);padding:40px 56px;display:grid;grid-template-columns:minmax(0,1.25fr) auto auto;align-items:center;column-gap:44px;box-shadow:0 18px 44px rgba(50,80,20,.25)}
.hbn h2{margin:0 0 8px;font:700 clamp(24px,2.8vw,36px)/1.15 var(--serif)}
.hbn p{margin:0;font-size:17px;color:#eef4dc}
.hbn-price{padding-left:44px;border-left:1px solid rgba(255,255,255,.28)}
.hbn-price strong{display:block;font:700 clamp(34px,3.4vw,44px)/1.05 var(--serif);white-space:nowrap}
.hbn-price span{font-size:14px;color:#eef4dc}
.hbn .h-btn{position:relative;z-index:2}
.hbn .branch{position:absolute;right:-20px;bottom:-26px;width:150px;height:200px;color:#a9c96a;opacity:.55;transform:rotate(14deg);pointer-events:none}
.hbn .branch.b2{right:90px;bottom:-60px;width:110px;height:150px;opacity:.3;transform:rotate(-8deg)}
.hbn-note{margin:16px 0 0;text-align:center;font-size:13px;color:var(--muted)}
.h-end{padding-bottom:64px}

@media(max-width:1100px){
  .hbn{grid-template-columns:1fr auto;row-gap:22px}
  .hbn-price{padding-left:0;border-left:0;grid-column:1;grid-row:2}
  .hbn .h-btn{grid-column:2;grid-row:2;justify-self:end}
}
@media(max-width:860px){
  .h-sec{padding:26px 0}
  .hbn{grid-template-columns:1fr;padding:32px 26px 34px;row-gap:20px;border-radius:26px}
  .hbn-price{grid-row:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.28)}
  .hbn .h-btn{grid-column:1;grid-row:auto;justify-self:stretch}
}
@media(max-width:600px){
  .h-wrap{width:calc(100% - 32px)}
}
@media(prefers-reduced-motion:reduce){
  .h-btn{transition:none}
  .h-btn:hover{transform:none}
}

/* Платные страницы (data-paid): пока не проверен доступ, содержимое не показываем — без мелькания.
   Решение принимает legko-nav.js: при открытом доступе добавляет lp-gate и показывает страницу,
   без доступа — показывает экран закрытого доступа (legko-paywall.js). */
body[data-paid]:not(.lp-gate) #main{visibility:hidden}
.hbn-badge{display:inline-block;margin-bottom:8px;padding:5px 12px;border-radius:999px;background:#fff;color:#4c6f22;font:700 12px/1.2 var(--sans,Inter,system-ui,sans-serif);letter-spacing:.02em;font-style:normal;white-space:nowrap}