/*
Theme Name: БОРЩЕВИК.НЕТ
Description: Сайт службы уничтожения борщевика Сосновского — СПб и Ленинградская область.
Version: 1.0
Text Domain: borshchevik
*/
:root{
  --bg:#0b0e08; --ink:#f0eddd; --dim:#b3b09c;
  --acid:#d6ff3f; --danger:#e8442a;
  --cream:#f2efe2; --creamInk:#161509;
  --line:rgba(240,237,221,.14); --lineD:rgba(21,21,9,.18);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:400 16px/1.6 'Manrope',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--acid);color:#12150a}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#2a301d}::-webkit-scrollbar-track{background:#0b0e08}
a{color:inherit;text-decoration:none}
svg{display:block}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
body::after{content:'';position:fixed;inset:0;z-index:250;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.7'/%3E%3C/svg%3E")}

.nav{position:fixed;top:0;left:0;right:0;z-index:90;height:64px;display:flex;align-items:center;gap:2rem;
  padding:0 clamp(1.2rem,3.5vw,2.6rem);background:rgba(11,14,8,.5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);transition:background .3s}
.nav.scrolled{background:rgba(11,14,8,.88)}
.logo{font:700 15px 'Unbounded';white-space:nowrap}
.logo em{font-style:normal;color:var(--acid)}
.nav-links{display:flex;gap:1.35rem;margin:0 auto}
.nav-links a{font:500 11px 'JetBrains Mono';letter-spacing:.11em;text-transform:uppercase;color:var(--dim);
  padding:.35rem 0;border-bottom:1px solid transparent;transition:.2s}
.nav-links a:hover{color:var(--ink)}
.nav-links a.act{color:var(--acid);border-bottom-color:var(--acid)}
.nav-right{display:flex;align-items:center;gap:1.4rem}
.nav-tel{font:500 13px 'JetBrains Mono';white-space:nowrap}
.nav-tel:hover{color:var(--acid)}
.burger{display:none;width:40px;height:40px;background:none;border:1px solid var(--line);cursor:pointer;position:relative;margin-left:auto}
.burger i{position:absolute;left:10px;right:10px;height:2px;background:var(--ink);transition:.25s}
.burger i:first-child{top:15px}.burger i:last-child{bottom:15px}
body.menu-open .burger i:first-child{transform:translateY(4px) rotate(45deg)}
body.menu-open .burger i:last-child{transform:translateY(-4px) rotate(-45deg)}
.m-menu{position:fixed;inset:0;z-index:80;background:rgba(11,14,8,.97);padding:100px 1.6rem 2rem;
  display:flex;flex-direction:column;gap:.85rem;transform:translateY(-102%);transition:transform .35s cubic-bezier(.3,.7,.2,1);overflow:auto}
body.menu-open .m-menu{transform:none}
.m-menu a{font:700 1.25rem 'Unbounded';text-transform:uppercase}
.m-menu a.act,.m-menu a:hover{color:var(--acid)}
.m-menu .nav-tel{margin-top:1rem;color:var(--acid)}

.btn{display:inline-flex;align-items:center;gap:.7rem;background:var(--acid);color:#12150a;border:0;cursor:pointer;
  font:600 12px 'JetBrains Mono';letter-spacing:.08em;text-transform:uppercase;padding:1rem 1.35rem;transition:background .2s,transform .12s}
.btn:hover{background:#e7ff77}
.btn:active{transform:translateY(1px)}
.btn svg{transition:transform .2s}
.btn:hover svg{transform:translate(2px,2px)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid rgba(240,237,221,.3)}
.btn-ghost:hover{background:transparent;border-color:var(--acid);color:var(--acid)}
.btn-dark{background:var(--creamInk);color:var(--cream)}
.btn-dark:hover{background:#2c2c18;color:var(--cream)}
.btn-black{background:#12150a;color:var(--acid)}
.btn-black:hover{background:#000}

.p-head{position:relative;border-bottom:1px solid var(--line);overflow:hidden}
.p-head .wrap{position:relative;padding-top:128px;padding-bottom:3rem}
.p-idx{position:absolute;right:-.03em;bottom:-.22em;font:900 clamp(6rem,19vw,14rem)/1 'Unbounded';
  color:transparent;-webkit-text-stroke:1.5px rgba(240,237,221,.12);pointer-events:none;user-select:none}
.kicker{display:flex;align-items:center;gap:.9rem;font:500 11px 'JetBrains Mono';letter-spacing:.24em;text-transform:uppercase;color:var(--acid)}
.kicker::before{content:'';width:34px;height:1px;background:currentColor}
.sec-cream .kicker{color:#b8401f}
.p-title{font:700 clamp(2rem,4.8vw,4rem)/1.06 'Unbounded';text-transform:uppercase;margin-top:1.1rem;max-width:15em}
.p-lead{margin-top:1.4rem;max-width:62ch;color:var(--dim);font-size:17px;line-height:1.65}
.upd{font:400 10px 'JetBrains Mono';letter-spacing:.16em;color:#6e6b58;display:inline-flex;gap:.5rem;align-items:center;margin-top:1.3rem}
.upd::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--acid)}
h2{font:700 clamp(1.55rem,3.1vw,2.6rem)/1.12 'Unbounded';text-transform:uppercase;margin-top:1rem;letter-spacing:-.005em}
h3{font:600 1.05rem 'Unbounded'}

.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(1.2rem,3.5vw,2.6rem)}
.sec{padding:clamp(4rem,8vw,6.8rem) 0}
.sec-cream{background:var(--cream);color:var(--creamInk)}
.sec-tight{padding-top:3.2rem;padding-bottom:3.2rem}
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.on{opacity:1;transform:none}
.prose p{font-size:16.5px;line-height:1.7;color:var(--dim);max-width:72ch}
.prose p+p{margin-top:1.1rem}
.sec-cream .prose p{color:#2e2d20}
.prose strong{color:var(--ink)}
.sec-cream .prose strong{color:var(--creamInk)}
.methods-lead{margin-top:1.2rem;color:var(--dim);max-width:60ch;font-size:16.5px}

.hero{position:relative;min-height:100vh;min-height:100svh;overflow:hidden}
#scene{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:pan-y}
body.fpv #scene{touch-action:none;cursor:none}
.hero-shade{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(11,14,8,.62) 0%,rgba(11,14,8,0) 26%,rgba(11,14,8,0) 50%,rgba(11,14,8,.85) 100%)}
.hero-ui{position:relative;z-index:2;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;
  padding:88px clamp(1.2rem,3.5vw,2.6rem) 24px;pointer-events:none}
.hero-top{display:flex;justify-content:space-between;gap:1rem}
.mono-tag{font:500 10px 'JetBrains Mono';letter-spacing:.2em;color:var(--dim)}
.hero-mid{margin:1.4rem 0}
h1{font:700 clamp(2.1rem,5.6vw,4.7rem)/1.04 'Unbounded';text-transform:uppercase;letter-spacing:-.01em;max-width:14em}
.h1-out{color:transparent;-webkit-text-stroke:1.6px var(--acid)}
.hero-sub{margin-top:1.3rem;max-width:46ch;color:#c9c6b2;font-size:16.5px}
.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.hero-cta{pointer-events:auto;display:flex;flex-direction:column;gap:.9rem}
.cta-row{display:flex;gap:.8rem;flex-wrap:wrap}
.hint{font:400 10px 'JetBrains Mono';letter-spacing:.09em;color:#8b8874;line-height:1.7}
.hint-fpv{display:none}
body.fpv .hint-fpv{display:inline}
body.fpv .hint-def{display:none}
.hud{pointer-events:auto;border:1px solid var(--line);background:rgba(11,14,8,.55);backdrop-filter:blur(10px);
  padding:.95rem 1.05rem;min-width:320px;font-family:'JetBrains Mono'}
body.fpv .hud{display:none}
.hud-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font:400 10px 'JetBrains Mono';
  letter-spacing:.12em;color:var(--dim);padding:.28rem 0;border-bottom:1px dashed rgba(240,237,221,.1)}
.hud-row:last-of-type{border-bottom:0}
.hud-row b{font:700 13px 'Unbounded';color:var(--acid)}
.hud-row b.flash{animation:fl .5s}
@keyframes fl{30%{color:#fff}}
.hud-st{color:var(--acid)}
.hud-btns{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.5rem}
.hbtn{font:500 9.5px 'JetBrains Mono';letter-spacing:.1em;color:var(--ink);background:transparent;
  border:1px solid rgba(240,237,221,.25);padding:.5rem .65rem;cursor:pointer;transition:.18s}
.hbtn:hover,.hbtn.act{border-color:var(--acid);color:var(--acid)}
.hbtn.sq{width:32px;padding:.5rem 0;text-align:center}
.hero-side{position:absolute;right:14px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;
  font:400 9.5px 'JetBrains Mono';letter-spacing:.28em;color:#6e6b58;z-index:2;pointer-events:none}

.fpv-ui{position:absolute;inset:0;z-index:3;pointer-events:none;display:none;font-family:'JetBrains Mono'}
body.fpv .fpv-ui{display:block}
.fpv-vig{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 52%,rgba(0,0,0,.6) 100%)}
.fpv-scan{position:absolute;inset:0;opacity:.5;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}
.fco{position:absolute;width:44px;height:44px;border:1.5px solid rgba(240,237,221,.4)}
.fco.tl{top:70px;left:20px;border-right:0;border-bottom:0}
.fco.tr{top:70px;right:20px;border-left:0;border-bottom:0}
.fco.bl{bottom:20px;left:20px;border-right:0;border-top:0}
.fco.br{bottom:20px;right:20px;border-left:0;border-top:0}
.fret{position:absolute;left:50%;top:50%;width:130px;height:130px;transform:translate(-50%,-50%);transition:.15s}
.fret i{position:absolute;background:rgba(240,237,221,.75)}
.fret i:nth-child(1){left:0;top:50%;width:22px;height:1.5px}
.fret i:nth-child(2){right:0;top:50%;width:22px;height:1.5px}
.fret i:nth-child(3){top:0;left:50%;width:1.5px;height:22px}
.fret i:nth-child(4){bottom:0;left:50%;width:1.5px;height:22px}
.fret i:nth-child(5){left:50%;top:50%;width:5px;height:5px;transform:translate(-50%,-50%);border-radius:50%}
.fret.lock i{background:var(--acid)}
.fret.lock{width:104px;height:104px}
.ftext{position:absolute;font:500 10.5px 'JetBrains Mono';letter-spacing:.14em;color:rgba(240,237,221,.85);text-transform:uppercase;line-height:2}
.ftext b{color:var(--acid);font:700 13px 'Unbounded';letter-spacing:.04em}
.f-tl{top:78px;left:34px}
.f-tr{top:78px;right:34px;text-align:right}
.f-bl{bottom:34px;left:34px}
.f-br{bottom:34px;right:34px;text-align:right}
.f-bc{bottom:34px;left:50%;transform:translateX(-50%);text-align:center;color:var(--acid)}
.fpv-warn{position:absolute;top:66px;left:50%;transform:translateX(-50%);font:500 10px 'JetBrains Mono';
  letter-spacing:.22em;color:var(--danger);display:none}
.fpv-warn.show{display:block}
.fbtn{pointer-events:auto;position:absolute;bottom:64px;right:30px;width:78px;height:78px;border-radius:50%;
  border:1.5px solid var(--acid);background:rgba(11,14,8,.45);color:var(--acid);cursor:pointer;
  font:600 9px 'JetBrains Mono';letter-spacing:.12em;text-transform:uppercase;user-select:none;-webkit-user-select:none;touch-action:none}
.fbtn:active,.fbtn.on{background:var(--acid);color:#12150a}
.fbtn.sm{width:44px;height:44px;bottom:158px;font-size:12px;border-color:rgba(240,237,221,.4);color:var(--ink)}
.joy{position:absolute;bottom:56px;width:112px;height:112px;border:1px dashed rgba(240,237,221,.3);border-radius:50%;display:none}
.joy-l{left:30px}.joy-r{right:126px}
@media (hover:none) and (pointer:coarse){body.fpv .joy{display:block}}

.marquee{overflow:hidden;border-block:1px solid var(--line);padding:.85rem 0}
.marquee-in{display:flex;width:max-content;animation:mq 30s linear infinite}
.marquee-in span{font:500 11.5px 'JetBrains Mono';letter-spacing:.18em;color:var(--dim);white-space:nowrap;padding-right:2.4rem}
.marquee-in em{font-style:normal;color:var(--acid);padding:0 .4rem}
@keyframes mq{to{transform:translateX(-50%)}}

.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:start}
.intro-txt{font-size:clamp(1.25rem,2.2vw,1.7rem);line-height:1.5;font-weight:500;max-width:30ch}
.intro-txt em{font-style:normal;color:var(--acid)}
.intro-more{margin-top:1.6rem;color:var(--dim);font-size:15.5px;max-width:46ch;line-height:1.65}
.stat{display:flex;justify-content:space-between;align-items:baseline;gap:1.2rem;padding:1.3rem 0;border-top:1px dashed var(--line)}
.stat:last-child{border-bottom:1px dashed var(--line)}
.stat b{font:700 clamp(1.9rem,3.4vw,2.9rem)/1 'Unbounded';color:var(--acid);white-space:nowrap}
.stat span{font:500 10.5px 'JetBrains Mono';letter-spacing:.14em;color:var(--dim);text-align:right;text-transform:uppercase}
.svc-list{border-top:1px solid var(--line)}
.svc-row{display:grid;grid-template-columns:64px 1fr auto 34px;gap:1.4rem;align-items:center;
  padding:1.55rem .4rem;border-bottom:1px solid var(--line);transition:background .2s,padding-left .25s}
.svc-row:hover{background:rgba(240,237,221,.04);padding-left:1.1rem}
.svc-num{font:500 12px 'JetBrains Mono';color:var(--acid)}
.svc-name{font:600 clamp(1.05rem,2.1vw,1.55rem) 'Unbounded';text-transform:uppercase;transition:color .2s}
.svc-row:hover .svc-name{color:var(--acid)}
.svc-tag{font:500 9.5px 'JetBrains Mono';letter-spacing:.14em;color:var(--dim);border:1px solid var(--line);padding:.25rem .55rem;white-space:nowrap}
.svc-arr{color:var(--dim);transition:.2s}
.svc-row:hover .svc-arr{color:var(--acid);transform:translate(3px,-3px)}
.link-more{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.8rem;font:600 12px 'JetBrains Mono';
  letter-spacing:.1em;text-transform:uppercase;color:var(--acid);border-bottom:1px solid transparent;transition:.2s}
.link-more:hover{border-bottom-color:var(--acid)}
.link-more svg{transition:transform .2s}
.link-more:hover svg{transform:translate(3px,-3px)}
.sec-cream .link-more{color:#b8401f}
.tease-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:3.2rem;align-items:center}
.tease-grid p{color:var(--dim);font-size:16.5px;line-height:1.65;max-width:52ch}
.sign-box{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}
.sign-box svg{width:min(220px,70%);height:auto}
.sign-cap{font:400 10.5px 'JetBrains Mono';letter-spacing:.16em;color:#6b6852;line-height:1.7}
.qgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:2.2rem}
.qcard{border:1px solid var(--line);padding:1.3rem 1.4rem;background:rgba(240,237,221,.02);transition:border-color .2s}
.qcard:hover{border-color:rgba(214,255,63,.4)}
.qcard b{display:block;font:500 10px 'JetBrains Mono';letter-spacing:.18em;color:var(--acid);margin-bottom:.55rem;text-transform:uppercase}
.qcard p{font-size:14.5px;color:#c9c6b2;line-height:1.6}

.facts{margin-top:3.2rem;border-top:2px solid var(--creamInk)}
.fact{display:grid;grid-template-columns:220px 1fr 56px;gap:1.6rem;align-items:baseline;padding:1.45rem 0;
  border-bottom:1px solid var(--lineD);transition:background .2s,padding-left .25s}
.fact:hover{background:rgba(21,21,9,.05);padding-left:.7rem}
.fact-num{font:700 clamp(1.6rem,2.6vw,2.3rem)/1 'Unbounded';color:var(--danger);white-space:nowrap}
.fact-t{font-size:15.5px;line-height:1.55;color:#2e2d20;max-width:62ch}
.fact-t strong{color:var(--creamInk)}
.fact-idx{font:400 10px 'JetBrains Mono';letter-spacing:.16em;color:#9b9780;text-align:right}
.mist{border-top:1px solid var(--line)}
.mist-row{display:grid;grid-template-columns:110px 1fr 1.1fr;gap:1.8rem;padding:1.5rem .2rem;border-bottom:1px solid var(--line);transition:background .2s}
.mist-row:hover{background:rgba(240,237,221,.035)}
.mist-row .m-num{font:500 11px 'JetBrains Mono';color:var(--danger);letter-spacing:.14em;padding-top:.35rem}
.mist-row h3{font:600 1.02rem 'Unbounded';text-transform:uppercase;line-height:1.35}
.mist-row p{color:#b3b09c;font-size:14.5px;line-height:1.6}

.tbl-wrap{overflow-x:auto;margin-top:2.2rem}
table.tbl{width:100%;border-collapse:collapse;font-size:14.5px}
.tbl caption{text-align:left;font:500 10px 'JetBrains Mono';letter-spacing:.2em;color:#7c7966;padding-bottom:1rem;text-transform:uppercase}
.tbl th{font:600 10.5px 'JetBrains Mono';letter-spacing:.12em;text-transform:uppercase;color:#b8401f;text-align:left;
  padding:.7rem .6rem;border-bottom:2px solid var(--creamInk)}
.tbl td{padding:.85rem .6rem;border-bottom:1px solid var(--lineD);color:#2e2d20;vertical-align:top;line-height:1.55}
.tbl tr:hover td{background:rgba(21,21,9,.04)}
.tbl .num{font:700 13px 'JetBrains Mono';white-space:nowrap}

.aid{display:grid;grid-template-columns:auto 1fr;gap:1.8rem;border:1.5px solid var(--danger);
  padding:1.6rem 1.8rem;margin-top:2.8rem;background:rgba(232,68,42,.05);max-width:900px}
.aid-title{font:700 .95rem 'Unbounded';text-transform:uppercase;color:var(--danger);max-width:11ch;line-height:1.4}
.aid ol{padding-left:1.15rem;color:#2e2d20;font-size:15px;line-height:1.75}
.aid ol li+li{margin-top:.45rem}

.acc{margin-top:2.4rem;border-top:1px solid var(--line)}
.acc-item{border-bottom:1px solid var(--line)}
.acc-head{display:flex;align-items:baseline;gap:1.5rem;width:100%;background:none;border:0;color:inherit;
  padding:1.45rem .2rem;cursor:pointer;text-align:left;transition:background .2s;font-family:inherit}
.acc-head:hover{background:rgba(240,237,221,.035)}
.acc-num{font:500 12px 'JetBrains Mono';color:var(--acid);flex:0 0 34px}
.acc-title{font:600 clamp(1.05rem,1.9vw,1.45rem) 'Unbounded';text-transform:uppercase}
.acc-badge{font:500 9px 'JetBrains Mono';letter-spacing:.16em;color:var(--acid);border:1px solid var(--acid);padding:.22rem .5rem;white-space:nowrap}
.acc-x{margin-left:auto;flex:0 0 auto;width:22px;height:22px;position:relative;transition:transform .35s}
.acc-x::before,.acc-x::after{content:'';position:absolute;background:var(--dim);left:50%;top:50%}
.acc-x::before{width:16px;height:2px;transform:translate(-50%,-50%)}
.acc-x::after{width:2px;height:16px;transform:translate(-50%,-50%)}
.acc-item.open .acc-x{transform:rotate(45deg)}
.acc-item.open .acc-x::before,.acc-item.open .acc-x::after{background:var(--acid)}
.acc-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.25,.7,.2,1)}
.acc-item.open .acc-body{grid-template-rows:1fr}
.acc-body-in{overflow:hidden}
.acc-cont{padding:0 .2rem 1.8rem 3.4rem;max-width:78ch}
.acc-cont p{color:#c9c6b2;font-size:15.5px;line-height:1.68}
.spec{display:grid;grid-template-columns:150px 1fr;gap:1.2rem;padding:.6rem 0;border-bottom:1px dashed rgba(240,237,221,.12);
  font:400 12px 'JetBrains Mono'}
.spec span:first-child{letter-spacing:.14em;color:#8b8874}
.spec span:last-child{color:var(--ink)}

.proc-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:4rem;margin-top:.5rem}
.proc-left{position:sticky;top:100px;align-self:start}
.proc-left p{color:var(--dim);font-size:16.5px;line-height:1.65;margin-top:1.2rem;max-width:42ch}
.proc-left .btn{margin-top:1.8rem}
.steps{list-style:none}
.step{position:relative;padding:0 0 2.4rem 2.4rem}
.step::before{content:'';position:absolute;left:7px;top:10px;bottom:-4px;width:2px;background:var(--line)}
.sec-cream .step::before{background:rgba(21,21,9,.16)}
.step:last-child::before{display:none}
.step::after{content:'';position:absolute;left:0;top:3px;width:12px;height:12px;border-radius:50%;
  background:var(--bg);border:2.5px solid var(--ink);transition:.35s}
.sec-cream .step::after{background:var(--cream);border-color:var(--creamInk)}
.step.on::after{background:var(--danger);border-color:var(--danger)}
.step-when{font:500 10px 'JetBrains Mono';letter-spacing:.2em;color:var(--acid)}
.sec-cream .step-when{color:var(--danger)}
.step-h{font:600 1.1rem 'Unbounded';text-transform:uppercase;margin:.35rem 0 .45rem}
.step-p{font-size:15px;color:var(--dim);max-width:52ch;line-height:1.6}
.sec-cream .step-p{color:#3c3a28}
.guarantee{margin-top:3rem;border:1.5px solid var(--acid);padding:1.6rem 1.8rem;max-width:860px}
.guarantee h3{font:700 1rem 'Unbounded';text-transform:uppercase;color:var(--acid);margin-bottom:.6rem}
.guarantee p{color:#c9c6b2;font-size:15px;line-height:1.6}
.equip{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.4rem}
.eq{border:1px solid var(--line);padding:1.3rem 1.4rem}
.eq b{display:block;font:500 10px 'JetBrains Mono';letter-spacing:.16em;color:var(--acid);margin-bottom:.55rem;text-transform:uppercase}
.eq span{font-size:14px;color:#c9c6b2;line-height:1.6}
.eq .eq-n{font:700 1.3rem 'Unbounded';color:var(--ink);display:block;margin-bottom:.35rem}

.zone-row{display:grid;grid-template-columns:1fr 150px 44px;gap:1.2rem;align-items:center;
  padding:.9rem .3rem;border-bottom:1px solid var(--line);transition:background .2s}
.zone-row:hover{background:rgba(240,237,221,.04)}
.zone-name{font:700 13.5px 'Manrope';letter-spacing:.06em;text-transform:uppercase;transition:color .2s}
.zone-row:hover .zone-name{color:var(--acid)}
.zbar{height:6px;background:rgba(240,237,221,.1);overflow:hidden}
.zbar i{display:block;height:100%;width:0;background:var(--acid);transition:width 1.1s cubic-bezier(.2,.7,.2,1)}
.zbar i.hot{background:var(--danger)}
.zval{font:400 10.5px 'JetBrains Mono';color:var(--dim);text-align:right}
.zone-foot{margin-top:1.4rem;font:400 10px 'JetBrains Mono';letter-spacing:.08em;color:#7c7966}
.zgroups{margin-top:3.4rem}
.zg{display:grid;grid-template-columns:.85fr 1.15fr;gap:1.8rem;padding:1.7rem .2rem;border-top:1px solid var(--line)}
.zg:last-child{border-bottom:1px solid var(--line)}
.zg-name{font:600 1.05rem 'Unbounded';text-transform:uppercase}
.zg-dist{font:500 11px 'JetBrains Mono';letter-spacing:.06em;color:#7c7966;margin-top:.4rem}
.zg-list{color:#c9c6b2;font-size:15px;line-height:1.7}
.zg-list em{font-style:normal;color:var(--acid)}

.prow{display:flex;align-items:baseline;gap:1rem;padding:1.05rem 0}
.prow .pn{font:600 15px 'Manrope'}
.prow .dots{flex:1;border-bottom:1.5px dotted rgba(21,21,9,.35);transform:translateY(-4px)}
.prow .pv{font:700 14px 'JetBrains Mono';white-space:nowrap}
.prow .pv small{font-weight:400;color:#6b6852;font-size:11px}
.prow.hl .pn,.prow.hl .pv{color:#b8401f}
.calc-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:1.5rem;margin-top:2.4rem;align-items:start}
.panel{padding:clamp(1.4rem,3vw,2.2rem)}
.panel-d{background:#12160d;color:var(--ink);border:1px solid var(--line)}
.panel-l{border:1.5px solid var(--creamInk)}
.panel h3{font:700 1.05rem 'Unbounded';text-transform:uppercase;margin-bottom:1.4rem}
.c-label{font:500 10px 'JetBrains Mono';letter-spacing:.2em;color:#8b8874;display:block;margin:1.3rem 0 .5rem}
.c-val{font:700 1.35rem 'Unbounded';color:var(--ink)}
.c-val small{font:500 11px 'JetBrains Mono';color:var(--dim);margin-left:.6rem;letter-spacing:.08em}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:26px;background:transparent;cursor:pointer}
input[type=range]::-webkit-slider-runnable-track{height:2px;background:rgba(240,237,221,.22)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-7px;background:var(--acid);border-radius:0}
input[type=range]::-moz-range-track{height:2px;background:rgba(240,237,221,.22)}
input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--acid);border:0;border-radius:0}
.seg{display:flex;border:1px solid rgba(240,237,221,.28)}
.seg label{flex:1;text-align:center;padding:.7rem .3rem;font:500 10.5px 'JetBrains Mono';letter-spacing:.08em;
  text-transform:uppercase;color:var(--dim);cursor:pointer;border-left:1px solid rgba(240,237,221,.28);transition:.15s}
.seg label:first-child{border-left:0}
.seg label.act{background:var(--acid);color:#12150a}
.seg input{display:none}
.chk{display:flex;gap:.75rem;align-items:flex-start;cursor:pointer;font-size:13.5px;line-height:1.45;color:#c9c6b2;margin-top:1.4rem;position:relative}
.chk input{position:absolute;opacity:0}
.chk i{flex:0 0 auto;width:18px;height:18px;border:1.5px solid rgba(240,237,221,.4);position:relative;margin-top:2px;transition:.15s}
.chk input:checked + i{background:var(--acid);border-color:var(--acid)}
.chk input:checked + i::after{content:'';position:absolute;inset:3px;background:#12150a;
  clip-path:polygon(14% 44%,0 65%,40% 100%,100% 16%,80% 0,38% 62%)}
.total-row{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin:1.8rem 0 .4rem;
  border-top:1px solid rgba(240,237,221,.18);padding-top:1.3rem}
.total-row .tl{font:500 10px 'JetBrains Mono';letter-spacing:.2em;color:#8b8874}
.total-num{font:700 clamp(1.7rem,3vw,2.3rem) 'Unbounded';color:var(--acid);line-height:1}
.c-per{font:400 11px 'JetBrains Mono';color:var(--dim);letter-spacing:.06em}
.panel-d .btn{width:100%;justify-content:center;margin-top:1.4rem}
.calc-note{margin-top:.9rem;font:400 10px 'JetBrains Mono';color:#7c7966;letter-spacing:.05em;line-height:1.6}
.fac{display:grid;grid-template-columns:34px 1fr;gap:1rem;padding:.85rem 0;border-bottom:1px dashed rgba(21,21,9,.2);font-size:14.5px;line-height:1.55;color:#3c3a28}
.fac:last-of-type{border-bottom:0}
.fac b{font:500 11px 'JetBrains Mono';color:#b8401f;padding-top:.2rem}

.qa{border-bottom:1px solid var(--lineD)}
.qa summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:46px 1fr 26px;gap:1.1rem;padding:1.4rem 0;align-items:baseline}
.qa summary::-webkit-details-marker{display:none}
.qa .qn{font:500 11px 'JetBrains Mono';color:#b8401f}
.qa summary h3{font:600 1rem 'Unbounded';text-transform:uppercase;line-height:1.45;transition:color .2s}
.qa summary:hover h3,.qa[open] summary h3{color:#b8401f}
.qa .qi{font:400 18px 'JetBrains Mono';color:#9b9780;text-align:right}
.qa-a{padding:0 0 1.6rem 3.2rem;max-width:76ch;font-size:15.5px;line-height:1.7;color:#2e2d20}

.cont-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:3.5rem;align-items:start;margin-top:2.4rem}
.cont-t{font:500 10px 'JetBrains Mono';letter-spacing:.2em;color:#7c7966;margin:2.2rem 0 .6rem;text-transform:uppercase}
.cont-grid .cont-t:first-child{margin-top:0}
.big-tel{font:700 clamp(1.5rem,3.4vw,2.6rem) 'Unbounded';color:var(--acid)}
.big-tel:hover{text-decoration:underline}
.cont-mail{display:inline-block;font:400 14px 'JetBrains Mono';color:var(--dim);transition:color .2s}
.cont-mail:hover{color:var(--acid)}
.cont-plain{font-size:15.5px;color:#c9c6b2;line-height:1.8}
.cont-note{margin-top:2.4rem;border-left:3px solid var(--acid);padding:.9rem 1.2rem;font-size:14px;color:#c9c6b2;line-height:1.6}
.fl{display:block;font:500 10px 'JetBrains Mono';letter-spacing:.2em;color:#6b6852;margin:1.25rem 0 .15rem;text-transform:uppercase}
.panel-l input[type=text],.panel-l input[type=tel],.panel-l textarea{width:100%;background:transparent;border:0;
  border-bottom:1.5px solid rgba(21,21,9,.32);padding:.6rem 0;font:500 16px 'Manrope';color:var(--creamInk);resize:none;transition:border-color .2s}
.panel-l input:focus,.panel-l textarea:focus{outline:none;border-color:var(--creamInk)}
.panel-l input.err{border-color:var(--danger)}
.panel-l .chk{color:#3c3a28}
.panel-l .chk i{border-color:rgba(21,21,9,.45)}
.panel-l .chk input:checked + i{background:var(--creamInk);border-color:var(--creamInk)}
.panel-l .chk input:checked + i::after{background:var(--acid)}
.panel-l .btn{width:100%;justify-content:center;margin-top:1.6rem}
.form-sub{font-size:14px;color:#3c3a28;margin:-.6rem 0 .4rem}

.cta-band{background:var(--acid);color:#12150a}
.cta-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;padding-top:3.2rem;padding-bottom:3.2rem}
.cta-band h2{margin:0;color:#12150a}
.cta-band p{font:500 13px 'JetBrains Mono';letter-spacing:.06em;margin-top:.7rem;max-width:44ch;line-height:1.6}
.cta-btns{display:flex;gap:.8rem;flex-wrap:wrap}
.pager{border-top:1px solid var(--line)}
.pager .wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;padding-top:2.4rem;padding-bottom:2.8rem}
.pg-lbl{font:500 10px 'JetBrains Mono';letter-spacing:.22em;color:#7c7966;text-transform:uppercase}
.pg-name{font:700 clamp(1.35rem,3.2vw,2.5rem) 'Unbounded';text-transform:uppercase;line-height:1.1;margin-top:.5rem;transition:color .2s}
a.pg-next .pg-name{color:var(--ink)}
a.pg-next:hover .pg-name{color:var(--acid)}
.pg-next{display:flex;align-items:center;gap:1.4rem;text-align:right;margin-left:auto}
.pg-next svg{color:var(--dim);transition:transform .25s}
.pg-next:hover svg{transform:translate(6px,-6px);color:var(--acid)}
.pg-prev .pg-name{color:var(--dim);font-size:clamp(1rem,1.8vw,1.3rem)}
.pg-prev:hover .pg-name{color:var(--ink)}
footer{background:#090c06;border-top:1px solid var(--line);padding:3.6rem 0 1.8rem}
.f-grid{display:grid;grid-template-columns:1.2fr .6fr .8fr;gap:2.5rem}
.f-desc{color:var(--dim);font-size:14.5px;max-width:36ch;margin-top:1rem;line-height:1.65}
.f-t{font:500 10px 'JetBrains Mono';letter-spacing:.2em;color:#7c7966;margin-bottom:.9rem;text-transform:uppercase}
.f-tel{font:700 clamp(1.15rem,2vw,1.5rem) 'Unbounded';color:var(--acid)}
.f-tel:hover{text-decoration:underline}
.f-mail{display:block;font:400 13px 'JetBrains Mono';margin-top:.7rem;color:var(--dim)}
.f-mail:hover{color:var(--acid)}
.f-pages{display:grid;grid-template-columns:1fr 1fr;gap:.2rem 1.5rem}
.f-pages a{font:400 13px 'JetBrains Mono';color:var(--dim);padding:.28rem 0;transition:color .2s}
.f-pages a:hover,.f-pages a.act{color:var(--acid)}
.f-plain{font-size:14px;color:var(--dim);line-height:1.9}
.f-bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:3rem;padding-top:1.3rem;
  border-top:1px solid var(--line);font:400 10.5px 'JetBrains Mono';letter-spacing:.1em;color:#6e6b58}

#toasts{position:fixed;right:1.1rem;bottom:1.1rem;z-index:300;display:flex;flex-direction:column;gap:.6rem;max-width:min(350px,calc(100vw - 2.2rem))}
.toast{background:#161a10;border:1px solid rgba(240,237,221,.18);border-left:3px solid var(--acid);
  padding:.85rem 1.05rem;animation:tin .35s cubic-bezier(.2,.7,.2,1);transition:opacity .3s,transform .3s}
.toast.out{opacity:0;transform:translateY(8px)}
.toast.err{border-left-color:var(--danger)}
.toast b{display:block;font:700 11px 'Unbounded';text-transform:uppercase;margin-bottom:.25rem}
.toast span{font-size:13px;color:#c9c6b2;line-height:1.45}
@keyframes tin{from{opacity:0;transform:translateY(12px)}}

@media (max-width:1100px){.hero-side{display:none}}
@media (max-width:980px){
  .intro-grid,.tease-grid,.proc-grid,.calc-grid,.cont-grid{grid-template-columns:1fr;gap:2.2rem}
  .proc-left{position:static}
  .fact{grid-template-columns:150px 1fr;grid-template-rows:auto auto}
  .fact-idx{display:none}
  .mist-row{grid-template-columns:64px 1fr;grid-template-rows:auto auto}
  .mist-row p{grid-column:2}
  .zg{grid-template-columns:1fr;gap:.8rem}
  .qgrid{grid-template-columns:1fr}
  .equip{grid-template-columns:1fr}
  .aid{grid-template-columns:1fr;gap:1rem}
  .p-idx{opacity:.7}
}
@media (max-width:900px){
  .nav-links,.nav-right{display:none}
  .burger{display:block}
}
@media (max-width:640px){
  .hud{min-width:0;width:100%}
  .hero-mid{margin:1.8rem 0}
  .cta-row .btn{flex:1;justify-content:center}
  .f-grid{grid-template-columns:1fr}
  .spec{grid-template-columns:110px 1fr}
  .svc-row{grid-template-columns:44px 1fr 30px}
  .svc-tag{display:none}
  .f-tl,.f-tr{top:70px}
  .qa summary{grid-template-columns:36px 1fr 22px}
  .qa-a{padding-left:0}
}

/* ============================================================
   HERO v2: GCS-карта, метки очагов, FPV-дополнения
============================================================ */
.hint-t{display:none}
@media (hover:none){.hint-d{display:none}.hint-t{display:inline}}

/* рамка наземного пункта управления (режим КАРТА) */
.gcs{position:absolute;inset:64px 12px 12px;z-index:2;pointer-events:none;display:none;font-family:'JetBrains Mono'}
body.map .gcs{display:block}
.gcs-frame{position:absolute;inset:0;border:1px solid rgba(214,255,63,.28)}
.gc{position:absolute;width:16px;height:16px;border:2px solid rgba(214,255,63,.85)}
.gc.c1{top:-2px;left:-2px;border-right:0;border-bottom:0}
.gc.c2{top:-2px;right:-2px;border-left:0;border-bottom:0}
.gc.c3{bottom:-2px;left:-2px;border-right:0;border-top:0}
.gc.c4{bottom:-2px;right:-2px;border-left:0;border-top:0}
.gr{position:absolute;opacity:.55}
.gr.t{top:0;left:0;right:0;height:7px;background:repeating-linear-gradient(90deg,rgba(214,255,63,.6) 0 1px,transparent 1px 28px)}
.gr.b{bottom:0;left:0;right:0;height:7px;background:repeating-linear-gradient(90deg,rgba(214,255,63,.6) 0 1px,transparent 1px 28px)}
.gr.l{top:0;bottom:0;left:0;width:7px;background:repeating-linear-gradient(0deg,rgba(214,255,63,.6) 0 1px,transparent 1px 28px)}
.gr.r{top:0;bottom:0;right:0;width:7px;background:repeating-linear-gradient(0deg,rgba(214,255,63,.6) 0 1px,transparent 1px 28px)}
.glab{position:absolute;font:500 9px 'JetBrains Mono';letter-spacing:.14em;color:rgba(214,255,63,.8);background:rgba(11,14,8,.55);padding:2px 7px}
.glab b{display:inline-block;height:4px;background:rgba(214,255,63,.9);vertical-align:middle;margin-right:6px}
.gtl{top:6px;left:10px}.gtr{top:6px;right:10px}
.gbl{bottom:6px;left:10px}.gbr{bottom:6px;right:10px}
.gcs-scan{position:absolute;top:0;bottom:0;width:110px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(214,255,63,.07),transparent);
  animation:sweep 9s linear infinite}
@keyframes sweep{from{left:-12%}to{left:102%}}

/* DOM-метки очагов и борта над картой */
#mkLayer{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.mk{position:absolute;transform:translate(-50%,-100%);display:none;flex-direction:column;align-items:center;gap:3px;
  font:500 9px 'JetBrains Mono';color:var(--acid);letter-spacing:.08em}
.mk i{width:11px;height:11px;background:var(--acid);outline:2px solid #12150a;transform:rotate(45deg);
  box-shadow:0 0 10px rgba(214,255,63,.55);animation:mkb 1.6s ease-in-out infinite}
@keyframes mkb{50%{transform:rotate(45deg) scale(1.25)}}
.mk span{background:rgba(11,14,8,.72);border:1px solid rgba(214,255,63,.4);padding:1px 6px;white-space:nowrap}
.dronemk{position:absolute;width:0;height:0;display:none;filter:drop-shadow(0 0 6px rgba(255,255,255,.6))}
.dronemk::before{content:'';position:absolute;left:-7px;top:-7px;border:7px solid transparent;border-bottom:14px solid #fff}

/* FPV: компасная лента и миникарта */
#fTape{position:absolute;top:60px;left:50%;transform:translateX(-50%)}
.f-bl{bottom:24px;left:24px;line-height:0}
#fMini{border:1px solid rgba(214,255,63,.4);border-radius:50%}
.f-br{bottom:30px;right:34px}

@media (max-width:640px){
  .gbr{display:none}
  #fTape{width:220px}
}

/* метки очагов: красные */
.mk{color:#ff6a50}
.mk i{background:var(--danger);box-shadow:0 0 10px rgba(232,68,42,.65)}
.mk span{border-color:rgba(232,68,42,.6)}

/* hero: «БОРЩЕВИКА» — сплошная заливка вместо контура (читабельность) */
.h1-out{color:var(--acid);-webkit-text-stroke:0;text-shadow:0 2px 22px rgba(11,14,8,.55)}
