/* ================================================================
   EMBER — третий дизайн ZulTalk
   Тёмный уголь · Оранжевый огонь · Янтарное золото
   Активируется через html[data-design="aurora"]
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@400;700;900&family=DM+Sans:wght@400;500;700&display=swap');

html[data-design="aurora"] {
  --bg:      #0a0703;
  --bg2:     #120e06;
  --ink:     #fff5e8;
  --muted:   rgba(255,245,232,.50);
  --surf:    rgba(255,140,30,.07);
  --surf2:   rgba(255,140,30,.04);
  --stroke:  rgba(255,140,30,.14);
  --stroke2: rgba(255,140,30,.08);
  --fire:    #ff6a00;
  --amber:   #ffb020;
  --gold:    #ffd060;
  --r:  16px;
  --r2: 26px;
  --shadow:  0 32px 100px rgba(0,0,0,.75);
  --shadow2: 0 14px 44px rgba(0,0,0,.55);
  color-scheme: dark;
}

html[data-design="aurora"] body {
  font-family: 'DM Sans', ui-sans-serif, system-ui, sans-serif;
  background:
    radial-gradient(ellipse 1000px 700px at 0%   0%,  rgba(255,106,0,.22),  transparent 55%),
    radial-gradient(ellipse  800px 600px at 100% 5%,  rgba(255,176,32,.12), transparent 52%),
    radial-gradient(ellipse  700px 600px at 50% 108%, rgba(255,61,0,.15),   transparent 55%),
    linear-gradient(180deg, #0c0804, var(--bg));
  color: var(--ink);
}

html[data-design="aurora"] body::before {
  content: "";
  position: fixed; inset: 0;
  pointer-events: none; z-index: 9998;
  opacity: .06;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}

html[data-design="aurora"] .h2 {
  font-family: 'Unbounded', ui-sans-serif, sans-serif;
  font-weight: 900;
  font-size: clamp(20px, 2.6vw, 36px);
  letter-spacing: -0.03em;
  color: var(--ink);
  text-shadow: 0 0 80px rgba(255,106,0,.30);
}

html[data-design="aurora"] .muted { color: var(--muted); }
html[data-design="aurora"] .section { padding: 68px 0; }

/* HERO */
html[data-design="aurora"] .hero { padding: 40px 0 22px; }
html[data-design="aurora"] .hero__tapes { opacity: .30; filter: saturate(.5) brightness(.7); }

html[data-design="aurora"] .hero__videoWrap {
  position: relative;
  border-radius: 30px;
  padding: 9px;
  border: 1px solid rgba(255,106,0,.28);
  background: rgba(255,106,0,.05);
  box-shadow: var(--shadow);
  overflow: visible;
  isolation: isolate;
  width: min(460px, 100%);
  margin-inline: auto;
}

html[data-design="aurora"] .hero__videoWrap::before {
  content: "";
  position: absolute; inset: -2px;
  border-radius: 32px;
  background: conic-gradient(from 0deg,
    rgba(255,106,0,.80), rgba(255,176,32,.70),
    rgba(255,208,96,.60), rgba(255,176,32,.70), rgba(255,106,0,.80));
  filter: blur(22px);
  opacity: .55;
  z-index: -1;
  animation: emberSpin 10s linear infinite;
}

@keyframes emberSpin { to { transform: rotate(360deg); } }

html[data-design="aurora"] .hero__video {
  height: auto;
  border-radius: 22px;
  background: #000;
  box-shadow: 0 20px 70px rgba(0,0,0,.80);
}

@media (max-width: 720px) {
  html[data-design="aurora"] .hero { padding: 24px 0 14px; }
  html[data-design="aurora"] .hero__video { height: auto; }
  html[data-design="aurora"] .hero__videoWrap { border-radius: 22px; padding: 7px; }
  html[data-design="aurora"] .hero__videoWrap::before { border-radius: 24px; }
}

/* TAPES */
html[data-design="aurora"] .tape {
  background: rgba(255,106,0,.06);
  border: 1px solid rgba(255,106,0,.16);
  box-shadow: none; opacity: .45;
}
html[data-design="aurora"] .tape__word {
  font-family: 'Unbounded', sans-serif;
  font-weight: 700; font-size: 11px;
  color: rgba(255,245,232,.35);
  letter-spacing: .20em; text-shadow: none;
}
html[data-design="aurora"] .tape__word strong {
  color: rgba(255,176,32,.80);
  text-shadow: 0 0 14px rgba(255,106,0,.35);
}

