/* ПОМОР — aurora-tech премиум-слой. Грузится ПОСЛЕ styles.css, не трогает структуру/бэкенд.
   Добавляет: cyan-акцент, aurora-градиентный фон, стеклянные карточки, свечение CTA,
   крупные заголовки, премиум-моушн. Палитра уже бренд-azure — усиливаем. */
:root{
  --cyan:#36E0FF; --azure:#1E8FCB; --azure-deep:#0F6CA0; --sky:#5BB8E6;
  --glass:rgba(255,255,255,.66); --glass-brd:rgba(255,255,255,.8);
  --glow:0 0 0 1px rgba(54,224,255,.18), 0 18px 50px rgba(30,143,203,.28);
  --display:"Unbounded","Inter",system-ui,sans-serif;
}

/* ===== Aurora-фон страницы ===== */
body{
  background:
    radial-gradient(48% 40% at 12% 6%, rgba(91,184,230,.34), transparent 60%),
    radial-gradient(42% 36% at 92% 4%, rgba(54,224,255,.30), transparent 60%),
    radial-gradient(60% 50% at 80% 96%, rgba(30,143,203,.18), transparent 60%),
    var(--bg);
  background-attachment:fixed;
}
.section--alt{background:linear-gradient(180deg,rgba(233,245,252,.6),rgba(255,255,255,.2))!important}

/* ===== Заголовки — display-шрифт + cyan-акцент ===== */
.hero-title,.section-title,.cta-title,.calc-result-sum,.hero-stat-num{
  font-family:var(--display);font-weight:800;letter-spacing:-.02em}
