/* ══════════════════════════════════════════════
   SHELVIAN — PRICING PAGE STYLES
   ══════════════════════════════════════════════ */

/* ── HERO ── */
.pricing-hero{background:#0d0d0d;padding:148px 0 96px;text-align:center;position:relative;overflow:hidden}
.pricing-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 50% 60%,rgba(203,236,69,0.09) 0%,transparent 70%)}
.pricing-hero-inner{display:flex;flex-direction:column;align-items:center}
.pricing-hero h1{font-family:var(--f-head);font-size:60px;font-weight:400;letter-spacing:-0.02em;line-height:1.06;color:#fff;max-width:700px;margin:0 auto 20px}
.pricing-hero h1 em{font-style:italic;color:var(--lime)}
.pricing-hero-sub{font-size:17px;color:rgba(255,255,255,0.45);max-width:480px;margin:0 auto;line-height:1.65}

/* ── FEE SECTION ── */
.fee-section{padding:80px 0 64px}
.fee-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:48px}
.fee-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh);transition:all 220ms var(--ease)}
.fee-card:hover{transform:translateY(-3px);box-shadow:var(--sh-lg)}
.fee-card.brand{border-top:3px solid var(--lime)}
.fee-card.ambassador{border-top:3px solid var(--border2)}
.fee-card-inner{padding:32px 36px}
.fee-card-label{font-family:var(--f-mono);font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:0.12em;color:var(--text3);margin-bottom:14px}
.fee-tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--f-mono);font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:0.08em;background:rgba(203,236,69,0.18);color:#4d5e00;border:1px solid rgba(203,236,69,0.45);border-radius:var(--r-pill);padding:3px 10px;margin-bottom:20px}
.fee-rate{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}
.fee-rate-num{font-family:var(--f-head);font-size:72px;font-weight:400;color:var(--dark);line-height:1;letter-spacing:-0.03em}
.fee-rate-of{font-family:var(--f-mono);font-size:16px;color:var(--text3);font-weight:400}
.fee-desc{font-size:14px;color:var(--text2);line-height:1.65;margin-bottom:28px}
.breakdown{background:var(--elevated);border-radius:var(--r);border:1px solid var(--border);overflow:hidden}
.breakdown-row{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--border);font-size:13.5px}
.breakdown-row:last-child{border-bottom:none}
.breakdown-total .bd-label{font-weight:700;color:var(--dark)}
.bd-label{color:var(--text2)}
.bd-val{font-family:var(--f-mono);font-size:14px;color:var(--dark)}
.breakdown-total .bd-val{font-weight:700}
.bd-minus{color:#C0392B}
.bd-plus{color:var(--text2)}

/* ── COVERED ── */
.covered-header{margin-bottom:20px}
.covered-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:80px}
.covered-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px 32px;box-shadow:var(--sh)}
.covered-title{font-family:var(--f-head);font-size:20px;color:var(--dark);margin-bottom:18px}
.covered-list{list-style:none;display:flex;flex-direction:column;gap:10px}
.covered-item{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--text2);line-height:1.45}
.cov-icon{width:20px;height:20px;border-radius:5px;background:var(--lime);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;font-size:10px;color:var(--dark);font-weight:700}

