::selection{background:#0f0;color:#000;font-family:'Share Tech Mono',monospace}::-moz-selection{background:#0f0;color:#000;font-family:'Share Tech Mono',monospace}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#0a0a0c;--bg2:#0e0e10;--accent:#ff4438;--accent-dim:rgba(255,68,56,.2);--text:#eae8e2;--text-dim:#70737a;--text-mid:#a0a0a8;--border:#252528;--site-scroll:0;--b762-svh:100svh;--b762-dvh:100dvh;--b762-safe-t:env(safe-area-inset-top,0px);--b762-safe-b:env(safe-area-inset-bottom,0px)}
@supports not (height:100dvh){:root{--b762-dvh:100vh}}
@supports not (height:100svh){:root{--b762-svh:100vh}}
/* === LIGHT MODE === */
body.light-mode{--bg:#f4f2ed;--bg2:#eae8e2;--accent:#c42b1e;--accent-dim:rgba(196,43,30,.15);--text:#0f0f10;--text-dim:#5a5a62;--text-mid:#3a3a42;--border:#c8c6c2}
body.light-mode{background:var(--bg);cursor:none}
body.light-mode .noise,body.light-mode .vignette,body.light-mode .crt-lines,body.light-mode .scanline,body.light-mode .interference,body.light-mode .glitch-bar{display:none!important}
body.light-mode .grid-bg{background-image:linear-gradient(rgba(180,60,50,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(180,60,50,.04) 1px,transparent 1px),linear-gradient(rgba(180,60,50,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(180,60,50,.02) 1px,transparent 1px)!important;background-size:200px 200px,200px 200px,40px 40px,40px 40px!important}
body.light-mode *{cursor:none}
body.light-mode nav{background:rgba(244,242,237,.85);border-bottom-color:var(--border)}
body.light-mode ::selection{background:var(--accent);color:#fff}
body.light-mode html::-webkit-scrollbar-track{background:var(--bg)}
body.light-mode .progress-track{background:var(--border)}
body.light-mode #preloader{background:var(--bg)}
body.light-mode .pre-caliber{color:var(--accent);text-shadow:none}
body.light-mode .hud,.light-mode .part-tag,.light-mode .dial-fixed,.light-mode #dial-fixed{display:none!important}
body.light-mode .bureau-reveal h2{color:rgba(214,53,39,.06)}
body.light-mode .hero-title-wrap h1{color:var(--text)}
body.light-mode .hero-title-wrap h1 em{text-shadow:none}
body.light-mode .a-card{background:var(--bg);border-color:var(--border)}
body.light-mode .a-card::before{background:linear-gradient(180deg,transparent 50%,rgba(214,53,39,.03) 100%)}
body.light-mode .dossier-v2 *,.light-mode .briefing-wrap,.light-mode .briefing-input{background-color:transparent}
body.light-mode .dv2-header,.light-mode .dv2-cmd,.light-mode .dv2-file{background:rgba(255,255,255,.5);border-color:var(--border)}
body.light-mode .briefing-wrap{background:rgba(255,255,255,.4)}
body.light-mode .briefing-input{background:rgba(0,0,0,.03)!important;border-color:var(--border)!important;color:var(--text)!important}
body.light-mode .proj-card{background:var(--bg)}
body.light-mode .tac-wrap{background:rgba(255,255,255,.4)}
body.light-mode .bm-card{background:var(--bg)}
body.light-mode .poly-card{background:var(--bg)}
body.light-mode .dub-bar{background:rgba(244,242,237,.92)}
body.light-mode footer{color:var(--text-dim)}
body.light-mode .player-wrap{background:rgba(255,255,255,.5);backdrop-filter:blur(30px)}
body.light-mode .radio-freq-display{background:rgba(255,255,255,.7)}
body.light-mode .tac-stat{background:rgba(255,255,255,.4)}
/* Light mode — Dossier / About */
body.light-mode .dossier-wrap{background:rgba(255,255,255,.6);border-color:var(--border)}
body.light-mode .dossier-field{border-bottom-color:rgba(0,0,0,.06)}
body.light-mode .dossier-bio p{color:var(--text-mid)}
body.light-mode .dossier-stamp{color:rgba(196,43,30,.12);border-color:rgba(196,43,30,.12)}
body.light-mode .about-visual{background:var(--bg);border-color:var(--border)}
body.light-mode .about-text p{color:var(--text-mid)}
/* Light mode — Arsenal / Directions */
body.light-mode .a-card{background:rgba(255,255,255,.7);border-color:var(--border)}
body.light-mode .a-card-desc{color:var(--text-mid)}
body.light-mode .a-card-num{color:var(--accent)}
body.light-mode .a-card .a-tag{background:rgba(0,0,0,.04);border-color:var(--border);color:var(--text-mid)}
/* Light mode — DV2 operator cards */
body.light-mode .dv2-header{background:rgba(255,255,255,.7);border-color:var(--border)}
body.light-mode .dv2-cmd{background:rgba(255,255,255,.6);border-color:var(--border)}
body.light-mode .dv2-file{background:rgba(255,255,255,.5);border-color:var(--border)}
body.light-mode .dv2-sub{color:var(--text-mid)}
body.light-mode .dv2-op-desc{color:var(--text-mid)}
/* Light mode — Briefing / Contact */
body.light-mode .briefing-wrap{background:rgba(255,255,255,.6);border-color:var(--border)}
body.light-mode .briefing-input{background:rgba(0,0,0,.03)!important;border-color:var(--border)!important;color:var(--text)!important}
body.light-mode .briefing-opt{background:rgba(255,255,255,.6);border-color:var(--border)}
body.light-mode .briefing-opt-name{color:var(--text)}
body.light-mode .briefing-opt-desc{color:var(--text-mid)}
body.light-mode .briefing-opt-price{color:var(--accent)}
body.light-mode .briefing-total-val{color:var(--accent)}
body.light-mode .briefing-check{border-color:var(--border);background:rgba(255,255,255,.5)}
body.light-mode .briefing-check.checked{border-color:var(--accent);background:rgba(196,43,30,.06)}
/* Light mode — Section titles */
body.light-mode .sec-title{color:var(--text);text-shadow:none}
body.light-mode .sec-title::before{color:rgba(196,43,30,.06)}
body.light-mode .sec-marker{color:var(--text-dim)}
/* Light mode — General text on sections */
body.light-mode .tac-sub{color:var(--text-mid)}
body.light-mode .bm-sub{color:var(--text-mid)}
body.light-mode .bm-card{background:rgba(255,255,255,.7);border-color:var(--border)}
body.light-mode .bm-card-desc{color:var(--text-mid)}
body.light-mode .poly-card{background:rgba(255,255,255,.7);border-color:var(--border)}
/* Light mode — Skill bars readable */
body.light-mode .dossier-skill-bar{background:var(--border)}
body.light-mode .dossier-skill-name{color:var(--text-mid)}
body.light-mode .dossier-clearance{border-color:var(--border)}
/* Light mode — Operator cards (dv2-file) */
body.light-mode .dv2-file{background:rgba(255,255,255,.75);border-color:var(--border)}
body.light-mode .dv2-file-dir{color:var(--text-mid)}
body.light-mode .dv2-file-spec{color:var(--text-mid)}
body.light-mode .dv2-file-bio{color:var(--text-mid);opacity:1}
body.light-mode .dv2-file-foot{border-top-color:rgba(0,0,0,.06)}
body.light-mode .dv2-bar span{color:var(--text-mid)}
body.light-mode .dv2-bar-track{background:var(--border)}
body.light-mode .dv2-cmd{background:rgba(255,255,255,.7)}
/* Light mode — Briefing / Pricing section */
body.light-mode .briefing-section{color:var(--text)}
body.light-mode .briefing-section-title{color:var(--text)}
body.light-mode .briefing-price{color:var(--text)}
body.light-mode .briefing-row-name{color:var(--text)}
body.light-mode .briefing-row-desc{color:var(--text-mid)}
body.light-mode .smeta{background:rgba(255,255,255,.7);border-color:var(--border)}
body.light-mode .smeta-total-val{color:var(--accent)}
/* Light mode — Nav links readable */
body.light-mode nav a{color:var(--text)}
body.light-mode nav a:hover{color:var(--accent)}
body.light-mode .nav-links a{color:var(--text-mid)}
body.light-mode .nav-links a:hover{color:var(--accent)}
/* Light mode — Stat boxes */
body.light-mode .about-stat{background:rgba(255,255,255,.5);border-color:var(--border)}
body.light-mode .about-stat-label{color:var(--text-mid)}
/* Light mode — Projects */
body.light-mode .proj-card{background:rgba(255,255,255,.7);border-color:var(--border)}
body.light-mode .proj-cat{color:var(--text-mid)}
body.light-mode .proj-desc{color:var(--text-mid)}
/* Light mode — Footer */
body.light-mode footer{color:var(--text-mid)}
body.light-mode footer a{color:var(--accent)}
/* Light mode — Calculator / Configurator */
body.light-mode .calc-group{background:rgba(255,255,255,.7);border-color:var(--border);backdrop-filter:none}
body.light-mode .calc-group-head{border-bottom-color:var(--border)}
body.light-mode .calc-item:hover{background:rgba(196,43,30,.03)}
body.light-mode .calc-item.selected{background:rgba(196,43,30,.06)}
body.light-mode .calc-item-name{color:var(--text-mid)}
body.light-mode .calc-item.selected .calc-item-name{color:var(--text)}
body.light-mode .calc-item-desc{color:var(--text-dim)}
body.light-mode .calc-item-check{border-color:var(--border)}
body.light-mode .calc-item.selected .calc-item-check{border-color:var(--accent);background:rgba(196,43,30,.1)}
body.light-mode .calc-summary{background:rgba(255,255,255,.85);border-color:var(--border);backdrop-filter:none}
body.light-mode .calc-sum-head{border-bottom-color:var(--border)}
body.light-mode .calc-sum-item{border-bottom-color:rgba(0,0,0,.06)}
body.light-mode .calc-sum-total{border-top-color:var(--border)}
body.light-mode .calc-total-val{text-shadow:none}
body.light-mode .calc-sum-btn{cursor:pointer}
body.light-mode .calc-timeline{border-top-color:rgba(0,0,0,.06)}
/* Light mode — hide pro-only sections */
body.light-mode [data-mode="pro"]{display:none!important}
/* Fixed mode switch — always visible */
/* ШТАБ button */
#shtab-btn{position:fixed;bottom:24px;right:24px;z-index:9990;display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none;padding:10px 18px;background:rgba(255,68,56,.08);backdrop-filter:blur(20px);border:1px solid rgba(255,68,56,.3);transition:all .4s;text-decoration:none}
#shtab-btn:hover{background:rgba(255,68,56,.15);border-color:var(--accent);box-shadow:0 0 25px rgba(255,68,56,.15)}
#shtab-btn .shtab-btn-icon{font-size:14px;color:var(--accent);line-height:1}
#shtab-btn .shtab-btn-label{font-size:7px;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase}
#shtab-btn .shtab-btn-name{font-family:'Russo One',sans-serif;font-size:12px;letter-spacing:3px;color:var(--accent)}
body.light-mode #shtab-btn{background:rgba(214,53,39,.06);border-color:rgba(214,53,39,.2)}
/* Mode switch — moved up */
#mode-switch{position:fixed;bottom:80px;right:24px;z-index:9990;display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none;padding:8px 16px;background:rgba(10,10,12,.7);backdrop-filter:blur(20px);border:1px solid var(--border);transition:all .4s}
#mode-switch:hover{border-color:var(--accent);box-shadow:0 0 20px rgba(255,68,56,.1)}
#mode-switch .ms-icon{font-size:10px;color:var(--accent);letter-spacing:1px;line-height:1}
#mode-switch .ms-label{font-size:7px;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase}
#mode-switch .ms-mode{font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--accent)}
body.light-mode #mode-switch{background:rgba(244,242,237,.85);border-color:var(--border);box-shadow:0 2px 12px rgba(0,0,0,.06)}
/* Mode chooser splash */
#mode-chooser{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;background:#0a0a0c;transition:opacity .6s,visibility .6s}
#mode-chooser.hidden{opacity:0;visibility:hidden;pointer-events:none}
.mc-wrap{display:flex;gap:0;max-width:900px;width:90%}
.mc-side{flex:1;padding:60px 40px;text-align:center;cursor:pointer;transition:all .4s;border:1px solid #252528;position:relative;overflow:hidden}
.mc-side::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .4s}
.mc-side:hover::after{transform:scaleX(1)}
.mc-side.mc-light{background:#f4f2ed;border-color:#d5d5d8}
.mc-side.mc-light:hover{box-shadow:0 0 40px rgba(214,53,39,.1)}
.mc-side.mc-dark{background:#0a0a0c}
.mc-side.mc-dark:hover{border-color:rgba(255,68,56,.4);box-shadow:0 0 40px rgba(255,68,56,.1)}
.mc-label{font-family:'Russo One',sans-serif;font-size:28px;letter-spacing:6px;margin-bottom:8px}
.mc-light .mc-label{color:#1a1a1c}
.mc-dark .mc-label{color:#eae8e2}
.mc-desc{font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:500;letter-spacing:1px}
.mc-light .mc-desc{color:#8a8a90}
.mc-dark .mc-desc{color:#70737a}
.mc-tag{font-size:7px;letter-spacing:4px;text-transform:uppercase;margin-top:16px;padding:4px 12px;border:1px solid currentColor;display:inline-block}
.mc-light .mc-tag{color:#d63527}
.mc-dark .mc-tag{color:#ff4438}
.mc-code{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:2px;margin-top:20px;opacity:.3}
.mc-light .mc-code{color:#1a1a1c}
.mc-dark .mc-code{color:#eae8e2}
html{
  scroll-behavior:auto;
  scroll-padding-top:calc(52px + var(--b762-safe-t));
  /* Ось «как Darknode» здесь: нативный скролл + scroll-snap proximity (без Lenis, без перехвата wheel). */
  scroll-snap-type:y proximity;
}
@media (prefers-reduced-motion:reduce){
  html{scroll-snap-type:none}
}
/* Режим герой + «о нас»: театр и блоки ниже скрыты (полный сайт — убери class b762-hero-ops с body). */
body.b762-hero-ops #ops-theater,
body.b762-hero-ops #arsenal,
body.b762-hero-ops #projects,
body.b762-hero-ops #calc-sec,
body.b762-hero-ops #contact,
body.b762-hero-ops #dub-bar,
body.b762-hero-ops footer{
  display:none!important;
}
body.b762-hero-ops .nav-links>li:nth-child(n+2):nth-child(-n+5){
  display:none!important;
}
/* Театр: slim-сетка по умолчанию скрыта (полный сайт — bento). В b762-hero-ops весь #ops-theater скрыт. */
.ops-theater-slim{display:none}
.ops-theater__lead--slim{display:none}
.ops-slim-card{
  position:relative;
  border:1px solid var(--border);
  border-radius:3px;
  padding:clamp(16px,2.8vmin,28px) clamp(44px,9vmin,56px) clamp(16px,2.8vmin,28px) clamp(14px,2.5vmin,24px);
  background:rgba(8,8,12,.88);
  box-shadow:0 8px 32px rgba(0,0,0,.35);
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:8px;
  min-height:0;
  overflow:hidden;
}
.ops-slim-tag{
  font-size:8px;
  letter-spacing:4px;
  text-transform:uppercase;
  color:var(--text-dim);
  align-self:flex-start;
  padding:3px 8px;
  border:1px solid var(--border);
}
.ops-slim-title{
  font-family:'Russo One',sans-serif;
  font-size:clamp(15px,2.4vmin,22px);
  letter-spacing:2px;
  color:var(--text);
  line-height:1.15;
  margin:0;
}
.ops-slim-desc{
  font-family:'Rajdhani',sans-serif;
  font-weight:600;
  font-size:clamp(12px,1.5vmin,15px);
  color:var(--text-mid);
  line-height:1.45;
  margin:0;
  max-width:28ch;
}
.ops-slim-card--geo{border-left:4px solid var(--accent)}
.ops-slim-card--geo .ops-slim-tag{color:rgba(255,68,56,.85);border-color:rgba(255,68,56,.35)}
.ops-slim-card--radio{border-left:4px solid #38bdf8}
.ops-slim-card--radio .ops-slim-tag{color:#7dd3fc;border-color:rgba(56,200,255,.4)}
.ops-slim-card--market{border-left:4px solid #a855f7}
.ops-slim-card--market .ops-slim-tag{color:#d8b4fe;border-color:rgba(168,85,247,.4)}
.ops-slim-card--poly{border-left:4px solid #facc15}
.ops-slim-card--poly .ops-slim-tag{color:#fde047;border-color:rgba(250,204,21,.45)}
.ops-slim-cartridge{
  position:absolute;
  top:clamp(8px,1.5vmin,14px);
  right:clamp(8px,1.5vmin,14px);
  z-index:4;
  width:clamp(34px,6vmin,42px);
  height:clamp(34px,6vmin,42px);
  padding:0;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,68,56,.35);
  border-radius:4px;
  background:rgba(6,6,10,.75);
  cursor:pointer;
  pointer-events:auto;
  transition:border-color .25s,box-shadow .25s,transform .2s;
}
.ops-slim-cartridge:hover{
  border-color:var(--accent);
  box-shadow:0 0 16px rgba(255,68,56,.2);
  transform:translateY(-1px);
}
.ops-slim-cartridge:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ops-slim-cartridge__svg{width:clamp(16px,3vmin,22px);height:auto;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.ops-slim-modal{
  position:fixed;
  inset:0;
  z-index:10120;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:max(10px,var(--b762-safe-t)) 14px max(14px,var(--b762-safe-b));
  box-sizing:border-box;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transition:opacity .32s ease,visibility .32s ease;
}
.ops-slim-modal.is-open{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
}
.ops-slim-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(4,4,8,.9);
  backdrop-filter:blur(14px);
  cursor:pointer;
}
.ops-slim-modal__shell{
  position:relative;
  z-index:1;
  width:min(1180px,calc(100vw - 20px));
  max-height:min(92dvh,calc(100vh - 20px));
  display:flex;
  flex-direction:column;
  border:1px solid rgba(255,68,56,.4);
  border-radius:4px;
  box-shadow:0 0 0 1px rgba(0,0,0,.55),0 28px 90px rgba(0,0,0,.7),0 0 70px rgba(255,68,56,.1);
  background:var(--bg);
  overflow:hidden;
}
.ops-slim-modal__chrome{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-shrink:0;
  padding:12px 16px;
  border-bottom:1px solid var(--border);
  background:rgba(10,10,14,.96);
}
.ops-slim-modal__title{
  font-family:'Russo One',sans-serif;
  font-size:clamp(10px,1.8vmin,15px);
  letter-spacing:3px;
  color:var(--accent);
  text-transform:uppercase;
}
.ops-slim-modal__close{
  width:36px;
  height:36px;
  border:1px solid var(--border);
  background:rgba(255,68,56,.08);
  color:var(--text);
  cursor:pointer;
  font-size:15px;
  line-height:1;
  border-radius:2px;
  transition:border-color .2s,background .2s,color .2s;
  pointer-events:auto;
}
.ops-slim-modal__close:hover{border-color:var(--accent);background:rgba(255,68,56,.14);color:#fff}
.ops-slim-modal__body{
  flex:1;
  min-height:0;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  padding:12px 14px 18px;
  box-sizing:border-box;
}
.ops-slim-modal__body > *{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
body.light-mode .ops-slim-modal__shell{background:var(--bg);border-color:var(--border)}
body.light-mode .ops-slim-modal__backdrop{background:rgba(244,242,237,.88)}
/* Lenis + «клетки» max-height/overflow на секциях отключены — обычный скролл документа. Включать снова только точечно. */
/* Snap-мишени основных панелей: после инерции подсаживаемся к верху секции (scroll-padding-top на html учитывается). scroll-snap-stop: normal — длинный hero не «залипает» по шагам.
   Критерий готовности: инерционный скролл заканчивается с выравниванием start у ближайшей из этих секций; на touch/desktop без отдельного внутреннего скролла документа; при prefers-reduced-motion snap отключён. */
#hero,
#about,
#ops-theater,
#arsenal,
#projects,
#calc-sec,
#contact{
  scroll-snap-align:start;
  scroll-snap-stop:normal;
}
html::-webkit-scrollbar{width:3px}html::-webkit-scrollbar-track{background:var(--bg)}html::-webkit-scrollbar-thumb{background:var(--accent)}
body{background:var(--bg);color:var(--text);font-family:'Share Tech Mono',monospace;overflow-x:hidden;cursor:none}
#preloader{position:fixed;inset:0;background:var(--bg);z-index:10000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;transition:opacity .6s,visibility .6s}
#preloader.done{opacity:0;visibility:hidden;pointer-events:none}
.pre-caliber{font-family:'Russo One',sans-serif;font-size:60px;color:var(--accent);letter-spacing:8px;text-shadow:0 0 80px rgba(255,68,56,.2)}
.pre-sub{font-size:9px;letter-spacing:8px;color:var(--text-dim);text-transform:uppercase}
.pre-bar{width:200px;height:1px;background:var(--border);position:relative}.pre-fill{height:100%;width:0;background:var(--accent);transition:width .15s}
.pre-pct{font-size:10px;color:var(--text-mid);letter-spacing:6px}
/* LOGO */
.nav-logo-link{display:flex;align-items:center;margin-right:auto}
.nav-logo-img{height:36px;width:auto;opacity:.9;transition:all .3s}
.nav-logo-img:hover{opacity:1;filter:drop-shadow(0 0 12px rgba(255,68,56,.5))}
.logo-comma{display:inline-block;height:.45em;width:auto;vertical-align:baseline;margin:0 -.08em;position:relative;top:0.12em;filter:drop-shadow(0 0 10px rgba(255,68,56,.4))}
.ft-logo-img{display:block;width:50px;height:auto;margin:0 auto 16px;opacity:.6}
nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:flex-end;padding:clamp(10px,1.6vh,16px) clamp(14px,4vw,40px);padding-top:max(clamp(10px,1.6vh,16px),var(--b762-safe-t));background:rgba(6,6,8,.6);backdrop-filter:blur(40px);border-bottom:1px solid var(--border);transform:translateY(-100%);opacity:0;transition:transform .5s,opacity .5s;pointer-events:none}
nav.nav-visible{transform:translateY(0);opacity:1;pointer-events:auto}
.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{color:var(--text-dim);text-decoration:none;font-size:9px;letter-spacing:4px;text-transform:uppercase;transition:color .3s}.nav-links a:hover{color:var(--accent)}
.nav-status{margin-left:40px;display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:3px;color:var(--text-dim)}.nav-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
.noise{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.04;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") repeat;background-size:256px;mix-blend-mode:overlay;animation:b762NoiseBreath 11s ease-in-out infinite alternate}
/* Доп. шум на весь вьюпорт, пока виден блок #about (слабый глобальный .noise почти незаметен) */
.b762-about-noise-cover{
  position:fixed;
  inset:0;
  z-index:9999;
  pointer-events:none;
  opacity:0;
  transition:opacity .25s ease;
  background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='nc'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23nc)'/%3E%3C/svg%3E") repeat;
  background-size:200px 200px;
  mix-blend-mode:soft-light;
}
.b762-about-noise-cover.is-on{opacity:.32}
body.light-mode .b762-about-noise-cover.is-on{opacity:.12;mix-blend-mode:multiply}
html.b762-applewk .b762-about-noise-cover.is-on{opacity:.2}
@media(prefers-reduced-motion:reduce){
  .b762-about-noise-cover{display:none!important}
}
@keyframes b762NoiseBreath{0%{opacity:.026}100%{opacity:.055}}
.vignette{position:fixed;inset:0;z-index:9998;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.45) 100%);animation:b762VigBreath 18s ease-in-out infinite alternate}
@keyframes b762VigBreath{0%{opacity:.9}100%{opacity:1}}
.grid-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,68,56,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,68,56,.025) 1px,transparent 1px),linear-gradient(rgba(255,68,56,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,68,56,.012) 1px,transparent 1px);background-size:200px 200px,200px 200px,40px 40px,40px 40px;background-position:0 0,0 0,0 0,0 0;will-change:transform;transform:translate3d(0,calc(var(--site-scroll,0)*-48px),0)}
/* Воздух в герое: скан, дроны, частицы — над WebGL (z1), под HUD и battle-слоем */
.b762-sky{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;contain:strict}
.b762-sky__scan{
  position:absolute;inset:-20% -40%;
  background:linear-gradient(104deg,transparent 47%,rgba(255,68,56,.07) 49.2%,rgba(255,210,190,.05) 50.8%,transparent 53%);
  background-size:240% 100%;
  animation:b762SkyScan 16s ease-in-out infinite;
  opacity:.85;
}
@keyframes b762SkyScan{0%{transform:translateX(-14%) skewX(-1.5deg)}50%{transform:translateX(10%) skewX(1deg)}100%{transform:translateX(-14%) skewX(-1.5deg)}}
.b762-sky__hud-pulse{
  position:absolute;left:50%;bottom:max(10%,80px);width:min(480px,78vw);height:1px;transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(255,68,56,.35),transparent);
  animation:b762HudPulse 5s ease-in-out infinite;
  opacity:.55;
}
@keyframes b762HudPulse{0%,100%{opacity:.2;transform:translateX(-50%) scaleX(.55)}50%{opacity:.6;transform:translateX(-50%) scaleX(1)}}
.b762-sky__drone{
  position:absolute;
  width:38px;
  height:15px;
  border:1px solid rgba(255,130,110,.75);
  border-radius:2px;
  box-shadow:0 0 18px rgba(255,68,56,.3),inset 0 0 10px rgba(255,200,180,.06);
  mix-blend-mode:screen;
  opacity:.32;
  filter:drop-shadow(0 0 5px rgba(255,90,70,.5));
}
.b762-sky__drone::before,.b762-sky__drone::after{content:'';position:absolute;width:10px;height:1.5px;background:rgba(255,210,190,.9);top:50%}
.b762-sky__drone::before{left:-9px}.b762-sky__drone::after{right:-9px}
.b762-sky__drone--a{top:20%;left:-10%;animation:b762SkyDroneA 42s linear infinite}
.b762-sky__drone--b{top:36%;left:-16%;width:30px;height:12px;animation:b762SkyDroneB 56s linear infinite;animation-delay:-14s;opacity:.24}
.b762-sky__drone--c{top:54%;left:-12%;animation:b762SkyDroneC 48s linear infinite;animation-delay:-28s;opacity:.2}
@keyframes b762SkyDroneA{0%{transform:translate(0,0) rotate(-5deg)}100%{transform:translate(115vw,-8vh) rotate(3deg)}}
@keyframes b762SkyDroneB{0%{transform:translate(0,6vh) rotate(4deg)}100%{transform:translate(122vw,-12vh) rotate(-4deg)}}
@keyframes b762SkyDroneC{0%{transform:translate(0,-4vh) rotate(7deg)}100%{transform:translate(108vw,10vh) rotate(-2deg)}}
.b762-sky__mote{
  position:absolute;width:2px;height:2px;border-radius:50%;
  background:rgba(255,110,90,.55);box-shadow:0 0 10px rgba(255,68,56,.45);
  top:28%;left:18%;
  animation:b762MoteDrift 20s ease-in-out infinite;
}
.b762-sky__mote--2{top:48%;left:62%;animation-duration:26s;animation-delay:-6s;opacity:.55}
.b762-sky__mote--3{top:68%;left:38%;animation-duration:22s;animation-delay:-13s;opacity:.4}
@keyframes b762MoteDrift{0%,100%{transform:translate(0,0);opacity:.25}30%{transform:translate(12vw,-4vh);opacity:.75}60%{transform:translate(24vw,2vh);opacity:.45}85%{transform:translate(6vw,5vh);opacity:.65}}
body.light-mode .b762-sky{opacity:.22}
body.light-mode .b762-sky__drone{opacity:.06}
.crt-lines{display:none}
.scanline{display:none}
.interference{display:none}
.glitch-bar{display:none}
#hero{position:relative;height:400vh}@supports (height:100dvh){#hero{height:400dvh}}#hero-sticky{position:sticky;top:0;height:100vh;height:var(--b762-dvh);min-height:var(--b762-svh);max-height:var(--b762-dvh);overflow:hidden;padding-top:var(--b762-safe-t);padding-bottom:var(--b762-safe-b);box-sizing:border-box}#three-canvas{position:absolute;inset:0;z-index:1;transition:opacity .6s}
.bureau-reveal{position:absolute;z-index:3;top:clamp(48px,10vh,72px);left:clamp(14px,4vw,36px);right:auto;max-width:min(92vw,520px);pointer-events:none;opacity:0;transition:opacity 1.5s}
.bureau-reveal.show{opacity:1}
.bureau-reveal h2{font-family:'Russo One',sans-serif;font-size:min(18vw,220px);color:rgba(255,68,56,.06);line-height:.8;letter-spacing:2px}
.bureau-reveal .bsub{font-family:'Rajdhani',sans-serif;font-size:min(2.5vw,22px);letter-spacing:min(1.5vw,14px);color:rgba(255,68,56,.04);margin-top:4px;font-weight:600}
.hud{position:absolute;z-index:10;pointer-events:none}
.hud-tl{top:clamp(64px,11vh,96px);left:clamp(14px,4vw,36px)}.hud-tr{top:clamp(64px,11vh,96px);right:clamp(14px,4vw,36px);text-align:right}.hud-bl{bottom:max(24px,var(--b762-safe-b));left:clamp(14px,4vw,36px)}.hud-br{bottom:max(24px,var(--b762-safe-b));right:clamp(14px,4vw,36px);text-align:right}
.hud-label{font-size:8px;letter-spacing:4px;color:var(--text-dim);text-transform:uppercase;margin-bottom:3px}
.hud-val{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:20px;color:var(--accent);letter-spacing:2px}
.hud-line{width:30px;height:1px;background:var(--accent);opacity:.3;margin:6px 0}
.parts-bar{width:70px;height:2px;background:var(--border);margin-top:5px}.parts-fill{height:100%;width:0;background:var(--accent);transition:width .3s}
.part-tag{position:absolute;z-index:20;pointer-events:none;font-size:8px;letter-spacing:4px;text-transform:uppercase;color:var(--accent);opacity:0;transition:opacity .6s;white-space:nowrap}
.part-tag::before{content:'◁ ';opacity:.4;font-size:6px}.part-tag.show{opacity:.8}
.scroll-cta{position:absolute;bottom:max(20px,var(--b762-safe-b));left:50%;transform:translateX(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:clamp(4px,1.2vh,10px);animation:float 3s ease-in-out infinite;max-width:min(90vw,320px)}
.scroll-cta span{font-size:8px;letter-spacing:8px;color:var(--text-dim);text-transform:uppercase}
.scroll-cta .sline{width:1px;height:40px;background:linear-gradient(to bottom,var(--accent),transparent)}
@keyframes float{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}
.hero-title-wrap{position:absolute;z-index:15;text-align:center;pointer-events:none;opacity:0;transition:opacity 1s;top:50%;left:50%;transform:translate(-50%,-50%)}
.hero-title-wrap.show{opacity:1}
.hero-title-wrap h1{font-family:'Russo One',sans-serif;font-size:min(14vw,140px);letter-spacing:6px;line-height:.85;color:var(--text)}
.hero-title-wrap h1 em{font-style:normal;color:var(--accent);text-shadow:0 0 120px rgba(255,68,56,.3)}
.hero-title-wrap .hero-sub{margin-top:14px;font-size:10px;letter-spacing:10px;color:var(--text-mid);text-transform:uppercase;font-family:'Rajdhani',sans-serif;font-weight:500}
.progress-track{position:fixed;bottom:var(--b762-safe-b);left:0;right:0;height:2px;background:var(--border);z-index:1001}.progress-fill{height:100%;width:0;background:var(--accent)}
.mouse-coords{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:9996;pointer-events:none;font-size:8px;letter-spacing:5px;color:var(--text-dim);opacity:.5}.mouse-coords span{color:var(--accent)}
.cursor-h,.cursor-v{position:fixed;z-index:9995;pointer-events:none;background:rgba(255,68,56,.1)}.cursor-h{left:0;right:0;height:1px}.cursor-v{top:0;bottom:0;width:1px}
#reticle-cursor{position:fixed;z-index:9997;pointer-events:none;transform:translate(-50%,-50%);opacity:.85}
.corner-br{position:fixed;z-index:9996;pointer-events:none;width:30px;height:30px;border-color:rgba(255,68,56,.15);border-style:solid;border-width:0}
.corner-br.tl{top:12px;left:12px;border-top-width:1px;border-left-width:1px}.corner-br.tr{top:12px;right:12px;border-top-width:1px;border-right-width:1px}
.corner-br.bl{bottom:12px;left:12px;border-bottom-width:1px;border-left-width:1px}.corner-br.brnr{bottom:12px;right:12px;border-bottom-width:1px;border-right-width:1px}
.range-marks{position:fixed;z-index:9;pointer-events:none}.range-marks.left{top:0;left:8px;bottom:0;width:16px}.range-marks.right{top:0;right:8px;bottom:0;width:16px}
.range-mark{position:absolute;width:8px;height:1px;background:rgba(255,68,56,.08)}.range-marks.left .range-mark{left:0}.range-marks.right .range-mark{right:0}
.range-mark-label{position:absolute;font-size:6px;color:rgba(255,68,56,.07);letter-spacing:1px}.range-marks.left .range-mark-label{left:12px}.range-marks.right .range-mark-label{right:12px}
.laser-line{position:fixed;z-index:9994;pointer-events:none;opacity:0;transition:opacity .8s}.laser-line.active{opacity:1}
@keyframes glitchClip{0%{clip-path:inset(40% 0 61% 0)}20%{clip-path:inset(92% 0 1% 0)}40%{clip-path:inset(43% 0 1% 0)}60%{clip-path:inset(25% 0 58% 0)}80%{clip-path:inset(54% 0 7% 0)}100%{clip-path:inset(58% 0 43% 0)}}
.sec-title{position:relative}.sec-title::after{content:attr(data-text);position:absolute;left:3px;top:2px;color:var(--accent);opacity:0;clip-path:inset(0);pointer-events:none;transition:opacity .3s}.sec-title.glitch-active::after{opacity:.4;animation:glitchClip .15s steps(2) 3}
.tech-tag{position:fixed;z-index:9;pointer-events:none;font-size:7px;letter-spacing:4px;color:rgba(255,68,56,.08);text-transform:uppercase;white-space:nowrap;animation:b762TagDrift 9s ease-in-out infinite}
@keyframes b762TagDrift{0%,100%{filter:brightness(1);transform:translateY(0)}50%{filter:brightness(1.12);transform:translateY(-2px)}}
/* ARSENAL — 3x2 CARDS — CLEAN + NO LAG */
#arsenal{position:relative}
#arsenal .cards-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:40px}
.a-card{position:relative;background:var(--bg);border:1px solid var(--border);overflow:hidden;cursor:none;transition:border-color .3s}
.a-card:hover{border-color:rgba(255,68,56,.4);z-index:5}
.a-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(255,68,56,.03) 100%);pointer-events:none;opacity:0;transition:opacity .3s}
.a-card:hover::before{opacity:1}
.cards-grid:hover .a-card:not(:hover){opacity:.35}
.a-card-head{padding:16px 20px 0;display:flex;justify-content:space-between;align-items:flex-start}
.a-card-num{font-family:'Russo One',sans-serif;font-size:11px;color:var(--accent);letter-spacing:2px;opacity:.5}
.a-card-status{font-size:7px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);padding:3px 8px;border:1px solid var(--border);transition:border-color .3s,color .3s}
.a-card:hover .a-card-status{border-color:var(--accent);color:var(--accent)}
.a-card-visual{height:120px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:12px 20px 0}
.a-card-body{padding:12px 20px 14px}
.a-card-name{font-family:'Russo One',sans-serif;font-size:17px;letter-spacing:2px;color:var(--text);margin-bottom:5px;position:relative;display:inline-block}
.a-card-name::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent);transition:width .4s}
.a-card:hover .a-card-name::after{width:100%}
.a-card-desc{font-size:11px;color:var(--text-dim);line-height:1.8;font-family:'Rajdhani',sans-serif;font-weight:500}
.a-card-tags{display:flex;gap:5px;flex-wrap:wrap;padding:0 20px 16px}
.a-card-tag{font-size:7px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);padding:3px 7px;border:1px solid var(--border);transition:all .3s}
.a-card:hover .a-card-tag{border-color:rgba(255,68,56,.2);color:var(--text-mid)}
.a-card-line{position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--accent);transition:width .5s}
.a-card:hover .a-card-line{width:100%}
/* TTX mini table inside card */
.a-card-ttx{padding:0 20px 14px;display:flex;flex-direction:column;gap:0;border-top:1px solid rgba(255,255,255,.03);margin:0 0 0}
.a-card-ttx-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.02)}
.a-card-ttx-row:last-child{border-bottom:none}
.a-card-ttx-l{font-size:7px;letter-spacing:2px;color:var(--text-dim);text-transform:uppercase}
.a-card-ttx-v{font-size:10px;color:var(--accent);font-family:'Rajdhani',sans-serif;font-weight:600}
/* Visuals — CSS only, no JS animations */
.vis-wave{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:0 10px}
.vis-wave .bar{width:3px;background:var(--accent);opacity:.12;border-radius:1px 1px 0 0;transition:opacity .3s}
.a-card:hover .vis-wave .bar{opacity:.4}
.vis-net{width:100%;height:100%;position:relative}
.vis-net .node{position:absolute;width:6px;height:6px;border-radius:50%;border:1px solid rgba(255,68,56,.15);transition:border-color .3s,box-shadow .3s}
.a-card:hover .vis-net .node{border-color:var(--accent);box-shadow:0 0 8px rgba(255,68,56,.3)}
.vis-net svg{position:absolute;inset:0;width:100%;height:100%}
.vis-grid-pat{width:100%;height:100%;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);gap:1px}
.vis-grid-pat .cell{background:rgba(255,68,56,.015);border:1px solid rgba(255,68,56,.03);transition:background .3s}
.a-card:hover .vis-grid-pat .cell:nth-child(odd){background:rgba(255,68,56,.05)}
.vis-code{width:100%;height:100%;display:flex;flex-direction:column;gap:5px;padding:10px;overflow:hidden}
.vis-code .ln{height:2px;border-radius:1px;opacity:.06;transition:opacity .3s}
.a-card:hover .vis-code .ln{opacity:.18}
.vis-cinema{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}
.vis-cinema .frame{width:80%;height:70%;border:1px solid rgba(255,68,56,.06);display:flex;align-items:center;justify-content:center;transition:border-color .3s}
.a-card:hover .vis-cinema .frame{border-color:rgba(255,68,56,.2)}
.vis-cinema .play-tri{width:0;height:0;border-left:14px solid rgba(255,68,56,.1);border-top:9px solid transparent;border-bottom:9px solid transparent;transition:border-left-color .3s}
.a-card:hover .vis-cinema .play-tri{border-left-color:rgba(255,68,56,.5)}
.vis-dial{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.vis-dial svg{transition:transform .4s}
.a-card:hover .vis-dial svg{transform:rotate(12deg)}
@media(max-width:1100px){#arsenal .cards-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){#arsenal .cards-grid{grid-template-columns:1fr}.a-card-visual{height:100px}}
/* DUB BAR */
.dub-bar{position:fixed;bottom:0;left:0;right:0;z-index:998;background:rgba(10,10,12,.92);backdrop-filter:blur(30px);border-top:1px solid var(--border);display:flex;align-items:center;padding:0 30px;height:42px;transform:translateY(100%);transition:transform .5s}
.dub-bar.show{transform:translateY(0)}
.dub-pulse{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;animation:blink 2s infinite}
.dub-label{font-family:'Russo One',sans-serif;font-size:10px;letter-spacing:4px;color:var(--text);margin-left:12px}
.dub-freq{font-size:7px;letter-spacing:3px;color:var(--text-dim);margin-left:8px}
.dub-spacer{flex:1}
.dub-link{font-size:7px;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase;text-decoration:none;cursor:none;padding:4px 10px;border:1px solid var(--border);transition:all .3s}
.dub-link:hover{border-color:var(--accent);color:var(--accent)}
.a-card-xphases{display:flex;flex-direction:column;gap:2px;margin-top:10px}
.a-card-xph{display:grid;grid-template-columns:24px 1fr;border:1px solid var(--border)}
.a-card-xph-n{background:rgba(255,68,56,.04);display:flex;align-items:center;justify-content:center;font-family:'Russo One',sans-serif;font-size:8px;color:var(--accent);border-right:1px solid var(--border)}
.a-card-xph-b{padding:5px 8px}
.a-card-xph-name{font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;color:var(--text);text-transform:uppercase}
.a-card-xph-desc{font-size:8px;color:var(--text-dim)}
.a-card-xtags{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}
/* DUB BAR */
.dub-bar{position:fixed;bottom:0;left:0;right:0;z-index:998;background:rgba(10,10,12,.92);backdrop-filter:blur(30px);border-top:1px solid var(--border);display:flex;align-items:center;padding:0 30px;height:42px;transform:translateY(100%);transition:transform .5s}
.dub-bar.show{transform:translateY(0)}
.dub-pulse{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;animation:blink 2s infinite}
.dub-label{font-family:'Russo One',sans-serif;font-size:10px;letter-spacing:4px;color:var(--text);margin-left:12px}
.dub-freq{font-size:7px;letter-spacing:3px;color:var(--text-dim);margin-left:8px}
.dub-spacer{flex:1}
.dub-link{font-size:7px;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase;text-decoration:none;cursor:none;padding:4px 10px;border:1px solid var(--border);transition:all .3s}
.dub-link:hover{border-color:var(--accent);color:var(--accent)}
@media(max-width:700px){.dub-bar{padding:0 14px;height:36px}.dub-label{font-size:8px}}
/* 3D MINI SCENES */
.scene-3d{position:relative;overflow:hidden;cursor:none}
.scene-3d canvas{width:100%;height:100%;display:block}
.scene-3d .scene-label{position:absolute;bottom:10px;left:14px;font-size:7px;letter-spacing:4px;color:var(--text-dim);text-transform:uppercase;opacity:.5}
.scene-3d .scene-label-r{position:absolute;bottom:10px;right:14px;font-size:7px;letter-spacing:4px;color:var(--accent);text-transform:uppercase;opacity:.4}
/* About visual — replace SVG with 3D */
.about-visual{position:relative;height:520px;border:1px solid var(--border);background:var(--bg2);overflow:hidden}
.about-visual .bg-text{position:absolute;font-family:'Russo One',sans-serif;font-size:180px;color:rgba(255,68,56,.03);letter-spacing:16px;user-select:none;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}
.about-visual canvas{position:absolute;inset:0;z-index:2}
/* Divider strip between sections */
.model-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.model-strip .strip-cell{height:240px;background:var(--bg);position:relative;overflow:hidden;cursor:none}
.model-strip .strip-cell canvas{width:100%;height:100%;display:block}
.model-strip .strip-cell .strip-name{position:absolute;bottom:8px;left:12px;font-size:7px;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase;opacity:.4}
.model-strip .strip-cell .strip-num{position:absolute;top:8px;right:12px;font-size:8px;letter-spacing:2px;color:var(--accent);opacity:.3;font-family:'Russo One',sans-serif}
@media(max-width:900px){.model-strip{grid-template-columns:repeat(2,1fr)}.model-strip .strip-cell{height:180px}}
/* === GLITCH BLUEPRINT === */
.blueprint-sec{position:relative;padding:80px 40px;overflow:hidden;background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
#blueprint-3d-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.3}
.blueprint-scanline{position:absolute;left:0;right:0;height:1px;background:rgba(255,68,56,.15);pointer-events:none;animation:bpScan 4s linear infinite;z-index:3}
@keyframes bpScan{0%{top:-1px}100%{top:100%}}
.blueprint-corner{position:absolute;width:20px;height:20px;border-color:rgba(255,68,56,.2);border-style:solid;border-width:0;pointer-events:none;z-index:3}
.blueprint-corner.tl{top:0;left:0;border-top-width:1px;border-left-width:1px}
.blueprint-corner.tr{top:0;right:0;border-top-width:1px;border-right-width:1px}
.blueprint-corner.bl{bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}
.blueprint-corner.br{bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}
.blueprint-tag{position:absolute;font-size:7px;letter-spacing:3px;color:rgba(255,68,56,.25);text-transform:uppercase;font-family:'Share Tech Mono',monospace;pointer-events:none;z-index:3;white-space:nowrap}
.blueprint-glitch-overlay{position:absolute;inset:0;pointer-events:none;z-index:4;opacity:0;mix-blend-mode:screen}
.blueprint-wrap:hover .blueprint-glitch-overlay{animation:bpGlitchFlash 3s steps(1) infinite}
@keyframes bpGlitchFlash{0%,92%,96%,100%{opacity:0}93%{opacity:.6}94%{opacity:0}97%{opacity:.4}98%{opacity:0}}
/* === SERVICE BLOCKS — развёрнутые секции направлений === */
.svc{position:relative;padding:100px 80px;border-top:1px solid var(--border);overflow:hidden}
.svc::before{content:'';position:absolute;top:0;left:40px;right:40px;height:1px;background:linear-gradient(to right,var(--accent) 0%,var(--border) 20%,transparent 100%)}
.svc-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.svc-content{position:relative;z-index:2}
.svc-visual{position:relative;z-index:2;min-height:400px}
.svc-num{font-family:'Russo One',sans-serif;font-size:80px;color:rgba(255,68,56,.04);position:absolute;top:-20px;left:-10px;z-index:0;line-height:1}
.svc-marker{font-size:7px;letter-spacing:6px;color:var(--accent);text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:12px}
.svc-marker::before{content:'';width:24px;height:1px;background:var(--accent)}
.svc-title{font-family:'Russo One',sans-serif;font-size:min(5vw,48px);letter-spacing:3px;color:var(--text);margin-bottom:8px}
.svc-subtitle{font-size:9px;letter-spacing:5px;color:var(--text-dim);text-transform:uppercase;margin-bottom:28px;font-family:'Share Tech Mono',monospace}
.svc-desc{font-family:'Rajdhani',sans-serif;font-size:14px;line-height:2.2;color:var(--text-mid);max-width:480px;margin-bottom:32px}
/* TTX — тактико-технические характеристики */
.svc-ttx{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);margin-bottom:28px}
.ttx-row{display:grid;grid-template-columns:140px 1fr;border-bottom:1px solid rgba(37,37,40,.5);transition:background .3s}
.ttx-row:last-child{border-bottom:none}
.ttx-row:hover{background:rgba(255,68,56,.02)}
.ttx-label{padding:10px 14px;font-size:7px;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase;border-right:1px solid rgba(37,37,40,.5);display:flex;align-items:center}
.ttx-val{padding:10px 14px;font-size:12px;color:var(--text);font-family:'Rajdhani',sans-serif;font-weight:600;letter-spacing:1px;display:flex;align-items:center}
.ttx-val span{color:var(--accent)}
/* Phases — этапы как фазы операции */
.svc-phases{display:flex;flex-direction:column;gap:2px}
.phase{display:grid;grid-template-columns:36px 1fr;gap:0;border:1px solid var(--border);transition:all .3s;cursor:none}
.phase:hover{border-color:rgba(255,68,56,.3)}
.phase-num{background:rgba(255,68,56,.04);display:flex;align-items:center;justify-content:center;font-family:'Russo One',sans-serif;font-size:10px;color:var(--accent);border-right:1px solid var(--border)}
.phase-body{padding:12px 16px}
.phase-name{font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;color:var(--text);letter-spacing:1px;text-transform:uppercase}
.phase-desc{font-size:10px;color:var(--text-dim);margin-top:2px;font-family:'Rajdhani',sans-serif}
/* Tags inline */
.svc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}
.svc-tag{font-size:7px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);padding:4px 10px;border:1px solid var(--border);transition:all .3s;cursor:none}
.svc-tag:hover{border-color:var(--accent);color:var(--accent)}
/* Visual blocks */
.svc-3d-wrap{position:relative;height:400px;border:1px solid var(--border);background:var(--bg);overflow:hidden}
.svc-3d-wrap canvas{width:100%;height:100%}
.svc-3d-tag{position:absolute;font-size:6px;letter-spacing:3px;color:rgba(255,68,56,.2);text-transform:uppercase;font-family:'Share Tech Mono',monospace;pointer-events:none}
.svc-3d-corner{position:absolute;width:16px;height:16px;border-color:rgba(255,68,56,.15);border-style:solid;border-width:0;pointer-events:none}
.svc-3d-corner.tl{top:0;left:0;border-top-width:1px;border-left-width:1px}
.svc-3d-corner.tr{top:0;right:0;border-top-width:1px;border-right-width:1px}
.svc-3d-corner.bl{bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}
.svc-3d-corner.br{bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}
/* Waveform bars for music svc */
.svc-waveform{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:100%;padding:40px 20px}
.svc-waveform .sbar{width:3px;background:var(--accent);opacity:.12;border-radius:1px 1px 0 0;transition:opacity .3s}
.svc-3d-wrap:hover .svc-waveform .sbar{opacity:.3}
/* Timeline for org */
.svc-timeline{position:relative;padding-left:24px;display:flex;flex-direction:column;gap:20px}
.svc-timeline::before{content:'';position:absolute;left:6px;top:0;bottom:0;width:1px;background:var(--border)}
.tl-point{position:relative}
.tl-point::before{content:'';position:absolute;left:-21px;top:6px;width:8px;height:8px;border-radius:50%;border:1px solid var(--accent);background:var(--bg);transition:all .3s}
.tl-point:hover::before{background:var(--accent);box-shadow:0 0 10px rgba(255,68,56,.3)}
.tl-label{font-size:7px;letter-spacing:3px;color:var(--accent);text-transform:uppercase}
.tl-text{font-family:'Rajdhani',sans-serif;font-size:13px;color:var(--text-mid);margin-top:2px;font-weight:500}
/* Grid catalog for merch */
.svc-catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}
.cat-item{border:1px solid var(--border);padding:16px;background:var(--bg);transition:all .3s;cursor:none}
.cat-item:hover{border-color:rgba(255,68,56,.3)}
.cat-code{font-size:7px;letter-spacing:3px;color:var(--accent);font-family:'Share Tech Mono',monospace}
.cat-name{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;color:var(--text);margin-top:4px;letter-spacing:1px}
.cat-spec{font-size:9px;color:var(--text-dim);margin-top:4px}
.cat-status{font-size:6px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);margin-top:8px;padding:2px 6px;border:1px solid var(--border);display:inline-block}
/* Code lines for web */
.svc-code{font-family:'Share Tech Mono',monospace;font-size:10px;padding:20px;border:1px solid var(--border);background:var(--bg);max-height:360px;overflow-y:auto}
.code-ln{display:flex;gap:10px;padding:2px 0;transition:background .2s}
.code-ln:hover{background:rgba(255,68,56,.02)}
.code-num{color:var(--text-dim);min-width:24px;text-align:right;user-select:none}
.code-text{color:var(--text-mid)}
.code-text .kw{color:var(--accent)}
.code-text .str{color:#6a9955}
.code-text .fn{color:#dcdcaa}
.code-text .cm{color:var(--text-dim);font-style:italic}
/* Progress bars for tuning */
.svc-meters{display:flex;flex-direction:column;gap:12px}
.meter{display:flex;flex-direction:column;gap:4px}
.meter-head{display:flex;justify-content:space-between;align-items:center}
.meter-label{font-size:8px;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase}
.meter-pct{font-size:10px;color:var(--accent);font-family:'Russo One',sans-serif}
.meter-bar{height:3px;background:var(--border);position:relative;overflow:hidden}
.meter-fill{height:100%;background:var(--accent);transition:width 1.5s ease-out}
@media(max-width:900px){.svc{padding:60px 20px}.svc-inner{grid-template-columns:1fr;gap:30px}.svc-visual{min-height:250px}.svc-num{font-size:50px}.svc-catalog{grid-template-columns:1fr}}
/* === AUDIO PLAYER v2 — HACKER STYLE === */
.player-wrap{position:relative;z-index:5;width:100%;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:320px 1fr;gap:0;min-height:480px;border:1px solid var(--border);background:rgba(10,10,12,.75);backdrop-filter:blur(30px)}
/* 3D reactive bg */
#player-3d-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.25;transition:opacity .5s}
.player-wrap.playing #player-3d-bg{opacity:.45}
/* LEFT — sidebar */
.player-sidebar{position:relative;z-index:2;border-right:1px solid var(--border);display:flex;flex-direction:column}
.player-sb-head{padding:20px 20px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}
.player-grenade{width:32px;height:32px;position:relative;flex-shrink:0}
.player-grenade canvas{width:100%;height:100%}
.grenade-ring{position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(255,68,56,.15);opacity:0;transition:all .4s}
.player-wrap.playing .grenade-ring{opacity:1;animation:grenPulse 1.5s ease-out infinite}
@keyframes grenPulse{0%{transform:scale(1);opacity:.4;border-color:rgba(255,68,56,.3)}100%{transform:scale(1.8);opacity:0;border-color:rgba(255,68,56,0)}}
.player-sb-title{font-family:'Russo One',sans-serif;font-size:13px;letter-spacing:3px;color:var(--text)}
.player-sb-status{font-size:7px;letter-spacing:3px;color:var(--text-dim);margin-top:2px;text-transform:uppercase;display:flex;align-items:center;gap:6px}
.sb-dot{width:4px;height:4px;border-radius:50%;background:var(--text-dim);transition:all .3s}
.player-wrap.playing .sb-dot{background:var(--accent);box-shadow:0 0 6px rgba(255,68,56,.5)}
/* Artist tabs */
.player-tabs{display:flex;border-bottom:1px solid var(--border)}
.player-tab{flex:1;padding:10px 8px;text-align:center;font-size:7px;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase;cursor:none;transition:all .3s;border-bottom:1px solid transparent;font-family:'Share Tech Mono',monospace}
.player-tab:hover{color:var(--text-mid);background:rgba(255,68,56,.02)}
.player-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:rgba(255,68,56,.04)}
/* Cover art — animated canvas */
.player-cover{position:relative;aspect-ratio:1;border-bottom:1px solid var(--border);overflow:hidden;background:var(--bg)}
.player-cover canvas{width:100%;height:100%}
.cover-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;background:linear-gradient(transparent 40%,rgba(10,10,12,.85) 100%)}
.cover-artist{font-family:'Russo One',sans-serif;font-size:24px;letter-spacing:3px;color:var(--text);text-shadow:0 0 40px rgba(255,68,56,.2)}
.cover-album{font-size:8px;letter-spacing:4px;color:var(--text-dim);text-transform:uppercase;margin-top:4px}
.cover-tag{position:absolute;top:10px;right:10px;font-size:6px;letter-spacing:3px;color:rgba(255,68,56,.3);text-transform:uppercase;font-family:'Share Tech Mono',monospace}
.cover-glitch{position:absolute;inset:0;pointer-events:none;opacity:0}
.player-wrap.playing .cover-glitch{animation:coverGlitch 4s steps(1) infinite}
@keyframes coverGlitch{0%,94%,98%,100%{opacity:0}95%{opacity:.5;transform:translateX(2px)}96%{opacity:0}99%{opacity:.3;transform:translateX(-1px)}}
/* Sections — releases */
.player-releases{flex:1;overflow-y:auto;padding:8px 0}
.release-item{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:none;transition:all .25s;border-left:2px solid transparent}
.release-item:hover{background:rgba(255,68,56,.03);border-left-color:rgba(255,68,56,.15)}
.release-item.active{background:rgba(255,68,56,.05);border-left-color:var(--accent)}
.release-type{font-size:6px;letter-spacing:2px;color:var(--text-dim);text-transform:uppercase;padding:2px 5px;border:1px solid var(--border);width:28px;text-align:center;flex-shrink:0;transition:all .3s}
.release-item.active .release-type{border-color:var(--accent);color:var(--accent)}
.release-name{font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:600;color:var(--text-mid);letter-spacing:1px;transition:color .3s}
.release-item.active .release-name{color:var(--text)}
.release-year{font-size:7px;color:var(--text-dim);letter-spacing:2px;margin-left:auto;font-family:'Share Tech Mono',monospace}
/* Radio */
.player-radio{padding:12px 16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;cursor:none;transition:all .3s}
.player-radio:hover{background:rgba(255,68,56,.04)}
.player-radio.active{background:rgba(255,68,56,.06)}
.radio-pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;position:relative}
.radio-pulse::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--accent);opacity:.4;animation:radioPulse 2s ease-out infinite}
@keyframes radioPulse{0%{transform:scale(1);opacity:.4}100%{transform:scale(2.2);opacity:0}}
.radio-label{font-size:8px;letter-spacing:3px;color:var(--accent);text-transform:uppercase;font-family:'Russo One',sans-serif}
.radio-freq{font-size:7px;color:var(--text-dim);letter-spacing:2px;margin-left:auto}
/* RIGHT — tracklist + controls */
.player-main{position:relative;z-index:2;display:flex;flex-direction:column}
.player-top-bar{padding:12px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.player-now-info{display:flex;flex-direction:column;gap:2px}
.player-now-artist{font-size:8px;letter-spacing:4px;color:var(--accent);text-transform:uppercase}
.player-now-release{font-size:7px;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase}
.player-now-stats{font-size:7px;letter-spacing:2px;color:var(--text-dim);display:flex;gap:12px}
.player-now-stats span{color:var(--accent)}
/* Tracklist */
.player-tracklist{flex:1;overflow-y:auto;max-height:260px}
.player-track{display:grid;grid-template-columns:28px 1fr 50px 44px;align-items:center;padding:8px 20px;gap:10px;border-bottom:1px solid rgba(37,37,40,.4);cursor:none;transition:all .2s}
.player-track:hover{background:rgba(255,68,56,.025)}
.player-track.playing{background:rgba(255,68,56,.05)}
.track-num{font-size:8px;letter-spacing:1px;color:var(--text-dim);text-align:center;font-family:'Share Tech Mono',monospace}
.player-track.playing .track-num{color:var(--accent)}
.track-eq{display:none;gap:1px;align-items:flex-end;justify-content:center;height:12px}
.player-track.playing .track-num-text{display:none}
.player-track.playing .track-eq{display:flex}
.track-eq-bar{width:2px;background:var(--accent);animation:eqAni .6s ease-in-out infinite alternate}
.track-eq-bar:nth-child(2){animation-delay:.15s}
.track-eq-bar:nth-child(3){animation-delay:.3s}
@keyframes eqAni{0%{height:3px}100%{height:12px}}
.track-info{overflow:hidden}
.track-name{font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:600;letter-spacing:1px;color:var(--text-mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s}
.player-track.playing .track-name,.player-track:hover .track-name{color:var(--text)}
.track-sub{font-size:6px;letter-spacing:2px;color:var(--text-dim);text-transform:uppercase}
.track-dur{font-size:8px;color:var(--text-dim);text-align:right;font-family:'Share Tech Mono',monospace}
.track-bpm{font-size:6px;letter-spacing:1px;color:var(--text-dim);text-align:right}
/* Waveform */
.player-wave{display:flex;align-items:center;gap:1px;height:20px;padding:4px 20px;border-top:1px solid rgba(37,37,40,.3)}
.player-wave .wbar{width:2px;background:var(--accent);opacity:.08;border-radius:1px}
/* Controls */
.player-controls{border-top:1px solid var(--border);padding:14px 20px;display:flex;flex-direction:column;gap:8px}
.player-progress{position:relative;height:2px;background:var(--border);cursor:none;border-radius:1px}
.player-progress-fill{height:100%;background:var(--accent);width:0;border-radius:1px;position:relative;transition:width .1s}
.player-progress-fill::after{content:'';position:absolute;right:-3px;top:-2px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px rgba(255,68,56,.4);opacity:0;transition:opacity .2s}
.player-controls:hover .player-progress-fill::after{opacity:1}
.player-ctrl-row{display:flex;align-items:center;justify-content:space-between}
.player-btns{display:flex;align-items:center;gap:16px}
.p-btn{background:none;border:none;color:var(--text-dim);cursor:none;padding:4px;font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:1px;transition:color .3s}
.p-btn:hover{color:var(--accent)}
.p-btn.play-btn{width:32px;height:32px;border:1px solid var(--accent);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:11px;transition:all .3s}
.p-btn.play-btn:hover{background:var(--accent);color:#000}
.player-wrap.playing .p-btn.play-btn{box-shadow:0 0 15px rgba(255,68,56,.15)}
.player-time{font-size:7px;letter-spacing:3px;color:var(--text-dim);font-family:'Share Tech Mono',monospace}
.player-vol{display:flex;align-items:center;gap:6px}
.vol-bar{width:50px;height:2px;background:var(--border);position:relative;cursor:none}
.vol-fill{height:100%;width:70%;background:rgba(255,68,56,.35)}
.vol-icon{font-size:7px;color:var(--text-dim);letter-spacing:1px}
@media(max-width:900px){.player-wrap{grid-template-columns:1fr;min-height:auto}.player-sidebar{max-height:300px}.player-cover{max-height:200px}.blueprint-sec{padding:40px 16px}}
/* === SITE CALCULATOR === */
#calc-sec{position:relative;padding:100px 80px;background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden}
.calc-grid{display:grid;grid-template-columns:1fr 340px;gap:40px;max-width:1100px;margin:0 auto;position:relative;z-index:2}
/* Left — options */
.calc-options{display:flex;flex-direction:column;gap:2px}
.calc-group{border:1px solid var(--border);background:rgba(14,14,16,.6);backdrop-filter:blur(10px);transition:border-color .4s}
.calc-group:hover{border-color:rgba(255,68,56,.15)}
.calc-group-head{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);cursor:none}
.calc-group-title{font-family:'Russo One',sans-serif;font-size:11px;letter-spacing:3px;color:var(--text);text-transform:uppercase}
.calc-group-tag{font-size:6px;letter-spacing:2px;color:var(--text-dim);text-transform:uppercase;padding:2px 6px;border:1px solid var(--border)}
.calc-items{padding:8px 0}
.calc-item{display:grid;grid-template-columns:1fr auto 80px;align-items:center;padding:8px 20px;gap:12px;cursor:none;transition:all .2s;border-left:2px solid transparent}
.calc-item:hover{background:rgba(255,68,56,.02);border-left-color:rgba(255,68,56,.15)}
.calc-item.selected{background:rgba(255,68,56,.04);border-left-color:var(--accent)}
.calc-item-name{font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:600;letter-spacing:1px;color:var(--text-mid);transition:color .3s}
.calc-item.selected .calc-item-name{color:var(--text)}
.calc-item-desc{font-size:7px;letter-spacing:1px;color:var(--text-dim);margin-top:1px}
.calc-item-check{width:14px;height:14px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:9px;color:transparent;transition:all .3s;flex-shrink:0}
.calc-item.selected .calc-item-check{border-color:var(--accent);color:var(--accent);background:rgba(255,68,56,.1)}
.calc-item-price{font-size:10px;letter-spacing:2px;color:var(--text-dim);text-align:right;font-family:'Share Tech Mono',monospace;transition:color .3s}
.calc-item.selected .calc-item-price{color:var(--accent)}
/* Qty selector */
.calc-qty{display:flex;align-items:center;gap:0}
.calc-qty-btn{width:22px;height:22px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-family:'Share Tech Mono',monospace;font-size:11px;cursor:none;transition:all .2s;display:flex;align-items:center;justify-content:center}
.calc-qty-btn:hover{border-color:var(--accent);color:var(--accent)}
.calc-qty-val{width:30px;height:22px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:transparent;color:var(--text);font-family:'Share Tech Mono',monospace;font-size:10px;text-align:center;display:flex;align-items:center;justify-content:center}
/* Right — summary card */
.calc-summary{position:sticky;top:100px;border:1px solid var(--border);background:rgba(14,14,16,.7);backdrop-filter:blur(20px);display:flex;flex-direction:column;align-self:start}
.calc-sum-head{padding:20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}
.calc-sum-icon{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(255,68,56,.3)}
.calc-sum-title{font-family:'Russo One',sans-serif;font-size:12px;letter-spacing:3px;color:var(--text)}
.calc-sum-items{padding:12px 20px;flex:1;max-height:240px;overflow-y:auto}
.calc-sum-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(37,37,40,.3)}
.calc-sum-item-name{font-size:10px;color:var(--text-mid);font-family:'Rajdhani',sans-serif;font-weight:500}
.calc-sum-item-price{font-size:10px;color:var(--accent);font-family:'Share Tech Mono',monospace;letter-spacing:1px}
.calc-sum-empty{font-size:9px;color:var(--text-dim);letter-spacing:2px;padding:20px 0;text-align:center;text-transform:uppercase}
.calc-divider{height:1px;background:var(--border);margin:0 20px}
.calc-sum-extras{padding:12px 20px}
.calc-extra{display:flex;justify-content:space-between;padding:4px 0;font-size:9px;color:var(--text-dim);font-family:'Share Tech Mono',monospace}
.calc-sum-total{padding:16px 20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
.calc-total-label{font-size:8px;letter-spacing:4px;color:var(--text-dim);text-transform:uppercase}
.calc-total-val{font-family:'Russo One',sans-serif;font-size:28px;color:var(--accent);letter-spacing:2px;text-shadow:0 0 30px rgba(255,68,56,.2)}
.calc-total-note{font-size:7px;color:var(--text-dim);letter-spacing:2px;padding:0 20px 16px;text-align:right}
.calc-sum-btn{margin:0 20px 20px;padding:14px;background:transparent;border:1px solid var(--accent);color:var(--accent);font-family:'Russo One',sans-serif;font-size:10px;letter-spacing:5px;text-transform:uppercase;cursor:none;transition:all .3s;text-align:center;text-decoration:none;display:block}
.calc-sum-btn:hover{background:var(--accent);color:#000}
.calc-discount{padding:4px 20px 12px;font-size:9px;letter-spacing:2px;color:#33ff88;font-family:'Share Tech Mono',monospace}
.calc-timeline{padding:8px 20px 12px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(37,37,40,.3)}
.calc-tl-label{font-size:7px;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase}
.calc-tl-val{font-family:'Russo One',sans-serif;font-size:14px;color:var(--text);letter-spacing:1px}
@media(max-width:900px){.calc-grid{grid-template-columns:1fr}.calc-summary{position:relative;top:0}#calc-sec{padding:60px 20px}}
/* Contact 3D background */
#contact{position:relative}
#contact canvas.contact-3d{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.3}
#contact .contact-inner{position:relative;z-index:2}
/* AK BACKGROUND behind cards */
#arsenal{position:relative}



/* GRENADE — fixed bottom right */
#grenade-float{position:fixed;bottom:30px;right:30px;width:120px;height:120px;z-index:999;pointer-events:none;opacity:.7}
#grenade-float canvas{width:100%;height:100%}
.section{position:relative;padding:clamp(72px,12vh,140px) clamp(20px,6vw,80px);min-height:100vh;min-height:var(--b762-dvh)}.section::before{content:'';position:absolute;top:0;left:clamp(16px,5vw,40px);right:clamp(16px,5vw,40px);height:1px;background:linear-gradient(to right,var(--accent) 0%,var(--border) 20%,transparent 100%)}
.sec-marker{font-size:8px;letter-spacing:8px;color:var(--accent);text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:14px}.sec-marker::before{content:'';width:30px;height:1px;background:var(--accent)}
.sec-title{font-family:'Russo One',sans-serif;font-size:min(7vw,64px);letter-spacing:3px;line-height:1;margin-bottom:48px;color:var(--text)}
#about .about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:start;margin-top:20px}
.about-text p{font-size:13px;line-height:2.4;color:var(--text-mid);margin-bottom:20px;max-width:540px;font-family:'Rajdhani',sans-serif}
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px}
.stat-box{border:1px solid var(--border);background:var(--bg2);padding:24px;transition:border-color .4s}.stat-box:hover{border-color:var(--accent)}
.stat-num{font-family:'Russo One',sans-serif;font-size:44px;color:var(--accent);line-height:1}
.stat-label{font-size:8px;letter-spacing:4px;color:var(--text-dim);text-transform:uppercase;margin-top:6px}
#projects{background:var(--bg2)}.proj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2px}
.proj-card{position:relative;padding:40px;background:var(--bg);border:1px solid var(--border);min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;cursor:none;transition:border-color .4s}.proj-card:hover{border-color:var(--accent)}
.proj-card .num{position:absolute;top:14px;right:18px;font-family:'Russo One',sans-serif;font-size:70px;color:rgba(255,255,255,.015)}
.proj-cat{font-size:7px;letter-spacing:4px;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px;padding:3px 8px;border:1px solid var(--border);display:inline-block;transition:all .3s}
.proj-card:hover .proj-cat{border-color:var(--accent);color:var(--accent)}
.proj-status{font-size:8px;letter-spacing:4px;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.proj-name{font-family:'Rajdhani',sans-serif;font-size:20px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px}
.proj-desc{font-size:11px;color:var(--text-dim);line-height:1.9}
.proj-arrow{position:absolute;bottom:18px;right:18px;width:32px;height:32px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-dim);transition:all .3s}.proj-card:hover .proj-arrow{border-color:var(--accent);background:var(--accent);color:#000}
#contact{display:flex;align-items:center;justify-content:center;text-align:center;min-height:80vh}
.contact-inner{max-width:700px;width:100%}.contact-big{font-family:'Russo One',sans-serif;font-size:min(10vw,80px);letter-spacing:6px;line-height:1;margin-bottom:10px;text-align:left}.contact-big span{color:var(--accent)}
.contact-sub{font-size:11px;color:var(--text-dim);letter-spacing:3px;text-transform:uppercase;margin-bottom:40px;text-align:left;font-family:'Rajdhani',sans-serif}
#contact p{font-size:12px;color:var(--text-dim);line-height:2;margin-bottom:36px;font-family:'Rajdhani',sans-serif}
.contact-form{display:flex;flex-direction:column;gap:0;text-align:left}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.cf-field{position:relative;background:var(--bg);border:1px solid var(--border);transition:border-color .4s}
.cf-field:hover,.cf-field:focus-within{border-color:var(--accent)}
.cf-field label{position:absolute;top:10px;left:14px;font-size:7px;letter-spacing:4px;text-transform:uppercase;color:var(--text-dim);pointer-events:none;transition:color .3s}
.cf-field:focus-within label{color:var(--accent)}
.cf-field input,.cf-field textarea,.cf-field select{width:100%;background:transparent;border:none;color:var(--text);font-family:'Share Tech Mono',monospace;font-size:13px;padding:30px 14px 12px;outline:none;cursor:none;resize:none}
.cf-field select{appearance:none;-webkit-appearance:none}
.cf-field select option{background:var(--bg);color:var(--text)}
.cf-field.full{grid-column:1/-1}
.cf-submit{margin-top:2px;padding:18px 40px;background:transparent;border:1px solid var(--accent);color:var(--accent);font-family:'Russo One',sans-serif;font-size:12px;letter-spacing:6px;text-transform:uppercase;cursor:none;transition:all .3s;position:relative;overflow:hidden}
.cf-submit:hover{background:var(--accent);color:#000}
.cf-submit::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,68,56,.1),transparent);transition:left .5s}
.cf-submit:hover::before{left:100%}
.contact-channels{display:flex;gap:20px;margin-top:30px;justify-content:flex-start}
.ch-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-dim);font-size:8px;letter-spacing:3px;text-transform:uppercase;padding:10px 0;border-bottom:1px solid var(--border);transition:all .3s;cursor:none}
.ch-link:hover{color:var(--accent);border-bottom-color:var(--accent)}
.ch-link .ch-dot{width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:.5;transition:opacity .3s}
.ch-link:hover .ch-dot{opacity:1}
@media(max-width:700px){.cf-row{grid-template-columns:1fr}.contact-channels{flex-direction:column;gap:10px}}
footer{padding:30px 80px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);font-size:8px;letter-spacing:3px;color:var(--text-dim)}
.ft-logo{font-family:'Russo One',sans-serif;font-size:14px;letter-spacing:3px;color:var(--text-mid)}.ft-logo span{color:var(--accent)}
.reveal{opacity:0;transform:translate3d(0,26px,0);transition:opacity .95s cubic-bezier(.22,1,.36,1),transform .95s cubic-bezier(.22,1,.36,1),filter .85s;filter:blur(0)}
.reveal.visible{opacity:1!important;transform:none!important;filter:none!important}
.section--film .reveal{transform:translate3d(-38px,22px,0) skewX(-.4deg);transition-duration:1.05s,1.05s}
.ops-theater .reveal{transform:translate3d(0,40px,0) scale(.97);transition-duration:1s,.95s}
.section--blueprint .reveal{transform:translate3d(28px,18px,0);transition-duration:.88s,.88s}
.section--armory .reveal{transform:translate3d(0,36px,0) rotate(-.35deg);transition-duration:1.12s,1.12s}
.section--ledger .reveal{transform:translate3d(0,22px,0);filter:blur(4px);transition-duration:.75s,.75s,.75s}
.section--briefing .reveal{transform:translate3d(0,30px,0) scale(.985);transition-duration:1s,1s}
@keyframes secFilmVeil{0%,100%{opacity:1}50%{opacity:.88}}
@keyframes secBpSweep{0%{background-position:120% 0}100%{background-position:-120% 0}}
@keyframes secArmGlow{0%,100%{box-shadow:inset 0 0 100px rgba(255,50,30,.06)}50%{box-shadow:inset 0 0 140px rgba(255,90,40,.11)}}
@keyframes secLedgerDrift{0%{background-position:0 0,0 0}100%{background-position:80px 40px,-60px 0}}
.section--film.has-video-bg::after{animation:secFilmVeil 22s ease-in-out infinite}
.section--blueprint.has-3d-bg::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(102deg,transparent 42%,rgba(255,68,56,.055) 50%,transparent 58%);background-size:220% 100%;animation:secBpSweep 19s linear infinite}
.section--armory.has-3d-bg{animation:secArmGlow 14s ease-in-out infinite}
.section--briefing.has-video-bg::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle at 20% 30%,rgba(255,68,56,.06),transparent 42%),radial-gradient(circle at 80% 70%,rgba(255,120,80,.04),transparent 40%);opacity:.9;animation:secFilmVeil 26s ease-in-out infinite reverse}
@media(prefers-reduced-motion:reduce){
  #about.b762-about-dn .b762-about-dn__noise{animation:none!important;opacity:.08}
  .grid-bg{transform:none!important}
  .ops-theater-slice{animation:none!important}
  .section--film.has-video-bg::after,.section--blueprint.has-3d-bg::before,.section--armory.has-3d-bg,.section--ledger.has-video-bg,.section--briefing.has-video-bg::after{animation:none!important}
  .b762-sky,.b762-sky *{animation:none!important}
  .ops-theater-air,.ops-theater-air *{animation:none!important}
  .noise,.vignette,.tech-tag{animation:none!important}
}
/* FIXED DIAL v5 — wheel + prev/current/next names */
#dial-fixed{position:fixed;top:50%;left:0;transform:translate(-38%,-50%);z-index:990;pointer-events:none;opacity:0;transition:opacity .8s;display:flex;align-items:center;gap:0}
#dial-fixed.active{opacity:1}
.dial-wrap{position:relative;width:clamp(100px,24vmin,168px);height:clamp(100px,24vmin,168px);flex-shrink:0}
.dial-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,68,56,.12);will-change:transform}
.dial-ring-inner{position:absolute;inset:22%;border-radius:50%;border:1px solid rgba(255,68,56,.06);border-style:dashed}
.dial-ring-core{position:absolute;inset:42%;border-radius:50%;border:1px solid rgba(255,68,56,.15)}
.dial-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5}
.dial-center-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(255,68,56,.5)}
.dial-ticks{position:absolute;inset:0}
.dial-tick{position:absolute;width:1px;background:rgba(255,68,56,.08);transform-origin:bottom center}
.dial-tick.major{height:8px;background:rgba(255,68,56,.2)}
.dial-tick.minor{height:4px;background:rgba(255,68,56,.05)}
.dial-cross{position:absolute;inset:0;pointer-events:none}
.dial-cross line{stroke:rgba(255,68,56,.04);stroke-width:0.5}
/* Three names: prev / current / next */
.dial-names{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-left:-10px;min-width:140px}
.dial-name{font-family:'Russo One',sans-serif;text-transform:uppercase;letter-spacing:3px;white-space:nowrap;transition:all .4s}
.dial-prev,.dial-next{font-size:8px;color:rgba(255,255,255,.2);letter-spacing:2px}
.dial-cur{font-size:13px;color:var(--accent);letter-spacing:4px;text-shadow:0 0 14px rgba(255,68,56,.25);position:relative;padding-left:14px}
.dial-cur::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:1px;background:var(--accent);opacity:.6}
@media(max-width:900px){#dial-fixed{display:none}}
@media(max-width:900px){nav{padding:12px 16px}.nav-links{gap:12px}.nav-links a{font-size:7px}.nav-status{display:none}.section{padding:80px 20px}.section::before{left:20px;right:20px}#about .about-grid{grid-template-columns:1fr;gap:30px}.about-stats{grid-template-columns:1fr}.proj-grid{grid-template-columns:1fr}.sec-title{font-size:36px}.hero-title-wrap h1{font-size:50px}footer{flex-direction:column;gap:10px;padding:20px;text-align:center}.hud-tl,.hud-tr{display:none}#reticle-cursor{display:none}body{cursor:none}}

/* === X-RAY HOVER MODE === */
#xray-info-card{position:fixed;z-index:9999;pointer-events:none;background:rgba(8,8,10,.94);border:1px solid rgba(255,68,56,.3);backdrop-filter:blur(16px);padding:12px 16px;min-width:180px;opacity:0;transition:opacity .2s;font-family:'Share Tech Mono',monospace}
#xray-info-card.visible{opacity:1}
#xray-info-card .xray-part-name{font-family:'Russo One',sans-serif;font-size:12px;letter-spacing:3px;color:#fff;margin-bottom:4px;text-transform:uppercase}
#xray-info-card .xray-part-spec{font-size:9px;letter-spacing:1.5px;color:rgba(255,255,255,.5);line-height:1.9}
#xray-info-card .xray-part-idx{font-size:8px;letter-spacing:3px;color:var(--accent);margin-bottom:3px;font-weight:bold}
#xray-info-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent);box-shadow:0 0 12px rgba(255,68,56,.5)}

/* === TERMINAL TRIGGER BUTTON === */
.term-trigger{position:fixed;bottom:20px;left:20px;z-index:10000;padding:6px 14px;background:rgba(10,10,12,.9);border:1px solid rgba(255,68,56,.2);font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:3px;color:rgba(255,255,255,.4);cursor:none;transition:all .3s;backdrop-filter:blur(10px);display:flex;align-items:center;gap:8px}
.term-trigger:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 15px rgba(255,68,56,.15)}
.term-trigger .term-trigger-key{padding:1px 5px;border:1px solid rgba(255,255,255,.15);font-size:8px;color:rgba(255,255,255,.3);letter-spacing:1px}
/* === TERMINAL COMMAND PALETTE === */
#term-backdrop{position:fixed;inset:0;z-index:10001;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
#term-backdrop.active{opacity:1;visibility:visible}
#bureau-terminal{position:fixed;top:22%;left:50%;transform:translateX(-50%) translateY(-20px);z-index:10002;width:580px;max-width:90vw;opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;font-family:'Share Tech Mono',monospace}
#bureau-terminal.term-open{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.term-body{background:rgba(10,10,12,.97);border:1px solid rgba(255,68,56,.25);backdrop-filter:blur(30px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.7),0 0 1px rgba(255,68,56,.3)}
.term-scanline{position:absolute;left:0;right:0;height:1px;background:rgba(255,68,56,.03);animation:termScan 4s linear infinite;pointer-events:none;z-index:1}
@keyframes termScan{0%{top:0}100%{top:100%}}
.term-input-row{display:flex;align-items:center;padding:14px 18px;background:rgba(6,6,8,.5);border-bottom:1px solid rgba(255,68,56,.1)}
.term-prompt{color:var(--accent);font-size:13px;margin-right:10px;flex-shrink:0;letter-spacing:2px}
.term-input{flex:1;background:transparent;border:none;color:#fff;font-family:'Share Tech Mono',monospace;font-size:14px;outline:none;caret-color:var(--accent);letter-spacing:1px}
.term-input::placeholder{color:rgba(255,255,255,.2);letter-spacing:2px}
.term-shortcut-hint{position:absolute;top:14px;right:18px;font-size:9px;letter-spacing:2px;color:rgba(255,255,255,.15);pointer-events:none}
.term-output{flex:1;overflow-y:auto;padding:12px 18px;max-height:280px;font-size:11px;line-height:2;color:rgba(255,255,255,.7);position:relative}
.term-output::-webkit-scrollbar{width:2px}.term-output::-webkit-scrollbar-thumb{background:rgba(255,68,56,.2)}
.term-output .term-line{opacity:.85}
.term-output .term-line.term-err{color:var(--accent)}
.term-output .term-line.term-info{color:rgba(255,255,255,.8)}
.term-output .term-line.term-sys{color:rgba(255,255,255,.3);font-size:9px;letter-spacing:2px}

/* === 3D INTEGRATED BACKGROUNDS === */
.has-3d-bg{position:relative;overflow:hidden}
.section-3d-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.7}
.has-3d-bg>*:not(.section-3d-canvas){position:relative;z-index:2}
/* Mouse interaction layer — pointer events on canvas when hovering */
.has-3d-bg:hover .section-3d-canvas{pointer-events:auto;cursor:grab}
.has-3d-bg:active .section-3d-canvas{cursor:grabbing}
/* Light mode — dim the 3D backgrounds more */
body.light-mode .section-3d-canvas{opacity:.2;filter:grayscale(.4)}
/* Video backgrounds */
.has-video-bg{position:relative;overflow:hidden}
.section-video-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;opacity:.12;filter:grayscale(.6) contrast(1.2)}
.has-video-bg>*:not(.section-video-bg){position:relative;z-index:2}
body.light-mode .section-video-bg{opacity:.06;filter:grayscale(.8)}
/* Mobile */
@media(max-width:600px){.section-3d-canvas{opacity:.5}}