.section-title{position:relative}
.hero-title .accent,.section-title .accent{
  background:linear-gradient(90deg,var(--azure),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow,.hero-eyebrow{
  display:inline-flex;align-items:center;gap:8px;background:var(--glass);
  border:1px solid var(--glass-brd);backdrop-filter:blur(10px);border-radius:999px;
  padding:7px 15px;color:var(--azure-deep);font-weight:700;letter-spacing:.08em;box-shadow:var(--shadow)}
.eyebrow::before,.hero-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;
  background:var(--cyan);box-shadow:0 0 10px var(--cyan)}

/* ===== Шапка — стекло ===== */
.site-header{background:rgba(255,255,255,.55)!important;backdrop-filter:blur(14px) saturate(1.2);
  border-bottom:1px solid rgba(255,255,255,.6)}
.site-header.is-scrolled{background:rgba(255,255,255,.78)!important;box-shadow:var(--shadow)}

/* ===== Кнопки — градиент + свечение ===== */
.btn-accent{background:linear-gradient(90deg,var(--azure),var(--azure-deep))!important;
  box-shadow:0 12px 30px rgba(30,143,203,.42);border:none}
.btn-accent:hover{transform:translateY(-1px);box-shadow:0 18px 44px rgba(30,143,203,.55),0 0 0 1px rgba(54,224,255,.3)}
.btn-ghost,.btn-outline,.btn-light{backdrop-filter:blur(10px)}
.btn-outline{border-color:var(--azure)!important;color:var(--azure-deep)!important}

/* ===== Стеклянные карточки ===== */
.card,.why-card,.contact-card,.service-card,.article-card,.calc-teaser-form,.calc-result-card,.faq{
  background:var(--glass)!important;border:1px solid var(--glass-brd)!important;
  backdrop-filter:blur(12px);box-shadow:var(--shadow)}
.why-card:hover,.contact-card:hover,.service-card:hover,.article-card:hover{
  transform:translateY(-4px);box-shadow:var(--shadow-lg)}

/* иконки в карточках — duotone-плитка с cyan-подсветкой */
.why-icon,.contact-card-icon,.service-card-icon,.calc-placeholder-icon{
  background:linear-gradient(140deg,rgba(30,143,203,.16),rgba(54,224,255,.12))!important;
  border:1px solid rgba(30,143,203,.18);color:var(--azure-deep)!important;box-shadow:inset 0 0 18px rgba(54,224,255,.12)}

/* ===== Герой ===== */
.hero{position:relative}
.hero-shield-glow{background:radial-gradient(circle,rgba(54,224,255,.5),transparent 60%)!important;filter:blur(30px)}
.hero-stat-num{background:linear-gradient(90deg,var(--azure),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-stats{gap:28px}

/* ===== Калькулятор / формы ===== */
.calc-teaser-form input,.calc-teaser-form select,.lead-form input,.lead-form select,.lead-form textarea,
.contacts-form input,.contacts-form select,.contacts-form textarea{
  border:1px solid var(--line)!important;border-radius:12px;background:rgba(255,255,255,.85)}
.calc-teaser-form input:focus,.calc-teaser-form select:focus,.lead-form input:focus{
  border-color:var(--cyan)!important;box-shadow:0 0 0 3px rgba(54,224,255,.22)!important;outline:none}
.calc-result-sum{color:var(--azure-deep)}

/* ===== Финальный CTA-баннер ===== */
.cta-card{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--azure),var(--azure-deep))!important;
  box-shadow:0 30px 70px rgba(15,44,64,.3)}
.cta-card-bg{background:
  radial-gradient(50% 80% at 12% 10%,rgba(54,224,255,.5),transparent 60%),
  radial-gradient(50% 80% at 90% 90%,rgba(91,184,230,.5),transparent 60%)!important;opacity:.9}
.cta-card-content,.cta-title,.cta-sub{position:relative;z-index:2;color:#fff!important}

/* ===== Чат-виджет ===== */
.chat-fab{background:linear-gradient(135deg,var(--azure),var(--azure-deep))!important;
  box-shadow:0 14px 34px rgba(30,143,203,.5),0 0 0 1px rgba(54,224,255,.25)}
.chat-head{background:linear-gradient(90deg,var(--azure),var(--azure-deep))!important}

/* ===== Футер ===== */
.site-footer{background:linear-gradient(180deg,var(--graphite),#06151f)!important}

/* ===== Премиум-анимации страниц (после интро) ===== */
@media(prefers-reduced-motion:no-preference){
  /* живой aurora-фон — медленный дрейф */
  @keyframes au-drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(2.5%,-2%) scale(1.07)}100%{transform:translate(0,0) scale(1)}}
  body::before{content:"";position:fixed;inset:-18%;z-index:-1;pointer-events:none;
    background:radial-gradient(38% 34% at 20% 14%,rgba(54,224,255,.22),transparent 60%),
               radial-gradient(38% 34% at 84% 24%,rgba(91,184,230,.20),transparent 60%),
               radial-gradient(46% 40% at 70% 96%,rgba(30,143,203,.14),transparent 60%);
    animation:au-drift 20s ease-in-out infinite}

  /* reveal — плавнее + каскад в сетках */
  [data-reveal]{transition:opacity .8s var(--ease),transform .8s var(--ease)!important}
  .why-grid>[data-reveal]:nth-child(2),.service-grid>[data-reveal]:nth-child(2),.contacts-grid>[data-reveal]:nth-child(2){transition-delay:.08s}
  .why-grid>[data-reveal]:nth-child(3),.service-grid>[data-reveal]:nth-child(3),.contacts-grid>[data-reveal]:nth-child(3){transition-delay:.16s}
  .why-grid>[data-reveal]:nth-child(4),.service-grid>[data-reveal]:nth-child(4){transition-delay:.24s}
  .why-grid>[data-reveal]:nth-child(5),.service-grid>[data-reveal]:nth-child(5){transition-delay:.32s}
  .why-grid>[data-reveal]:nth-child(6),.service-grid>[data-reveal]:nth-child(6){transition-delay:.40s}

  /* карточки — ховер-лифт + парение иконки */
  .why-card,.service-card,.contact-card,.article-card{transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
  @keyframes au-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
  .why-card:hover .why-icon,.service-card:hover .service-card-icon,.contact-card:hover .contact-card-icon{animation:au-float 2.2s ease-in-out infinite}

  /* CTA — бегущий блик */
  .btn-accent{position:relative;overflow:hidden}
  .btn-accent::after{content:"";position:absolute;top:0;left:-60%;width:38%;height:100%;pointer-events:none;
    background:linear-gradient(110deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-20deg);
    animation:au-sheen 5s ease-in-out infinite}
  @keyframes au-sheen{0%,58%{left:-60%}82%,100%{left:140%}}

  /* герой-логотип — мягкое парение; пульс точки eyebrow */
  .hero-shield-mark{animation:au-float 5.5s ease-in-out infinite}
  @keyframes au-pulse{0%,100%{box-shadow:0 0 8px var(--cyan)}50%{box-shadow:0 0 16px 3px var(--cyan)}}
  .eyebrow::before,.hero-eyebrow::before{animation:au-pulse 2.6s ease-in-out infinite}

  /* дрейф hero-blob (если есть в герое) */
  .hero-blob{animation:au-drift 16s ease-in-out infinite}
}