/* ===== Premium Services UI ===== */
:root{
  --uta-navy:#091e3e;
  --uta-navy-2:#0b274f;
  --uta-cyan:#0dcaf0;
  --uta-bg:#f6f9ff;
  --uta-text:#0f172a;
  --uta-muted:#64748b;
}

#ai-services-premium{
  background: radial-gradient(1200px 600px at 20% 10%, rgba(13,202,240,.12), transparent 60%),
              radial-gradient(900px 500px at 80% 0%, rgba(9,30,62,.08), transparent 55%),
              var(--uta-bg);
}


#ai-services-premium .section-kicker{
  letter-spacing:.12em;
  text-transform:uppercase;
  color: var(--uta-cyan);
  font-weight: 700;
  font-size: .8rem;
}

#ai-services-premium .section-title{
  color: var(--uta-navy);
  font-weight: 800;
  line-height: 1.15;
}

#ai-services-premium .section-sub{
  color: var(--uta-muted);
  max-width: 860px;
  margin: 0 auto;
}

.premium-card{
  border: 1px solid rgba(2,6,23,.06);
  border-radius: 22px;
  background: rgba(255,255,255,.85);
  box-shadow: 0 12px 30px rgba(2,6,23,.06);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  overflow: hidden;
}

.premium-card:hover{
  transform: translateY(-6px);
  border-color: rgba(13,202,240,.35);
  box-shadow: 0 18px 46px rgba(2,6,23,.10);
}

.icon-pill{
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: linear-gradient(145deg, rgba(13,202,240,.25), rgba(9,30,62,.06));
  color: var(--uta-navy);
  flex: 0 0 auto;
}

.mini-badge{
  font-size: .75rem;
  padding: .35rem .65rem;
  border-radius: 999px;
  border: 1px solid rgba(2,6,23,.08);
  background: rgba(255,255,255,.7);
  color: var(--uta-navy);
}

.feature-list{
  padding-left: 1.1rem;
  margin-bottom: 0;
  color: var(--uta-muted);
}

.feature-list li{ margin-bottom: .5rem; }

.cta-hero{
  border-radius: 26px;
  color: white;
  background:
    radial-gradient(800px 320px at 20% 10%, rgba(13,202,240,.35), transparent 60%),
    radial-gradient(600px 280px at 90% 20%, rgba(255,255,255,.15), transparent 55%),
    linear-gradient(135deg, var(--uta-navy) 0%, var(--uta-navy-2) 70%);
  box-shadow: 0 18px 50px rgba(9,30,62,.25);
  border: 1px solid rgba(255,255,255,.12);
  overflow: hidden;
  position: relative;
}

.cta-hero:before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(600px 220px at 80% 0%, rgba(13,202,240,.22), transparent 60%);
  pointer-events:none;
}

.cta-hero .cta-title{ font-weight: 800; }
.cta-hero .cta-sub{ color: rgba(255,255,255,.72); }

.btn-uta{
  border-radius: 999px;
  padding: .75rem 1.1rem;
  font-weight: 700;
}

.btn-uta-primary{
  background: var(--uta-cyan);
  border: none;
  color: #06202a;
}

.btn-uta-primary:hover{ filter: brightness(.95); }

.btn-uta-ghost{
  border: 1px solid rgba(255,255,255,.35);
  color: white;
  background: transparent;
}
.btn-uta-ghost:hover{
  background: rgba(255,255,255,.10);
  color: white;
}

.glass-box{
  border-radius: 22px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(2,6,23,.06);
  box-shadow: 0 12px 30px rgba(2,6,23,.06);
}

#ai-services-premium .accordion-item{
  border: 1px solid rgba(2,6,23,.08);
  border-radius: 16px !important;
  overflow: hidden;
  margin-bottom: .75rem;
}
#ai-services-premium .accordion-button{
  font-weight: 800;
  color: var(--uta-navy);
  background: rgba(255,255,255,.9);
}
#ai-services-premium .accordion-button:not(.collapsed){
  background: rgba(13,202,240,.12);
  box-shadow: none;
}
#ai-services-premium .accordion-body{ color: var(--uta-muted); }

.soft-divider{
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(2,6,23,.12), transparent);
  margin: 1rem 0;
}