/* BUTTONS */
html[data-design="aurora"] .btn {
  background: rgba(255,106,0,.06);
  border: 1px solid rgba(255,106,0,.22);
  box-shadow: none;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
html[data-design="aurora"] .btn__icon {
  background: linear-gradient(135deg, rgba(255,106,0,.32), rgba(255,176,32,.22));
  border: 1px solid rgba(255,106,0,.32);
  color: var(--amber);
}
html[data-design="aurora"] .btn__title {
  color: var(--ink);
  font-family: 'Unbounded', sans-serif;
  font-weight: 700; font-size: .82em; letter-spacing: -0.02em;
}
html[data-design="aurora"] .btn__sub { color: var(--muted); }

html[data-design="aurora"] .btn--android { --g1: rgba(255,106,0,.92); --g2: rgba(255,176,32,.88); --g3: rgba(255,208,96,.72); }
html[data-design="aurora"] .btn--web    { --g1: rgba(255,176,32,.88); --g2: rgba(255,106,0,.84);  --g3: rgba(255,208,96,.68); }
html[data-design="aurora"] .btn--ios    { --g1: rgba(255,61,0,.86);   --g2: rgba(255,106,0,.82);  --g3: rgba(255,176,32,.70); }

html[data-design="aurora"] .btn--glow::before { filter: blur(14px) saturate(1.8); opacity: .82; }
html[data-design="aurora"] .btn--glow::after  { background: rgba(10,7,3,.90); }

@media (hover:hover) and (pointer:fine) {
  html[data-design="aurora"] .btn:hover {
    transform: translateY(-2px) scale(1.03);
    border-color: rgba(255,106,0,.42);
    box-shadow: 0 0 36px rgba(255,106,0,.20), var(--shadow2);
  }
}

/* LINKS */
html[data-design="aurora"] .links__card { background: transparent; box-shadow: none; }

/* BRAND */
html[data-design="aurora"] .brand__card {
  background: var(--surf); border: 1px solid var(--stroke);
  box-shadow: var(--shadow); position: relative; overflow: hidden;
}
html[data-design="aurora"] .brand__card::before {
  content: ""; position: absolute; top: -70px; right: -70px;
  width: 280px; height: 280px; border-radius: 50%;
  background: radial-gradient(circle, rgba(255,106,0,.12), transparent 68%);
  pointer-events: none;
}
html[data-design="aurora"] .brand__logoLink::before {
  background: conic-gradient(from 0deg,
    rgba(255,61,0,.80), rgba(255,106,0,.75),
    rgba(255,208,96,.70), rgba(255,106,0,.75), rgba(255,61,0,.80));
  filter: blur(12px); opacity: .70;
  animation: emberSpin 6s linear infinite;
}
html[data-design="aurora"] .brand__logoLink::after {
  background: rgba(10,7,3,.88);
  border: 1px solid rgba(255,106,0,.22);
}
html[data-design="aurora"] .brand__title {
  font-family: 'Unbounded', sans-serif; font-weight: 900;
  color: var(--ink); letter-spacing: -0.04em;
}
html[data-design="aurora"] .brand__title .muted {
  color: var(--muted); font-family: 'DM Sans', sans-serif; font-weight: 400; letter-spacing: 0;
}
html[data-design="aurora"] .brand__tagline {
  color: rgba(255,176,32,.75); font-family: 'DM Sans', sans-serif; font-size: .88em;
}
html[data-design="aurora"] .brand__desc { color: var(--muted); line-height: 1.6; }

/* INFO */
html[data-design="aurora"] .info__card {
  background: var(--surf); border: 1px solid var(--stroke); box-shadow: var(--shadow);
}
html[data-design="aurora"] .info__item {
  background: var(--surf2); border: 1px solid var(--stroke2);
  transition: border-color .2s ease, background .2s ease;
}
@media (hover:hover) and (pointer:fine) {
  html[data-design="aurora"] .info__item:hover {
    border-color: rgba(255,106,0,.28); background: rgba(255,106,0,.07);
  }
}
html[data-design="aurora"] .info__badge {
  background: linear-gradient(135deg, rgba(255,106,0,.22), rgba(255,176,32,.16));
  border: 1px solid rgba(255,106,0,.24);
}
html[data-design="aurora"] .info__title {
  font-family: 'Unbounded', sans-serif; font-weight: 700; font-size: .84em;
  color: var(--ink); letter-spacing: -0.02em;
}
html[data-design="aurora"] .info__text { color: var(--muted); }

/* TESTIMONIALS */
html[data-design="aurora"] .tcar__shell {
  background: var(--surf); border: 1px solid var(--stroke); box-shadow: var(--shadow);
}
html[data-design="aurora"] .tcar__shell::before {
  background:
    radial-gradient(500px 250px at 15% 30%, rgba(255,106,0,.10), transparent 60%),
    radial-gradient(500px 250px at 88% 70%, rgba(255,176,32,.08), transparent 60%);
}
html[data-design="aurora"] .tcar__stage { background: rgba(10,7,3,.75); }
html[data-design="aurora"] .tcardx {
  background: rgba(255,106,0,.05); box-shadow: 0 14px 40px rgba(0,0,0,.60);
  border: 1px solid rgba(255,106,0,.10);
}
html[data-design="aurora"] .tcardx::before {
  background: conic-gradient(from 0deg,
    rgba(255,61,0,.35), rgba(255,106,0,.30), rgba(255,208,96,.25), rgba(255,61,0,.35));
  filter: blur(14px); opacity: .50;
  animation: emberSpin 12s linear infinite;
}
html[data-design="aurora"] .tcardx::after { border-color: rgba(255,106,0,.12); }
html[data-design="aurora"] .tcardx__name {
  font-family: 'Unbounded', sans-serif; font-weight: 700; font-size: .88em; color: var(--ink);
}
html[data-design="aurora"] .tcardx__role {
  color: rgba(255,176,32,.62); font-size: .78em; letter-spacing: .03em;
}
html[data-design="aurora"] .tcardx__text { color: rgba(255,245,232,.65); line-height: 1.55; }
html[data-design="aurora"] .tcardx__avatar {
  background: linear-gradient(135deg, rgba(255,106,0,.20), rgba(255,176,32,.14));
  box-shadow: 0 8px 24px rgba(0,0,0,.60);
}
html[data-design="aurora"] .tcar__nav {
  background: rgba(255,106,0,.07); border: 1px solid rgba(255,106,0,.20);
  transition: transform .18s ease, border-color .18s ease;
}
html[data-design="aurora"] .tcar__nav::before {
  background: conic-gradient(from 0deg,
    rgba(255,61,0,.70), rgba(255,106,0,.65), rgba(255,208,96,.55), rgba(255,61,0,.70));
  filter: blur(10px); opacity: .50;
  animation: emberSpin 5s linear infinite;
}
html[data-design="aurora"] .tcar__nav::after { background: rgba(10,7,3,.92); }
html[data-design="aurora"] .tcar__nav > span { color: rgba(255,176,32,.90); }
@media (hover:hover) and (pointer:fine) {
  html[data-design="aurora"] .tcar__nav:hover {
    border-color: rgba(255,106,0,.40);
    box-shadow: 0 0 22px rgba(255,106,0,.18);
  }
}

/* FOOTER */
html[data-design="aurora"] .footer__container { border-top: 1px solid rgba(255,106,0,.16); }
html[data-design="aurora"] .footer__brand {
  font-family: 'Unbounded', sans-serif; font-weight: 900; font-size: .85em; color: var(--ink);
}
html[data-design="aurora"] .footer__copy { color: var(--muted); }
html[data-design="aurora"] .footer__link { color: rgba(255,176,32,.60); border-bottom: 1px solid rgba(255,106,0,.22); }
html[data-design="aurora"] .footer__link:hover { color: rgba(255,176,32,.95); border-bottom-color: rgba(255,106,0,.48); }

@media (min-width: 1200px) {
  html[data-design="aurora"] body {
    background:
      radial-gradient(ellipse 1100px 850px at 0%   0%,  rgba(255,106,0,.18),  transparent 58%),
      radial-gradient(ellipse  900px 750px at 100% 6%,  rgba(255,176,32,.10), transparent 55%),
      radial-gradient(ellipse  850px 700px at 50% 106%, rgba(255,61,0,.12),   transparent 58%),
      linear-gradient(180deg, #0c0804, var(--bg));
  }
}
@media (max-width: 720px) {
  html[data-design="aurora"] .section { padding: 52px 0; }
}

/* Switcher */
html[data-design="aurora"] {
  --ds-bg:          rgba(10,7,3,.80);
  --ds-stroke:      rgba(255,106,0,.22);
  --ds-shadow:      0 18px 52px rgba(0,0,0,.60);
  --ds-text:        rgba(255,245,232,.92);
  --ds-muted:       rgba(255,245,232,.55);
  --ds-pill:        rgba(255,106,0,.06);
  --ds-pill-active: rgba(255,106,0,.18);
}