/* Aurora Neon visual system — shared public-site skin. */
:root {
  --paper: #071014;
  --text: #f3f7f8;
  --muted: #9dabb1;
  --line: #24383f;
  --surface: #0d171c;
  --surface-strong: #111e24;
}

body {
  background: #071014;
  color: var(--text);
}

.solutions,
.inside,
.social-proof {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--text);
  background:
    radial-gradient(circle at 8% 12%, rgba(241,24,145,.14), transparent 26%),
    radial-gradient(circle at 92% 28%, rgba(22,200,237,.13), transparent 28%),
    radial-gradient(circle at 55% 100%, rgba(182,229,48,.07), transparent 32%),
    linear-gradient(145deg, #071014, #0a1116 56%, #071215);
}

.solutions::before,
.inside::after,
.social-proof::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  filter: blur(95px);
  opacity: .18;
  pointer-events: none;
}

.solutions::before { right: -170px; bottom: -160px; background: var(--purple); }
.inside::after { left: -180px; top: 18%; background: var(--cyan); }
.social-proof::before { right: -170px; top: -140px; background: var(--pink); }

.solutions::after,
.social-proof::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--cyan), var(--pink), var(--lime), transparent);
  opacity: .72;
}

.section-heading > p,
.inside-copy > p:not(.eyebrow),
.proof-copy > p:not(.eyebrow),
.inside li span,
.proof-numbers small {
  color: var(--muted);
}

.solution-card {
  background:
    linear-gradient(145deg, rgba(17,30,36,.97), rgba(8,15,19,.98));
  border-color: color-mix(in srgb, var(--accent) 35%, #25363d);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 16px 42px rgba(0,0,0,.22);
}

.solution-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(110deg, color-mix(in srgb, var(--accent) 12%, transparent), transparent 42%);
  pointer-events: none;
}

.solution-card h3 { color: #fff; }
.solution-card p { color: #9eabb1; }
.solution-card:hover {
  border-color: var(--accent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent), 0 20px 54px rgba(0,0,0,.4), 0 0 30px color-mix(in srgb, var(--accent) 12%, transparent);
}
.solution-icon {
  background: color-mix(in srgb, var(--accent) 9%, #0b1418);
  box-shadow: 0 0 22px color-mix(in srgb, var(--accent) 22%, transparent);
}

.inside-media img {
  border: 1px solid rgba(22,200,237,.24);
  box-shadow: 0 28px 85px rgba(0,0,0,.5), 0 0 34px rgba(22,200,237,.08);
}
.inside li { border-color: var(--line); }
.inside li:last-child { border-color: var(--line); }

.proof-numbers span { color: #fff; }
.social-actions a {
  color: #eaf1f3;
  border-color: #2b424a;
  background: rgba(255,255,255,.025);
}
.social-actions a:hover {
  border-color: var(--cyan);
  box-shadow: 0 0 20px rgba(22,200,237,.12);
}
.proof-gallery img {
  border: 1px solid #28404a;
  background: #0c1519;
  box-shadow: 0 18px 46px rgba(0,0,0,.32);
}

@media (max-width: 720px) {
  .inside,
  .social-proof { background:
    radial-gradient(circle at 4% 16%, rgba(22,200,237,.13), transparent 28%),
    radial-gradient(circle at 96% 78%, rgba(241,24,145,.12), transparent 30%),
    linear-gradient(155deg, #071014, #0b1217 58%, #071114); }
  .solution-card { background: linear-gradient(150deg, #111e24, #091115); }
}