body.packages-page-body{
  background:
    radial-gradient(circle at top, rgba(0,0,0,0.035), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #fbfbfb 45%, #f6f4f1 100%);
  color:#111;
  min-height:100vh;
}

.packages-page-shell{
  max-width:100%;
  padding:0;
}

.packages-main{
  padding-top:calc(var(--nav-height) + 26px);
}

.pricing-hero{
  padding:32px 24px 12px;
}

.pricing-hero-inner,
.pricing-section{
  max-width:1480px;
  margin:0 auto;
  padding:0 28px;
}

.pricing-hero-inner{
  position:relative;
  text-align:center;
  padding-top:34px;
  padding-bottom:28px;
  border-radius:34px;
  background:linear-gradient(180deg, rgba(255,255,255,0.96), rgba(247,243,239,0.98));
  border:1px solid rgba(0,0,0,0.08);
  box-shadow:0 28px 70px rgba(34,26,20,0.08);
  overflow:hidden;
}

.pricing-hero-inner::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top, rgba(0,0,0,0.045), transparent 42%);
  pointer-events:none;
}

.pricing-kicker{
  display:inline-flex;
  margin-bottom:12px;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,0.08);
  color:#8e8178;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-size:11px;
  position:relative;
  z-index:1;
  background:rgba(255,255,255,0.8);
}

.pricing-title{
  position:relative;
  z-index:1;
  font-family:'Syne',sans-serif;
  font-size:clamp(42px, 5vw, 84px);
  line-height:.95;
  letter-spacing:-.05em;
  color:#14110f;
}

.pricing-subtitle{
  position:relative;
  z-index:1;
  max-width:760px;
  margin:18px auto 0;
  color:#6f655f;
  font-size:18px;
  line-height:1.7;
}

.billing-toggle{
  position:relative;
  z-index:1;
  margin:28px auto 0;
  display:inline-flex;
  align-items:center;
  gap:14px;
  padding:14px 18px;
  border-radius:999px;
  background:rgba(255,255,255,0.9);
  border:1px solid rgba(0,0,0,0.08);
  box-shadow:0 16px 34px rgba(34,26,20,0.06);
}

.billing-label{
  font-size:15px;
  color:#8d837c;
  font-weight:600;
  transition:color .3s ease;
}

