:root {
  --bg: #0e1929;
  --card: rgba(13, 26, 44, 0.88);
  --card-border: rgba(160, 187, 217, 0.16);
  --text: #e7effa;
  --muted: #8ea8c8;
  --accent: #29d3b2;
  --accent-2: #53a4ff;
  --wa: #25d366;
  --focus: #ffc168;
  --radius: 20px;
  --shadow: 0 20px 60px rgba(2, 8, 15, 0.5);
}

* { box-sizing: border-box; }
html { margin: 0; padding: 0; scroll-behavior: smooth; }
body { margin: 0; padding: 0; }

body {
  font-family: "Manrope", sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.58;
}

#fiber-bg {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  transition: opacity 1.2s ease;
  mix-blend-mode: screen;
}

body.fiber-ready #fiber-bg {
  opacity: 1;
}

/* ─── Animated mesh background ─────── */
.bg-mesh {
  position: fixed;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}

.bg-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
  will-change: transform;
}

.bg-orb-1 {
  width: 700px; height: 700px;
  top: -220px; left: -180px;
  background: radial-gradient(circle, rgba(41, 211, 178, 0.13) 0%, transparent 65%);
  animation: orb-float-1 28s ease-in-out infinite;
}

.bg-orb-2 {
  width: 600px; height: 600px;
  top: 5%; right: -160px;
  background: radial-gradient(circle, rgba(83, 164, 255, 0.11) 0%, transparent 65%);
  animation: orb-float-2 34s ease-in-out infinite;
}

.bg-orb-3 {
  width: 480px; height: 480px;
  bottom: -80px; left: 28%;
  background: radial-gradient(circle, rgba(41, 211, 178, 0.08) 0%, transparent 65%);
  animation: orb-float-3 22s ease-in-out infinite;
}

@keyframes orb-float-1 {
  0%, 100% { transform: translate(0, 0) scale(1); }
  35% { transform: translate(55px, -45px) scale(1.10); }
  68% { transform: translate(-25px, 28px) scale(0.93); }
}

@keyframes orb-float-2 {
  0%, 100% { transform: translate(0, 0); }
  30% { transform: translate(-48px, 38px) scale(1.08); }
  65% { transform: translate(28px, -55px); }
}

@keyframes orb-float-3 {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(-36px, -28px) scale(1.07); }
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at 20% 12%, rgba(14, 25, 41, 0.18), transparent 34%),
    linear-gradient(180deg, rgba(14, 25, 41, 0.1), rgba(14, 25, 41, 0.22));
}

/* ─── Topbar ─────────────────────────── */
.topbar {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px clamp(16px, 4vw, 48px);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  background: rgba(7, 17, 29, 0.82);
  border-bottom: 1px solid rgba(160, 187, 217, 0.12);
}

.brand {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.brand-logo {
  display: inline-block;
  flex-shrink: 0;
  height: 46px;
  width: 92px;
  background: url('data:image/png;base64,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') no-repeat left center / contain;
  filter: brightness(0) invert(1);
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

.menu {
  display: flex;
  gap: clamp(8px, 2vw, 22px);
}

.menu a {
  color: var(--muted);
  text-decoration: none;
  font-size: 0.92rem;
  font-weight: 600;
  transition: color 0.2s;
}

.menu a:hover,
.menu a:focus-visible { color: var(--text); }

.menu-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 36px;
  height: 36px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
}

.menu-toggle span {
  display: block;
  height: 2px;
  background: var(--text);
  border-radius: 2px;
}

/* ─── Buttons ─────────────────────────── */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 12px;
  padding: 11px 20px;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.97rem;
  border: 1px solid transparent;
  transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
  cursor: pointer;
  white-space: nowrap;
}

.btn:hover { transform: translateY(-1px); }
.btn:active { transform: translateY(0); opacity: 0.88; }

.btn:focus-visible,
.fab-wa:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }

.btn-large {
  padding: 14px 28px;
  font-size: 1.05rem;
  border-radius: 14px;
}

.btn-small {
  padding: 9px 14px;
  font-size: 0.88rem;
}

.btn-wa {
  background: var(--wa);
  color: #fff;
  border-color: var(--wa);
  box-shadow: 0 6px 22px rgba(37, 211, 102, 0.35);
}

.btn-wa:hover {
  background: #22c45e;
  box-shadow: 0 10px 30px rgba(37, 211, 102, 0.5);
}

/* Пульсирующее кольцо на главной WA-кнопке */
.btn-wa.btn-large {
  position: relative;
  overflow: visible;
  isolation: isolate;
}

