/* ============ ШРИФТЫ ============ */
/* Unbounded (дисплейный) - только кириллица; латиница/цифры падают на Manrope */
@font-face{font-family:'Unbounded';font-style:normal;font-weight:400;font-display:swap;
  src:url('media/fonts/unbounded-400-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:400;font-display:swap;
  src:url('media/fonts/unbounded-400-cyrillic-ext.woff2') format('woff2');
  unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:600;font-display:swap;
  src:url('media/fonts/unbounded-600-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:600;font-display:swap;
  src:url('media/fonts/unbounded-600-cyrillic-ext.woff2') format('woff2');
  unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:800;font-display:swap;
  src:url('media/fonts/unbounded-800-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:800;font-display:swap;
  src:url('media/fonts/unbounded-800-cyrillic-ext.woff2') format('woff2');
  unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}

/* Manrope (текст) - латиница/цифры + кириллица */
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('media/fonts/manrope.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+20BD,U+2122,U+2191,U+2193,U+2212,U+2215;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;
  src:url('media/fonts/manrope-400-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;
  src:url('media/fonts/manrope-500-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;
  src:url('media/fonts/manrope-700-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;
  src:url('media/fonts/manrope-400-cyrillic-ext.woff2') format('woff2');
  unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}

/* ============ ТОКЕНЫ ============ */
:root{
  --bg:#0c1013;
  --bg-2:#10161a;
  --bg-3:#151d22;
  --ink:#eef2f3;
  --muted:#9aa7ad;
  --muted-2:#6f7c83;
  --line:rgba(255,255,255,.10);
  --line-2:rgba(255,255,255,.06);
  --accent:#e08a3e;
  --accent-2:#c8752d;
  --accent-ink:#150e05;
  --steel:#7fa3ad;
  --maxw:1240px;
  --pad:clamp(20px,5vw,64px);
  --font-display:'Unbounded','Manrope',system-ui,sans-serif;
  --font-text:'Manrope',system-ui,-apple-system,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
}

/* ============ БАЗА ============ */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--ink);
  font-family:var(--font-text);font-weight:400;font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img,video{display:block;max-width:100%}
img{height:auto}  /* иначе атрибут height из HTML сплющивает фото при сжатии по ширине */
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--font-display);font-weight:800;line-height:1.06;letter-spacing:-.02em}
::selection{background:var(--accent);color:var(--accent-ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}

.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}

/* ============ КНОПКИ ============ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  font-family:var(--font-text);font-weight:700;font-size:15px;letter-spacing:.01em;
  padding:14px 26px;border-radius:999px;border:1px solid transparent;cursor:pointer;
  transition:transform .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease);
  white-space:nowrap;
}
.btn--accent{background:var(--accent);color:var(--accent-ink)}
.btn--accent:hover{background:#f0993f}
.btn--accent:active{transform:translateY(1px)}
.btn--ghost{background:rgba(255,255,255,.04);color:var(--ink);border-color:var(--line)}
.btn--ghost:hover{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.08)}
.btn--sm{padding:10px 18px;font-size:14px}
.btn--lg{padding:16px 30px;font-size:16px}
.btn--wide{width:100%}

/* ============ ХЕДЕР ============ */
.hdr{
  position:fixed;inset:0 0 auto 0;z-index:50;height:72px;
  display:flex;align-items:center;gap:24px;
  padding-inline:var(--pad);
  background:linear-gradient(180deg,rgba(8,11,13,.72),rgba(8,11,13,0));
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.hdr.is-solid{background:rgba(9,12,14,.9);border-bottom:1px solid var(--line-2)}
.hdr__brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:-.01em}
.hdr__mark{width:79px;height:79px;flex:none;border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #f2ede2, #d9d2c2);
  box-shadow:0 3px 14px rgba(0,0,0,.5);
  align-self:flex-start;margin-top:6px}
@media (max-width:767px){.hdr__mark{width:58px;height:58px;margin-top:4px}}
.hdr__nav{display:flex;gap:26px;margin-left:auto;font-size:15px;color:var(--muted)}
.hdr__nav a{transition:color .2s}
.hdr__nav a:hover{color:var(--ink)}
.hdr__phone{display:flex;flex-direction:column;line-height:1.2;text-align:right}
.hdr__phone-label{font-size:11px;color:var(--muted-2);letter-spacing:.04em}
.hdr__phone-num{font-weight:700;font-size:15px}

/* ============ HERO ============ */
.hero{position:relative;min-height:100dvh;display:flex;align-items:flex-end;overflow:hidden}
.hero__bg{position:absolute;inset:0;background:#0c1013 url('media/img/hero-poster.jpg') center/cover no-repeat}
.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__scrim{position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(8,11,13,.55) 0%,rgba(8,11,13,.1) 32%,rgba(8,11,13,.35) 62%,rgba(8,11,13,.96) 100%),
    linear-gradient(90deg,rgba(8,11,13,.7) 0%,rgba(8,11,13,0) 60%);
}
.hero__inner{position:relative;z-index:2;max-width:var(--maxw);margin-inline:auto;width:100%;
  padding:0 var(--pad) clamp(56px,10vh,120px);}
.hero__eyebrow{font-size:13px;letter-spacing:.08em;color:var(--steel);text-transform:uppercase;margin-bottom:20px;font-weight:600}
.hero__title{font-size:clamp(38px,6.4vw,84px);font-weight:800;max-width:16ch}
.hero__lead{margin-top:22px;max-width:46ch;font-size:clamp(17px,2vw,21px);color:#d3dadd}
.hero__cta{margin-top:34px;display:flex;flex-wrap:wrap;gap:14px}

/* ============ ЗАГОЛОВКИ СЕКЦИЙ ============ */
.sec-head{max-width:64ch;padding-block:clamp(64px,9vw,120px) clamp(28px,4vw,48px)}
.sec-head--center{margin-inline:auto;text-align:center}
.sec-title{font-size:clamp(28px,4.4vw,52px)}
.sec-lead{margin-top:18px;color:var(--muted);font-size:clamp(16px,1.7vw,19px);max-width:56ch}
.sec-head--center .sec-lead{margin-inline:auto}

/* ============ МАНИФЕСТ ============ */
.manifest{position:relative;min-height:78vh;display:flex;align-items:center;overflow:hidden}
.manifest__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.manifest__scrim{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(9,12,14,.85),rgba(9,12,14,.6) 45%,rgba(9,12,14,.92))}
.manifest__inner{position:relative;z-index:3;padding-block:80px}
.manifest__text{font-size:clamp(26px,4.6vw,54px);max-width:20ch}
.manifest__sub{margin-top:26px;max-width:52ch;color:#cdd5d8;font-size:clamp(16px,1.8vw,20px)}

/* ============ ТЕХНИКА ============ */
.tech{background:var(--bg);position:relative;overflow:hidden}
.tech__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6}
.tech__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,16,19,.5),rgba(12,16,19,.34) 55%,var(--bg))}
.tech .sec-title,.tech .sec-lead{text-shadow:0 2px 18px rgba(0,0,0,.65)}
.tech__wrap{position:relative;z-index:2}
.tech__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,28px)}
.tech__card{background:var(--bg-2);border:1px solid var(--line-2);border-radius:18px;overflow:hidden}
.tech__media{aspect-ratio:16/11;background-position:center;background-size:cover;background-repeat:no-repeat}
.tech__body{padding:clamp(22px,3vw,34px)}
.tech__name{font-family:var(--font-display);font-weight:600;font-size:clamp(20px,2.4vw,28px);margin-bottom:14px}
.tech__body p{color:var(--muted);font-size:16px}
.stats{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:clamp(28px,4vw,44px);
  background:var(--line-2);border:1px solid var(--line-2);border-radius:16px;overflow:hidden}