.billing-label.active{ color:#111; }

.billing-switch{
  width:58px;
  height:32px;
  border:none;
  cursor:pointer;
  border-radius:999px;
  background:rgba(17,17,17,0.12);
  padding:4px;
  position:relative;
  transition:background .35s ease;
}

.billing-switch-thumb{
  display:block;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#fff;
  transform:translateX(0);
  transition:transform .35s ease;
  box-shadow:0 8px 18px rgba(0,0,0,0.18);
}

.billing-toggle.is-annual .billing-switch{ background:linear-gradient(90deg, #111111, #6a5145); }
.billing-toggle.is-annual .billing-switch-thumb{ transform:translateX(26px); }

.billing-badge{
  padding:8px 12px;
  border-radius:999px;
  background:linear-gradient(90deg,#111111,#6a5145);
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
}

.pricing-section{
  padding-top:22px;
  padding-bottom:80px;
}

.pricing-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
}

.pricing-card{
  position:relative;
  min-height:760px;
  border-radius:34px;
  padding:1px;
  box-shadow:0 26px 55px rgba(20,34,24,0.12);
  overflow:hidden;
  transition:transform .45s cubic-bezier(.19,1,.22,1), box-shadow .45s cubic-bezier(.19,1,.22,1);
}

.pricing-card::after{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top, rgba(255,255,255,0.26), transparent 36%);
  pointer-events:none;
}

.pricing-card:hover{
  transform:translateY(-10px);
  box-shadow:0 40px 75px rgba(18,44,28,0.18);
}

.pricing-card-inner{
  position:relative;
  z-index:1;
  height:100%;
  border-radius:33px;
  padding:26px 22px 24px;
  background:
    radial-gradient(circle at top right, rgba(144,255,193,0.08), transparent 34%),
    linear-gradient(180deg, rgba(16,31,23,0.985), rgba(8,17,12,0.99));
  color:#fff;
  box-shadow:0 14px 28px rgba(17,49,35,0.22);
  border-bottom:1px solid rgba(255,255,255,0.12);
}

.pricing-card-starter,
.pricing-card-plus{
  background:linear-gradient(180deg, rgba(214,236,223,0.98), rgba(246,250,247,0.95));
  box-shadow:0 28px 58px rgba(30,72,48,0.10), 0 14px 30px rgba(21,42,29,0.06);
}
.pricing-card-starter .pricing-card-inner,
.pricing-card-plus .pricing-card-inner{
  background:
    radial-gradient(circle at top left, rgba(44,122,74,0.12), transparent 34%),
    radial-gradient(circle at bottom right, rgba(115,173,136,0.10), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(244,248,245,0.98));
  color:#102219;
}

.pricing-card-starter::after,
.pricing-card-plus::after{
  background:radial-gradient(circle at top, rgba(255,255,255,0.82), transparent 38%);
}


.pricing-card-starter .pricing-card-head h2,
.pricing-card-plus .pricing-card-head h2,
.pricing-card-starter .price-main,
.pricing-card-plus .price-main,
.pricing-card-starter .plan-credit-box strong,
.pricing-card-plus .plan-credit-box strong,
.pricing-card-starter .plan-features li,
.pricing-card-plus .plan-features li{
  color:#102219;
}

.pricing-card-starter .pricing-card-head p,
.pricing-card-plus .pricing-card-head p,
.pricing-card-starter .plan-credit-box span,
.pricing-card-plus .plan-credit-box span,
.pricing-card-starter .credit-note,
.pricing-card-plus .credit-note,
.pricing-card-starter .price-copy,
.pricing-card-plus .price-copy,
.pricing-card-starter .plan-save-text,
.pricing-card-plus .plan-save-text{
  color:#5f6d64;
}

.pricing-card-starter .credit-note,
.pricing-card-plus .credit-note{
  border-top:1px solid rgba(16,34,25,0.08);
}

.pricing-card-starter .plan-credit-box,
.pricing-card-plus .plan-credit-box{
  background:linear-gradient(180deg, rgba(232,244,236,0.98), rgba(247,250,248,0.98));
  border:1px solid rgba(49,112,76,0.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.9), 0 14px 28px rgba(42,82,58,0.06);
}

.pricing-card-starter .plan-features li::before,
.pricing-card-plus .plan-features li::before{
  color:#1c6a3f;
}

.pricing-card-starter .plan-features li.muted,
.pricing-card-plus .plan-features li.muted,
.pricing-card-starter .plan-features li.muted::before,
.pricing-card-plus .plan-features li.muted::before{
  color:#94a198;
}

.pricing-card-ultra{
  background:
    linear-gradient(145deg, rgba(18,61,43,0.96), rgba(42,118,81,0.68)),
    linear-gradient(180deg, rgba(214,186,132,0.34), rgba(48,108,77,0.12));
}
.pricing-card-ultra .pricing-card-inner{
  background:
    radial-gradient(circle at top right, rgba(222,194,141,0.16), transparent 28%),
    radial-gradient(circle at bottom left, rgba(76,165,116,0.10), transparent 32%),
    linear-gradient(180deg, rgba(13,27,20,0.988), rgba(7,15,11,0.995));
}

.pricing-card-business{
  background:
    linear-gradient(145deg, rgba(24,52,39,0.96), rgba(88,134,96,0.62)),
    linear-gradient(180deg, rgba(196,170,122,0.32), rgba(38,82,58,0.12));
}
.pricing-card-business .pricing-card-inner{
  background:
    radial-gradient(circle at top right, rgba(203,176,124,0.17), transparent 28%),
    radial-gradient(circle at bottom left, rgba(118,188,136,0.10), transparent 34%),
    linear-gradient(180deg, rgba(14,25,20,0.988), rgba(8,15,12,0.995));
}


.pricing-card-ultra,
.pricing-card-business{
  isolation:isolate;
}

.pricing-card-ultra::before,
.pricing-card-business::before{
  content:'';
  position:absolute;
  inset:-18%;
  border-radius:50%;
  filter:blur(34px);
  opacity:0.34;
  z-index:0;
  pointer-events:none;
}

.pricing-card-ultra::before{
  background:radial-gradient(circle, rgba(214,186,132,0.34) 0%, rgba(70,143,99,0.16) 42%, transparent 72%);
}
.pricing-card-business::before{
  background:radial-gradient(circle, rgba(201,176,126,0.30) 0%, rgba(92,150,111,0.16) 40%, transparent 72%);
}

.pricing-card-ultra .pricing-card-inner::before,
.pricing-card-business .pricing-card-inner::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:33px;
  padding:1px;
  background:
    linear-gradient(135deg, rgba(214,186,132,0.88), rgba(120,188,133,0.18) 34%, transparent 52%),
    linear-gradient(315deg, rgba(110,174,124,0.60), transparent 42%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  opacity:.95;
}

.pricing-card-ultra .pricing-card-inner::after,
.pricing-card-business .pricing-card-inner::after{
  content:'';
  position:absolute;
  width:170px;
  height:170px;
  border-radius:50%;
  pointer-events:none;
  filter:blur(34px);
  opacity:.30;
}

.pricing-card-ultra .pricing-card-inner::after{
  top:-34px;
  right:-18px;
  background:radial-gradient(circle, rgba(214,186,132,0.48) 0%, rgba(72,158,105,0.14) 55%, transparent 72%);
}

.pricing-card-business .pricing-card-inner::after{
  bottom:-46px;
  left:-20px;
  background:radial-gradient(circle, rgba(196,170,122,0.42) 0%, rgba(86,150,108,0.16) 55%, transparent 74%);
}


.pricing-card-ultra{
  box-shadow:0 34px 76px rgba(255,59,148,0.16), 0 16px 34px rgba(19,52,32,0.12);
}

.pricing-card-business{
  box-shadow:0 34px 76px rgba(82,108,255,0.16), 0 16px 34px rgba(19,52,32,0.12);
}

.pricing-card-ultra:hover{
  box-shadow:0 48px 96px rgba(255,59,148,0.24), 0 18px 38px rgba(20,53,34,0.18);
}

.pricing-card-business:hover{
  box-shadow:0 48px 96px rgba(82,108,255,0.24), 0 18px 38px rgba(20,53,34,0.18);
}

.pricing-card-ultra .pricing-card-inner,
.pricing-card-business .pricing-card-inner{
  border:1px solid rgba(255,255,255,0.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.top-ribbon{
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:2;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#fff;
}

.pink-ribbon{ background:linear-gradient(90deg,#174d36,#2f7a56 58%, #d1b578); }
.blue-ribbon{ background:linear-gradient(90deg,#0f0f10 0%, #3b2414 24%, #b8641d 62%, #f0a13a 100%); }
.is-featured .pricing-card-inner{ padding-top:52px; }
.pricing-card-business .pricing-card-inner{ padding-top:52px; }

.pricing-card-head h2{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  font-family:'Syne',sans-serif;
  font-size:42px;
  line-height:1;
  letter-spacing:-.04em;
  color:#fff;
}

.pricing-card-head p{
  margin-top:10px;
  color:#b7afa9;
  font-size:15px;
  line-height:1.6;
}

.inline-off{
  display:inline-flex;
  padding:7px 10px;
  border-radius:999px;
  background:linear-gradient(90deg,#111111,#6a5145);
  color:#fff;
  font-family:'Inter',sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
}

.plan-credit-box{
  margin-top:22px;
  padding:18px 18px 16px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(201,255,220,0.08), rgba(255,255,255,0.035));
  border:1px solid rgba(162,244,194,0.14);
  display:flex;
  flex-direction:column;
  gap:8px;
}

.lime-box{
  background:linear-gradient(180deg, rgba(194,255,214,0.09), rgba(255,255,255,0.035));
  border-color:rgba(162,244,194,0.16);
}

.pink-box{
  background:linear-gradient(180deg, rgba(255,123,183,0.10), rgba(178,255,206,0.035));
  border-color:rgba(255,111,173,0.30);
}

.blue-box{
  background:linear-gradient(180deg, rgba(122,129,255,0.10), rgba(160,255,202,0.035));
  border-color:rgba(122,129,255,0.28);
}

.plan-credit-box strong{
  font-size:30px;
  line-height:1;
  font-family:'Syne',sans-serif;
  letter-spacing:-.03em;
}

.plan-credit-box span,
.credit-note{
  color:#cdc5bf;
  font-size:14px;
  line-height:1.6;
}

.credit-note{
  margin-top:8px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,0.08);
}

.plan-price-wrap{
  margin-top:24px;
}

.plan-price-row{
  display:none;
  align-items:flex-end;
  gap:12px;
  flex-wrap:wrap;
}

.plan-price-row.is-visible{
  display:flex;
}

.price-old{
  color:#ff5d7d;
  font-size:26px;
  font-weight:800;
  text-decoration:line-through;
}

.price-main{
  font-size:52px;
  line-height:1;
  font-family:'Syne',sans-serif;
  letter-spacing:-.05em;
  color:#fff;
}

.price-copy{
  padding-bottom:8px;
  color:#c1b8b1;
  font-size:15px;
}

.plan-cta{
  width:100%;
  height:56px;
  margin-top:22px;
  border:none;
  border-radius:20px;
  cursor:pointer;
  font-size:16px;
  font-weight:800;
  letter-spacing:.01em;
  transition:transform .3s ease, box-shadow .3s ease, filter .3s ease;
}

.plan-cta:hover{
  transform:translateY(-2px);
  filter:brightness(1.02);
}

.starter-btn,
.plus-btn,
.ultra-btn,
.business-btn{
  background:linear-gradient(135deg,#0d3d27 0%, #15653d 48%, #1f8550 100%);
  color:#ffffff;
  box-shadow:0 18px 34px rgba(15,86,51,0.26), inset 0 1px 0 rgba(255,255,255,0.18);
}

.starter-btn:hover,
.plus-btn:hover,
.ultra-btn:hover,
.business-btn:hover{
  box-shadow:0 24px 42px rgba(15,86,51,0.34), inset 0 1px 0 rgba(255,255,255,0.22);
}

.plan-save-text{
  margin-top:12px;
  color:#bcb3ac;
  font-size:14px;
}

.plan-features{
  margin-top:24px;
  list-style:none;
  display:grid;
  gap:12px;
}

.plan-features li{
  position:relative;
  padding-left:22px;
  color:#f1eeeb;
  font-size:15px;
  line-height:1.65;
}

.plan-features li::before{
  content:'✓';
  position:absolute;
  left:0;
  top:0;
  color:#fff;
  font-weight:800;
}

.plan-features li.muted{
  color:#827972;
}

.plan-features li.muted::before{
  content:'×';
  color:#827972;
}

@media (max-width: 1280px){
  .pricing-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 900px){
  .pricing-hero,
  .pricing-section,
  .pricing-hero-inner,
  .pricing-section{ padding-left:18px; padding-right:18px; }

  .pricing-title{ font-size:clamp(34px, 10vw, 58px); }
  .pricing-subtitle{ font-size:15px; }
  .pricing-card-head h2{ font-size:34px; }
  .price-main{ font-size:44px; }
}

@media (max-width: 680px){
  .packages-main{ padding-top:110px; }
  .pricing-grid{ grid-template-columns:1fr; }
  .billing-toggle{ gap:10px; padding:12px 14px; flex-wrap:wrap; justify-content:center; }
  .pricing-card{ min-height:auto; }
  .pricing-card-inner{ padding:22px 18px 22px; }
  .is-featured .pricing-card-inner,
  .pricing-card-business .pricing-card-inner{ padding-top:48px; }
  .plan-credit-box strong{ font-size:26px; }
  .price-main{ font-size:40px; }
}


/* === UI polish refinement: keep colors, improve containment and alignment === */
.pricing-grid{
  align-items:stretch;
}

.pricing-card{
  min-height: 0;
}

.pricing-card-inner{
  display:flex;
  flex-direction:column;
  gap:18px;
  padding:28px 22px 24px;
}

.pricing-card-head{
  min-height:74px;
}

.pricing-card-head h2{
  font-size:40px;
  margin:0;
}

.pricing-card-head p{
  margin-top:8px;
  min-height:42px;
}

.plan-credit-box{
  min-height:138px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:18px 16px 14px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.028));
  border:1px solid rgba(255,255,255,0.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}

.plan-credit-box strong{
  font-size:14px;
  line-height:1.35;
}

.plan-credit-box span{
  line-height:1.55;
}

.credit-note{
  margin-top:auto;
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:10px 12px;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));
  border:1px solid rgba(255,255,255,0.05);
}

.plan-price-wrap{
  min-height:72px;
  display:flex;
  align-items:flex-end;
}

.plan-price-row{
  min-height:56px;
  align-items:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

.price-main{
  line-height:0.9;
}

.plan-cta{
  height:54px;
  border-radius:16px;
  box-shadow:
    0 12px 24px rgba(0,0,0,0.18),
    inset 0 1px 0 rgba(255,255,255,0.16);
}

.plan-save-text{
  min-height:22px;
  text-align:center;
  opacity:.95;
}

.plan-features{
  margin-top:2px;
  padding-top:4px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.plan-features li{
  position:relative;
  padding-left:22px;
  line-height:1.45;
}

.plan-features li::before{
  position:absolute;
  left:0;
  top:1px;
}

.pricing-card .feature-groups,
.pricing-card .team-feature-blocks{
  margin-top:6px;
}

.pricing-card .feature-box,
.pricing-card .team-feature-box,
.pricing-card .seedance-box,
.pricing-card .unlimited-box{
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.022));
  border:1px solid rgba(255,255,255,0.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}

.pricing-card-ultra,
.pricing-card-business{
  transform:translateY(0);
}

.pricing-card-ultra .pricing-card-inner,
.pricing-card-business .pricing-card-inner{
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
}

.pricing-card-ultra .pricing-card-head,
.pricing-card-business .pricing-card-head{
  min-height:82px;
}

.top-ribbon{
  height:32px;
  font-size:11px;
  letter-spacing:.06em;
}

.pricing-card-business .top-ribbon .mini-badge,
.top-ribbon .mini-badge{
  border-radius:999px;
}

@media (max-width: 1280px){
  .pricing-card-head{
    min-height:auto;
  }
  .plan-credit-box{
    min-height:auto;
  }
}

@media (max-width: 820px){
  .pricing-card-inner{
    gap:16px;
  }
  .plan-price-wrap{
    min-height:auto;
  }
}


/* === Final monthly-only cleanup === */
.pricing-hero-inner{
  padding-bottom: 24px;
}

.billing-toggle{
  display:none !important;
}

.annual-price{
  display:none !important;
}

.monthly-price{
  display:flex !important;
  opacity:1 !important;
  visibility:visible !important;
}

.plan-price-wrap{
  min-height:auto;
}


/* === FINAL PREMIUM SEPARATION: ULTRA / BUSINESS more visible but page-matched === */
.pricing-card-ultra,
.pricing-card-business{
  background: linear-gradient(180deg, rgba(186, 219, 198, 0.52), rgba(235, 244, 238, 0.88));
  box-shadow:
    0 30px 70px rgba(22, 71, 46, 0.18),
    0 14px 28px rgba(18, 45, 31, 0.08);
}

.pricing-card-ultra .pricing-card-inner,
.pricing-card-business .pricing-card-inner{
  background:
    radial-gradient(circle at 16% 14%, rgba(126, 205, 153, 0.22), transparent 34%),
    radial-gradient(circle at 85% 18%, rgba(89, 153, 109, 0.14), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(47, 94, 63, 0.08), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,0.72), rgba(243,248,245,0.92));
  color:#122419;
  border:1px solid rgba(46, 99, 67, 0.16);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.82),
    inset 0 0 0 1px rgba(255,255,255,0.24),
    inset 0 18px 36px rgba(124, 194, 145, 0.10),
    0 18px 44px rgba(27, 69, 45, 0.10);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.pricing-card-ultra::before,
.pricing-card-business::before{
  inset:-10%;
  opacity:0.42;
  filter:blur(28px);
}

.pricing-card-ultra::before{
  background:radial-gradient(circle, rgba(69, 143, 94, 0.22) 0%, rgba(69, 143, 94, 0.10) 44%, transparent 72%);
}

.pricing-card-business::before{
  background:radial-gradient(circle, rgba(54, 118, 79, 0.18) 0%, rgba(54, 118, 79, 0.08) 44%, transparent 72%);
}

.pricing-card-ultra .pricing-card-inner::before,
.pricing-card-business .pricing-card-inner::before{
  background: linear-gradient(135deg, rgba(255,255,255,0.55), rgba(124, 194, 145, 0.14) 42%, transparent 70%);
  opacity:1;
}

.pricing-card-ultra .pricing-card-inner::after,
.pricing-card-business .pricing-card-inner::after{
  width: 190px;
  height: 190px;
  filter: blur(36px);
  opacity: 0.28;
}

.pricing-card-ultra .pricing-card-inner::after{
  background: radial-gradient(circle, rgba(122, 214, 155, 0.34) 0%, rgba(122, 214, 155, 0.10) 48%, transparent 74%);
}

.pricing-card-business .pricing-card-inner::after{
  background: radial-gradient(circle, rgba(102, 184, 133, 0.28) 0%, rgba(102, 184, 133, 0.08) 48%, transparent 74%);
}

.pricing-card-ultra .pricing-card-head h2,
.pricing-card-business .pricing-card-head h2,
.pricing-card-ultra .price-main,
.pricing-card-business .price-main,
.pricing-card-ultra .plan-credit-box strong,
.pricing-card-business .plan-credit-box strong,
.pricing-card-ultra .plan-features li,
.pricing-card-business .plan-features li{
  color:#122419;
}

.pricing-card-ultra .pricing-card-head p,
.pricing-card-business .pricing-card-head p,
.pricing-card-ultra .plan-credit-box span,
.pricing-card-business .plan-credit-box span,
.pricing-card-ultra .credit-note,
.pricing-card-business .credit-note,
.pricing-card-ultra .price-copy,
.pricing-card-business .price-copy,
.pricing-card-ultra .plan-save-text,
.pricing-card-business .plan-save-text{
  color:#5d6d63;
}

.pricing-card-ultra .plan-credit-box,
.pricing-card-business .plan-credit-box{
  background: linear-gradient(180deg, rgba(255,255,255,0.54), rgba(243,248,245,0.82));
  border:1px solid rgba(48, 104, 71, 0.12);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.78),
    inset 0 12px 28px rgba(118, 188, 138, 0.08),
    0 14px 28px rgba(30, 72, 48, 0.06);
}

.pricing-card-ultra .credit-note,
.pricing-card-business .credit-note{
  border-top:1px solid rgba(18, 53, 34, 0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.50), rgba(241,247,243,0.78));
}

.pricing-card-ultra .plan-features li::before,
.pricing-card-business .plan-features li::before{
  color:#1d6d43;
}

.pricing-card-ultra .plan-features li.muted,
.pricing-card-business .plan-features li.muted,
.pricing-card-ultra .plan-features li.muted::before,
.pricing-card-business .plan-features li.muted::before{
  color:#95a299;
}

.pricing-card-ultra:hover,
.pricing-card-business:hover{
  box-shadow:
    0 42px 90px rgba(21, 72, 46, 0.22),
    0 18px 34px rgba(21, 48, 33, 0.10);
}

.pricing-card-ultra:hover .pricing-card-inner,
.pricing-card-business:hover .pricing-card-inner{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.86),
    inset 0 0 0 1px rgba(255,255,255,0.28),
    inset 0 24px 44px rgba(120, 197, 145, 0.12),
    0 24px 48px rgba(27, 69, 45, 0.12);
}


/* === FINAL USER REQUEST: same family look for all 4 cards, no top ribbons, ultra/business subtle darker glass distinction === */
.top-ribbon{display:none !important;}
.is-featured .pricing-card-inner,
.pricing-card-business .pricing-card-inner{padding-top:28px !important;}

/* Make all four cards belong to the same clean family */
.pricing-card{
  border-radius:34px;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.pricing-card-starter,
.pricing-card-plus,
.pricing-card-ultra,
.pricing-card-business{
  background: linear-gradient(180deg, rgba(214,236,223,0.92), rgba(246,250,247,0.88));
  box-shadow: 0 28px 58px rgba(30,72,48,0.10), 0 14px 30px rgba(21,42,29,0.06);
}

.pricing-card-starter::after,
.pricing-card-plus::after,
.pricing-card-ultra::after,
.pricing-card-business::after{
  background: radial-gradient(circle at top, rgba(255,255,255,0.82), transparent 38%);
}

.pricing-card-starter .pricing-card-inner,
.pricing-card-plus .pricing-card-inner{
  background:
    radial-gradient(circle at top left, rgba(44,122,74,0.10), transparent 34%),
    radial-gradient(circle at bottom right, rgba(115,173,136,0.08), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,0.88), rgba(244,248,245,0.84));
  color:#102219;
  border:1px solid rgba(255,255,255,0.55);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7), 0 14px 28px rgba(42,82,58,0.06);
}

/* Ultra and Business: slightly darker, but still glass and page-friendly */
.pricing-card-ultra,
.pricing-card-business{
  box-shadow:
    0 30px 65px rgba(22,58,37,0.14),
    0 16px 34px rgba(21,42,29,0.08);
}

.pricing-card-ultra .pricing-card-inner,
.pricing-card-business .pricing-card-inner{
  background:
    radial-gradient(circle at top left, rgba(43,133,80,0.18), transparent 30%),
    radial-gradient(circle at bottom right, rgba(89,170,122,0.12), transparent 34%),
    linear-gradient(180deg, rgba(245,251,247,0.74), rgba(233,243,237,0.68));
  color:#102219;
  border:1px solid rgba(255,255,255,0.42);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.52),
    inset 0 0 0 1px rgba(77,132,96,0.08),
    inset 0 14px 30px rgba(255,255,255,0.10),
    0 20px 38px rgba(31,69,46,0.08);
}