.btn-wa.btn-large::after {
  content: '';
  position: absolute;
  inset: -5px;
  border-radius: 16px;
  border: 2px solid rgba(37, 211, 102, 0.45);
  animation: wa-pulse 2.8s ease-out infinite;
  pointer-events: none;
}

@keyframes wa-pulse {
  0% { transform: scale(1); opacity: 0.8; }
  70% { transform: scale(1.08); opacity: 0; }
  100% { transform: scale(1.08); opacity: 0; }
}

.btn-ghost {
  color: var(--text);
  border-color: rgba(160, 187, 217, 0.3);
  background: rgba(14, 29, 48, 0.5);
}

.btn-ghost {
  color: var(--text);
  border-color: rgba(160, 187, 217, 0.3);
  background: rgba(14, 29, 48, 0.5);
}

.btn-ghost:hover { border-color: rgba(160, 187, 217, 0.5); }

.cta-inner .btn-wa.btn-large {
  width: 100%;
  justify-content: center;
}

.btn-accent {
  color: var(--bg);
  border-color: var(--accent);
  background: var(--accent);
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.btn-accent:hover {
  background: #22c4a6;
  border-color: #22c4a6;
  box-shadow: 0 8px 24px rgba(41, 211, 178, 0.35);
}

#btn-show-map {
  background: #ffffff;
  border-color: #ffffff;
  color: #07111d;
  padding: 14px 28px;
  font-size: 1.05rem;
  border-radius: 14px;
}

#btn-show-map:hover {
  background: #e8f0fe;
  border-color: #e8f0fe;
  box-shadow: 0 8px 28px rgba(255, 255, 255, 0.22);
}

/* ─── Sections ─────────────────────────── */
.section {
  width: min(1200px, calc(100% - 32px));
  margin: 0 auto;
  padding: clamp(48px, 7vw, 88px) 0;
  position: relative;
  z-index: 2;
}

/* ─── Hero ─────────────────────────── */
.hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
  min-height: calc(100vh - 72px);
}

.hero-copy {
  display: grid;
  gap: 24px;
}

.eyebrow {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-size: 0.76rem;
  margin: 0;
}

h1, h2, h3 { margin: 0; line-height: 1.14; }

h1 {
  font-family: "Space Grotesk", sans-serif;
  font-size: clamp(2.4rem, 5.5vw, 4.2rem);
  font-weight: 700;
  text-shadow: 0 2px 18px rgba(7, 17, 29, 0.8);
}

h1 span {
  background: linear-gradient(90deg, #29d3b2 0%, #53a4ff 50%, #29d3b2 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: shimmer 5s linear infinite;
}

@keyframes shimmer {
  to { background-position: 200% center; }
}

.lead {
  color: var(--muted);
  font-size: clamp(1rem, 1.7vw, 1.15rem);
  max-width: 54ch;
  margin: 0;
}

.hero-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* ─── Hero visual card ─────────────── */
.hero-visual {
  border: 1px solid var(--card-border);
  border-radius: var(--radius);
  background: linear-gradient(145deg, rgba(12, 26, 46, 0.94), rgba(6, 14, 28, 0.92));
  box-shadow: var(--shadow);
  padding: 24px;
  overflow: hidden;
}

.stat-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: rgba(160, 187, 217, 0.12);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
}

.stat {
  display: grid;
  gap: 3px;
  padding: 14px 10px;
  text-align: center;
  background: rgba(10, 22, 38, 0.9);
}

.stat strong {
  font-size: 0.9rem;
  font-family: "Space Grotesk", sans-serif;
  color: #e0f0ff;
}

.stat span {
  font-size: 0.7rem;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

/* ─── Network map ─────────────────── */
.network-map {
  position: relative;
  height: 190px;
  border: 1px solid rgba(160, 187, 217, 0.16);
  border-radius: 14px;
  background: radial-gradient(circle at center, rgba(83, 164, 255, 0.1) 0%, rgba(6, 14, 26, 0.8) 70%);
  overflow: hidden;
}

.network-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.network-svg path {
  fill: none;
  stroke: rgba(83, 164, 255, 0.38);
  stroke-width: 1.5;
  stroke-dasharray: 6 10;
  animation: stream 10s linear infinite;
}

@keyframes stream {
  from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: -240; }
}

.network-node {
  position: absolute;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(160, 187, 217, 0.28);
  border-radius: 10px;
  padding: 7px 10px;
  font-size: 0.75rem;
  font-weight: 700;
  background: rgba(7, 17, 29, 0.9);
  color: #cde4ff;
  backdrop-filter: blur(3px);
}

