/* ALINA CHOPRA — MIDNIGHT TEAL V4.2 */

.neo-hero{
  background:#031519;
  color:#f7eedf;
}
.neo-hero:before{
  background:
    radial-gradient(ellipse 35% 55% at 72% 33%,rgba(12,140,145,.28),transparent 75%),
    radial-gradient(ellipse 42% 60% at 15% 43%,rgba(0,108,117,.35),transparent 78%),
    radial-gradient(ellipse 35% 50% at 100% 85%,rgba(185,111,51,.14),transparent 80%),
    linear-gradient(115deg,#031014,#063039 48%,#06171b 80%,#0a1113);
}
.neo-grain{
  opacity:.75;
  background:
    radial-gradient(circle at 10% 20%,#e5b86e 0 1px,transparent 2px),
    radial-gradient(circle at 28% 65%,#d9aa65 0 1px,transparent 2px),
    radial-gradient(circle at 47% 32%,#e5b86e 0 1px,transparent 2px),
    radial-gradient(circle at 69% 77%,#d9aa65 0 1px,transparent 2px),
    radial-gradient(circle at 91% 24%,#e5b86e 0 1px,transparent 2px),
    repeating-radial-gradient(
      ellipse at -15% 45%,
      transparent 0 65px,
      rgba(208,157,85,.13) 66px,
      transparent 67px 105px
    ),
    repeating-radial-gradient(
      ellipse at 115% 80%,
      transparent 0 85px,
      rgba(7,167,174,.16) 86px,
      transparent 87px 145px
    );
  background-size:
    290px 270px,
    380px 310px,
    450px 350px,
    330px 400px,
    510px 370px,
    auto,
    auto;
}
.neo-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.32;
  background:
    repeating-linear-gradient(
      120deg,
      transparent 0 115px,
      rgba(27,178,183,.10) 116px,
      transparent 117px 235px
    ),
    radial-gradient(ellipse at 0% 80%,transparent 55%,rgba(199,148,78,.2) 56%,transparent 57%);
  mask-image:linear-gradient(90deg,#000,transparent 65%);
}
.neo-light-left{
  background:rgba(0,176,182,.22);
  filter:blur(85px);
}
.neo-light-right{
  background:rgba(202,133,65,.22);
  filter:blur(80px);
}
.neo-copy h1{
  background:linear-gradient(120deg,#fff8eb 10%,#f5e0bd 55%,#d6a367 85%,#fff0d2);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.neo-eyebrow{color:#e7c28a}
.neo-intro{
  color:#d6e4dd;
  border-left-color:#12a9ac;
}
.neo-signature{color:#a8c8c5}
.neo-signature-rule{background:#12a9ac}
.neo-action-wa{
  background:linear-gradient(130deg,#06434a,#092b31);
  border-color:#26bfc1;
  box-shadow:
    inset 0 0 18px rgba(14,165,168,.16),
    0 0 24px rgba(7,174,177,.24);
}
.neo-action-wa:hover{
  box-shadow:0 0 36px rgba(12,194,196,.42);
}
.neo-showcase{
  filter:drop-shadow(0 0 45px rgba(6,178,180,.12));
}
.neo-arch-outer{
  border-color:#dba55d;
  box-shadow:
    0 0 0 3px #382419,
    0 0 38px rgba(227,164,78,.55),
    0 0 65px rgba(0,190,194,.18),
    inset 0 0 24px rgba(227,164,78,.25);
}
.neo-arch-inner{
  border-color:rgba(21,188,191,.52);
}
.neo-arch-glow{
  background:radial-gradient(ellipse at center,rgba(0,170,175,.22),transparent 72%);
}
.neo-column{
  box-shadow:
    0 0 22px rgba(225,162,75,.85),
    0 0 45px rgba(10,185,186,.18);
}
.neo-stage-surface{
  background:radial-gradient(ellipse,#11666a,#061e23 75%);
  border-color:#e5b477;
}
.neo-stage-front{
  background:linear-gradient(
    90deg,
    #241d18,#a97843 10%,#06383e 25%,
    #0b6062 55%,#06383e 75%,#a97843 90%,#241d18
  );
}
.neo-card-inner{
  border-color:#e7b978;
  box-shadow:
    inset 0 0 0 4px rgba(255,255,255,.12),
    0 0 0 4px rgba(173,119,74,.30),
    0 0 28px rgba(225,170,97,.35);
}
.neo-card:hover .neo-card-inner,
.neo-card.is-focused .neo-card-inner{
  box-shadow:
    0 0 0 4px rgba(245,209,150,.50),
    0 0 40px rgba(226,170,90,.65),
    0 0 65px rgba(0,186,191,.25);
}
.neo-stats{
  background:
    radial-gradient(ellipse at 30% 0%,rgba(4,121,127,.22),transparent 60%),
    linear-gradient(110deg,rgba(3,28,32,.95),rgba(5,48,51,.94),rgba(3,25,29,.96));
  border-color:#e4b678;
  box-shadow:
    0 0 0 4px rgba(183,137,70,.18),
    0 0 35px rgba(0,164,170,.25),
    0 25px 60px rgba(0,0,0,.65);
  backdrop-filter:blur(20px);
}
.neo-stat:not(:last-child):after{
  background:linear-gradient(transparent,#d9a65d,transparent);
}
.neo-stat-symbol{
  color:#e9bd7e;
  text-shadow:0 0 24px rgba(226,164,80,.55);
}
.neo-stat small{color:#b9d8d3}
.neo-bottomline{color:#a6c5bf}

@media(max-width:850px){
  .neo-grain{opacity:.48}
  .neo-hero:after{opacity:.20}
}
@media(prefers-reduced-motion:reduce){
  .neo-hero *{animation:none!important}
}