.pricing-card-ultra .pricing-card-inner::before,
.pricing-card-business .pricing-card-inner::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:33px;
  pointer-events:none;
  background:
    radial-gradient(circle at 0% 0%, rgba(83,167,114,0.16), transparent 26%),
    radial-gradient(circle at 100% 100%, rgba(42,119,74,0.12), transparent 24%);
  opacity:1;
  -webkit-mask:none;
  mask:none;
}

.pricing-card-ultra .pricing-card-inner::after,
.pricing-card-business .pricing-card-inner::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:33px;
  pointer-events:none;
  background:
    radial-gradient(circle at 78% 16%, rgba(95,185,128,0.16), transparent 18%),
    radial-gradient(circle at 24% 88%, rgba(48,120,78,0.12), transparent 20%);
  filter: blur(0px);
  opacity:.95;
}

.pricing-card-ultra:hover,
.pricing-card-business:hover{
  box-shadow:
    0 40px 78px rgba(23,60,39,0.18),
    0 18px 36px rgba(21,42,29,0.10);
}

.pricing-card-ultra:hover .pricing-card-inner,
.pricing-card-business:hover .pricing-card-inner{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.58),
    inset 0 0 0 1px rgba(77,132,96,0.10),
    inset 0 16px 34px rgba(255,255,255,0.12),
    0 22px 42px rgba(31,69,46,0.10);
}

