/* =========================
   Support & Care Page
========================= */

.care-hero{
  position:relative;
  padding:96px 0 60px;
  overflow:hidden;
}
.care-bg{ position:absolute; inset:0; pointer-events:none }
.care-grid{
  position:absolute; inset:0;
  opacity:.06;
  background:
    linear-gradient(to right, rgba(34,197,94,.35) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(108,99,255,.35) 1px, transparent 1px);
  background-size: 54px 54px;
}
.care-orb{
  position:absolute;
  width:540px; height:540px;
  filter:blur(95px);
  opacity:.32;
  border-radius:999px;
}
.care-orb.orb-1{
  right:-170px; top:-160px;
  background:radial-gradient(closest-side,var(--brand-3),transparent 70%);
}
.care-orb.orb-2{
  left:-210px; bottom:-210px;
  background:radial-gradient(closest-side,var(--brand),transparent 70%);
}

.care-hero__wrap{
  position:relative;
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:32px;
}
@media (max-width:991px){
  .care-hero__wrap{ grid-template-columns:1fr }
}

.care-pill{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  font-weight:900;
  background:rgba(34,197,94,.10);
  margin-bottom:14px;
}

.care-title{
  font-size:clamp(2.1rem,3.9vw,3.35rem);
  font-weight:900;
  letter-spacing:-.03em;
  line-height:1.1;
}
.care-sub{
  color:var(--muted);
  max-width:56ch;
  margin-top:12px;
}

.care-cta{
  margin-top:18px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.care-proof{
  margin-top:22px;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.care-proof__item{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.65);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:var(--shadow-sm);
  font-weight:900;
}
[data-theme="dark"] .care-proof__item{
  background:rgba(255,255,255,.04);
  border:var(--border);
}

/* SIDE PANEL */
.care-panel{
  background:rgba(255,255,255,.65);
  border:1px solid rgba(0,0,0,.06);
  border-radius:22px;
  padding:22px;
  box-shadow:var(--shadow-lg);
}
[data-theme="dark"] .care-panel{
  background:rgba(255,255,255,.04);
  border:var(--border);
}

.care-panel__bar{
  margin-top:16px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--brand-3),var(--brand));
}

.care-mini{
  display:grid;
  gap:10px;
}
.care-mini__row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.06);
  background:rgba(255,255,255,.55);
}
[data-theme="dark"] .care-mini__row{
  border:var(--border);
  background:rgba(255,255,255,.03);
}

/* FEATURE CARDS */
.care-card{
  padding:22px;
  border-radius:20px;
  height:100%;
}
.care-card i{
  display:inline-flex;
  font-size:2rem;
  color:var(--brand-3);
  margin-bottom:10px;
}

/* PLAN CARDS */
.plan-card .plan-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}
.plan-tag{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  font-weight:900;
  background:#eef2ff;
  color:#2d2f7a;
}
.plan-tag.hot{
  background:rgba(108,99,255,.16);
  color:var(--heading);
}
.plan-price{
  font-weight:900;
  letter-spacing:-.02em;
  margin:0;
}
.plan-sub{
  font-size:.9rem;
  color:var(--muted);
  font-weight:800;
  margin-left:6px;
}

/* Better dark mode */
[data-theme="dark"] .plan-tag{ background:#171b31; color:#dbe0ff }
[data-theme="dark"] .plan-tag.hot{ background:rgba(108,99,255,.20); color:#eaf0ff }