/* === CURSOR RANGEFINDER === */
#rangefinder-dist{position:fixed;z-index:100000;pointer-events:none;font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:3px;color:#ff4438;opacity:0;transition:opacity .2s;text-shadow:0 0 8px rgba(255,68,56,.6),0 0 2px rgba(255,68,56,1);padding:2px 6px;background:rgba(0,0,0,.4)}
#rangefinder-dist.visible{opacity:1}

/* === TERMINAL RESPONSIVE === */
@media(max-width:700px){#bureau-terminal{font-size:10px}.term-output{max-height:150px;padding:8px 10px}}
/* === DOSSIER SECTION === */
.dossier-wrap{position:relative;max-width:900px;margin:40px auto 0;padding:40px;background:rgba(10,10,12,.6);border:1px solid var(--border)}
.dossier-stamp{position:absolute;top:20px;right:20px;font-family:'Russo One',sans-serif;font-size:28px;letter-spacing:8px;color:rgba(255,68,56,.08);transform:rotate(-8deg);border:3px solid rgba(255,68,56,.08);padding:6px 16px;pointer-events:none}
.dossier-grid{display:grid;grid-template-columns:200px 1fr;gap:40px}
.dossier-photo{border:1px solid var(--border);overflow:hidden}
.dossier-photo-placeholder{aspect-ratio:3/4;background:rgba(255,68,56,.03);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;font-size:9px;letter-spacing:4px;color:var(--text-dim)}
.dossier-photo-cross::before,.dossier-photo-cross::after{content:'';position:absolute;background:rgba(255,68,56,.1)}
.dossier-photo-cross::before{width:1px;height:40px;top:50%;left:50%;transform:translate(-50%,-50%)}
.dossier-photo-cross::after{width:40px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)}
.dossier-photo-label{padding:8px;font-size:8px;letter-spacing:3px;color:var(--text-dim);border-top:1px solid var(--border);text-align:center}
.dossier-clearance{margin-top:12px;border:1px solid var(--border);padding:10px;text-align:center}
.dossier-cl-label{font-size:7px;letter-spacing:4px;color:var(--text-dim);margin-bottom:4px}
.dossier-cl-val{font-family:'Russo One',sans-serif;font-size:18px;letter-spacing:6px;color:var(--accent)}
.dossier-field{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.04)}
.dossier-field-label{font-size:7px;letter-spacing:4px;color:var(--text-dim);margin-bottom:4px}
.dossier-field-val{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:16px;letter-spacing:2px;color:var(--text)}
.dossier-active{color:#33ff33;display:flex;align-items:center;gap:8px}
.dossier-dot{width:6px;height:6px;border-radius:50%;background:#33ff33;animation:blink 2s infinite}
.dossier-skills{margin-top:20px}
.dossier-skill{margin-bottom:10px}
.dossier-skill-name{font-size:8px;letter-spacing:3px;color:var(--text-dim);margin-bottom:4px}
.dossier-skill-bar{height:2px;background:var(--border);position:relative}
.dossier-skill-fill{height:100%;background:var(--accent);width:0;transition:width 1.5s cubic-bezier(.4,0,.2,1)}
.dossier-bio{margin-top:30px;padding-top:20px;border-top:1px solid var(--border)}
.dossier-bio-label{font-size:7px;letter-spacing:4px;color:var(--text-dim);margin-bottom:12px}
.dossier-bio p{font-family:'Rajdhani',sans-serif;font-size:14px;line-height:1.9;color:var(--text-mid);font-weight:500}
/* === ДОСЬЕ v2 — CLASSIFIED FILE CARDS === */
.dossier-v2{margin-top:40px}
.dv2-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 30px;border:1px solid var(--border);background:rgba(10,10,12,.6);margin-bottom:2px}
.dv2-header-left{flex:1}
.dv2-class{font-size:7px;letter-spacing:6px;color:var(--accent);text-transform:uppercase;margin-bottom:8px}
.dv2-title{font-family:'Russo One',sans-serif;font-size:16px;letter-spacing:4px;color:var(--text);margin-bottom:6px}
.dv2-sub{font-family:'Rajdhani',sans-serif;font-size:12px;color:var(--text-dim);font-weight:500}
.dv2-header-right{flex-shrink:0}
.dv2-stamp{font-family:'Russo One',sans-serif;font-size:48px;color:rgba(255,68,56,.06);letter-spacing:6px;line-height:1}
/* COMMANDER — full width */
.dv2-cmd{display:grid;grid-template-columns:120px 1fr 200px;gap:0;border:1px solid var(--border);background:rgba(10,10,12,.6);margin-bottom:2px;transition:border-color .3s}
.dv2-cmd:hover{border-color:rgba(255,68,56,.3)}
.dv2-cmd-photo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;border-right:1px solid var(--border);position:relative}
.dv2-cmd-badge{font-family:'Russo One',sans-serif;font-size:9px;letter-spacing:4px;color:var(--accent);padding:3px 10px;border:1px solid var(--accent);background:rgba(255,68,56,.04)}
.dv2-cmd-info{padding:20px 24px}
.dv2-cmd-rank{font-size:7px;letter-spacing:5px;color:var(--text-dim);text-transform:uppercase;margin-bottom:6px}
.dv2-cmd-name{font-family:'Russo One',sans-serif;font-size:32px;letter-spacing:6px;color:var(--text);margin-bottom:6px}
.dv2-cmd-spec{font-family:'Rajdhani',sans-serif;font-size:12px;color:var(--text-mid);font-weight:500;margin-bottom:12px}
.dv2-cmd-bio{font-family:'Rajdhani',sans-serif;font-size:12px;color:var(--text-dim);line-height:1.8;font-weight:500;padding-top:12px;border-top:1px solid rgba(255,255,255,.03)}
.dv2-cmd-stats{border-left:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;padding:16px 20px;gap:12px}
.dv2-stat{display:flex;justify-content:space-between;align-items:center}
.dv2-stat-l{font-size:7px;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase}
.dv2-stat-v{font-family:'Rajdhani',sans-serif;font-size:13px;color:var(--accent);font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:6px}
.dv2-stat-v.active{color:#33ff33}
.dv2-dot{width:5px;height:5px;border-radius:50%;background:#33ff33;animation:blink 2s infinite;flex-shrink:0}
.dv2-dot.on{background:#33ff33}
/* OPERATORS — 3 col grid */
.dv2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.dv2-file{position:relative;background:rgba(10,10,12,.6);border:1px solid var(--border);overflow:hidden;cursor:none;transition:border-color .3s,transform .3s}
.dv2-file:hover{border-color:rgba(255,68,56,.3);transform:translateY(-2px)}
.dv2-file-stripe{position:absolute;top:0;left:0;bottom:0;width:3px}
.dv2-file-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 0 18px}
.dv2-file-num{font-family:'Russo One',sans-serif;font-size:11px;color:var(--accent);opacity:.4;letter-spacing:2px}
.dv2-file-dir{font-size:7px;letter-spacing:4px;color:var(--text-dim);text-transform:uppercase}
.dv2-file-photo{display:flex;justify-content:center;padding:14px 0 6px}
.dv2-file-callsign{font-family:'Russo One',sans-serif;font-size:22px;letter-spacing:4px;color:var(--text);text-align:center;padding:0 18px}
.dv2-file-spec{font-family:'Rajdhani',sans-serif;font-size:11px;color:var(--text-dim);font-weight:500;text-align:center;padding:4px 18px 6px;line-height:1.6}
.dv2-file-bio{font-size:11px;color:var(--text-mid);text-align:center;padding:0 14px 12px;line-height:1.5;letter-spacing:.3px;opacity:.7}
.dv2-file-bars{padding:0 18px 12px;display:flex;flex-direction:column;gap:8px}
.dv2-bar{display:flex;align-items:center;gap:10px}
.dv2-bar span{font-size:7px;letter-spacing:2px;color:var(--text-dim);min-width:65px;text-transform:uppercase}
.dv2-bar-track{flex:1;height:2px;background:var(--border);position:relative}
.dv2-bar-track .dossier-skill-fill{height:100%;width:0;transition:width 1.5s cubic-bezier(.4,0,.2,1)}
.dv2-file-foot{padding:10px 18px;border-top:1px solid rgba(255,255,255,.03);font-size:8px;letter-spacing:3px;color:#33ff33;display:flex;align-items:center;gap:6px}

/* === БРИГАДА — HUD-корпус (как макет штаба) === */
@keyframes dv2ReticleSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes dv2BarSweep{0%{transform:translateX(-120%)}100%{transform:translateX(220%)}}
@keyframes dv2HudBlink{0%,94%,100%{opacity:0}95%{opacity:.5}97%{opacity:0}}
#about.dv2-brigade-section{position:relative;overflow:hidden}
#about.dv2-brigade-section::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgba(255,68,56,.07) 1px,transparent 0);background-size:12px 12px;opacity:.45;mix-blend-mode:overlay}
#about.dv2-brigade-section > *:not(.section-video-bg):not(.b762-about-dn__under):not(.b762-about-dn__noise):not(.b762-about-mosaic){position:relative;z-index:2}
/* Мозаика + difference поверх видео: раскрытие по скроллу (граница hero → о нас) */
#about.has-video-bg > .b762-about-mosaic{
  position:absolute!important;
  inset:0;
  z-index:18;
  pointer-events:none;
  overflow:hidden;
}
.b762-about-mosaic__diff{
  position:absolute;
  inset:0;
  z-index:2;
  mix-blend-mode:difference;
  background:rgba(248,242,236,.38);
  opacity:0;
  pointer-events:none;
  transition:opacity .06s linear;
}
.b762-about-mosaic__grid{
  position:absolute;
  inset:0;
  z-index:3;
  display:grid;
  gap:3px;
  padding:3px;
  box-sizing:border-box;
}
.b762-about-mosaic__cell{
  min-height:14px;
  background:#25252b;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
  transform-origin:center center;
}
body.light-mode .b762-about-mosaic__cell{background:#e8e6e1}
body.light-mode .b762-about-mosaic__diff{background:rgba(40,38,36,.25);mix-blend-mode:multiply}
/* Safari/WebKit: difference + сильный blur на видео дают чёрный композит и лаги */
html.b762-applewk .b762-about-mosaic__diff{
  mix-blend-mode:normal;
  background:rgba(18,18,22,.55);
}
html.b762-applewk #about.b762-about-dn .b762-about-dn__glow{
  filter:blur(16px);
  opacity:.5;
  mix-blend-mode:normal;
}
html.b762-applewk #about.b762-about-dn .section-video-bg{filter:none}
@media(prefers-reduced-motion:reduce){
  .b762-about-mosaic{display:none!important}
}
/* Darknode-стиль: другой «слой» фона + красное пятно за курсором + тактическая сетка */
#about.b762-about-dn{--b762-mosaic-p:1;--b762-ag-x:48%;--b762-ag-y:42%;background:#0b0b0f}
#about.b762-about-dn .section-video-bg{opacity:.32;filter:saturate(.85) contrast(1.05)}
#about.b762-about-dn .b762-about-dn__under{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
#about.b762-about-dn .b762-about-dn__film{
  position:absolute;inset:0;
  background:linear-gradient(165deg,rgba(6,6,10,.94) 0%,rgba(12,8,10,.82) 42%,rgba(5,5,8,.93) 100%);
  opacity:calc(0.58 + 0.3 * var(--b762-mosaic-p,1));
}
#about.b762-about-dn .b762-about-dn__glow{
  position:absolute;inset:-15% -20%;
  background:radial-gradient(ellipse min(90vw,720px) min(70vh,520px) at var(--b762-ag-x) var(--b762-ag-y),rgba(255,68,56,.44),transparent 58%);
  filter:blur(48px);
  opacity:.92;
  mix-blend-mode:screen;
  transition:opacity .35s ease;
}
#about.b762-about-dn .b762-about-dn__corners::before,
#about.b762-about-dn .b762-about-dn__corners::after{
  content:'';position:absolute;width:min(22vw,180px);height:min(22vw,180px);pointer-events:none;border:1px solid rgba(255,255,255,.12);z-index:2;
}
#about.b762-about-dn .b762-about-dn__corners::before{top:clamp(56px,12vmin,100px);left:clamp(12px,3vw,28px);border-right:none;border-bottom:none}
#about.b762-about-dn .b762-about-dn__corners::after{bottom:clamp(24px,5vmin,48px);right:clamp(12px,3vw,28px);border-left:none;border-top:none}
#about.b762-about-dn .b762-about-dn__radar{
  position:absolute;left:50%;bottom:-18%;width:min(120vmin,1400px);height:min(120vmin,1400px);transform:translateX(-50%);
  border:1px solid rgba(255,255,255,.06);border-radius:50%;
  box-shadow:0 0 0 1px rgba(255,255,255,.04),inset 0 0 0 1px rgba(255,255,255,.03);
  opacity:.35;
  pointer-events:none;
}
#about.b762-about-dn .b762-about-dn__radar::before{
  content:'';position:absolute;inset:12%;border:1px solid rgba(255,255,255,.05);border-radius:50%;
}
#about.b762-about-dn .b762-about-dn__kicker{
  text-align:center;font-size:10px;letter-spacing:.45em;color:rgba(234,232,226,.88);padding:clamp(8px,2vmin,16px) 0 4px;margin:0;
  font-family:'Share Tech Mono',monospace;text-transform:uppercase;
}
#about.b762-about-dn .b762-about-dn__side{
  position:absolute;left:clamp(8px,2vw,20px);top:50%;transform:translateY(-50%);
  display:flex;flex-direction:column;align-items:center;gap:10px;z-index:4;pointer-events:none;
}
#about.b762-about-dn .b762-about-dn__side-dots{
  width:4px;height:18px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.75) 0 4px,transparent 4px 7px);
  opacity:.85;
}
#about.b762-about-dn .b762-about-dn__side-label{
  writing-mode:vertical-rl;text-orientation:mixed;font-size:8px;letter-spacing:.35em;color:rgba(234,232,226,.65);
  font-family:'Share Tech Mono',monospace;text-transform:uppercase;
}
/* Шум на весь блок «о нас» (как глобальный .noise, но только секция) */
#about.b762-about-dn .b762-about-dn__noise{
  position:absolute;
  inset:0;
  z-index:22;
  pointer-events:none;
  opacity:.18;
  background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='nab'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23nab)'/%3E%3C/svg%3E") repeat;
  background-size:200px 200px;
  mix-blend-mode:soft-light;
  animation:b762AboutNoise 10s ease-in-out infinite alternate;
}
@keyframes b762AboutNoise{0%{opacity:.14}100%{opacity:.26}}
body.light-mode #about.b762-about-dn .b762-about-dn__noise{opacity:.1;mix-blend-mode:multiply;animation:none}
html.b762-applewk #about.b762-about-dn .b762-about-dn__noise{
  mix-blend-mode:normal;
  opacity:.14;
  animation:none;
}
body.light-mode #about.b762-about-dn .b762-about-dn__film{opacity:.55}
body.light-mode #about.b762-about-dn .b762-about-dn__glow{opacity:.35;filter:blur(36px)}
@media(max-width:900px){
  #about.b762-about-dn .b762-about-dn__side{display:none}
}
#about .dossier-v2{margin-top:0}
.dv2-brigade-shell{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px 20px;max-width:1320px;margin:28px auto 0;padding:0 12px 48px}
.dv2-brigade-rail{display:flex;flex-direction:column;writing-mode:vertical-rl;text-orientation:mixed;justify-content:center;align-items:center;gap:10px;padding:12px 6px;border:1px solid rgba(255,68,56,.28);background:linear-gradient(180deg,rgba(8,8,10,.9),rgba(14,8,8,.65));font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:.42em;color:rgba(255,68,56,.5);text-transform:uppercase;box-shadow:inset 0 0 24px rgba(255,68,56,.04)}
.dv2-brigade-rail__sep{letter-spacing:.15em;opacity:.35}
.dv2-brigade-dock{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;grid-column:1/-1;margin-top:4px;padding-top:18px;border-top:1px solid rgba(255,68,56,.1)}
.dv2-brigade-dock__btn{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:4px;text-transform:uppercase;text-decoration:none;color:var(--text-dim);padding:10px 20px;border:1px solid var(--border);background:rgba(6,6,8,.85);transition:color .25s,border-color .25s,box-shadow .25s}
.dv2-brigade-dock__btn:hover{color:var(--accent);border-color:rgba(255,68,56,.45);box-shadow:0 0 22px rgba(255,68,56,.12)}
.dv2-brigade-shell .dossier-v2{grid-column:2}
.dv2-header,.dv2-cmd,.dv2-file{box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 12px 40px rgba(0,0,0,.2)}
.dv2-header{position:relative;background:linear-gradient(180deg,rgba(12,12,14,.92),rgba(8,8,10,.75))}
.dv2-header::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,68,56,.04) 50%,transparent 60%);animation:dv2HudBlink 9s ease-in-out infinite}
.dv2-cmd{position:relative;background:linear-gradient(90deg,rgba(10,10,12,.88),rgba(8,8,10,.72))}
.dv2-cmd::before{content:'';position:absolute;top:8px;left:10px;width:12px;height:12px;border-left:2px solid rgba(255,68,56,.4);border-top:2px solid rgba(255,68,56,.4);pointer-events:none}
.dv2-cmd::after{content:'';position:absolute;bottom:8px;right:10px;width:12px;height:12px;border-right:2px solid rgba(255,68,56,.28);border-bottom:2px solid rgba(255,68,56,.28);pointer-events:none}
.dv2-file{position:relative}
.dv2-file::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(circle at 50% 0%,rgba(255,68,56,.06),transparent 55%)}
.dv2-file:hover::before{opacity:1}
.dv2-file-photo svg{animation:dv2ReticleSpin 48s linear infinite;transform-origin:25px 25px}
.dv2-file:hover .dv2-file-photo svg{animation-duration:14s}
.dv2-cmd-photo svg{animation:dv2ReticleSpin 72s linear infinite;transform-origin:40px 40px}
.dv2-cmd:hover .dv2-cmd-photo svg{animation-duration:22s}
.dv2-bar-track{overflow:hidden}
.dv2-bar-track::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}
.dv2-file:hover .dv2-bar-track::after{opacity:1;animation:dv2BarSweep 2.2s ease-in-out infinite}
body.light-mode #about.dv2-brigade-section::before{opacity:.2}
body.light-mode .dv2-brigade-rail{color:rgba(196,43,30,.45);border-color:var(--border);background:rgba(255,255,255,.45)}
body.light-mode .dv2-brigade-dock__btn{background:rgba(255,255,255,.6)}
@media(prefers-reduced-motion:reduce){
  .dv2-header::after,.dv2-file-photo svg,.dv2-cmd-photo svg,.dv2-file:hover .dv2-bar-track::after{animation:none!important}
  .dv2-file-photo svg,.dv2-cmd-photo svg{transform:none!important}
}
@media(max-width:1000px){
  .dv2-brigade-shell{grid-template-columns:1fr;padding:0 0 40px}
  .dv2-brigade-rail{writing-mode:horizontal-tb;flex-direction:row;justify-content:center;letter-spacing:.28em;padding:10px 14px}
  .dv2-brigade-shell .dossier-v2{grid-column:1}
  .dv2-grid{grid-template-columns:repeat(2,1fr)}
  .dv2-cmd{grid-template-columns:100px 1fr}
  .dv2-cmd-stats{display:none}
}
@media(max-width:600px){.dv2-grid{grid-template-columns:1fr}.dv2-cmd{grid-template-columns:1fr}.dv2-cmd-photo{padding:16px;border-right:none;border-bottom:1px solid var(--border)}.dv2-cmd-name{font-size:22px}}
/* === BRIEFING FORM === */
.briefing-wrap{max-width:700px;margin:40px auto 0;padding:30px;background:rgba(10,10,12,.6);border:1px solid var(--border)}
.briefing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.briefing-stamp{font-size:8px;letter-spacing:4px;color:var(--text-dim)}
.briefing-num{font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:2px;color:var(--accent)}
.briefing-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.briefing-group{margin-bottom:16px}
.briefing-label{display:block;font-size:7px;letter-spacing:4px;color:var(--text-dim);margin-bottom:6px}
.briefing-input{width:100%;padding:10px 12px;background:rgba(255,255,255,.03);border:1px solid var(--border);color:var(--text);font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:1px;outline:none;transition:border-color .3s;box-sizing:border-box}
.briefing-input:focus{border-color:var(--accent)}
.briefing-input::placeholder{color:rgba(255,255,255,.15)}
/* Кастомный выпадающий список (нативный select при открытии рисует ОС — CSS не победить) */
.briefing-custom-select{position:relative;width:100%;z-index:1}
.briefing-custom-select.is-open{z-index:100}
.briefing-select-trigger{
  width:100%;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 36px 10px 12px;
  margin:0;
  background:rgba(10,10,12,.92);
  border:1px solid var(--border);
  color:var(--text);
  font-family:'Share Tech Mono',monospace;
  font-size:12px;
  letter-spacing:1px;
  cursor:pointer;
  text-align:left;
  border-radius:0;
  transition:border-color .3s,box-shadow .3s;
}
.briefing-select-trigger:hover{border-color:rgba(255,68,56,.4)}
.briefing-select-trigger:focus{outline:none;border-color:var(--accent);box-shadow:0 0 14px rgba(255,68,56,.12)}
.briefing-select-trigger.briefing-select--error{animation:briefingSelectShake .5s ease;border-color:var(--accent)}
@keyframes briefingSelectShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.briefing-custom-select.is-open .briefing-select-trigger{border-color:var(--accent);box-shadow:0 0 12px rgba(255,68,56,.1)}
.briefing-select-value{flex:1;min-width:0}
.briefing-select-chev{
  flex-shrink:0;
  width:10px;
  height:6px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23ff4438'/%3E%3C/svg%3E") center/contain no-repeat;
  opacity:.95;
  transition:transform .2s ease;
}
.briefing-custom-select.is-open .briefing-select-chev{transform:rotate(180deg)}
.briefing-select-panel{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 1px);
  margin:0;
  padding:0;
  list-style:none;
  background:rgba(8,8,10,.98);
  border:1px solid var(--border);
  box-shadow:0 16px 48px rgba(0,0,0,.65);
  max-height:min(55vh,300px);
  overflow-y:auto;
  border-radius:0;
}
.briefing-select-row{
  margin:0;
  padding:11px 14px;
  font-family:'Share Tech Mono',monospace;
  font-size:11px;
  letter-spacing:.5px;
  color:var(--text-mid);
  border-bottom:1px solid var(--border);
  cursor:pointer;
  transition:background .12s,color .12s;
}
.briefing-select-row:last-child{border-bottom:none}
.briefing-select-row:hover,.briefing-select-row:focus{background:rgba(255,68,56,.1);color:var(--text);outline:none}
.briefing-select-row--placeholder{color:var(--text-dim);font-size:10px;letter-spacing:2px;text-transform:uppercase}
.briefing-textarea{resize:vertical;min-height:80px}
.briefing-budget{display:flex;align-items:center;gap:16px}
.briefing-range{flex:1;-webkit-appearance:none;height:2px;background:var(--border);outline:none;cursor:none}
.briefing-range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--accent);border-radius:0;cursor:none}
.briefing-budget-val{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:16px;color:var(--accent);letter-spacing:2px;min-width:100px;text-align:right}
.briefing-submit{display:block;width:100%;margin-top:8px;padding:14px;background:transparent;border:1px solid var(--accent);color:var(--accent);font-family:'Russo One',sans-serif;font-size:11px;letter-spacing:6px;cursor:none;transition:all .3s;text-transform:uppercase}
.briefing-submit:hover{background:var(--accent);color:#000;box-shadow:0 0 30px rgba(255,68,56,.2)}
.briefing-submit.sent{border-color:#33ff33;color:#33ff33;pointer-events:none}
.briefing-submit.sent:hover{background:transparent}
@media(max-width:700px){.briefing-row{grid-template-columns:1fr}.briefing-wrap{padding:16px}}
/* === ОРУЖЕЙНАЯ КОМНАТА — Arsenal Filter + Weapon-Rack Cards === */
.arsenal-filters{display:flex;gap:2px;margin-bottom:30px;flex-wrap:wrap}
.arsenal-filter{font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:4px;text-transform:uppercase;color:var(--text-dim);padding:8px 18px;border:1px solid var(--border);background:transparent;cursor:none;transition:all .3s;position:relative}
.arsenal-filter::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);opacity:0;transition:opacity .3s}
.arsenal-filter:hover{border-color:var(--accent);color:var(--text-mid)}
.arsenal-filter.active{border-color:var(--accent);color:var(--accent);background:rgba(255,68,56,.04)}
.arsenal-filter.active::before{opacity:1}
.proj-card{position:relative;padding:40px 40px 40px 48px;background:var(--bg);border:1px solid var(--border);min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;cursor:none;transition:border-color .4s,transform .4s,box-shadow .4s}
.proj-card::after{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:.3;transition:opacity .4s}
.proj-card:hover{border-color:rgba(255,68,56,.5);transform:translateY(-4px);box-shadow:0 8px 30px rgba(255,68,56,.08)}
.proj-card:hover::after{opacity:1}
.proj-unit{font-family:'Russo One',sans-serif;font-size:9px;letter-spacing:4px;color:var(--accent);opacity:.5;margin-bottom:6px}
.proj-caliber{font-size:7px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);padding:2px 7px;border:1px solid rgba(255,68,56,.15);display:inline-block;margin-bottom:8px;transition:all .3s;font-family:'Share Tech Mono',monospace}
.proj-card:hover .proj-caliber{border-color:var(--accent);color:var(--accent)}
.proj-card.hidden{display:none}
/* === РАДИОПЕРЕХВАТ — Radio Intercept Player Theme === */
.radio-section-title{font-family:'Russo One',sans-serif;font-size:clamp(28px,5vw,48px);letter-spacing:6px;color:var(--text);margin-bottom:6px;position:relative}
.radio-section-title::after{content:attr(data-text);position:absolute;left:3px;top:2px;color:var(--accent);opacity:0;clip-path:inset(0);pointer-events:none;transition:opacity .3s}
.radio-section-title.glitch-active::after{opacity:.4;animation:glitchClip .15s steps(2) 3}
.radio-freq-display{background:rgba(10,10,12,.9);border:1px solid var(--border);padding:10px 16px;margin-bottom:16px;display:flex;align-items:center;gap:16px;position:relative;z-index:6}
.radio-freq-label{font-size:7px;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase}
.radio-freq-val{font-family:'Share Tech Mono',monospace;font-size:16px;color:#33ff88;letter-spacing:3px;text-shadow:0 0 12px rgba(51,255,136,.3)}
.radio-freq-status{font-size:7px;letter-spacing:3px;color:var(--accent);text-transform:uppercase;margin-left:auto}
.signal-meter{display:flex;align-items:flex-end;gap:2px;height:16px;margin-left:12px}
.signal-bar{width:3px;background:var(--accent);border-radius:1px 1px 0 0;animation:signalPulse 3s ease-in-out infinite}
.signal-bar:nth-child(1){height:4px;animation-delay:0s}
.signal-bar:nth-child(2){height:7px;animation-delay:.15s}
.signal-bar:nth-child(3){height:11px;animation-delay:.3s}
.signal-bar:nth-child(4){height:16px;animation-delay:.45s}
.signal-bar:nth-child(5){height:9px;animation-delay:.6s}
@keyframes signalPulse{0%,100%{opacity:.3}50%{opacity:1}}
.radio-static-overlay{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.02;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") repeat;background-size:128px;mix-blend-mode:overlay}
.player-wrap .radio-static-overlay{z-index:3}
/* === ТАКТИЧЕСКАЯ КАРТА === */
.tac-sub{font-family:'Rajdhani',sans-serif;font-size:13px;color:var(--text-dim);font-weight:500;margin-top:8px}
.tac-wrap{position:relative;margin-top:40px;border:1px solid var(--border);background:rgba(10,10,12,.8);overflow:hidden}
.tac-overlay{position:absolute;inset:0;pointer-events:none;z-index:3}
.tac-corner{position:absolute;width:16px;height:16px;border-color:rgba(255,68,56,.2);border-style:solid;border-width:0}
.tac-corner.tl{top:0;left:0;border-top-width:1px;border-left-width:1px}
.tac-corner.tr{top:0;right:0;border-top-width:1px;border-right-width:1px}
.tac-corner.bl{bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}
.tac-corner.br{bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}
.tac-hud-top{position:absolute;top:10px;left:16px;font-size:7px;letter-spacing:4px;color:rgba(255,68,56,.3);text-transform:uppercase}
.tac-hud-bot{position:absolute;bottom:10px;right:16px;font-size:7px;letter-spacing:3px;color:var(--text-dim)}
.tac-hud-bot span{color:var(--accent)}
.tac-map-container{position:relative;width:100%;overflow:hidden}
.tac-world-img{display:block;width:100%;height:auto;pointer-events:none;user-select:none}
#tac-svg{position:absolute;inset:0;width:100%;height:100%}
.tac-pulse{animation:tacPulse 3s ease-out infinite}
@keyframes tacPulse{0%{r:20;opacity:.3}50%{r:24;opacity:.06}100%{r:20;opacity:.3}}
.tac-scan{animation:tacScan 6s linear infinite}
@keyframes tacScan{0%{transform:translateY(0)}100%{transform:translateY(666px)}}
.tac-lines line{stroke-dashoffset:0;animation:tacDash 20s linear infinite}
@keyframes tacDash{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}
.tac-dot{cursor:none}
.tac-dot:hover text{fill:rgba(255,68,56,.9)}
.tac-tooltip{position:absolute;z-index:5;pointer-events:none;background:rgba(10,10,12,.95);border:1px solid var(--accent);padding:8px 14px;opacity:0;transition:opacity .2s;font-size:9px}
.tac-tt-city{font-family:'Russo One',sans-serif;font-size:12px;letter-spacing:3px;color:var(--text);margin-bottom:2px}
.tac-tt-project{font-size:8px;letter-spacing:3px;color:var(--accent)}
.tac-stats{display:flex;gap:2px;margin-top:2px}
.tac-stat{flex:1;padding:16px;background:rgba(10,10,12,.6);border:1px solid var(--border);text-align:center;transition:border-color .3s}
.tac-stat:hover{border-color:rgba(255,68,56,.3)}
.tac-stat-n{font-family:'Russo One',sans-serif;font-size:28px;color:var(--accent);letter-spacing:2px;display:block}
.tac-stat-l{font-size:8px;letter-spacing:4px;color:var(--text-dim);text-transform:uppercase;margin-top:4px;display:block}
/* === ЧЁРНЫЙ РЫНОК === */
.bm-sub{font-family:'Rajdhani',sans-serif;font-size:13px;color:var(--text-dim);font-weight:500;margin-top:8px}
.bm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:40px}
.bm-card{position:relative;background:var(--bg);border:1px solid var(--border);padding:24px;cursor:none;transition:all .3s;overflow:hidden}
.bm-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .4s;transform-origin:left}
.bm-card:hover{border-color:rgba(255,68,56,.3);transform:translateY(-3px)}
.bm-card:hover::before{transform:scaleX(1)}
.bm-card-type{font-size:7px;letter-spacing:4px;color:var(--accent);text-transform:uppercase;margin-bottom:16px}
.bm-card-icon{margin-bottom:16px;opacity:.6;transition:opacity .3s}
.bm-card:hover .bm-card-icon{opacity:1}
.bm-card-name{font-family:'Russo One',sans-serif;font-size:14px;letter-spacing:2px;color:var(--text);margin-bottom:8px}
.bm-card-desc{font-family:'Rajdhani',sans-serif;font-size:12px;color:var(--text-dim);line-height:1.7;font-weight:500;margin-bottom:16px}
.bm-card-foot{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.03)}
.bm-card-price{font-family:'Russo One',sans-serif;font-size:16px;color:var(--accent);letter-spacing:2px}
.bm-card-format{font-size:7px;letter-spacing:2px;color:var(--text-dim);text-transform:uppercase;padding:3px 8px;border:1px solid var(--border)}
@media(max-width:1000px){.bm-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.bm-grid{grid-template-columns:1fr}}
/* === ПОЛИГОН — DEMO ZONE === */
.poly-sub{font-family:'Rajdhani',sans-serif;font-size:13px;color:var(--text-dim);font-weight:500;margin-top:8px}
.poly-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:40px}
.poly-card{background:var(--bg);border:1px solid var(--border);overflow:hidden;cursor:none;transition:border-color .3s}
.poly-card:hover{border-color:rgba(255,68,56,.3)}
.poly-card-head{display:flex;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.02)}
.poly-card-num{font-family:'Russo One',sans-serif;font-size:10px;color:var(--accent);opacity:.4;letter-spacing:2px}
.poly-card-tag{font-size:7px;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase}
.poly-card-demo{padding:24px 18px;min-height:120px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;position:relative}
.poly-card-name{font-family:'Russo One',sans-serif;font-size:13px;letter-spacing:2px;color:var(--text);padding:0 18px}
.poly-card-desc{font-size:10px;color:var(--text-dim);padding:4px 18px 16px;font-family:'Rajdhani',sans-serif;font-weight:500}
/* Glitch demo */
.poly-glitch-text{font-family:'Russo One',sans-serif;font-size:32px;letter-spacing:6px;color:var(--text);position:relative;transition:all .1s}
.poly-card:hover .poly-glitch-text{animation:polyGlitch .3s steps(2) infinite}
.poly-glitch-text::before,.poly-glitch-text::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}
.poly-card:hover .poly-glitch-text::before{opacity:.8;color:var(--accent);clip-path:inset(0 0 50% 0);transform:translateX(-3px);animation:polyGlitch .2s steps(3) infinite}
.poly-card:hover .poly-glitch-text::after{opacity:.6;color:#0ff;clip-path:inset(50% 0 0 0);transform:translateX(3px);animation:polyGlitch .25s steps(2) infinite reverse}
@keyframes polyGlitch{0%{clip-path:inset(20% 0 60% 0)}25%{clip-path:inset(80% 0 1% 0)}50%{clip-path:inset(10% 0 50% 0)}75%{clip-path:inset(60% 0 10% 0)}100%{clip-path:inset(40% 0 30% 0)}}
/* Noise canvas */
#poly-noise-canvas{width:100%;height:160px;image-rendering:pixelated;opacity:.6;transition:opacity .3s}
.poly-card:hover #poly-noise-canvas{opacity:1}
/* Colors */
.poly-colors-row{display:flex;gap:4px;width:100%}
.poly-color{flex:1;height:60px;display:flex;align-items:flex-end;justify-content:center;padding:6px;transition:transform .3s}
.poly-color:hover{transform:translateY(-4px)}
.poly-color span{font-size:7px;letter-spacing:2px;color:rgba(255,255,255,.6);text-transform:uppercase}
@media(max-width:700px){.poly-grid{grid-template-columns:1fr}}
/* === AMBIENT AUDIO CONTROL === */
#amb-toggle{position:fixed;bottom:60px;left:24px;z-index:9990;display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;padding:7px 14px;background:rgba(10,10,12,.7);backdrop-filter:blur(20px);border:1px solid var(--border);transition:all .4s;opacity:0;transform:translateY(10px)}
#amb-toggle.show{opacity:1;transform:translateY(0)}
#amb-toggle:hover{border-color:var(--accent)}
#amb-toggle .amb-bars{display:flex;align-items:flex-end;gap:1px;height:10px}
#amb-toggle .amb-bar{width:2px;background:var(--accent);border-radius:1px 1px 0 0;transition:height .3s}
#amb-toggle.playing .amb-bar{animation:ambPulse 1s ease-in-out infinite alternate}
#amb-toggle.playing .amb-bar:nth-child(1){animation-delay:0s}
#amb-toggle.playing .amb-bar:nth-child(2){animation-delay:.15s}
#amb-toggle.playing .amb-bar:nth-child(3){animation-delay:.3s}
#amb-toggle.playing .amb-bar:nth-child(4){animation-delay:.1s}
@keyframes ambPulse{0%{height:3px;opacity:.4}100%{height:10px;opacity:1}}
#amb-toggle .amb-bar.muted{height:2px!important;opacity:.2;animation:none}
#amb-toggle .amb-label{font-size:7px;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase}
body.light-mode #amb-toggle{background:rgba(244,242,237,.85);border-color:var(--border)}

/* === PDOGS project card with video === */
.proj-card-pdogs{position:relative;overflow:hidden}
.proj-card-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.15;filter:grayscale(.7) contrast(1.2);z-index:0;pointer-events:none}
.proj-card-pdogs>*:not(.proj-card-video){position:relative;z-index:2}

