/* ============================================================================
   SPHAERA CHROME v2 — «Классика · Неореализм · Будущее»
   Слой поверх style.css / design-system.css (подключается последним).
   Не ломает логику: рестайлинг существующих классов шапки/футера/меню.
   Палитра неизменна: графит #0B1220 · бирюза #2AA198 · бронза #C9A96A · медь #C08552
============================================================================ */
:root{
  --v2-ease:cubic-bezier(.16,1,.3,1);
  --v2-bronze:#C9A96A;
  --v2-text:#E6EDF5;
  --v2-muted:#8FA3BD;
  --v2-faint:#5F7694;
  --v2-hairline:rgba(230,237,245,.08);
}

/* Корпус: Manrope (утончённее Inter, кириллица без компромиссов) */
body.ius-page{font-family:'Manrope','Inter',system-ui,sans-serif}
h1,h2,h3,h4{letter-spacing:-.01em}

/* Плёночное зерно — фиксированный слой, только transform/opacity безопасны */
body.ius-page::after{
  content:'';position:fixed;inset:0;z-index:59;pointer-events:none;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ── Шапка: плавающая стеклянная капсула ─────────────────────────────── */
.ius-header{
  position:sticky;top:14px;z-index:50;
  background:rgba(11,18,32,.66);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border:1px solid var(--v2-hairline);
  border-radius:999px;
  box-shadow:0 12px 40px rgba(4,8,16,.45), inset 0 1px 0 rgba(230,237,245,.06);
  margin:14px auto 0;max-width:1280px;padding:8px 24px;
  transition:background .6s var(--v2-ease), border-color .6s var(--v2-ease);
}
.ius-header .ius-container{max-width:none;padding:0}
.ius-header__row{min-height:56px}
.ius-brand-title{font-family:'PT Serif',serif;font-size:17px;letter-spacing:.03em}
.ius-brand-subtitle{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.22em;color:var(--v2-bronze)}

/* Нав-ссылки: приглушённые, с бронзовым подчёркиванием по hover */
.ius-nav-link,.ius-nav-button{
  font-family:'Manrope',sans-serif;font-size:13px;font-weight:500;
  color:var(--v2-muted);letter-spacing:.02em;padding:6px 2px;position:relative;
  transition:color .45s var(--v2-ease);
}
.ius-nav-link::after,.ius-nav-button::after{
  content:'';position:absolute;left:0;right:100%;bottom:-2px;height:1px;
  background:var(--v2-bronze);transition:right .45s var(--v2-ease);
}
.ius-nav-link:hover,.ius-nav-button:hover,
.mega-menu-trigger:focus-within .ius-nav-button{color:var(--v2-text)}
.ius-nav-link:hover::after,.ius-nav-button:hover::after,
.mega-menu-trigger:focus-within .ius-nav-button::after{right:0}
.ius-header-phone{color:var(--v2-muted)}

/* ── Мега-меню: стеклянная панель с внутренним рефрактом ─────────────── */
.mega-menu{
  background:rgba(11,18,32,.92);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border:1px solid var(--v2-hairline);
  border-radius:24px;
  box-shadow:0 24px 60px rgba(4,8,16,.5), inset 0 1px 0 rgba(230,237,245,.05);
}
.mega-col-title{
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--v2-bronze);
}
.mega-link{transition:color .45s var(--v2-ease)}
.mega-link:hover{color:var(--v2-text)}
.mega-muted{color:var(--v2-faint)}

/* ── Кнопки: pill с мягкой пружиной ──────────────────────────────────── */
.ius-btn--primary{border-radius:999px;transition:transform .5s var(--v2-ease),background .45s var(--v2-ease)}
.ius-btn--primary:hover{transform:scale(1.02)}
.ius-btn--primary:active{transform:scale(.98)}

/* ── Футер: моно-заголовки, бронзовая нить ───────────────────────────── */
.ius-footer{border-top:1px solid var(--v2-hairline);background:transparent}
.ius-footer-title{
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--v2-faint);
}
.ius-link{transition:color .45s var(--v2-ease)}
.ius-link:hover{color:var(--v2-text)}
.ius-brand-subtitle{color:var(--v2-faint)}

/* ── Ссылки контента: спокойный переход ──────────────────────────────── */
main a{transition:color .45s var(--v2-ease)}

@media(prefers-reduced-motion:reduce){
  .ius-btn--primary,.ius-link,.mega-link,.ius-nav-link,.ius-nav-button,
  .ius-header,.ius-link,.mega-link{transition:none}
}