/* ===== Шрифты (лежат на своём хостинге, без Google) ===== */
@font-face{font-family:"Unbounded";font-weight:700;font-display:swap;src:url(/assets/fonts/unbounded-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Unbounded";font-weight:700;font-display:swap;src:url(/assets/fonts/unbounded-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Unbounded";font-weight:700;font-display:swap;src:url(/assets/fonts/unbounded-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Golos";font-weight:400;font-display:swap;src:url(/assets/fonts/golos-text-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos";font-weight:400;font-display:swap;src:url(/assets/fonts/golos-text-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Golos";font-weight:400;font-display:swap;src:url(/assets/fonts/golos-text-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Golos";font-weight:600;font-display:swap;src:url(/assets/fonts/golos-text-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos";font-weight:600;font-display:swap;src:url(/assets/fonts/golos-text-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Golos";font-weight:600;font-display:swap;src:url(/assets/fonts/golos-text-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}

/* ===== Токены ===== */
:root{
  --night:#141B22;     /* ночная трасса: тёмные секции */
  --steel:#1F2933;     /* второй тёмный */
  --steel-2:#2A3641;
  --hivis:#FFC21A;     /* светоотражающий жёлтый: кнопки, акценты */
  --hivis-d:#E8AB00;
  --paper:#FFFFFF;
  --concrete:#F1F3F5;
  --line:#DCE1E5;
  --line-d:rgba(255,255,255,.12);
  --ink:#16202A;
  --muted:#5D6B77;
  --muted-d:#A9B6C0;
  --cold:#3A8FD0;      /* реф */
  --tarp:#3F7A58;      /* штора */
  --bad:#C9402F;
  --ok:#2E8A55;
  --todo-bg:#FFE45C;
  --r-sm:8px; --r-md:14px; --r-lg:22px;
  --display:"Unbounded",system-ui,sans-serif;
  --text:"Golos",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --lift:0 1px 2px rgba(10,20,30,.06),0 12px 32px -12px rgba(10,20,30,.28);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--text);padding-bottom:84px}
@media (min-width:900px){body{padding-bottom:0}}
img,svg{display:block;max-width:100%}
a{color:inherit}
b{font-weight:600}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.14;margin:0;letter-spacing:-.015em}
h2{font-size:clamp(1.5rem,6vw,2.4rem);margin-bottom:1.4rem;max-width:20ch}
h3{font-size:1.15rem;margin-bottom:.75rem}
p{margin:0 0 1rem}
:focus-visible{outline:3px solid var(--hivis);outline-offset:2px}

.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.narrow{max-width:760px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;z-index:100;background:var(--hivis);padding:8px 12px}

/* Пометка «уточнить» — видна сразу, удаляется после заполнения данными */
.todo{background:var(--todo-bg);color:#000;font:600 .8em/1.3 var(--text);padding:.1em .35em;border:1px dashed #9A7B00;border-radius:3px;letter-spacing:0;white-space:normal}

/* ===== Кнопки ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:56px;padding:0 26px;border-radius:var(--r-sm);font:600 1.05rem/1 var(--text);text-decoration:none;border:2px solid transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s}
.btn--main{background:var(--hivis);color:var(--ink);border-color:var(--hivis);box-shadow:0 10px 24px -10px rgba(255,194,26,.65)}
.btn--main:hover{background:var(--hivis-d);border-color:var(--hivis-d)}
.btn--main:active{transform:translateY(1px)}
.btn--ghost{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.35);backdrop-filter:blur(6px)}
.btn--ghost:hover{border-color:#fff}
.btn--ghost-dark{background:transparent;color:var(--ink);border-color:var(--line)}
.btn--block{display:flex;width:100%}
.btn[disabled]{opacity:.6;cursor:wait}

/* ===== Hero: фото + текст ===== */
.hero{position:relative;background:var(--night);color:#fff;overflow:hidden}
.hero__media{position:absolute;inset:0 0 auto 0;height:min(86vw,520px)}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:42% 55%}
.hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,27,34,.55) 0%,rgba(20,27,34,0) 22%,rgba(20,27,34,0) 45%,rgba(20,27,34,.85) 80%,var(--night) 100%)}
.hero__in{position:relative;padding-top:calc(min(86vw,520px) - 96px);padding-bottom:36px}
.hero__brand{position:absolute;top:18px;left:20px;right:20px;margin:0;font-size:.92rem;color:#E4EAEE;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.hero__title{font-size:clamp(2rem,9vw,3.8rem);margin-bottom:.8rem;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.hero__money{margin:0 0 1.1rem}
.hero__sum{display:block;white-space:nowrap;font:700 clamp(1.4rem,calc((100vw - 44px) / 12.6),3.4rem)/1.05 var(--display);color:var(--hivis);letter-spacing:-.02em}
.hero__per{display:block;margin-top:.5rem;color:#E4EAEE}
.hero__lead{font-size:1.08rem;max-width:36ch;margin-bottom:1.1rem;color:#E4EAEE}
.hero__badges{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;gap:8px;justify-items:start}
.hero__badges li{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line-d);border-radius:var(--r-sm);background:rgba(20,27,34,.55);backdrop-filter:blur(6px);font-size:.95rem}
.hero__badges li::before{content:"";flex:0 0 10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(46,138,85,.25)}
.hero__actions{display:grid;gap:10px}
.hero__note{margin:.9rem 0 0;color:var(--muted-d);font-size:.95rem}
@media (min-width:600px){.hero__actions{grid-template-columns:auto auto;justify-content:start}}
@media (min-width:900px){
  .hero{min-height:640px;display:flex;align-items:center}
  .hero__media{inset:0 0 0 38%;height:auto}
  .hero__media img{object-position:30% 55%}
  .hero__media::after{background:linear-gradient(90deg,var(--night) 0%,rgba(20,27,34,.7) 18%,rgba(20,27,34,0) 48%),linear-gradient(0deg,rgba(20,27,34,.6),rgba(20,27,34,0) 30%)}
  .hero__in{padding-top:100px;padding-bottom:80px;width:100%}
  .hero__in > *:not(.hero__brand){max-width:560px}
  .hero__brand{left:20px;top:32px}
}

/* Полоса с фактами */
.stats{background:var(--steel);color:#fff;border-top:1px solid var(--line-d)}
.stats ul{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:1fr 1fr}
.stats li{padding:20px 20px 22px;border-bottom:1px solid var(--line-d)}
.stats li:nth-child(odd){border-right:1px solid var(--line-d)}
.stats b{display:block;font:700 clamp(1.3rem,5.5vw,1.9rem)/1.1 var(--display);color:var(--hivis);margin-bottom:.35rem}
.stats span{color:var(--muted-d);font-size:.92rem;line-height:1.35;display:block}
@media (min-width:900px){
  .stats ul{grid-template-columns:repeat(4,1fr)}
  .stats li{border-bottom:0;border-right:1px solid var(--line-d);padding:28px 24px}
  .stats li:last-child{border-right:0}
}

/* ===== Секции ===== */
.sec{padding:64px 0}
@media (min-width:900px){.sec{padding:96px 0}}
.sec--tint{background:var(--concrete)}
.sec--dark{background:var(--night);color:#fff}
.sec--dark .lead,.sec--dark .note,.sec--form .lead{color:var(--muted-d)}
.lead{font-size:1.1rem;max-width:44ch;color:var(--muted)}
.note{color:var(--muted);font-size:.95rem}

/* Почему холдинг: проблема → решение → выгода */
.pss{display:grid;gap:14px}
.pss__row{border-radius:var(--r-md);padding:20px 22px;background:var(--concrete)}
.pss__row p:last-child{margin:0}
.pss__k{font-weight:600;color:var(--muted);margin-bottom:.35rem;font-size:.95rem}
.pss__row--win{background:var(--night);color:#fff}
.pss__row--win .pss__k{color:var(--hivis)}
@media (min-width:900px){.pss{grid-template-columns:1fr 1fr 1.15fr}}

/* Карточки направлений */
.dirs{display:grid;gap:20px}
@media (min-width:900px){.dirs{grid-template-columns:1fr 1fr;gap:24px}}
.dir{background:var(--paper);color:var(--ink);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--lift)}
.dir__pic{position:relative;background:#DCE2E6}
.dir__pic img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.dir__pic::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--cold)}
.dir--tarp .dir__pic::after{background:var(--tarp)}
.dir__body{padding:20px 22px 22px}
.dir__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 14px;margin-bottom:10px}
.dir__head h3{margin:0;font-size:1.35rem}
.dir__pay{font:700 1.05rem/1.2 var(--display);color:var(--cold)}
.dir--tarp .dir__pay{color:var(--tarp)}
.spec{margin:0 0 20px}
.spec div{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.spec div:last-child{border-bottom:0}
.spec dt{color:var(--muted);font-size:.93rem}
.spec dd{margin:0}

/* Деньги */
.money{display:grid;gap:28px}
@media (min-width:900px){.money{grid-template-columns:1.1fr 1fr;align-items:start;gap:56px}}
.money__big{white-space:nowrap;font:700 clamp(1.4rem,calc((100vw - 44px) / 12.6),3rem)/1.1 var(--display);margin-bottom:.4rem}
.money__sub{color:var(--muted);margin-bottom:1.5rem}
.money__rows{display:grid;gap:10px}
.money__row{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-radius:var(--r-md);background:var(--concrete);border-left:5px solid var(--cold)}
.money__row--tarp{border-left-color:var(--tarp)}
.money__row--all{background:var(--night);color:#fff;border-left-color:var(--hivis)}
.money__row{gap:12px}
.money__row b{font:700 1.1rem var(--display);white-space:nowrap}

/* Списки */
.ticks,.crosses,.checklist{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.9rem}
.ticks li,.crosses li{padding-left:32px;position:relative}
.ticks li::before{content:"";position:absolute;left:3px;top:.36em;width:16px;height:9px;border-left:3px solid var(--ok);border-bottom:3px solid var(--ok);transform:rotate(-45deg)}
.sec--dark .ticks li::before{border-color:var(--hivis)}
.crosses li::before,.crosses li::after{content:"";position:absolute;left:3px;top:.72em;width:16px;height:3px;background:var(--bad);transform:rotate(45deg)}
.crosses li::after{transform:rotate(-45deg)}

/* Техника */
.tech{display:grid;gap:20px;margin-bottom:20px}
@media (min-width:900px){.tech{grid-template-columns:1fr 1fr;gap:24px}}
.tech__item{margin:0;background:var(--paper);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--lift)}
.tech__item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#DCE2E6}
.tech__item figcaption{padding:18px 22px 20px}
.tech__item h3{margin-bottom:.4rem}
.tech__item p{margin:0;color:var(--muted)}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ph{margin:0;aspect-ratio:4/3;background:#DCE2E6;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;padding:10px;text-align:center}

/* Шаги — настоящая последовательность, поэтому номера */
.steps{list-style:none;counter-reset:s;padding:0;margin:0 0 1rem;max-width:640px}
.steps li{counter-increment:s;position:relative;padding:4px 0 1.5rem 58px;min-height:44px}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:var(--night);color:var(--hivis);font:700 1rem/40px var(--display);text-align:center}
.steps li:not(:last-child)::after{content:"";position:absolute;left:19px;top:42px;bottom:4px;width:2px;background:var(--line)}
.steps li:last-child::before{background:var(--hivis);color:var(--ink)}

/* Жильё */
.home{display:grid;gap:12px}
@media (min-width:700px){.home{grid-template-columns:repeat(3,1fr)}}
.home li{list-style:none;background:var(--paper);border-radius:var(--r-md);padding:20px;box-shadow:var(--lift)}
.home{padding:0;margin:0}
.home b{display:block;font:700 1.02rem/1.25 var(--display);margin-bottom:.3rem}
.home span{color:var(--muted)}

/* Варианты графика */
.sched{list-style:none;padding:0;margin:0;display:grid;gap:12px}
@media (min-width:700px){.sched{grid-template-columns:repeat(3,1fr)}}
.sched li{background:var(--night);color:#fff;border-radius:var(--r-md);padding:22px 20px}
.sched b{display:block;font:700 1.5rem/1.1 var(--display);color:var(--hivis);margin-bottom:.45rem}
.sched span{color:var(--muted-d)}

/* Кому не подойдёт */
.nofit{margin-top:1.75rem;border:2px solid var(--bad);border-radius:var(--r-md);padding:22px;max-width:640px}
.nofit h3{color:var(--bad)}
.nofit .crosses{margin:0}

/* Чек-лист — квадратики, водитель «отмечает» сам */
.checklist{max-width:640px}
.checklist li{display:flex;gap:14px;align-items:flex-start;background:var(--paper);padding:15px 18px;border-radius:var(--r-sm);border:1px solid var(--line)}
.checklist small{display:block;color:var(--muted);font-size:.9rem;margin-top:2px}
.checklist li::before{content:"";flex:0 0 22px;height:22px;border:2.5px solid var(--ink);border-radius:5px;margin-top:1px}
.callout{background:var(--night);color:#fff;padding:20px 22px;border-radius:var(--r-md);margin:1.4rem 0 0;max-width:640px}
.callout b{color:var(--hivis)}

/* О холдинге: преимущества */
.perks{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px}
@media (min-width:700px){.perks{grid-template-columns:1fr 1fr}}
.perks li{display:flex;gap:16px;align-items:flex-start;padding:20px;border:1px solid var(--line-d);border-radius:var(--r-md);background:var(--steel)}
.perks svg{flex:0 0 40px;width:40px;height:40px;padding:9px;border-radius:10px;background:rgba(255,194,26,.14);stroke:var(--hivis);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.perks b{display:block;margin-bottom:.2rem}
.perks__main{border-color:rgba(255,194,26,.45)!important;background:linear-gradient(135deg,rgba(255,194,26,.12),rgba(255,194,26,0) 60%),var(--steel)!important}
@media (min-width:700px){.perks__main{grid-column:1/-1}}
.perks span{color:var(--muted-d)}

/* ===== Форма ===== */
.sec--form{background:var(--night);color:#fff}
.formgrid{display:grid;gap:28px}
@media (min-width:900px){.formgrid{grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}}
.form{background:var(--paper);color:var(--ink);border-radius:var(--r-lg);padding:24px 18px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
@media (min-width:600px){.form{padding:32px 30px}}
.field{margin:0 0 20px;padding:0;border:0;min-width:0}
.field label,.field legend{display:block;font-weight:600;margin-bottom:8px;padding:0}
.field input[type=text]{width:100%;min-height:54px;padding:0 14px;font:400 17px var(--text);color:var(--ink);border:2px solid var(--line);border-radius:var(--r-sm);background:#fff}
.field input[type=text]:focus{border-color:var(--ink);outline:none}
.field.is-bad input[type=text]{border-color:var(--bad)}
.field__err{display:none;color:var(--bad);font-size:.92rem;margin:6px 0 0}
.is-bad > .field__err,.field__err.is-shown{display:block}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{margin:0;font-weight:400}
.chips input{position:absolute;opacity:0;pointer-events:none}
.chips span{display:inline-flex;align-items:center;min-height:46px;padding:0 16px;border:2px solid var(--line);border-radius:999px;cursor:pointer;user-select:none;transition:background .12s,border-color .12s}
.chips input:checked + span{background:var(--ink);border-color:var(--ink);color:#fff}
.chips input:focus-visible + span{outline:3px solid var(--hivis);outline-offset:2px}
.is-bad .chips span{border-color:var(--bad)}
.agree{display:flex;gap:12px;align-items:flex-start;font-size:.95rem;margin:4px 0 6px;cursor:pointer}
.agree input{width:22px;height:22px;flex:0 0 22px;margin:2px 0 0;accent-color:var(--ink)}
.agree a{color:var(--ink)}
.form .btn{margin-top:14px}
.form__status{margin:12px 0 0;min-height:1.2em;font-size:.95rem}
.form__status.is-err{color:var(--bad)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.done{background:var(--paper);color:var(--ink);border-radius:var(--r-lg);padding:28px 22px;border-top:6px solid var(--ok)}
.done:focus{outline:none}
.done h3{color:var(--ok)}
.done p{margin:0}

/* ===== Мессенджеры ===== */
.msg{display:grid;gap:10px;margin-bottom:1.5rem}
.msg__btn{display:flex;align-items:center;justify-content:center;min-height:56px;border-radius:var(--r-sm);color:#fff;font-weight:600;text-decoration:none}
.msg__btn--tg{background:#229ED9}
.msg__btn--vb{background:#7360F2}
.msg__btn--wa{background:#1E8E4E}
.msg__btn.is-empty{background:var(--todo-bg);color:#000;border:1px dashed #9A7B00;pointer-events:none}
@media (min-width:600px){.msg{grid-template-columns:repeat(2,1fr);max-width:560px}}
.contacts{line-height:1.9}
.contacts a{font-weight:600}

/* ===== Подвал ===== */
.foot{background:var(--steel);color:var(--muted-d);padding:28px 0;font-size:.92rem}
.foot p{margin:0 0 .5rem}
.foot a{color:#fff}
.linkbtn{background:none;border:0;padding:0;color:#fff;font:inherit;text-decoration:underline;cursor:pointer}

/* ===== Закреплённая кнопка (мобильный) ===== */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(20,27,34,.94);backdrop-filter:blur(8px);transform:translateY(110%);transition:transform .25s ease}
.sticky.is-on{transform:none}
@media (min-width:900px){.sticky{display:none}}

/* ===== Cookie ===== */
.cookie{position:fixed;left:10px;right:10px;bottom:10px;z-index:60;background:var(--paper);color:var(--ink);border-radius:var(--r-md);padding:14px 16px;box-shadow:0 8px 30px rgba(0,0,0,.28);font-size:.88rem;line-height:1.45;max-width:560px;margin:0 auto}
.cookie p{margin:0 0 10px}
.cookie__btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cookie .btn{min-height:48px;padding:0 10px;font-size:.98rem;box-shadow:none}