/* === BATTLE ATMOSPHERE — живой слой в герое (над WebGL, читаемый) === */
.battle-atmosphere:not(.battle-atmosphere--hero){position:fixed;inset:0;pointer-events:none;z-index:6;overflow:hidden}
#battle-atmosphere.battle-atmosphere--hero{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  pointer-events:none!important;
  z-index:18!important;
  overflow:hidden;
  isolation:isolate;
}
.battle-flash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,250,235,.5) 0%,transparent 42%,rgba(255,68,56,.14) 100%);opacity:0;transition:opacity .06s ease-out;mix-blend-mode:overlay}
.battle-strike .battle-flash{opacity:1;transition:opacity .05s ease-in}
.battle-bolt{position:absolute;top:0;width:5px;height:48vh;background:linear-gradient(180deg,rgba(255,255,255,.98),transparent);opacity:0;filter:blur(.5px);transform:skewX(-8deg);box-shadow:0 0 14px rgba(255,255,255,.35)}
.battle-bolt--a{left:18%;animation:battleBoltA 7s ease-in-out infinite}
.battle-bolt--b{left:72%;animation:battleBoltB 8.5s ease-in-out infinite;animation-delay:-3s}
@keyframes battleBoltA{0%,46%,54%,100%{opacity:0;height:28vh}47%,53%{opacity:1;height:62vh}}
@keyframes battleBoltB{0%,52%,60%,100%{opacity:0}53%,58%{opacity:.95}}
.battle-shell{position:absolute;bottom:20%;width:160px;height:3px;background:linear-gradient(90deg,transparent,rgba(255,220,140,.75),transparent);opacity:0;filter:blur(.35px);box-shadow:0 0 12px rgba(255,200,120,.4)}
.battle-shell--1{left:-25%;animation:battleTracer 5s linear infinite}
.battle-shell--2{left:-25%;animation:battleTracer 5s linear infinite;animation-delay:-2s;bottom:36%;width:110px;opacity:.75}
@keyframes battleTracer{0%{transform:translateX(0) skewX(-12deg);opacity:0}6%{opacity:1}50%{opacity:.5}100%{transform:translateX(140vw) skewX(-12deg);opacity:0}}
.battle-drone{
  position:absolute;
  width:46px;
  height:20px;
  border:2px solid rgba(255,120,100,.95);
  border-radius:3px;
  box-shadow:0 0 24px rgba(255,68,56,.65),0 0 48px rgba(255,40,30,.25),inset 0 0 12px rgba(255,200,180,.15);
  opacity:1;
  top:28%;
  left:-12%;
  animation:battleDrone 22s linear infinite;
  filter:drop-shadow(0 0 8px rgba(255,80,60,.9));
}
.battle-drone::before,.battle-drone::after{content:'';position:absolute;width:14px;height:2px;background:rgba(255,200,180,.9);top:50%;box-shadow:0 0 6px rgba(255,120,80,.8)}
.battle-drone::before{left:-12px}.battle-drone::after{right:-12px}
@keyframes battleDrone{0%{transform:translate(0,0) rotate(-5deg)}35%{transform:translate(50vw,14vh) rotate(3deg)}100%{transform:translate(118vw,38vh) rotate(-2deg)}}
.battle-drone--far{
  top:48%;
  left:-18%;
  width:34px;
  height:14px;
  opacity:.55;
  animation:battleDroneFar 31s linear infinite;
  animation-delay:-6s;
  filter:drop-shadow(0 0 6px rgba(255,100,80,.55));
}
@keyframes battleDroneFar{0%{transform:translate(0,0) rotate(6deg)}45%{transform:translate(55vw,-10vh) rotate(-4deg)}100%{transform:translate(125vw,6vh) rotate(3deg)}}
.battle-drone--hi{
  top:12%;
  left:-15%;
  width:28px;
  height:11px;
  opacity:.42;
  animation:battleDroneHi 26s linear infinite;
  animation-delay:-11s;
  border-color:rgba(255,200,180,.75);
}
@keyframes battleDroneHi{0%{transform:translate(0,2vh) rotate(-8deg)}60%{transform:translate(70vw,18vh) rotate(5deg)}100%{transform:translate(128vw,-4vh) rotate(-2deg)}}
.battle-runner{
  position:absolute;
  bottom:12%;
  left:-18%;
  width:72px;
  height:26px;
  background:repeating-linear-gradient(90deg,rgba(0,0,0,.88) 0 5px,transparent 5px 9px);
  clip-path:polygon(8% 100%,22% 0,78% 0,92% 100%);
  opacity:.88;
  filter:blur(.2px);
  box-shadow:0 0 20px rgba(255,68,56,.25);
  animation:battleRunner 14s linear infinite;
}
@keyframes battleRunner{0%{transform:translateX(0)}100%{transform:translateX(130vw)}}
body.light-mode #battle-atmosphere.battle-atmosphere--hero{opacity:.55}
body.light-mode .battle-atmosphere:not(.battle-atmosphere--hero){display:none!important}
@media(prefers-reduced-motion:reduce){
  #battle-atmosphere.battle-atmosphere--hero .battle-bolt,
  #battle-atmosphere.battle-atmosphere--hero .battle-drone,
  #battle-atmosphere.battle-atmosphere--hero .battle-runner,
  #battle-atmosphere.battle-atmosphere--hero .battle-shell{animation:none!important;opacity:0!important}
  #battle-atmosphere.battle-atmosphere--hero .battle-drone{opacity:.35!important;left:62%!important;top:32%!important;transform:none}
  #battle-atmosphere.battle-atmosphere--hero .battle-drone--far,
  #battle-atmosphere.battle-atmosphere--hero .battle-drone--hi{display:none!important}
}