.network-node.hub {
  left: 50%;
  top: 50%;
  background: linear-gradient(135deg, rgba(41, 211, 178, 0.22), rgba(83, 164, 255, 0.18));
  border-color: rgba(41, 211, 178, 0.45);
  color: #dffff8;
  font-size: 0.8rem;
  font-family: "Space Grotesk", sans-serif;
}

.network-node.node-1 { left: 20%; top: 25%; }
.network-node.node-2 { left: 80%; top: 25%; }
.network-node.node-3 { left: 20%; top: 75%; }
.network-node.node-4 { left: 80%; top: 75%; }

/* ─── Section title ─────────────────── */
.section-title { margin-bottom: 24px; }

h2 { font-size: clamp(1.5rem, 3vw, 2.25rem); }

/* ─── Grid / Cards ─────────────────── */
.grid { display: grid; gap: 14px; }
.grid.three { grid-template-columns: repeat(3, 1fr); }
.grid.two { grid-template-columns: repeat(2, 1fr); }

.card {
  border: 1px solid var(--card-border);
  border-radius: var(--radius);
  padding: 24px;
  background: var(--card);
  box-shadow: var(--shadow);
}

.card h3 { font-size: 1.06rem; margin-bottom: 8px; }
.card p { color: var(--muted); margin: 0; font-size: 0.92rem; }

.accent-card {
  border-color: rgba(41, 211, 178, 0.22);
  background: linear-gradient(145deg, rgba(16, 32, 56, 0.9), rgba(9, 20, 36, 0.9));
}

/* ─── Services ─────────────────────── */
.service-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

.service-chip {
  border: 1px solid rgba(83, 164, 255, 0.28);
  border-radius: 999px;
  padding: 10px 18px;
  font-size: 0.9rem;
  font-weight: 700;
  background: rgba(83, 164, 255, 0.1);
  color: #d2e8ff;
}

.services-note {
  color: var(--muted);
  font-size: 0.93rem;
  margin: 0;
}

/* ─── Tags ─────────────────────────── */
.tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tags span {
  border: 1px solid var(--card-border);
  border-radius: 999px;
  padding: 9px 16px;
  color: #dbe9fa;
  background: rgba(14, 29, 48, 0.66);
  font-size: 0.9rem;
}

/* ─── Timeline ─────────────────────── */
.timeline {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.timeline li {
  display: flex;
  gap: 14px;
  align-items: baseline;
  border-left: 2px solid rgba(41, 211, 178, 0.38);
  padding: 12px 14px 12px 18px;
  background: rgba(12, 24, 42, 0.6);
  border-radius: 0 14px 14px 0;
}

.timeline strong {
  font-size: 0.98rem;
  min-width: 120px;
  flex-shrink: 0;
}

.timeline span {
  color: var(--muted);
  font-size: 0.88rem;
}

/* ─── Final CTA ─────────────────────── */
.cta-inner {
  border: 1px solid rgba(41, 211, 178, 0.2);
  border-radius: var(--radius);
  padding: clamp(24px, 4vw, 48px);
  background: linear-gradient(135deg, rgba(41, 211, 178, 0.09), rgba(83, 164, 255, 0.07));
  text-align: center;
  display: grid;
  gap: 16px;
  justify-items: center;
}

.cta-inner h2 { font-size: clamp(1.5rem, 3.5vw, 2.2rem); }
.cta-inner p { color: var(--muted); max-width: 54ch; margin: 0; }

/* ─── Contacts ─────────────────────── */
.contact-layout {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 18px;
  align-items: start;
}

.contact-form {
  border: 1px solid var(--card-border);
  border-radius: var(--radius);
  background: var(--card);
  padding: 24px;
  display: grid;
  gap: 16px;
}

.form-note { color: var(--muted); margin: 0; font-size: 0.92rem; }

.form-trigger-wrap {
  display: flex;
  justify-content: flex-start;
}

.btn-form-open {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--accent);
  color: var(--bg);
  border: none;
  border-radius: 14px;
  padding: 14px 28px;
  font-family: inherit;
  font-size: 1.02rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.18s, transform 0.18s;
}
.btn-form-open:hover { background: #22c4a6; transform: translateY(-1px); }
.btn-form-open:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }

.modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 200;
  background: rgba(2, 8, 20, 0.82);
  backdrop-filter: blur(6px);
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.modal-overlay.open { display: flex; }