.stats li{background:var(--bg);padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:8px}
.stats__num{font-family:var(--font-display);font-weight:800;font-size:clamp(26px,3.4vw,40px);color:var(--ink)}
.stats__cap{color:var(--muted-2);font-size:14px}

/* ============ ТРОФЕИ ============ */
.trophy{background:var(--bg);position:relative;overflow:hidden}
.trophy__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6}
.trophy__veil{position:absolute;inset:0;background:linear-gradient(180deg,var(--bg),rgba(12,16,19,.35) 28%,rgba(12,16,19,.28) 62%,var(--bg))}
.trophy__wrap{position:relative;z-index:2}
.trophy .sec-title,.trophy .sec-lead{text-shadow:0 2px 18px rgba(0,0,0,.65)}
.trophy__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,20px);padding-bottom:clamp(48px,7vw,96px)}
.trophy__card{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:3/4;min-height:320px}
.trophy__media{position:absolute;inset:0;background-position:center;background-size:cover;transition:transform .6s var(--ease)}
.trophy__card:hover .trophy__media{transform:scale(1.05)}
.trophy__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,13,15,0) 40%,rgba(10,13,15,.88))}
.trophy__cap{position:absolute;inset:auto 0 0 0;padding:22px}
.trophy__cap h3{font-family:var(--font-display);font-weight:600;font-size:clamp(20px,2.2vw,26px)}
.trophy__cap p{margin-top:6px;color:var(--steel);font-size:14px;letter-spacing:.02em}

/* ============ НАПРАВЛЕНИЯ ============ */
.dirs{background:var(--bg)}
.dirs__list{display:flex;flex-direction:column}
.dir{position:relative;min-height:70vh;display:flex;align-items:flex-end;overflow:hidden}
.dir__media{position:absolute;inset:0;background-position:center;background-size:cover}
.dir__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,12,14,.35),rgba(9,12,14,.35) 40%,rgba(9,12,14,.94)),linear-gradient(90deg,rgba(9,12,14,.72),rgba(9,12,14,0) 62%)}
.dir__inner{position:relative;z-index:2;width:100%;padding-block:clamp(40px,6vw,72px)}
.dir__text{max-width:52ch}
.dir__kick{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:14px}
.dir__name{font-size:clamp(32px,5vw,62px);font-weight:800}
.dir__desc{margin-top:16px;color:#cfd6d9;font-size:clamp(16px,1.8vw,19px);max-width:46ch}
.dir__meta{margin-top:24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.dir__meta span{font-family:var(--font-display);font-weight:600;font-size:clamp(17px,2vw,22px)}

/* ============ ДЕНЬ НА РЕКЕ ============ */
.day{background:var(--bg-2)}
.day__stage{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:start;
  max-width:var(--maxw);margin-inline:auto;padding:0 var(--pad) clamp(64px,9vw,120px)}
.day__media{position:sticky;top:88px;height:calc(100dvh - 140px);min-height:420px;border-radius:20px;overflow:hidden}
.day__frame{position:absolute;inset:0;background-position:center;background-size:cover;
  opacity:0;transform:scale(1.05);transition:opacity .8s var(--ease),transform 1.4s var(--ease)}
.day__frame.is-active{opacity:1;transform:scale(1);will-change:transform,opacity}
.day__vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.day__tint{position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:soft-light;
  background:linear-gradient(180deg,rgba(92,96,104,.5),rgba(36,38,42,.22));transition:background .6s linear}
.day__frame-scrim{position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(9,12,14,.15),rgba(9,12,14,.55))}
.day__steps{display:flex;flex-direction:column}
.day__step{min-height:64vh;display:flex;flex-direction:column;justify-content:center;padding-block:24px}
.day__step.is-active .day__idx{color:var(--accent)}
.day__idx{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);transition:color .3s}
.day__step h3{font-size:clamp(26px,3.4vw,44px);margin-top:14px}
.day__step p{margin-top:16px;color:var(--muted);font-size:clamp(16px,1.8vw,19px);max-width:42ch}

/* ============ КОНСТРУКТОР ЦЕНЫ ============ */
.price{background:var(--bg)}
.calc{display:grid;grid-template-columns:1.35fr .95fr;gap:clamp(18px,2.6vw,32px);align-items:start;padding-bottom:clamp(64px,9vw,120px)}
.calc__panel{display:flex;flex-direction:column;gap:clamp(24px,3vw,38px)}
.calc__group{display:flex;flex-direction:column;gap:16px}
.calc__label{font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:.02em;color:var(--muted)}
.seg{display:inline-flex;background:var(--bg-3);border:1px solid var(--line);border-radius:12px;padding:4px;width:max-content}
.seg__opt input{position:absolute;opacity:0;pointer-events:none}
.seg__opt span{display:block;padding:10px 24px;border-radius:9px;font-weight:700;font-size:15px;color:var(--muted);cursor:pointer;transition:.2s}
.seg__opt input:checked+span{background:var(--ink);color:var(--bg)}
.opts{display:flex;flex-direction:column;gap:10px}
.opt{position:relative;display:grid;grid-template-columns:24px 1fr auto;align-items:start;gap:14px;
  padding:16px 18px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:13px;cursor:pointer;transition:border-color .2s,background .2s}