/* === ТЕАТР — воздушный слой (дроны/трасеры поверх среза, под контентом) === */
.ops-theater-air{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.ops-air-drone{
  position:absolute;
  width:32px;
  height:12px;
  border:1px solid rgba(255,68,56,.45);
  border-radius:2px;
  box-shadow:0 0 14px rgba(255,68,56,.18);
  mix-blend-mode:screen;
  opacity:.38;
}
.ops-air-drone::before,.ops-air-drone::after{content:'';position:absolute;width:9px;height:1px;background:rgba(255,200,180,.75);top:50%}
.ops-air-drone::before{left:-8px}.ops-air-drone::after{right:-8px}
.ops-air-drone--1{top:36%;left:-6%;animation:opsAirDrone1 22s linear infinite}
.ops-air-drone--2{top:58%;left:-10%;width:26px;height:10px;opacity:.3;animation:opsAirDrone2 30s linear infinite;animation-delay:-8s}
@keyframes opsAirDrone1{0%{transform:translate(0,0) rotate(-3deg)}100%{transform:translate(98vw,-6vh) rotate(2deg)}}
@keyframes opsAirDrone2{0%{transform:translate(0,3vh) rotate(5deg)}100%{transform:translate(92vw,8vh) rotate(-4deg)}}
.ops-air-tracer{
  position:absolute;
  left:-12%;
  bottom:22%;
  width:90px;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(255,220,160,.4),transparent);
  filter:blur(.35px);
  animation:opsAirTrace 11s linear infinite;
}
.ops-air-tracer--2{bottom:48%;width:64px;animation-delay:-4s;opacity:.75}
@keyframes opsAirTrace{0%{transform:translateX(0) skewX(-12deg);opacity:0}10%{opacity:1}100%{transform:translateX(125vw) skewX(-12deg);opacity:0}}