.modal-box {
  position: relative;
  background: var(--card);
  border: 1px solid var(--card-border);
  border-radius: var(--radius);
  padding: 32px 28px 28px;
  width: 100%;
  max-width: 540px;
  max-height: 90vh;
  overflow-y: auto;
}

.modal-close {
  position: absolute;
  top: 14px;
  right: 14px;
  background: transparent;
  border: none;
  color: var(--muted);
  cursor: pointer;
  font-size: 1.4rem;
  line-height: 1;
  padding: 4px 8px;
  border-radius: 6px;
  transition: color 0.15s;
}
.modal-close:hover { color: var(--text); }
.modal-close:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }

.modal-title {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 1.22rem;
  font-weight: 700;
  margin: 0 0 20px;
  padding-right: 32px;
}

.modal-form-wrap {
  border-radius: 10px;
  overflow: hidden;
  min-height: 380px;
}
.modal-form-wrap iframe {
  width: 100%;
  min-height: 460px;
  border: 0;
  display: block;
}
.contact-info {
  border: 1px solid var(--card-border);
  border-radius: var(--radius);
  background: var(--card);
  padding: 24px;
  display: grid;
  gap: 20px;
}

.btn-contact-wa {
  width: 100%;
  padding: 16px 20px;
  font-size: 1.02rem;
  border-radius: 14px;
}

.contact-details { display: grid; gap: 8px; }
.contact-details p { margin: 0; color: var(--muted); font-size: 0.93rem; }
.contact-details a { color: #c9e3ff; text-decoration: none; }

@media (max-width: 820px) {
  .modal-box { padding: 24px 16px 20px; }
  .modal-form-wrap iframe { min-height: 420px; }
}
.contact-details a:hover { color: var(--text); }

/* ─── WhatsApp FAB ─────────────────── */
.fab-wa {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 90;
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--wa);
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.97rem;
  padding: 12px 20px 12px 14px;
  border-radius: 999px;
  box-shadow: 0 6px 28px rgba(37, 211, 102, 0.42);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.fab-wa:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 10px 36px rgba(37, 211, 102, 0.55);
}

/* ─── Footer ─────────────────────────── */
.footer {
  position: relative;
  z-index: 2;
  border-top: 1px solid rgba(160, 187, 217, 0.12);
  padding: 22px 16px 80px;
}

.footer-inner {
  width: min(1200px, calc(100% - 32px));
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 22px;
  justify-content: center;
  color: #6d8eac;
  font-size: 0.86rem;
}

.footer-inner p { margin: 0; }
.footer-inner a { color: #6d8eac; text-decoration: none; }
.footer-inner a:hover { color: var(--text); }

/* ─── Reveal ─────────────────────────── */
.reveal, .reveal-delay {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.reveal-delay { transition-delay: 0.1s; }
.visible { opacity: 1; transform: translateY(0); }

/* ─── Mobile ─────────────────────────── */
@media (max-width: 820px) {
  .hero {
    grid-template-columns: 1fr;
    min-height: auto;
    padding-top: 20px;
    padding-bottom: 0;
  }

  .grid.three,
  .grid.two {
    grid-template-columns: 1fr;
  }
  .contact-layout {
    grid-template-columns: 1fr;
  }

  .menu-toggle { display: flex; }

  .menu {
    position: absolute;
    top: 66px;
    left: 12px;
    right: 12px;
    display: none;
    flex-direction: column;
    gap: 2px;
    border: 1px solid rgba(160, 187, 217, 0.14);
    border-radius: 14px;
    padding: 8px;
    background: rgba(7, 17, 29, 0.97);
    backdrop-filter: blur(14px);
    z-index: 100;
  }

  .menu.open { display: flex; }

  .menu a {
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 1rem;
  }

  .menu a:hover { background: rgba(83, 164, 255, 0.08); }

  .topbar .btn-wa.btn-small { display: none; }

  .network-map { height: 170px; }

  .fab-wa {
    left: 12px;
    right: 12px;
    bottom: 12px;
    border-radius: 14px;
    justify-content: center;
    padding: 14px 20px;
  }

  .timeline li {
    flex-direction: column;
    gap: 4px;
  }

  .timeline strong { min-width: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .network-svg path, .reveal, .reveal-delay {
    animation: none;
    transition: none;
  }
  .bg-orb { animation: none; }
  .btn-wa.btn-large::after { display: none; }
  h1 span {
    animation: none;
    background: none;
    -webkit-text-fill-color: initial;
    color: #7fcfee;
  }
  .visible { opacity: 1; transform: none; }
}