.opt:hover{border-color:var(--line)}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt__box{width:22px;height:22px;border-radius:50%;border:2px solid var(--muted-2);transition:.2s;position:relative}
.opt__box--check{border-radius:7px}
.opt__box::after{content:"";position:absolute;inset:4px;border-radius:inherit;background:var(--accent);opacity:0;transform:scale(.4);transition:.2s var(--ease)}
.opt input:checked+.opt__box{border-color:var(--accent)}
.opt input:checked+.opt__box::after{opacity:1;transform:scale(1)}
.opt:has(input:checked){border-color:rgba(224,138,62,.5);background:rgba(224,138,62,.06)}
.opt__text{display:flex;flex-direction:column;gap:3px}
.opt__text b{font-weight:700;font-size:16px}
.opt__text em{font-style:normal;color:var(--muted-2);font-size:13.5px}
.opt__note{display:block;margin-top:5px;color:var(--muted);font-size:13.5px;line-height:1.5;max-width:56ch}
.opt__price{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--steel);white-space:nowrap;padding-top:1px}
.calc__hint{color:var(--muted-2);font-size:13.5px;line-height:1.5;max-width:60ch}

/* Готовые сценарии */
.presets{display:flex;flex-direction:column;gap:14px;padding-bottom:clamp(26px,3.4vw,40px)}
.presets__row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.preset{display:flex;flex-direction:column;gap:5px;text-align:left;padding:16px 18px;cursor:pointer;
  background:var(--bg-2);border:1px solid var(--line-2);border-radius:14px;color:inherit;font:inherit;transition:border-color .2s,background .2s,transform .2s}
.preset:hover{border-color:var(--line);transform:translateY(-2px)}
.preset__name{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.02em}
.preset__sum{font-family:var(--font-display);font-weight:800;font-size:clamp(20px,2.4vw,26px);color:var(--accent);line-height:1.1}
.preset__desc{color:var(--muted-2);font-size:13px;line-height:1.5}
.preset.is-active{border-color:rgba(224,138,62,.55);background:rgba(224,138,62,.08)}
.presets__hint{color:var(--muted-2);font-size:13px}

/* Базовый набор */
.basecard{background:var(--bg-2);border:1px solid var(--line-2);border-radius:14px;padding:18px 20px}
.basecard__list{list-style:none;display:flex;flex-direction:column;gap:14px}
.basecard__list li{display:flex;flex-direction:column;gap:3px;padding-left:16px;position:relative}
.basecard__list li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.basecard__list b{font-weight:700;font-size:15.5px}
.basecard__list span{color:var(--muted);font-size:14px;line-height:1.55;max-width:64ch}
.basecard__price{margin-top:16px;padding-top:14px;border-top:1px solid var(--line-2);
  font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--steel);font-variant-numeric:tabular-nums}

/* Ценой управляете вы */
.levers{background:var(--bg-3);border:1px solid var(--line);border-radius:16px;padding:clamp(20px,2.6vw,28px)}
.levers__title{font-family:var(--font-display);font-weight:800;font-size:clamp(19px,2.2vw,24px);letter-spacing:-.01em}
.levers__lead{margin-top:6px;color:var(--muted);font-size:14.5px}
.levers__list{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:9px}
.levers__list li{display:flex;justify-content:space-between;align-items:baseline;gap:14px;
  padding-bottom:9px;border-bottom:1px solid var(--line-2);font-size:14.5px;color:var(--muted)}
.levers__list li:last-child{border-bottom:0;padding-bottom:0}
.levers__list b{font-family:var(--font-display);font-weight:700;color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums}
.levers__note{margin-top:14px;color:var(--muted-2);font-size:13px;line-height:1.5}

.calc__total{position:sticky;top:88px}
.calc__total-inner{background:var(--bg-3);border:1px solid var(--line);border-radius:18px;padding:clamp(24px,3vw,34px)}
.calc__total-cap{color:var(--muted);font-size:14px}
.calc__sum{font-family:var(--font-display);font-weight:800;font-size:clamp(34px,5vw,50px);margin-top:8px;line-height:1;letter-spacing:-.02em}
.calc__break{list-style:none;margin:22px 0;border-top:1px solid var(--line-2);padding-top:18px;display:flex;flex-direction:column;gap:9px}
.calc__break li{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;color:var(--muted)}
.calc__break li span:last-child{color:var(--ink);font-variant-numeric:tabular-nums}
.calc__break li.is-base span:first-child{color:var(--ink)}
.calc__total .btn{margin-top:6px}
.calc__honest{margin-bottom:16px;padding:12px 14px;border-radius:11px;background:var(--bg-2);
  border:1px solid var(--line-2);color:var(--muted);font-size:13.5px;line-height:1.55}
.calc__pdf{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:var(--steel);
  font-family:var(--font-display);font-weight:600;font-size:14px;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:3px;transition:color .2s,border-color .2s}
.calc__pdf:hover{color:var(--accent);border-color:var(--accent)}
.calc__pdf svg{width:17px;height:17px;flex:none;stroke-linecap:round;stroke-linejoin:round}
.calc__note{margin-top:16px;color:var(--muted-2);font-size:13px;line-height:1.5}

/* Приманки: отстройка в секции техники */
.lures{margin-top:clamp(26px,3.4vw,40px);background:rgba(10,14,18,.55);backdrop-filter:blur(6px);
  border:1px solid var(--line);border-radius:16px;padding:clamp(20px,2.8vw,32px);max-width:78ch}
.lures__title{font-family:var(--font-display);font-weight:800;font-size:clamp(20px,2.4vw,27px);letter-spacing:-.01em}
.lures__text{margin-top:12px;color:var(--muted);font-size:clamp(15px,1.6vw,17px);line-height:1.65}
.lures__text--muted{color:var(--muted-2);font-size:14.5px}