/* === ТЕАТР ОПЕРАЦИЙ — единый тактический блок (ярко читается как «другая система») === */
.ops-theater{position:relative;padding:clamp(40px,7vmin,88px) clamp(14px,4vw,36px) clamp(48px,8vmin,96px);width:100%;max-width:100vw;border-top:4px solid var(--accent);border-bottom:4px solid rgba(255,68,56,.35);background:radial-gradient(ellipse min(1400px,220vw) 70% at 50% -10%,rgba(255,68,56,.18),transparent 50%),linear-gradient(168deg,#121018 0%,var(--bg) 42%,#050508 100%);overflow-x:hidden;overflow-y:visible;box-shadow:inset 0 0 120px rgba(0,0,0,.5);box-sizing:border-box}
@keyframes opsSliceDrift{0%{transform:translate3d(0,0,0) rotate(0deg)}100%{transform:translate3d(-14px,8px,0) rotate(-.25deg)}}
.ops-theater-slice{position:absolute;inset:0;pointer-events:none;opacity:.22;background:repeating-linear-gradient(-24deg,transparent,transparent 32px,rgba(255,68,56,.07) 32px,rgba(255,68,56,.07) 33px);mix-blend-mode:soft-light;animation:opsSliceDrift 28s ease-in-out infinite alternate}
.ops-theater__head{max-width:min(920px,94vw);margin:0 auto clamp(20px,4vmin,36px);text-align:center;position:relative;z-index:2;padding:0 clamp(4px,2vw,12px);box-sizing:border-box}
.ops-theater__lead{font-family:'Rajdhani',sans-serif;font-size:clamp(13px,1.35vw + 10px,16px);font-weight:600;color:var(--text-mid);line-height:1.65;letter-spacing:.05em;max-width:min(680px,92vw);margin:14px auto 0;padding:0 clamp(8px,2vw,16px);box-sizing:border-box}
.sec-title--ops{color:var(--text);text-shadow:0 0 60px rgba(255,68,56,.2);font-size:clamp(22px,3.2vw + 12px,56px)!important;letter-spacing:clamp(2px,.4vw,8px)!important}
.sec-title--ops::before{color:rgba(255,68,56,.2)!important}
.ops-bento{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(min(260px,42vw),.88fr);grid-template-rows:minmax(min(280px,min(52vh,480px)),auto) auto;gap:clamp(12px,2vmin,22px);width:100%;max-width:min(1320px,calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 24px));margin:0 auto;position:relative;z-index:2;box-sizing:border-box}
.ops-bento__map,.ops-bento__market{position:relative;min-height:min(340px,min(52vh,520px));border:1px solid rgba(255,68,56,.25);border-radius:2px;box-shadow:0 12px 40px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04)}
.ops-bento__map{background:linear-gradient(165deg,rgba(255,68,56,.06),rgba(6,6,10,.92));border-left:5px solid #ff4438}
.ops-bento__market{background:linear-gradient(195deg,rgba(192,132,252,.08),rgba(8,8,12,.92));border-left:5px solid #a855f7}
.ops-bento__map-inner,.ops-bento__market-inner{padding:14px 16px 16px}
.ops-panel-tag{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:5px;color:rgba(255,68,56,.85);text-transform:uppercase;margin-bottom:8px;padding:4px 10px;border:1px solid rgba(255,68,56,.25);display:inline-block;background:rgba(0,0,0,.25)}
.ops-panel-tag--cyan{color:rgba(120,220,255,.95);border-color:rgba(56,200,255,.35);background:rgba(0,20,30,.35)}
.ops-panel-tag--amber{color:rgba(255,230,120,.95);border-color:rgba(255,220,64,.35);background:rgba(30,25,0,.35)}
.ops-panel-lead{font-size:12px;color:var(--text-mid);letter-spacing:.08em;margin:0 0 12px;font-family:'Rajdhani',sans-serif;font-weight:600}
.ops-bento__map .tac-sub{margin-top:0;margin-bottom:10px}
.ops-bento__radio{display:flex;flex-direction:column;gap:12px;min-height:0;border-radius:2px;border:1px solid rgba(56,200,255,.22);border-left:5px solid #38bdf8;background:linear-gradient(195deg,rgba(56,200,255,.07),rgba(6,10,14,.95));box-shadow:0 12px 36px rgba(0,0,0,.3)}
.ops-blueprint-embed.blueprint-sec{position:relative;padding:14px 12px 16px;border:none;background:transparent;flex:1;min-height:300px;display:flex;flex-direction:column;border-top:1px solid rgba(56,200,255,.12)}
.ops-blueprint-embed .radio-section-title{font-size:clamp(20px,2.6vw,30px);letter-spacing:5px;padding-bottom:8px!important;margin:0;color:var(--text)}
.ops-blueprint-embed .radio-freq-display{margin-bottom:10px;padding:10px 14px;border-color:rgba(56,200,255,.25)}
.ops-blueprint-embed .player-wrap{min-height:340px;max-height:min(52vh,540px);margin:0;border-color:rgba(56,200,255,.25);background:rgba(4,8,12,.75)}
.ops-radio-strip{display:flex;justify-content:flex-end;padding:0 4px 4px}
.ops-radio-mod{font-size:9px;letter-spacing:3px;color:#7dd3fc;text-transform:uppercase;border:1px solid rgba(56,200,255,.45);padding:10px 16px;text-decoration:none;transition:all .25s;font-family:'Share Tech Mono',monospace;background:rgba(0,20,35,.4)}
.ops-radio-mod:hover{background:rgba(56,200,255,.12);border-color:#7dd3fc;color:#fff}
.ops-bento__market .bm-grid{margin-top:0;grid-template-columns:repeat(2,1fr);gap:10px}
.ops-bento__market .bm-card{padding:16px;border-color:rgba(168,85,247,.2)}
.ops-bento__market .bm-card:hover{border-color:rgba(192,132,252,.45)}
.ops-bento__market .bm-card-name{font-size:12px}
.ops-bento__poly{border:1px solid rgba(255,220,64,.35);border-left:5px solid #facc15;background:linear-gradient(200deg,rgba(255,220,64,.08),rgba(10,10,8,.95));border-radius:2px;padding:14px 14px 16px;box-shadow:0 10px 32px rgba(0,0,0,.28)}
.ops-bento__poly .poly-grid{margin-top:0;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
.ops-bento__poly .poly-card{border-color:rgba(255,220,64,.15)}
.ops-bento__poly .poly-card-demo{min-height:92px;padding:14px 10px}
.ops-bento__poly .poly-glitch-text{font-size:clamp(17px,2.3vw,24px);letter-spacing:3px}
@media(max-width:1100px){
  .ops-bento{grid-template-columns:1fr;grid-template-rows:auto}
  .ops-bento__map{grid-row:auto}
  .ops-bento__radio{grid-row:auto}
  .ops-bento__market{grid-row:auto}
  .ops-bento__poly{grid-row:auto}
}

/* === У каждой секции — своё визуальное решение (заметнее, не «один шаблон») === */
.section--hero{position:relative}
.section--film.has-video-bg{background:linear-gradient(180deg,rgba(255,68,56,.05) 0%,transparent 22%),var(--bg)}
.section--film.has-video-bg::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,rgba(255,68,56,.1) 0%,transparent 15%,transparent 85%,rgba(255,68,56,.1) 100%),repeating-linear-gradient(0deg,transparent,transparent 120px,rgba(255,255,255,.015) 120px,rgba(255,255,255,.015) 121px);mix-blend-mode:overlay}
.section--blueprint.has-3d-bg{border-left:6px solid var(--accent);background:linear-gradient(90deg,rgba(255,68,56,.06),transparent 35%),var(--bg)}
.section--armory.has-3d-bg{border-right:6px solid rgba(255,120,80,.5);background:linear-gradient(270deg,rgba(255,80,40,.07),transparent 40%),var(--bg2);box-shadow:inset 0 0 100px rgba(255,50,30,.07)}
.section--ledger.has-video-bg{background:linear-gradient(185deg,rgba(20,22,28,.95),var(--bg)),repeating-linear-gradient(-12deg,rgba(255,68,56,.02) 0 1px,transparent 1px 14px);background-size:100% 100%,auto;border-top:1px solid rgba(255,68,56,.2);border-bottom:1px solid rgba(255,68,56,.12);animation:secLedgerDrift 48s linear infinite}
.section--ledger.has-video-bg .sec-title{text-shadow:0 0 50px rgba(255,68,56,.15);letter-spacing:4px}
.section--briefing.has-video-bg{position:relative;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(255,68,56,.08),transparent 55%),var(--bg)}
.section--briefing.has-video-bg::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,rgba(255,68,56,.9),transparent);opacity:.55;pointer-events:none;z-index:2}
body.light-mode .section--film.has-video-bg{background:linear-gradient(180deg,rgba(214,53,39,.06),transparent 25%),var(--bg)}
body.light-mode .section--blueprint.has-3d-bg{border-left-color:var(--accent);background:var(--bg)}
body.light-mode .section--armory.has-3d-bg{border-right-color:rgba(214,53,39,.4);background:var(--bg2);box-shadow:none}
body.light-mode .section--ledger.has-video-bg{background:var(--bg)}
body.light-mode .section--briefing.has-video-bg{background:var(--bg)}
body.light-mode .section--film.has-video-bg::after{animation:none}
body.light-mode .section--blueprint.has-3d-bg::before{opacity:.55;animation:none}
body.light-mode .section--armory.has-3d-bg{animation:none;box-shadow:none}
body.light-mode .section--ledger.has-video-bg{animation:none}
body.light-mode .section--briefing.has-video-bg::after{opacity:.35;animation:none}
body.light-mode .ops-theater-slice{animation:none;opacity:.12}

/* ============================================ */
/* === MOBILE RESPONSIVE — FULL OVERHAUL ===    */
/* ============================================ */

/* --- TOUCH DEVICES: kill cursor effects --- */
@media(max-width:900px){
  .cursor-h,.cursor-v,.mouse-coords{display:none!important}
  #reticle-cursor{display:none!important}
  .corner-br{display:none!important}
  .range-marks{display:none!important}
  .laser-line{display:none!important}
  .tech-tag{display:none!important}
  body{cursor:auto!important}
  *{cursor:auto!important}
}

/* --- TABLET: 601-900px --- */
@media(max-width:900px){
  .hud-bl,.hud-br{display:none}
  .about-visual{height:320px}
  #grenade-float{width:80px;height:80px;bottom:80px;right:12px;opacity:.5}
  .term-trigger{bottom:50px}
}

/* --- MOBILE: 600px and below --- */
@media(max-width:600px){
  /* MODE CHOOSER — stack vertically */
  .mc-wrap{flex-direction:column;width:100%;max-width:100%}
  .mc-side{padding:28px 20px}
  .mc-label{font-size:20px;letter-spacing:3px}
  .mc-desc{font-size:12px}
  .mc-code{font-size:8px}
  #mode-chooser{padding:0 16px}

  /* NAV — compact */
  nav{padding:10px 12px}
  .nav-links{gap:6px}
  .nav-links a{font-size:6px;letter-spacing:2px}
  .nav-status{display:none}

  /* HERO */
  .bureau-reveal{left:16px;right:16px}
  .hero-title-wrap h1{font-size:32px;letter-spacing:3px}
  .hero-title-wrap .hero-sub{font-size:8px;letter-spacing:4px}
  .part-tag{font-size:6px;letter-spacing:1px;max-width:45vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hud{display:none!important}

  /* SECTIONS — less padding */
  .section{padding:60px 16px;min-height:auto}
  .section::before{left:16px;right:16px}
  .sec-title{font-size:28px;letter-spacing:2px;margin-bottom:30px}
  .sec-marker{font-size:7px;letter-spacing:4px}

  /* ABOUT */
  #about .about-grid{grid-template-columns:1fr;gap:20px}
  .about-stats{grid-template-columns:1fr 1fr;gap:8px}
  .stat-box{padding:16px}
  .stat-num{font-size:32px}
  .about-visual{height:220px}
  .about-visual .bg-text{font-size:80px}

  /* ARSENAL CARDS */
  #arsenal .cards-grid{grid-template-columns:1fr;gap:2px}
  .a-card-visual{height:80px}
  .a-card-head{padding:12px 14px 0}
  .a-card-body{padding:10px 14px 10px}
  .a-card-tags{padding:0 14px 10px}
  .a-card-ttx{padding:0 14px 10px}
  .a-card-name{font-size:15px}
  .a-card-ttx-v{font-size:9px;word-break:break-word}

  /* DOSJE v2 */
  .dv2-grid{grid-template-columns:1fr}
  .dv2-cmd{grid-template-columns:1fr}
  .dv2-cmd-photo{padding:16px;border-right:none;border-bottom:1px solid var(--border)}
  .dv2-cmd-name{font-size:18px;letter-spacing:3px}
  .dv2-cmd-stats{display:none}
  .dv2-header{padding:16px}
  .dv2-title{font-size:12px;letter-spacing:2px}
  .dv2-bar span{min-width:50px;letter-spacing:1px}
  .dv2-file-callsign{font-size:18px;letter-spacing:3px}

  /* BRIEFING FORM */
  .briefing-wrap{padding:16px;margin-top:20px}
  .briefing-row{grid-template-columns:1fr}
  .briefing-budget-val{min-width:auto;font-size:13px}

  /* PROJECTS */
  .proj-grid{grid-template-columns:1fr!important}
  .proj-card{padding:24px 18px 24px 22px;min-height:auto}
  .proj-card .num{font-size:50px}
  .proj-name{font-size:16px;letter-spacing:2px}
  .arsenal-filters{gap:4px}
  .arsenal-filter{padding:6px 12px;font-size:7px;letter-spacing:2px}

  /* AUDIO PLAYER */
  .player-wrap{grid-template-columns:1fr;min-height:auto}
  .player-sidebar{max-height:none}
  .player-cover{max-height:180px}
  .player-releases{max-height:140px}
  .player-tabs .player-tab{font-size:6px;padding:8px 4px;letter-spacing:1px}
  .player-track{grid-template-columns:22px 1fr 44px;padding:6px 12px;gap:6px}
  .track-bpm{display:none}
  .player-controls{padding:10px 12px}
  .player-top-bar{padding:8px 12px}
  .blueprint-sec{padding:40px 16px}
  .blueprint-tag{display:none}
  .radio-freq-display{flex-wrap:wrap;gap:8px;padding:8px 12px}
  .radio-freq-status{margin-left:0}

  /* CALCULATOR */
  #calc-sec{padding:40px 12px}
  .calc-grid{grid-template-columns:1fr;gap:20px}
  .calc-summary{position:relative;top:0}
  .calc-total-val{font-size:20px}
  .calc-item{grid-template-columns:1fr auto 60px;padding:6px 12px}
  .calc-item-price{font-size:9px}
  .calc-group-head{padding:10px 14px}

  /* SVC service blocks */
  .svc{padding:40px 16px}
  .svc-inner{grid-template-columns:1fr;gap:20px}
  .svc-visual{min-height:200px}
  .svc-num{font-size:40px}
  .svc-title{font-size:24px}
  .svc-catalog{grid-template-columns:1fr}
  .svc-3d-wrap{height:250px}

  /* TACTICAL MAP */
  #tac-svg{min-height:180px}
  .tac-stats{flex-direction:column;gap:2px}
  .tac-stat-n{font-size:20px}
  .tac-hud-top,.tac-hud-bot{display:none}

  /* OPS THEATER */
  .ops-theater{padding:48px 14px 56px}
  .ops-theater__lead{font-size:12px;padding:0 4px}
  .ops-bento__market .bm-grid{grid-template-columns:1fr}
  .ops-bento__poly .poly-grid{grid-template-columns:1fr}

  /* BLACK MARKET */
  .bm-grid{grid-template-columns:1fr}

  /* POLYGON */
  .poly-grid{grid-template-columns:1fr}
  .poly-glitch-text{font-size:22px;letter-spacing:3px}

  /* 3D BG — lower opacity on small screens */
  .section-3d-canvas{opacity:.4}

  /* MODEL STRIP */
  .model-strip{grid-template-columns:1fr}
  .model-strip .strip-cell{height:160px}

  /* FOOTER */
  footer{flex-direction:column;gap:8px;padding:16px;text-align:center;font-size:7px}

  /* DUB BAR */
  .dub-bar{padding:0 12px;height:36px}
  .dub-label{font-size:8px;letter-spacing:2px}

  /* FIXED BOTTOM ELEMENTS — prevent stacking */
  #shtab-btn{bottom:12px;right:12px;padding:7px 12px}
  #shtab-btn .shtab-btn-name{font-size:10px}
  #mode-switch{bottom:60px;right:12px;padding:6px 10px}
  #mode-switch .ms-label{font-size:6px}
  #mode-switch .ms-mode{font-size:9px}
  #amb-toggle{bottom:44px;left:12px;padding:5px 10px}
  .term-trigger{bottom:44px;left:auto;right:50%;transform:translateX(50%)}
  #grenade-float{display:none}
  .progress-track{display:none}

  /* CONTACT */
  .contact-big{font-size:36px;letter-spacing:3px}
  .cf-row{grid-template-columns:1fr}
  .contact-channels{flex-direction:column;gap:8px}

  /* TERMINAL */
  #bureau-terminal{width:95vw;top:15%}
  .term-output{max-height:140px;font-size:10px}
  .term-input{font-size:12px}
}

/* --- VERY SMALL: 380px and below --- */
@media(max-width:380px){
  .hero-title-wrap h1{font-size:26px;letter-spacing:2px}
  .sec-title{font-size:24px}
  .mc-label{font-size:18px}
  .contact-big{font-size:28px}
  nav{padding:8px 8px}
  .nav-links{gap:4px}
  .nav-links a{font-size:5px;letter-spacing:1px}
  .a-card-name{font-size:13px}
  .dv2-cmd-name{font-size:16px}
  .player-cover{max-height:140px}
}

/* ===== SECTION: ПОЛЕВОЙ АРХИВ (живые сайты, iframe preview) ===== */
.section--portfolio{
  position:relative;
  background:var(--bg);
  padding:80px 40px 100px;
  overflow:hidden;
}
.section--portfolio .sec-marker{position:relative;z-index:2}
.section--portfolio .sec-title{position:relative;z-index:2}
.pf-grid-bg{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,68,56,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,68,56,.025) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse at center,#000 35%,transparent 85%);
  -webkit-mask-image:radial-gradient(ellipse at center,#000 35%,transparent 85%);
}
.portfolio-sub{
  position:relative;z-index:2;
  max-width:640px;margin:14px 0 48px;
  color:var(--text-dim);
  font-family:'Rajdhani',sans-serif;font-size:16px;line-height:1.55;
}
.portfolio-grid{
  position:relative;z-index:2;
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
  max-width:1320px;
}
@media(max-width:1100px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.portfolio-grid{grid-template-columns:1fr;gap:18px}}

.portfolio-card{
  display:flex;flex-direction:column;
  background:rgba(12,12,14,.92);
  border:1px solid var(--border);
  text-decoration:none;color:inherit;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
  overflow:hidden;
}
.portfolio-card:hover{
  transform:translateY(-4px);
  border-color:var(--accent);
  box-shadow:0 20px 50px rgba(255,68,56,.08),0 0 0 1px rgba(255,68,56,.2);
}

/* Preview with iframe */
.pf-preview{
  position:relative;aspect-ratio:16/10;overflow:hidden;
  background:#0a0a0c;border-bottom:1px solid var(--border);
}
.pf-placeholder{
  position:absolute;inset:0;z-index:2;
  display:flex;align-items:center;justify-content:center;
  font-family:'Russo One',sans-serif;font-size:22px;letter-spacing:4px;
  color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);
  transition:opacity .4s ease;
}
.pf-preview.loaded .pf-placeholder{opacity:0}
.pf-preview iframe{
  position:absolute;top:0;left:0;z-index:1;
  width:1440px;height:900px;
  transform:scale(.27);transform-origin:0 0;
  border:0;pointer-events:none;
  filter:saturate(.9) contrast(.95);
}
.pf-scan{
  position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(180deg,transparent 0,transparent 96%,rgba(255,68,56,.08) 100%);
  box-shadow:inset 0 -40px 60px -20px rgba(0,0,0,.4);
}
.portfolio-card:hover .pf-preview iframe{filter:saturate(1) contrast(1)}

/* Info */
.pf-info{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px}
.pf-meta{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:2px;
}
.pf-num{color:var(--accent);font-weight:700}
.pf-caliber{color:var(--text-dim)}
.pf-status{margin-left:auto;font-weight:700;letter-spacing:1.5px}
.pf-released{color:var(--green)}
.pf-pre{color:var(--yellow)}
.pf-concept{color:var(--blue)}

.pf-name{
  font-family:'Russo One',sans-serif;font-size:18px;letter-spacing:2px;
  color:var(--text);margin-top:2px;
}
.pf-tag{
  font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:1.5px;
  color:var(--text-dim);text-transform:uppercase;
}
.pf-desc{
  font-family:'Rajdhani',sans-serif;font-size:13.5px;line-height:1.5;
  color:var(--text-mid,#b0aead);min-height:40px;
}
.pf-open{
  margin-top:10px;padding-top:12px;border-top:1px solid var(--border);
  font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:3px;
  color:var(--text);display:flex;justify-content:flex-end;align-items:center;gap:6px;
}
.pf-open span{transition:transform .25s ease;display:inline-block}
.portfolio-card:hover .pf-open span{transform:translateX(6px);color:var(--accent)}

/* Mobile tweaks */
@media(max-width:700px){
  .section--portfolio{padding:60px 20px 80px}
  .portfolio-sub{font-size:14px;margin-bottom:32px}
  .pf-preview iframe{transform:scale(.32)}
}

/* === TEMP HIDES (по запросу) === */
.battle-drone,.battle-drone--far,.battle-drone--hi{display:none!important}
#term-trigger{display:none!important}
#amb-toggle{display:none!important}
#about{display:none!important}
#shtab-btn{display:none!important}

/* ===== PORTFOLIO: группы и выравнивание ===== */
.pf-group-head{
  position:relative;z-index:2;
  display:flex;align-items:center;gap:14px;
  margin:48px 0 20px;
  max-width:1320px;
  font-family:'Share Tech Mono',monospace;
}
.pf-group-head:first-of-type{margin-top:8px}
.pf-group-num{
  font-family:'Russo One',sans-serif;font-size:16px;letter-spacing:3px;
  color:var(--accent);min-width:28px;
}
.pf-group-title{
  font-family:'Russo One',sans-serif;font-size:18px;letter-spacing:4px;
  color:var(--text);
}
.pf-group-dot{
  display:inline-block;width:10px;height:10px;border-radius:50%;
  box-shadow:0 0 10px currentColor;
}
.pf-group-dot-released{background:var(--green);color:var(--green)}
.pf-group-dot-pre{background:var(--yellow);color:var(--yellow)}
.pf-group-dot-concept{background:var(--blue);color:var(--blue);box-shadow:0 0 8px currentColor;background:transparent;border:1.5px solid currentColor}
.pf-group-sub{
  font-size:10px;letter-spacing:2px;color:var(--text-dim);text-transform:uppercase;
}
.pf-group-line{flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}
.pf-group-count{
  font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:3px;
  color:var(--accent);padding:3px 8px;border:1px solid var(--accent);
}

/* Выравнивание карточек: кнопка ОТКРЫТЬ всегда снизу */
.portfolio-card .pf-info{flex:1 1 auto}
.portfolio-card .pf-open{margin-top:auto}
.portfolio-card .pf-desc{min-height:42px}

/* Mobile */
@media(max-width:700px){
  .pf-group-head{flex-wrap:wrap;gap:10px;margin:36px 0 16px}
  .pf-group-sub{order:10;width:100%;padding-left:44px;margin-top:-4px}
  .pf-group-line{display:none}
  .pf-group-count{margin-left:auto}
}

/* === MOBILE HERO: убрать всю летающую/мерцающую хуйню === */
@media(max-width:900px){
  #hero .battle-atmosphere,
  #hero .battle-flash,
  #hero .battle-bolt,
  #hero .battle-shell,
  #hero .battle-runner,
  #hero .b762-sky__scan,
  #hero .b762-sky__hud-pulse,
  #hero .b762-sky__drone,
  #hero .b762-sky__mote,
  #hero #laser-svg,
  #hero .laser-line,
  #battle-atmosphere,
  .tech-tag,
  .range-marks,
  #laser-svg{display:none!important}
  #hero canvas#three-canvas{filter:contrast(1) brightness(1)}
}
#rangefinder-dist{display:none!important}

/* === MOBILE: меньше скролла до полной разборки СВД === */
@media(max-width:900px){
  #hero{height:180vh!important}
  @supports (height:100dvh){#hero{height:180dvh!important}}
}
@media(max-width:600px){
  #hero{height:150vh!important}
  @supports (height:100dvh){#hero{height:150dvh!important}}
}


/* ============================================================
   OVERRIDES (актуальные) — СВД hero восстановлен
   ============================================================ */

/* Меню и переключатель темы отключены */
nav{display:none!important}
#mode-switch,#mode-chooser{display:none!important}

/* МУЗЫКА / РАДИО отключены */
.ops-bento__radio,.ops-slim-card--radio,.ops-radio-strip,
#audio-player,.player-wrap,.player-radio,
.radio-section-title,.radio-freq-display,.radio-static-overlay,
#amb-toggle,.proj-card[data-category="sound"],.dub-bar{display:none!important}

/* БРИГАДА / ШТАБ / ТЕРМИНАЛ отключены */
#about{display:none!important}
#shtab-btn{display:none!important}
#term-trigger,#bureau-terminal,#term-backdrop{display:none!important}
#rangefinder-dist{display:none!important}

/* КУРСОР: нативный скрыт, reticle — жирный и контрастный */
html,body,body *{cursor:none!important}
#reticle-cursor{display:block!important;opacity:1!important;mix-blend-mode:difference;filter:drop-shadow(0 0 6px rgba(255,68,56,1)) drop-shadow(0 0 14px rgba(255,255,255,.8))}
#reticle-cursor svg{transform:scale(1.8)}
#reticle-cursor svg *{stroke:#fff!important;stroke-width:4!important;fill:none!important}
#reticle-cursor::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 12px rgba(255,68,56,1)}

/* DIAL — СПРАВА + ЯРКИЙ */
#dial-fixed{left:auto!important;right:clamp(14px,2vw,24px)!important;transform:translateY(-50%)!important;flex-direction:row-reverse!important;opacity:1!important;gap:14px!important}
#dial-fixed.active{opacity:1!important}
.dial-names{align-items:flex-end!important;margin-left:0!important;margin-right:10px!important;text-align:right}
.dial-cur{padding-left:0!important;padding-right:14px!important;font-size:15px!important;color:#fff!important;text-shadow:0 0 10px var(--accent),0 0 20px rgba(255,68,56,.6)!important}
.dial-cur::before{left:auto!important;right:0!important;width:12px!important;background:var(--accent)!important;opacity:1!important;box-shadow:0 0 8px var(--accent)}
.dial-prev,.dial-next{color:rgba(255,255,255,.6)!important;font-size:10px!important;letter-spacing:2.5px!important;text-shadow:0 0 6px rgba(0,0,0,.8)}
.dial-ring{border-color:rgba(255,68,56,.5)!important;box-shadow:0 0 20px rgba(255,68,56,.25),inset 0 0 20px rgba(255,68,56,.1)}
.dial-ring-inner{border-color:rgba(255,68,56,.3)!important}
.dial-ring-core{border-color:rgba(255,68,56,.55)!important}
.dial-tick{background:rgba(255,68,56,.35)!important}
.dial-tick.major{background:rgba(255,68,56,.8)!important;box-shadow:0 0 4px var(--accent)}
.dial-cross line{stroke:rgba(255,68,56,.25)!important;stroke-width:1!important}
.dial-center-dot{width:7px!important;height:7px!important;box-shadow:0 0 16px var(--accent),0 0 4px #fff!important}