/* ═══════════════════════════════════════
   INSURANCE SECTIONS  (Life / Health / Motor)
═══════════════════════════════════════ */

/* Two-column grid */
.sec-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 72px;
  align-items: center;
}
.sec-grid.rev         { direction: rtl; }
.sec-grid.rev > *     { direction: ltr; }

/* Centered single-column layout */
.sec-centered {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sec-centered .eyebrow {
  margin: 0 auto 20px auto;
}

.sec-centered .sec-h2 em {
  display: inline;
}

.sec-centered .sec-desc {
  margin: 0 auto 32px auto;
  max-width: 680px;
}

.sec-centered .feat-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 48px;
  width: 100%;
  max-width: 680px;
  margin: 0 auto 36px auto;
  text-align: left;
}

@media (max-width: 600px) {
  .sec-centered .feat-list {
    grid-template-columns: 1fr;
    gap: 12px;
    padding-left: 20px;
  }
}

/* ── Light variant (Life & Motor) ── */
.sec-light { background: var(--white); }

.sec-light .eyebrow {
  background: var(--blue-dim);
  border: 1px solid rgba(3, 11, 253, 0.13);
}
.sec-light .eyebrow-label { color: var(--blue); }
.sec-light .sec-h2        { color: var(--ink); }
.sec-light .sec-h2 em     { color: var(--blue); }
.sec-light .sec-desc      { color: var(--ink-dim); }
.sec-light .feat-item     { color: var(--ink-dim); }
.sec-light .feat-icon     { color: var(--blue); }

/* Light background blob */
.sec-light-blob {
  position: absolute;
  top: -50px; right: -70px;
  width: 300px; height: 300px;
  background: rgba(3, 11, 253, 0.04);
  border-radius: 50%;
  filter: blur(55px);
  pointer-events: none;
}

/* ── Green Light variant (Wealth) ── */
.sec-green-light { background: var(--white); }

.sec-green-light .eyebrow {
  background: var(--green-dim);
  border: 1px solid rgba(16, 185, 129, 0.13);
}
.sec-green-light .eyebrow-label { color: var(--green); }
.sec-green-light .sec-h2        { color: var(--ink); }
.sec-green-light .sec-h2 em     { color: var(--green); }
.sec-green-light .sec-desc      { color: var(--ink-dim); }
.sec-green-light .feat-item     { color: var(--ink-dim); }
.sec-green-light .feat-icon     { color: var(--green); }

/* Green background blob */
.sec-green-blob {
  position: absolute;
  top: -50px; right: -70px;
  width: 300px; height: 300px;
  background: rgba(16, 185, 129, 0.04);
  border-radius: 50%;
  filter: blur(55px);
  pointer-events: none;
}

/* ── Dark variant (Health) ── */
.sec-dark { background: var(--blue); }

.sec-dark .sec-bg-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(70px);
  pointer-events: none;
}
.sec-dark .eyebrow {
  background: rgba(253, 160, 2, 0.13);
  border: 1px solid rgba(253, 160, 2, 0.32);
}
.sec-dark .eyebrow-label { color: var(--amber); }
.sec-dark .sec-h2        { color: #fff; }
.sec-dark .sec-h2 em     { color: var(--amber); }
.sec-dark .sec-desc      { color: rgba(255, 255, 255, 0.68); }
.sec-dark .feat-item     { color: rgba(255, 255, 255, 0.68); }
.sec-dark .feat-icon     { color: var(--amber); }

/* ── Plan cards ── */
.plans-col { display: flex; flex-direction: column; gap: 14px; }

.plan-card {
  border-radius: 18px;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: transform 0.38s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.38s;
}
.plan-card:hover { transform: translateY(-7px) scale(1.015); }

.plan-best-tag {
  position: absolute;
  top: 0; right: 0;
  background: var(--amber);
  color: var(--blue);
  font-family: var(--ff-mono);
  font-size: 9px;
  font-weight: 700;
  padding: 4px 13px;
  border-bottom-left-radius: 11px;
  letter-spacing: 0.08em;
}

.plan-name  { font-family: var(--ff-display); font-weight: 700; font-size: 17px; margin-bottom: 3px; }
.plan-cover { font-size: 12px; font-weight: 400; }
.plan-price { font-family: var(--ff-display); font-weight: 700; font-size: 26px; text-align: right; }
.plan-per   { font-family: var(--ff-body); font-size: 13px; font-weight: 400; }
.plan-sub   { font-family: var(--ff-mono); font-size: 10px; margin-top: 2px; text-align: right; }
.disclaimer { font-size: 12px; text-align: center; margin-top: 4px; opacity: 0.5; }

/* Light card styles */
.sec-light .plan-card {
  background: var(--white);
  border: 1px solid rgba(3, 11, 253, 0.1);
  box-shadow: 0 3px 18px rgba(3, 11, 253, 0.05);
}
.sec-light .plan-card:hover { box-shadow: 0 20px 40px rgba(3, 11, 253, 0.14); }
.sec-light .plan-name       { color: var(--ink); }
.sec-light .plan-cover      { color: var(--ink-dim); }
.sec-light .plan-price      { color: var(--blue); }
.sec-light .plan-per        { color: var(--ink-dim); }
.sec-light .plan-sub        { color: rgba(8, 10, 30, 0.38); }

/* Dark card styles */
.sec-dark .plan-card {
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.sec-dark .plan-card:hover { box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3); }
.sec-dark .plan-name       { color: #fff; }
.sec-dark .plan-cover      { color: rgba(255, 255, 255, 0.5); }
.sec-dark .plan-price      { color: var(--amber); }
.sec-dark .plan-per        { color: rgba(255, 255, 255, 0.5); }
.sec-dark .plan-sub        { color: rgba(255, 255, 255, 0.35); }

/* Responsive */
@media (max-width: 900px) {
  .sec-grid {
    grid-template-columns: 1fr !important;
    direction: ltr !important;
    gap: 38px;
  }
}