/* Честные размеры на карточках трофеев */
.trophy__kg{display:inline-block;margin-left:9px;font-family:var(--font-display);font-weight:600;
  font-size:13px;letter-spacing:.02em;color:var(--accent);vertical-align:middle}

/* ============ ГИД ============ */
.guide{background:var(--bg-2)}
.guide__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,60px);align-items:center;
  padding-block:clamp(64px,9vw,120px)}
.guide__media{border-radius:20px;overflow:hidden;min-height:440px;height:100%;position:relative;background:var(--bg-3)}
.guide__media:has(.guide__intro){min-height:0;height:auto}
.guide__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* Видео-интро гида: вертикальный кадр со звуком, играет по клику */
/* Видео-интро гида: вертикальная карточка 9:16, кадр не режется и не тянется */
.guide__media:has(.guide__intro){display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:12px;background:none;min-height:0;border-radius:0;overflow:visible}
.guide__media video.guide__intro{position:relative;inset:auto;display:block;
  width:min(340px,100%);height:auto;aspect-ratio:9/16;
  object-fit:cover;border-radius:22px;background:#0b0e10;border:1px solid var(--line);
  box-shadow:0 24px 60px rgba(0,0,0,.5)}
.guide__cap{font-size:13px;color:var(--muted-2);text-align:center;max-width:34ch}
@media (max-width:900px){.guide__media video.guide__intro{width:min(300px,88%)}}
.guide__lead{margin-top:20px;color:#cdd5d8;font-size:clamp(16px,1.8vw,19px);max-width:48ch}
.guide__list{list-style:none;margin:28px 0;display:flex;flex-direction:column;gap:14px}
.guide__list li{position:relative;padding-left:30px;color:var(--muted)}
.guide__list li::before{content:"";position:absolute;left:0;top:9px;width:11px;height:11px;border-radius:50%;
  border:2px solid var(--accent);background:transparent}

/* ============ ГАЛЕРЕЯ ============ */
.gallery{background:var(--bg)}
.gallery__row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:0 var(--pad) clamp(56px,8vw,96px);scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.gallery__row::-webkit-scrollbar{height:8px}
.gallery__row::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}
.gallery__item{flex:none;width:clamp(280px,42vw,460px);aspect-ratio:4/3;border-radius:14px;
  background-position:center;background-size:cover;scroll-snap-align:start}
.gallery__item--tall{aspect-ratio:3/4;width:clamp(230px,30vw,360px)}

/* ============ FAQ ============ */
.faq{background:var(--bg-2);position:relative;overflow:hidden}
.faq__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2}
.faq__veil{position:absolute;inset:0;background:linear-gradient(180deg,var(--bg-2),rgba(16,22,26,.86) 45%,var(--bg-2))}
.faq__wrap{position:relative;z-index:2;padding-bottom:clamp(64px,9vw,120px);max-width:900px}
.faq__list{border-top:1px solid var(--line-2)}
.faq__item{border-bottom:1px solid var(--line-2)}
.faq__item summary{list-style:none;cursor:pointer;padding:24px 44px 24px 0;position:relative;
  font-family:var(--font-display);font-weight:600;font-size:clamp(17px,2vw,21px);transition:color .2s}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:"";position:absolute;right:6px;top:50%;width:13px;height:13px;
  border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-60%) rotate(45deg);transition:transform .25s}
.faq__item[open] summary::after{transform:translateY(-20%) rotate(-135deg)}
.faq__item summary:hover{color:var(--accent)}
.faq__ans{padding:0 44px 26px 0}
.faq__ans p{color:var(--muted);font-size:16px}

/* ============ ФИНАЛЬНЫЙ CTA ============ */
.cta{position:relative;overflow:hidden;background:var(--bg)}
.cta__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cta__scrim{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(9,12,14,.82),rgba(9,12,14,.72)),linear-gradient(90deg,rgba(9,12,14,.85),rgba(9,12,14,.5))}
.cta__inner{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);
  align-items:center;padding-block:clamp(72px,10vw,132px)}
.cta__title{font-size:clamp(30px,4.6vw,58px);max-width:14ch}
.cta__lead{margin-top:20px;color:#dbe1e4;font-size:clamp(16px,1.9vw,20px);max-width:44ch}
.cta__price{margin-top:22px;font-family:var(--font-display);font-weight:600;font-size:clamp(16px,1.9vw,20px);color:var(--accent)}

/* ============ ФОРМА ============ */
.form{background:rgba(12,16,19,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid var(--line);border-radius:20px;padding:clamp(24px,3.2vw,36px);display:flex;flex-direction:column;gap:16px}
.field{display:flex;flex-direction:column;gap:8px}
.field--row{flex-direction:row;gap:16px}
.field--row>div{flex:1;display:flex;flex-direction:column;gap:8px}
.field label{font-size:13.5px;color:var(--muted);font-weight:500}
.field input,.field select{
  width:100%;background:var(--bg-3);border:1px solid var(--line);border-radius:11px;
  padding:14px 16px;color:var(--ink);font-family:var(--font-text);font-size:16px;transition:border-color .2s}
.field input::placeholder{color:var(--muted-2)}
.field input:focus,.field select:focus{border-color:var(--accent);outline:none}
.field select{appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);
  background-position:calc(100% - 20px) center,calc(100% - 14px) center;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.field input.is-error,.field select.is-error{border-color:#d9603f}
.form__hint{color:var(--muted-2);font-size:13px;line-height:1.5}
.form__hint.is-error{color:#e6805f}
.form__hint.is-ok{color:var(--steel)}

/* ============ FOOTER ============ */
.ftr{background:var(--bg);border-top:1px solid var(--line-2)}
.ftr__brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600}
.ftr__phone{font-weight:700;font-size:18px}
.ftr__note{margin-left:auto;color:var(--muted-2);font-size:13px}

/* ============ СТИКИ-КНОПКА ============ */
.fab{position:fixed;right:clamp(16px,3vw,28px);bottom:clamp(16px,3vw,28px);z-index:60;
  display:inline-flex;align-items:center;gap:10px;
  background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:15px;
  padding:14px 22px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.4);
  transition:transform .2s var(--ease),background .2s}
.fab:hover{background:#f0993f;transform:translateY(-2px)}
.fab__dot{width:9px;height:9px;border-radius:50%;background:var(--accent-ink);opacity:.85}

/* ============ ПРОМЕЖУТОЧНЫЙ CTA-БЭНД ============ */
.band{position:relative;overflow:hidden;border-block:1px solid var(--line)}
.band__bg{position:absolute;inset:0;z-index:0}
.band__bg img{width:100%;height:100%;object-fit:cover}
.band__bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(9,12,14,.94) 0%,rgba(9,12,14,.74) 52%,rgba(9,12,14,.4) 100%)}
.band__inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;
  gap:32px;flex-wrap:wrap;padding-block:clamp(44px,7vw,84px)}