/* unify text colors across all cards */
.pricing-card-ultra .pricing-card-head h2,
.pricing-card-business .pricing-card-head h2,
.pricing-card-ultra .price-main,
.pricing-card-business .price-main,
.pricing-card-ultra .plan-credit-box strong,
.pricing-card-business .plan-credit-box strong,
.pricing-card-ultra .plan-features li,
.pricing-card-business .plan-features li,
.pricing-card-ultra .plan-save-text,
.pricing-card-business .plan-save-text,
.pricing-card-ultra .price-copy,
.pricing-card-business .price-copy,
.pricing-card-ultra .pricing-card-head p,
.pricing-card-business .pricing-card-head p,
.pricing-card-ultra .plan-credit-box span,
.pricing-card-business .plan-credit-box span,
.pricing-card-ultra .credit-note,
.pricing-card-business .credit-note{
  color:#102219;
}

.pricing-card-ultra .price-old,
.pricing-card-business .price-old{
  color:#2b7c4f;
}

.pricing-card-ultra .plan-credit-box,
.pricing-card-business .plan-credit-box{
  background: linear-gradient(180deg, rgba(255,255,255,0.52), rgba(242,248,244,0.42));
  border:1px solid rgba(53,117,79,0.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.65), 0 12px 26px rgba(42,82,58,0.05);
}

.pricing-card-ultra .credit-note,
.pricing-card-business .credit-note{
  border-top:1px solid rgba(16,34,25,0.08);
}

.pricing-card-ultra .plan-features li::before,
.pricing-card-business .plan-features li::before{
  color:#1c6a3f;
}

.pricing-card-ultra .plan-features li.muted,
.pricing-card-business .plan-features li.muted,
.pricing-card-ultra .plan-features li.muted::before,
.pricing-card-business .plan-features li.muted::before{
  color:#94a198;
}

/* Remove overly dark CTA look while keeping premium green */
.ultra-btn,
.business-btn{
  background: linear-gradient(135deg,#155232 0%, #1b6a40 55%, #2a8f58 100%);
  color:#ffffff;
  box-shadow:0 18px 34px rgba(15,86,51,0.20), inset 0 1px 0 rgba(255,255,255,0.18);
}