/* ── CALCULATOR ── */
.calc-section{padding:0 0 80px}
.calc-header{text-align:center;margin-bottom:40px}
.calc-header h2{font-family:var(--f-head);font-size:44px;font-weight:400;letter-spacing:-0.02em;color:var(--dark);margin-bottom:10px}
.calc-header p{font-size:16px;color:var(--text2)}
.calc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-md);overflow:hidden;max-width:860px;margin:0 auto}
.calc-top{display:grid;grid-template-columns:1fr 1fr 1fr}
.calc-input-block{padding:28px 32px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
.calc-input-block:last-child{border-right:none}
.calc-input-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.10em;color:var(--text3);margin-bottom:8px;display:block}
.calc-input-wrap{display:flex;align-items:center;gap:4px}
.calc-prefix{font-family:var(--f-mono);font-size:18px;color:var(--text3)}
.calc-input{font-family:var(--f-mono);font-size:28px;font-weight:500;color:var(--dark);background:none;border:none;outline:none;width:100%;letter-spacing:-0.02em}
.calc-suffix{font-family:var(--f-mono);font-size:14px;color:var(--text3)}
.calc-hint{font-size:11px;color:var(--text3);margin-top:5px}
.calc-results{display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--elevated)}
.calc-result{padding:24px 32px;border-right:1px solid var(--border)}
.calc-result:last-child{border-right:none}
.calc-result-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.10em;color:var(--text3);margin-bottom:6px}
.calc-result-val{font-family:var(--f-mono);font-size:28px;font-weight:500;color:var(--dark);letter-spacing:-0.02em;line-height:1}
.calc-lime{color:#4d5e00}
.calc-result-sub{font-size:11px;color:var(--text3);margin-top:4px}

/* ── NO HIDDEN FEES ── */
.no-hidden-section{padding:0 0 80px}
.no-hidden-header{text-align:center;margin-bottom:36px}
.no-hidden-header h2{font-family:var(--f-head);font-size:40px;font-weight:400;letter-spacing:-0.02em;color:var(--dark)}
.no-hidden-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.nh-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px 24px;box-shadow:var(--sh);transition:all 180ms var(--ease)}
.nh-card:hover{transform:translateY(-2px);box-shadow:var(--sh-md)}
.nh-icon{font-size:22px;margin-bottom:10px}
.nh-title{font-family:var(--f-head);font-size:15px;color:var(--dark);margin-bottom:6px}
.nh-desc{font-size:12.5px;color:var(--text2);line-height:1.5}

/* ── FAQ ── */
.faq-section{padding:0 0 96px}
.faq-header{text-align:center;margin-bottom:40px}
.faq-header h2{font-family:var(--f-head);font-size:44px;font-weight:400;letter-spacing:-0.02em;color:var(--dark)}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px 28px;box-shadow:var(--sh);transition:border-color 180ms}
.faq-item:hover{border-color:var(--border2)}
.faq-q{font-family:var(--f-head);font-size:17px;color:var(--dark);margin-bottom:10px;line-height:1.3}
.faq-a{font-size:13.5px;color:var(--text2);line-height:1.65}
.faq-a strong{color:var(--dark)}

/* ── DARK CTA ── */
.cta-dark{background:#0d0d0d;color:#fff;padding:96px 0;text-align:center;position:relative;overflow:hidden}
.cta-dark::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 100% at 50% 50%,rgba(203,236,69,0.08) 0%,transparent 70%)}
.cta-dark h2{font-family:var(--f-head);font-size:52px;font-weight:400;color:#fff;line-height:1.08;letter-spacing:-0.02em;max-width:580px;margin:0 auto 16px}
.cta-dark h2 em{font-style:italic;color:var(--lime)}
.cta-dark p{font-size:16px;color:rgba(255,255,255,0.45);max-width:400px;margin:0 auto 36px}
.cta-btns{display:flex;justify-content:center;gap:12px}
.btn-cta-lime{font-size:15px;font-weight:600;color:#111;background:var(--lime);border:none;cursor:pointer;padding:14px 28px;border-radius:var(--r);transition:all 180ms var(--ease);text-decoration:none;display:inline-flex;align-items:center}
.btn-cta-lime:hover{background:#d9f55a;transform:translateY(-2px);box-shadow:0 8px 24px var(--lime-glow)}
.btn-cta-outline{font-size:15px;font-weight:600;color:rgba(255,255,255,0.7);background:transparent;border:1.5px solid rgba(255,255,255,0.15);cursor:pointer;padding:14px 28px;border-radius:var(--r);transition:all 180ms;text-decoration:none;display:inline-flex;align-items:center}
.btn-cta-outline:hover{border-color:rgba(255,255,255,0.4);color:#fff}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .no-hidden-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .pricing-hero h1{font-size:38px}
  .pricing-hero{padding:110px 0 64px}
  .fee-grid,.covered-grid,.faq-grid{grid-template-columns:1fr}
  .no-hidden-grid{grid-template-columns:1fr 1fr}
  .calc-top,.calc-results{grid-template-columns:1fr}
  .calc-input-block{border-right:none}
  .calc-result{border-right:none;border-bottom:1px solid var(--border)}
  .calc-result:last-child{border-bottom:none}
  .cta-btns{flex-direction:column;align-items:center}
  .cta-dark h2{font-size:36px}
}
@media(max-width:640px){
  .no-hidden-grid{grid-template-columns:1fr}
  .fee-rate-num{font-size:52px}
}