.band__text{max-width:42ch}
.band__text h2{font-size:clamp(24px,3.6vw,42px)}
.band__text p{margin-top:14px;color:#cdd5d8;font-size:clamp(16px,1.8vw,18px)}
.band__actions{display:flex;gap:14px;flex-wrap:wrap}

/* ============ ЗА ЧТО ОТВЕЧАЕМ / ЧЕГО НЕ ОБЕЩАЕМ ============ */
.honesty{background:var(--bg)}
.honesty__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:clamp(56px,8vw,110px)}
.panel{border:1px solid var(--line);border-radius:18px;padding:clamp(24px,3vw,34px);background:var(--bg-2)}
.panel--warn{background:var(--bg-3)}
.panel h3{font-family:var(--font-display);font-weight:600;font-size:clamp(19px,2.2vw,24px);
  margin-bottom:22px;display:flex;align-items:center;gap:12px}
.panel h3 .ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none}
.panel h3 .ic svg{width:18px;height:18px}
.panel--do .ic{background:rgba(127,163,173,.16);color:var(--steel)}
.panel--warn .ic{background:rgba(224,138,62,.16);color:var(--accent)}
.plist{list-style:none;display:flex;flex-direction:column;gap:16px}
.plist li{display:grid;grid-template-columns:22px 1fr;gap:12px;font-size:15.5px;color:var(--muted);line-height:1.5}
.plist li b{color:var(--ink);font-weight:700}
.plist svg{width:20px;height:20px;margin-top:2px;flex:none}
.panel--do .plist svg{color:var(--steel)}
.panel--warn .plist svg{color:var(--accent)}

/* ============ СВОБОДНЫЕ ДАТЫ СЕЗОНА ============ */
.dates{background:var(--bg-2);border-top:1px solid var(--line-2)}
.dates__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dcard{border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--bg-3)}
.dcard__m{font-family:var(--font-display);font-weight:600;font-size:22px}
.dcard__note{color:var(--muted);font-size:14px;margin-top:10px;line-height:1.5}
.dcard__tag{display:inline-block;margin-top:16px;font-size:12px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;padding:6px 12px;border-radius:999px}
.dcard__tag.open{color:var(--steel);background:rgba(127,163,173,.14)}
.dcard__tag.tight{color:var(--accent);background:rgba(224,138,62,.14)}
.dates__foot{margin-top:26px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  padding-bottom:clamp(56px,8vw,110px)}
.dates__foot p{color:var(--muted-2);font-size:14px;max-width:60ch}

/* ============ ЛИПКИЙ ДОК (мобильный) ============ */
.dock{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:none;gap:10px}
.dock .btn{flex:1;box-shadow:0 12px 30px rgba(0,0,0,.45)}
.dock .btn--ghost{background:rgba(14,19,23,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:var(--line)}

/* ============ KEN BURNS (медленный зум статичных фонов) ============ */
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.08)}}
@media (prefers-reduced-motion:no-preference){
  .hero__bg{animation:kenburns 24s ease-in-out infinite alternate;will-change:transform}
  .dir__media{animation:kenburns 22s ease-in-out infinite alternate;will-change:transform}
}

/* ============ ПРИРОДНЫЕ ФИШКИ ============ */
/* Зерно плёнки + виньетка - глобальный кино-оверлей, не мешает кликам */
.filmfx{position:fixed;inset:0;z-index:45;pointer-events:none}
.filmfx::before{content:"";position:absolute;inset:0;opacity:.05;mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.filmfx::after{content:"";position:absolute;inset:0;
  background:radial-gradient(120% 100% at 50% 45%,transparent 55%,rgba(6,9,11,.5) 100%)}

/* Aurora - северное сияние в hero и финале (чистый CSS, только transform/filter) */
.aurora{position:absolute;z-index:1;pointer-events:none;mix-blend-mode:screen;
  filter:blur(70px) saturate(1.3);opacity:.7;will-change:transform,filter;
  background:
    radial-gradient(42% 60% at 22% 24%,rgba(70,190,168,.42),transparent 70%),
    radial-gradient(46% 54% at 70% 18%,rgba(96,158,205,.36),transparent 70%),
    radial-gradient(50% 50% at 48% 46%,rgba(78,142,128,.30),transparent 75%)}
.aurora--hero{inset:-30% -20% 42% -20%}
.aurora--cta{inset:-30% -18% 40% -18%;opacity:.55}
@media (prefers-reduced-motion:no-preference){
  .aurora{animation:auroraDrift 52s ease-in-out infinite alternate,auroraHue 64s linear infinite}
}
@keyframes auroraDrift{from{transform:translate3d(-4%,-2%,0) scale(1.05)}to{transform:translate3d(5%,3%,0) scale(1.16)}}
@keyframes auroraHue{to{filter:blur(70px) saturate(1.3) hue-rotate(38deg)}}

/* Слои тумана над водой (медленный дрейф) */
.fog{position:absolute;inset:auto 0 0 0;height:42%;z-index:1;pointer-events:none;overflow:hidden}
.fog span{position:absolute;bottom:0;left:-50%;width:200%;height:100%;mix-blend-mode:screen;
  background:linear-gradient(0deg,rgba(184,204,214,.11),transparent 72%);will-change:transform}
.fog--manifest{height:56%}
@media (prefers-reduced-motion:no-preference){
  .fog span:nth-child(1){animation:fogDrift 64s linear infinite}
  .fog span:nth-child(2){opacity:.6;animation:fogDrift 96s linear infinite reverse}
}
@keyframes fogDrift{to{transform:translateX(25%)}}

/* Волна-разделитель тёмных секций (монохром, тонко) */
.wave{position:relative;height:34px;line-height:0;overflow:hidden;background:var(--bg)}
.wave--flip{transform:scaleY(-1)}
.wave__move{width:200%;height:100%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='34' viewBox='0 0 120 34' preserveAspectRatio='none'%3E%3Cpath d='M0 18 C 20 6 40 6 60 18 S 100 30 120 18 V34 H0 Z' fill='%237fa3ad' fill-opacity='0.07'/%3E%3C/svg%3E");
  background-repeat:repeat-x;background-size:60px 34px;will-change:transform}
@media (prefers-reduced-motion:no-preference){
  .wave__move{animation:waveShift 20s linear infinite}
}
@keyframes waveShift{to{transform:translateX(-30px)}}

/* Круги на воде на hover CTA (метафора поклёвки) */
.btn--accent,.fab{position:relative;overflow:hidden;isolation:isolate}
.btn--accent::after,.fab::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;
  border-radius:50%;border:2px solid currentColor;pointer-events:none;
  transform:translate(-50%,-50%) scale(0);opacity:0;z-index:-1}
