/* Base */
:root{
  --bg:#0b0b0b; /* глубокий чёрный */
  --panel:#121212; /* панель */
  --text:#e7f8d6; /* зеленоватый, «BB-кристалл» */
  --muted:#9fb68b; /* приглушённый */
  --accent:#b3ff00; /* неон-лайм акцент */
  --accent-2:#18ffb2; /* мятный акцент */
  --ink:#0f0f0f;
  --danger:#ff4545;
  --ok:#66ff66;
  --shadow: 0 10px 30px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Noto Sans","Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji";
  background:var(--bg);
  position:relative;
  color:var(--text);
  line-height:1.6;
}
.body-noise{display:none}
/* Подложка-карта */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(179,255,0,.05), rgba(24,255,178,.03)) ,
    url('/Back_map_1.svg') center top / cover no-repeat;
  background-blend-mode:soft-light, normal;
  opacity:.22;
  filter:saturate(0.6) hue-rotate(-10deg) brightness(.8);
}
.body-noise{display:none}
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.04;
  background:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%22120%22 viewBox=%220 0 120 120%22><filter id=%22n%22 x=%220%22 y=%220%22 width=%22100%25%22 height=%22100%25%22><feTurbulence type=%22fractalNoise%22 baseFrequency=%220.8%22 numOctaves=%222%22 seed=%2299%22/></filter><rect width=%22120%22 height=%22120%22 filter=%22url(%23n)%22 fill=%22%23000000%22/></svg>') repeat;
  background-size:120px 120px;
  z-index:1;
}

/* Background map layer */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:url('/Back_map_1.svg');
  background-repeat:no-repeat;
  background-position:center top;
  background-size:cover;
  opacity:.07; /* мягко, чтобы не отвлекало */
  filter:saturate(120%) hue-rotate(-10deg) contrast(110%);
  /* затухание по краям, чтобы избежать резких границ и полос */
  -webkit-mask-image:radial-gradient(120% 80% at 50% 20%, #000 70%, transparent 100%);
          mask-image:radial-gradient(120% 80% at 50% 20%, #000 70%, transparent 100%);
  z-index:0;
}
.container{width:min(1200px, calc(100% - 32px)); margin:0 auto}
.skip-link{position:absolute;left:-9999px;top:auto}
.skip-link:focus{left:16px;top:12px;background:var(--panel);color:var(--accent);padding:10px 14px;border-radius:8px}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(11,11,11,.8);backdrop-filter:saturate(130%) blur(6px);border-bottom:1px solid rgba(179,255,0,.12)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.logo{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}
.logo-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg, rgba(179,255,0,.2), rgba(24,255,178,.2));border:1px solid rgba(179,255,0,.35);font-weight:800}
.logo-text{font-weight:800;letter-spacing:.2px}
.nav-toggle{display:none;background:var(--panel);color:var(--text);border:1px solid rgba(179,255,0,.22);padding:10px 12px;border-radius:8px}
.menu{display:flex;gap:20px;list-style:none;margin:0;padding:0}
.menu a{color:var(--muted);text-decoration:none;padding:10px 8px;border-radius:8px}
.menu a:hover{color:var(--text);background:rgba(179,255,0,.08)}
.btn{display:inline-block;padding:12px 16px;border-radius:10px;text-decoration:none;border:1px solid transparent;transition:.2s ease}
.btn-primary{background:linear-gradient(180deg, rgba(179,255,0,.2), rgba(179,255,0,.08));border-color:rgba(179,255,0,.35);color:var(--text)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.btn-outline{background:transparent;border-color:rgba(24,255,178,.35);color:var(--text)}
.btn-outline:hover{background:rgba(24,255,178,.08)}

/* Hero */
.hero{padding:64px 0 32px;border-bottom:1px solid rgba(179,255,0,.1)}
.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}
.hero h1{font-size:clamp(28px, 5vw, 44px);line-height:1.15;margin:0 0 12px}
.hero p{color:var(--muted);margin:0 0 18px}
.hero-cta{display:flex;gap:12px;margin:18px 0 10px}
.hero-stats{display:flex;gap:24px;list-style:none;margin:18px 0 0;padding:0}
.hero-stats li{display:grid}
.hero-stats strong{font-size:22px}
.bb-mask{position:relative;height:320px;background:radial-gradient(60% 60% at 50% 50%, rgba(24,255,178,.08), transparent), linear-gradient(180deg, rgba(179,255,0,.06), transparent);border:1px solid rgba(179,255,0,.18);border-radius:16px;overflow:hidden}
.bb-mask{display:flex;align-items:center;justify-content:center}
.brand-svg{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);max-width:90%;height:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45)) drop-shadow(0 0 26px rgba(154,165,94,.25))}
.brand-svg .accent{stroke:rgba(46,52,28,.85);stroke-width:2px}
.brand-svg .main{stroke:rgba(46,52,28,.85);stroke-width:2px}
.bb-crystal{position:absolute;inset:20% 15% auto 10%;height:48%;filter:blur(1px);background:conic-gradient(from 0deg, rgba(24,255,178,.5), rgba(179,255,0,.5), rgba(24,255,178,.2));mask:radial-gradient(60% 60% at 50% 50%, black, transparent 70%)}
/* .bb-smoke removed */

