/* template-nfe-pricing.php. .plan/.plan-grid/.plan-badge/.plan-ribbon and
   .faq-list/.faq-item/.faq-q/.faq-plus/.faq-a already exist in nfe-home.css
   (homepage's own Plans + FAQ sections) and are reused as-is. Only the
   pieces unique to this page are added here. */

.nfe-scope .pricing-hero{padding:150px var(--pad) 0}
.nfe-scope .pricing-hero-inner{max-width:720px;margin:0 auto;padding:0 clamp(22px,5vw,40px);text-align:center}
.nfe-scope .pricing-hero .eyebrow{justify-content:center}
.nfe-scope .pricing-hero h1{font-size:clamp(38px,5vw,64px)}
.nfe-scope .pricing-hero p{margin-top:18px;font-size:16.5px;line-height:1.7;max-width:520px;margin-left:auto;margin-right:auto}

.nfe-scope .plans{padding-top:56px}
.nfe-scope .plan-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--ink-faint);margin:22px 0 12px}
.nfe-scope .featured .plan-group-label{color:rgba(255,255,255,.4)}
.nfe-scope .plan h3{font-size:clamp(26px,2.6vw,34px);max-width:15ch;margin-top:22px}
.nfe-scope .plan ul{gap:12px}
.nfe-scope .plan li{font-size:14.5px}
.nfe-scope .plan .btn{margin-top:26px;align-self:stretch;justify-content:center}

/* COMPARISON */
.nfe-scope .compare{background:var(--soft)}
.nfe-scope .compare-head{text-align:center;margin-bottom:50px}
.nfe-scope .compare-head h2{font-size:clamp(32px,4vw,46px);max-width:22ch;margin:0 auto}
.nfe-scope .compare-table{max-width:820px;margin:0 auto;background:var(--white);border-radius:var(--radius);border:1px solid var(--line);overflow:hidden;box-shadow:0 20px 45px rgba(20,33,25,.05)}
.nfe-scope .compare-row{display:grid;grid-template-columns:1.6fr .7fr .7fr;align-items:center;padding:16px 28px;border-bottom:1px solid var(--line);font-size:14px}
.nfe-scope .compare-row:last-child{border-bottom:0}
.nfe-scope .compare-row.head{background:var(--green-deep);font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.62)}
.nfe-scope .compare-row.head .compare-val{text-align:center}
.nfe-scope .compare-row.price-row{background:var(--soft)}
.nfe-scope .compare-feature{color:var(--ink);font-weight:600}
.nfe-scope .compare-val{text-align:center;color:var(--ink-faint)}
.nfe-scope .compare-check{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--green-soft);color:var(--green-dark)}
.nfe-scope .compare-val.dim .compare-check{background:#fbe2e0;color:#c65a52}
.nfe-scope .compare-check svg{width:10px;height:10px}
.nfe-scope .compare-price-val{font-weight:700;color:var(--ink);font-size:13px}

/* TESTIMONIALS */
.nfe-scope .testimonials-head{text-align:center;margin-bottom:44px}
.nfe-scope .testimonials-head h2{font-size:clamp(32px,4vw,46px);max-width:20ch;margin:0 auto}
.nfe-scope .testimonials-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:900px;margin:0 auto}
.nfe-scope .testimonial-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);padding:28px}
.nfe-scope .testimonial-stars{display:flex;gap:3px;color:var(--green-dark);margin-bottom:14px}
.nfe-scope .testimonial-stars svg{width:15px;height:15px}
.nfe-scope .testimonial-quote{font-size:15px;line-height:1.65;color:var(--ink-soft)}

.nfe-scope .faq .wrap{max-width:820px}
.nfe-scope .faq h2{font-size:clamp(32px,4vw,46px);text-align:center;margin-bottom:40px}

@media(max-width:1100px){
  .nfe-scope .testimonials-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .nfe-scope .pricing-hero{padding:96px 0 0}
  .nfe-scope .pricing-hero-inner{padding:0 20px}
  .nfe-scope .pricing-hero p{font-size:14px}
  .nfe-scope .compare-row{grid-template-columns:1.4fr .6fr .6fr;padding:12px 14px;font-size:11.5px;gap:6px}
  .nfe-scope .compare-row.head{font-size:9px}
}