@media (hover:hover) and (pointer:fine){
  .btn--accent:hover::after,.fab:hover::after{animation:ripple .95s var(--ease)}
}
@keyframes ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:.45}100%{transform:translate(-50%,-50%) scale(26);opacity:0}}

/* ============ REVEAL ============ */
.js .reveal{opacity:0;transform:translateY(22px)}
.js .reveal.in{opacity:1;transform:none;transition:opacity .5s var(--ease),transform .5s var(--ease)}

/* Image-reveal шторкой снизу вверх + доезд scale (донор v2). Только под .js. */
.js .wipe{clip-path:inset(0 0 100% 0);transition:clip-path .9s var(--ease)}
.js .wipe.in{clip-path:inset(0 0 0 0)}
.js .trophy__card.wipe .trophy__media{transform:scale(1.06);transition:transform 1.1s var(--ease)}
.js .trophy__card.wipe.in .trophy__media{transform:none}

/* ============ АДАПТИВ ============ */
@media (max-width:1000px){
  .hdr__nav{display:none}
  .calc{grid-template-columns:1fr}
  .calc__total{position:static}
  .guide__grid{grid-template-columns:1fr}
  .guide__media{min-height:300px}
  .cta__inner{grid-template-columns:1fr}
  .trophy__grid{grid-template-columns:repeat(3,1fr)}
  .dates__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:820px){
  .honesty__grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  body{font-size:16px}
  .hdr{height:64px;gap:12px}
  .hdr__phone-label{display:none}
  .hero__video{display:none}
  .tech__grid{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
  .trophy__grid{grid-template-columns:1fr 1fr;gap:12px}
  .trophy__card{min-height:300px}
  .presets__row{grid-template-columns:1fr}
  .opt{grid-template-columns:24px 1fr;row-gap:8px}
  .opt__price{grid-column:2;padding-top:0}
  .day__stage{grid-template-columns:1fr;gap:0}
  .day__media{position:sticky;top:76px;height:46vh;min-height:280px}
  .day__steps{margin-top:8px}
  .day__step{min-height:auto;padding-block:40px}
  .field--row{flex-direction:column}
  .ftr__note{margin-left:0;width:100%}
  .dates__grid{grid-template-columns:1fr}
  .band__actions{width:100%}
  .band__actions .btn{flex:1}
  /* На мобильных вместо FAB - липкий док на две кнопки */
  .fab{display:none}
  .dock{display:flex}
  body{padding-bottom:82px}
  /* Мобайл беднее: aurora - радиус blur меньше, туман - один слой */
  .aurora{filter:blur(42px) saturate(1.2)}
  .fog span:nth-child(2){display:none}
}
@media (max-width:440px){
  .stats{grid-template-columns:1fr 1fr}
  .trophy__grid{grid-template-columns:1fr 1fr}
}

/* ============ REDUCED MOTION ============ */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
  .js .reveal{opacity:1;transform:none}
  .js .wipe{clip-path:none;transition:none}
  .js .trophy__card.wipe .trophy__media{transform:none;transition:none}
  .day__frame{transition:none}
}

/* ============ ВЫПАДАЮЩЕЕ МЕНЮ НАПРАВЛЕНИЙ ============ */
.hdr__drop{position:relative}
.hdr__drop-t{display:inline-flex;align-items:center;gap:6px}
.hdr__drop-t::after{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-1px);opacity:.7}
.hdr__menu{position:absolute;top:100%;left:-14px;min-width:230px;padding:8px;margin-top:10px;
  display:flex;flex-direction:column;gap:2px;border-radius:14px;
  background:rgba(13,17,20,.97);border:1px solid var(--line);
  box-shadow:0 20px 46px rgba(0,0,0,.55);backdrop-filter:blur(10px);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s}
.hdr__drop:hover .hdr__menu,.hdr__drop:focus-within .hdr__menu{opacity:1;visibility:visible;transform:translateY(0)}
.hdr__menu a{padding:10px 14px;border-radius:9px;font-size:14px;color:var(--muted);white-space:nowrap;
  transition:background .18s,color .18s}
.hdr__menu a:hover{background:rgba(255,255,255,.06);color:var(--ink)}
@media (max-width:900px){
  .hdr__nav{display:none}
}

/* ============ СЕКЦИЯ «РЫБЫ КОЛЬСКОГО» ============ */
.fishsec{background:var(--bg)}
.fishgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,18px)}
.fishc{position:relative;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:260px;border-radius:16px;overflow:hidden;border:1px solid var(--line-2);
  transition:transform .3s var(--ease),border-color .3s var(--ease)}
.fishc:hover{transform:translateY(-4px);border-color:var(--accent)}
.fishc__img{position:absolute;inset:0;background-position:center;background-size:cover;
  transition:transform .6s var(--ease)}