/* Sections */
.section{padding:56px 0}
.section h2{font-size:28px;margin:0 0 16px}
.cards{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}
.card{background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));border:1px solid rgba(179,255,0,.12);border-radius:14px;padding:18px}
.card h3{margin:0 0 8px}
.card p{color:var(--muted)}
.card .link{color:var(--accent-2);text-decoration:none}
.card .link:hover{text-decoration:underline}

/* How */
.steps{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;list-style:none;margin:0;padding:0}
.steps li{background:linear-gradient(180deg, rgba(24,255,178,.06), transparent);border:1px solid rgba(24,255,178,.16);border-radius:14px;padding:16px}
.steps h3{margin:0 0 8px;font-size:18px}

/* Highlight */
.highlight-inner{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}
.feature-list{margin:0;padding-left:18px}
.feature-list li{margin:6px 0}
.bb-lab{height:260px;border-radius:16px;border:1px solid rgba(24,255,178,.2);background:radial-gradient(60% 60% at 50% 40%, rgba(24,255,178,.08), transparent), linear-gradient(180deg, rgba(179,255,0,.04), transparent)}

/* Offices */
.offices-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px}
.office{background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));border:1px solid rgba(179,255,0,.12);border-radius:14px;padding:16px}

/* Contacts */
.contacts-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}
.contact-card{background:linear-gradient(180deg, rgba(24,255,178,.06), transparent);border:1px solid rgba(24,255,178,.16);border-radius:14px;padding:16px}

/* Form */
.form{display:grid;gap:12px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
input,textarea{width:100%;padding:12px 12px;border-radius:10px;border:1px solid rgba(179,255,0,.22);background:#0d0d0d;color:var(--text)}
.checkbox{display:flex;align-items:center;gap:8px;color:var(--muted)}
.form-note{color:var(--muted);font-size:12px}

/* Footer */
.site-footer{border-top:1px solid rgba(179,255,0,.1);padding:24px 0;background:rgba(0,0,0,.3)}
.footer-inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:center}
.footer-menu{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.footer-logo .logo-mark{width:30px;height:30px}

/* Responsive */
@media (max-width: 1024px){
  .hero-inner{grid-template-columns:1fr}
  .highlight-inner{grid-template-columns:1fr}
  .offices-grid{grid-template-columns:repeat(2, 1fr)}
  .steps{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width: 720px){
  .menu{display:none}
  .nav-toggle{display:inline-block}
  .cards{grid-template-columns:1fr}
  .offices-grid{grid-template-columns:1fr}
  .contacts-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr}
}