.plans-section {
  max-width: 1180px;
  margin: 0 auto;
  padding: 4rem 1rem;
}

.plans-intro {
  max-width: 760px;
  margin: 0 auto 2rem;
  text-align: center;
}

.plans-intro h2 {
  margin: .35rem 0 .7rem;
  font-size: clamp(2rem, 5vw, 3.6rem);
  line-height: 1;
  letter-spacing: -.055em;
}

.plan-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.2rem;
  align-items: stretch;
}

.plan-card {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid #b8c9c0;
  border-radius: 22px;
  padding: 1.7rem;
  box-shadow: 0 18px 46px #17372612;
}

.plan-card h3 {
  margin: .2rem 0;
  font-size: 2.4rem;
  letter-spacing: -.04em;
}

.plan-card h3 small { font-size: .9rem; letter-spacing: 0; }
.plan-label { font-size: .75rem; font-weight: 950; letter-spacing: .16em; color: #417b3a; }
.plan-sub { color: #52675d; }
.plan-card ul { padding: 0; margin: 1.2rem 0; list-style: none; }
.plan-card li { padding: .45rem 0 .45rem 1.6rem; border-bottom: 1px solid #e0e8e4; }
.plan-card li::before { content: '✓'; color: #46b53d; font-weight: 950; margin-left: -1.6rem; margin-right: .7rem; }
.plan-card button { width: 100%; border: 0; border-radius: 11px; background: #173621; color: #fff; font-weight: 900; padding: .85rem 1rem; }

.power-card {
  color: #f5fff7;
  background: radial-gradient(circle at 85% 10%, #2b7d43 0, #12251b 36%, #09100d 80%);
  border-color: #80f36b;
  box-shadow: 0 20px 55px #21452b35, inset 0 0 50px #8cff6b0c;
}

.power-card .plan-label,
.power-card .plan-sub,
.power-card .muted { color: #a9f69c; }
.power-card li { border-color: #31513e; }
.power-card button { background: #8cf66f; color: #07120a; }
.power-ribbon { position: absolute; top: 1rem; right: -2.7rem; transform: rotate(35deg); background: #8cf66f; color: #07120a; font-size: .63rem; font-weight: 950; letter-spacing: .08em; padding: .35rem 3rem; }
.plans-note { max-width: 850px; margin: 1.2rem auto 0; text-align: center; color: #617269; font-size: .9rem; }
.compact-plans { margin-top: 1.2rem; }
.power-status { text-align: center; background: linear-gradient(135deg,#102119,#1b3b25); color: #fff; border-color: #69db59; }
.power-status h2 { font-size: clamp(1.8rem,4vw,3rem); letter-spacing: -.04em; }
.power-badge { display: inline-block; border: 1px solid #8cf66f; border-radius: 999px; padding: .65rem 1rem; color: #8cf66f; font-weight: 950; letter-spacing: .08em; }

@media (max-width: 760px) {
  .plan-grid { grid-template-columns: 1fr; }
  .plans-section { padding: 2.5rem 1rem; }
}