.fishc:hover .fishc__img{transform:scale(1.05)}
.fishc::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(9,12,14,.05) 30%,rgba(9,12,14,.86) 100%)}
.fishc__b{position:relative;z-index:2;padding:18px 20px 20px}
.fishc__b b{display:block;font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:-.01em}
.fishc__b em{display:block;margin-top:6px;font-style:normal;font-size:13.5px;color:#c3ccd0;line-height:1.45}
.fishsec__more{margin-top:clamp(24px,3vw,36px);padding-bottom:clamp(48px,7vw,96px);text-align:center}
@media (max-width:900px){.fishgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.fishgrid{grid-template-columns:1fr}.fishc{min-height:200px}}

/* ============ МОБИЛЬНОЕ МЕНЮ ============ */
.hdr__burger{display:none;margin-left:auto;width:44px;height:44px;flex:none;
  background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:12px;
  cursor:pointer;position:relative}
.hdr__burger span,.hdr__burger::before,.hdr__burger::after{content:"";position:absolute;left:12px;right:12px;
  height:2px;background:var(--ink);border-radius:2px;transition:transform .25s var(--ease),opacity .2s}
.hdr__burger span{top:21px}
.hdr__burger::before{top:14px}
.hdr__burger::after{top:28px}
.hdr__burger[aria-expanded="true"] span{opacity:0}
.hdr__burger[aria-expanded="true"]::before{transform:translateY(7px) rotate(45deg)}
.hdr__burger[aria-expanded="true"]::after{transform:translateY(-7px) rotate(-45deg)}
@media (max-width:900px){
  .hdr__burger{display:block}
  .hdr__phone{display:none}
  .hdr__nav{display:none;position:fixed;top:72px;left:0;right:0;bottom:0;z-index:49;
    flex-direction:column;gap:0;overflow-y:auto;padding:16px var(--pad) 32px;
    background:rgba(10,13,16,.985);backdrop-filter:blur(12px)}
  .hdr__nav.is-open{display:flex}
  .hdr__nav > a,.hdr__drop-t{display:block;padding:15px 0;font-size:17px;color:var(--ink);
    border-bottom:1px solid var(--line-2)}
  .hdr__drop{position:static}
  .hdr__menu{position:static;opacity:1;visibility:visible;transform:none;margin:0 0 6px;padding:6px 0 10px 14px;
    background:none;border:0;box-shadow:none;backdrop-filter:none;min-width:0}
  .hdr__menu a{padding:9px 0;font-size:15px}
  .hdr__drop-t::after{display:none}
}
.fab.is-hidden{opacity:0;visibility:hidden;transform:translateY(12px)}
.fab{transition:transform .25s var(--ease),background .2s,opacity .25s,visibility .25s}

/* ============ МОБИЛЬНАЯ ВЕРСИЯ: ПРАВКИ ============ */
@media (max-width:900px){
  /* Меню: сплошная панель поверх контента, а не прозрачная накладка */
  .hdr__nav.is-open{z-index:70;background:#0b0f12;padding-top:20px;
    position:fixed;top:72px;left:0;right:0;bottom:0;height:calc(100dvh - 72px);
    display:flex;flex-direction:column;align-items:stretch;gap:0;
    overflow-y:auto;-webkit-overflow-scrolling:touch;padding-inline:var(--pad);padding-bottom:40px}
  .hdr{z-index:80}
  .hdr__burger{z-index:81}
  .hdr__menu{display:flex}

  /* Калькулятор: одна колонка, итог липкий снизу, без пустот */
  .calc{grid-template-columns:1fr;gap:20px}
  .calc__total{position:static}
  .calc__total-inner{padding:20px}
  .calc__sum{font-size:34px}

  /* Тап-таргеты: опции и сегменты крупнее */
  .opt{min-height:56px;padding:14px 16px}
  .seg{width:100%}
  .seg__opt{flex:1}
  .seg__opt span{padding:14px 10px;text-align:center}

  /* Липкая кнопка не мешает доку */
  .fab{display:none}
}

/* ============ МОБИЛЬНЫЕ ВИДЕО-БЛОКИ: показываем кадр целиком, а не обрезок ============ */
@media (max-width:900px){
  /* Секции с видео перестают быть полноэкранными: постер становится карточкой 16:9 */
  .manifest,.tech,.trophy,.cta,.faq{min-height:0}
  .manifest__video,.tech__video,.trophy__video,.cta__video{
    position:relative;inset:auto;display:block;
    width:calc(100% - 2*var(--pad));margin:0 auto;
    height:auto;aspect-ratio:16/9;object-fit:cover;
    border-radius:16px;opacity:1;border:1px solid var(--line-2)}
  /* Тёмные вуали были нужны для читаемости текста поверх видео - теперь текст под ним */
  .manifest__scrim,.tech__veil,.trophy__veil,.cta__scrim,.faq__veil{display:none}
  .manifest__inner,.tech__wrap,.trophy__wrap,.cta__inner,.faq__wrap{position:relative;z-index:2}
  .manifest{padding-top:28px}
  .tech,.trophy,.cta,.faq{padding-top:24px}
}

/* ============ HERO НА ТЕЛЕФОНЕ: вертикальный кадр вместо обрезка широкого ============ */
@media (max-width:900px){
  /* широкий постер видео на вертикальном экране резался по краям - показываем свой кадр */
  .hero__video{display:none}
  .hero__bg{background-image:url('media/img/hero-poster-mobile.jpg');background-position:center 35%;background-size:cover}
  .hero{min-height:100svh}
  .hero__scrim{background:
    linear-gradient(180deg,rgba(8,11,13,.5) 0%,rgba(8,11,13,.08) 22%,rgba(8,11,13,.35) 48%,rgba(8,11,13,.92) 76%,rgba(8,11,13,.99) 100%)}
  .hero__title{font-size:clamp(30px,8.4vw,40px);max-width:none}
  .hero__lead{font-size:16px}
  .hero__cta{gap:10px}
  .hero__cta .btn{flex:1;min-width:calc(50% - 5px)}
}


/* ============ ПОЛОСКА ИТОГА НА МОБИЛЬНЫХ ============ */
.calcbar{position:fixed;left:0;right:0;top:72px;z-index:45;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px var(--pad);
  background:rgba(11,15,18,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
  transform:translateY(-110%);transition:transform .28s var(--ease);
  pointer-events:none}
.calcbar.is-on{transform:translateY(0)}
.calcbar__l{font-size:13px;color:var(--muted)}
.calcbar__v{font-family:var(--font-display);font-weight:800;font-size:19px;white-space:nowrap}
.calcbar__v span{color:var(--accent)}
@media (min-width:901px){.calcbar{display:none}}

/* На телефоне печать не свисает из шапки: иначе она перехватывала нажатия по контенту */
@media (max-width:900px){
  .hdr__mark{width:48px;height:48px;align-self:center;margin-top:0}
  .hdr__brand{gap:8px}
  .hdr__name{font-size:14px}
}


/* ============ HERO: своё видео под ориентацию экрана ============ */
.hero__video--tall{display:none}
@media (max-width:900px){
  /* на телефоне играет вертикальный ролик, кадрируется под экран (cover) */
  .hero__video--wide{display:none}
  .hero__video--tall{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .hero__bg{background-image:url('media/img/hero-poster-mobile.jpg');background-position:center;background-size:cover}
}

/* ============ ФИКС: секции с видео на телефоне идут В КОЛОНКУ ============ */
@media (max-width:900px){
  .manifest,.tech,.trophy,.cta,.faq{display:block}
  .manifest__inner,.tech__wrap,.trophy__wrap,.cta__inner,.faq__wrap{
    width:100%;max-width:100%;margin:0;padding-inline:var(--pad)}
  .manifest__inner{padding-top:20px;padding-bottom:8px}
  .manifest__text{font-size:clamp(22px,6vw,28px)}
}

/* ============ МОБИЛЬНЫЙ ДОК: компактные кнопки справа ============ */
@media (max-width:900px){
  .dock{left:auto;right:12px;bottom:12px;width:auto;gap:8px;justify-content:flex-end}
  .dock .btn{flex:none;padding:11px 16px;font-size:14px;border-radius:999px;box-shadow:0 10px 26px rgba(0,0,0,.5)}
}


/* ============ ПОДВАЛ (пересобран) ============ */
.ftr{background:var(--bg-2);border-top:1px solid var(--line);position:relative;z-index:10}
.ftr__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:clamp(20px,3vw,48px);
  padding-block:clamp(40px,5vw,64px) clamp(28px,3vw,40px)}
.ftr__col{min-width:0}
.ftr__brand{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:600;font-size:16px}
.ftr__mark{width:72px;height:72px;flex:none;border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #f2ede2, #d9d2c2);box-shadow:0 3px 14px rgba(0,0,0,.5)}
.ftr__desc{margin-top:16px;color:var(--muted);font-size:14px;line-height:1.6;max-width:42ch}
.ftr__social{margin-top:16px;display:flex;gap:14px}
.ftr__social a{font-size:14px;color:var(--muted);border-bottom:1px solid var(--line);transition:color .2s,border-color .2s}
.ftr__social a:hover{color:var(--accent);border-color:var(--accent)}
.ftr__h{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--muted-2);margin-bottom:14px}
.ftr__links{display:flex;flex-direction:column;gap:10px}
.ftr__links a{font-size:15px;color:var(--muted);transition:color .2s}
.ftr__links a:hover{color:var(--ink)}
.ftr__col--cta .ftr__phone{display:block;font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:-.01em}
.ftr__who{margin-top:6px;color:var(--muted-2);font-size:13px}
.ftr__col--cta .btn{margin-top:16px}
.ftr__bottom{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;
  padding-block:18px 26px;border-top:1px solid var(--line-2);color:var(--muted-2);font-size:13px}
@media (max-width:900px){
  .ftr__grid{grid-template-columns:1fr 1fr;gap:28px}
  .ftr__col--brand{grid-column:1/-1}
  .ftr__col--cta{grid-column:1/-1}
  .ftr__bottom{flex-direction:column;gap:6px}
}
@media (max-width:560px){.ftr__grid{grid-template-columns:1fr}}

/* ============ КНОПКИ СВЯЗИ ВНИЗУ: и на десктопе тоже ============ */
.dock{position:fixed;right:clamp(16px,2vw,28px);bottom:clamp(16px,2vw,28px);left:auto;
  z-index:60;display:flex;gap:10px;width:auto;justify-content:flex-end;
  transition:opacity .25s var(--ease),transform .25s var(--ease)}
.dock .btn{flex:none;padding:12px 20px;font-size:15px;border-radius:999px;
  box-shadow:0 12px 30px rgba(0,0,0,.5)}
.dock.is-hidden{opacity:0;visibility:hidden;transform:translateY(12px)}
.fab{display:none}   /* дублировал док - убираем совсем */
@media (max-width:900px){
  .dock{right:12px;bottom:12px}
  .dock .btn{padding:11px 16px;font-size:14px}
}

/* ============ КНОПКИ СОЦСЕТЕЙ И МЕССЕНДЖЕРА ============ */
.hdr__soc{display:flex;align-items:center;gap:8px;margin-left:18px}
.soc{display:inline-flex;align-items:center;justify-content:center;gap:6px;
  height:40px;min-width:40px;padding:0 12px;border-radius:999px;
  background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--muted);
  font-weight:700;font-size:13px;letter-spacing:.02em;
  transition:color .2s,border-color .2s,background .2s,transform .2s var(--ease)}
.soc svg{width:20px;height:20px;flex:none}
.soc:hover{color:var(--ink);border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.09);transform:translateY(-1px)}
.soc--vk:hover{color:#7ab3f5;border-color:rgba(122,179,245,.5)}
.soc--max{background:var(--accent);color:var(--accent-ink);border-color:transparent}
.soc--max:hover{background:#f0993f;color:var(--accent-ink);border-color:transparent}

/* в подвале - с подписями */
.ftr__social{display:flex;flex-wrap:wrap;gap:10px}
.ftr__social .soc{height:42px;padding:0 16px;font-size:14px}
.ftr__social .soc span{white-space:nowrap}
.ftr__social .soc--vk{color:var(--muted)}
.ftr__social .soc--vk:hover{color:#7ab3f5}

@media (max-width:900px){
  .hdr__soc{display:none}   /* в шапке телефона места нет - кнопки есть в меню и в подвале */
}
.hdr__soc-m{display:none}
@media (max-width:900px){
  .hdr__soc-m{display:block;padding:15px 0;font-size:17px;color:var(--accent);border-bottom:1px solid var(--line-2)}
}
/* иконка MAX внутри кнопки */
.soc--max svg{width:19px;height:19px}
.ftr__social .soc--max svg{width:20px;height:20px}
/* MAX в подвале: тёмный текст на оранжевом, без наследования приглушённого цвета */
.ftr__social .soc--max,
.ftr__social .soc--max span,
.ftr__social .soc--max svg{color:var(--accent-ink)}
.ftr__social .soc--max:hover,
.ftr__social .soc--max:hover span{color:var(--accent-ink)}