/* strengths.css */
.str-inner { max-width:820px; }
.str-header { display:flex; gap:28px; align-items:flex-start; margin-bottom:6px; }
.str-num { font-family:var(--font-display); font-size:5.5rem; font-weight:300; color:var(--gray-light); line-height:1; flex-shrink:0; }
.section--gray .str-num { color:rgba(255,255,255,.12); }
.str-title { font-size:clamp(1.3rem,2.2vw,1.9rem); color:var(--navy); line-height:1.3; margin-top:10px; word-break:keep-all; }
.str-body { margin:28px 0; }
.str-body p { font-size:.93rem; color:var(--text-light); line-height:2.05; margin-bottom:18px; }
.str-points {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 20px;
  margin-top:36px;
  padding-top:36px;
  border-top:1px solid var(--gray-light);
}
.str-point h4 { font-family:var(--font-body); font-size:.875rem; font-weight:700; color:var(--navy); margin-bottom:7px; }
.str-point p  { font-size:.8rem; color:var(--text-light); line-height:1.75; }

@media (max-width:1023px) {
  .str-num { font-size:3.8rem; }
  .str-points { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:767px) {
  .str-inner { max-width:100%; }
  .str-header { flex-direction:column; gap:8px; }
  .str-num { font-size:3rem; }
  .str-title { font-size:clamp(1.2rem,5vw,1.6rem); }
  .str-body p { font-size:.875rem; }
  .str-points { grid-template-columns:1fr; gap:16px; }
}

.str-body-highlight {
  margin-top: 14px;
  padding: 14px 16px;
  background: rgba(0,170,221,.06);
  border-left: 3px solid var(--accent);
  border-radius: 0 4px 4px 0;
  font-size: .88rem;
  color: var(--text-light);
  line-height: 1.85;
}

/* ── Pricing Section ── */
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.pricing-card {
  background: var(--white);
  border: 1px solid var(--gray-light);
  border-radius: 8px;
  padding: 22px 24px;
  transition: box-shadow .2s;
}
.pricing-card:hover {
  box-shadow: 0 6px 20px rgba(0,170,221,.1);
}
.pricing-card__label {
  font-family: var(--font-mono);
  font-size: .7rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 10px;
}
.pricing-card__rate {
  font-family: var(--font-display);
  font-size: 1.1rem;
  font-weight: 400;
  color: var(--navy);
  line-height: 1.4;
}
.pricing-card--note {
  background: var(--navy);
  border-color: transparent;
  grid-column: span 3;
}
.pricing-card--note:hover { box-shadow: none; }
.pricing-card__note {
  font-size: .85rem;
  color: rgba(255,255,255,.7);
  line-height: 1.8;
}

@media (max-width: 1023px) {
  .pricing-grid { grid-template-columns: repeat(2, 1fr); }
  .pricing-card--note { grid-column: span 2; }
}
@media (max-width: 767px) {
  .pricing-grid { grid-template-columns: 1fr; }
  .pricing-card--note { grid-column: span 1; }
}