:root{
  --asc-bg: #f6f8fb;
  --asc-surface: rgba(255,255,255,.92);
  --asc-text: #0f172a;
  --asc-muted: #475569;
  --asc-accent: #00c9a7;
  --asc-accent2: #1d4ed8;
  --asc-ring: rgba(0,201,167,.25);
  --asc-radius: 18px;
  --asc-shadow-sm: 0 8px 24px rgba(15, 23, 42, .06);
  --asc-shadow-md: 0 18px 46px rgba(15, 23, 42, .10);
}

html{ scroll-behavior:smooth; }

body{
  background:
    radial-gradient(900px 500px at 15% 10%, rgba(0,201,167,.10), transparent 55%),
    radial-gradient(900px 500px at 85% 0%, rgba(29,78,216,.10), transparent 55%),
    linear-gradient(180deg, var(--asc-bg), #ffffff 55%);
  color: var(--asc-text);
}

::selection{ background: rgba(0,201,167,.20); }

a{ text-decoration:none; }
a:hover{ text-decoration:none; }

.site-header.navbar{
  backdrop-filter: saturate(180%) blur(10px);
  background: rgba(255,255,255,.88) !important;
  border-bottom: 1px solid rgba(226,232,240,.75);
}

.navbar-brand span{ letter-spacing:.2px; }

.btn{
  border-radius: 999px;
  padding-left: 1.05rem;
  padding-right: 1.05rem;
}

.btn-primary{
  border: 0;
  background: linear-gradient(90deg, var(--asc-accent), var(--asc-accent2));
  box-shadow: 0 10px 26px rgba(29,78,216,.18);
}
.btn-primary:hover{ filter: brightness(1.02); transform: translateY(-1px); }
.btn-primary:focus{ box-shadow: 0 0 0 .25rem var(--asc-ring); }

.btn-success{
  border: 0;
  background: linear-gradient(90deg, var(--asc-accent), #16a34a);
  box-shadow: 0 10px 26px rgba(0,201,167,.18);
}
.btn-success:hover{ filter: brightness(1.02); transform: translateY(-1px); }
.btn-success:focus{ box-shadow: 0 0 0 .25rem var(--asc-ring); }

.btn-outline-secondary{ border-radius: 999px; }

.card-soft, .feature-card, .card-ghost, .pricing-card, .bg-white.rounded-4.shadow-sm.h-100{
  border-radius: var(--asc-radius) !important;
}

.card-soft, .feature-card, .card-ghost, .pricing-card{
  box-shadow: var(--asc-shadow-sm);
}

.card-soft:hover, .feature-card:hover, .card-ghost:hover, .pricing-card:hover{
  box-shadow: var(--asc-shadow-md);
}

h1,h2,h3,h4,h5{
  letter-spacing: -.015em;
}

h2[data-aos], h2.h3, h2.h4, h2{
  position: relative;
}

h2[data-aos]::after, h2.h3::after, h2::after{
  content:"";
  display:block;
  width: 54px;
  height: 4px;
  border-radius: 999px;
  margin-top: .55rem;
  background: linear-gradient(90deg, var(--asc-accent), var(--asc-accent2));
  opacity: .9;
}

.pill{
  border-radius: 999px !important;
  border-color: rgba(226,232,240,.9) !important;
  box-shadow: 0 6px 18px rgba(15,23,42,.05);
}

.site-footer{
  background:
    radial-gradient(900px 420px at 15% 0%, rgba(0,201,167,.16), transparent 60%),
    radial-gradient(900px 420px at 85% 0%, rgba(29,78,216,.16), transparent 60%),
    #0b1220;
  color: rgba(255,255,255,.88);
  border-top: 1px solid rgba(255,255,255,.08);
}

.site-footer a{ color: rgba(255,255,255,.86); }
.site-footer a:hover{ color: #ffffff; }

.site-footer .text-muted{ color: rgba(255,255,255,.64) !important; }
