/* ============================================================
   Pricing page styles
   ============================================================ */

.pricing-hero{padding:60px 0 90px;}
.pricing-h1{font-family:var(--display);font-weight:700;font-size:46px;line-height:1.08;letter-spacing:-1.6px;margin-bottom:16px;}

/* currency toggle */
.cur-toggle{display:flex;justify-content:center;margin:34px 0 40px;}
.cur-toggle .seg{display:inline-flex;background:var(--surface);border:1px solid var(--line-2);border-radius:12px;padding:4px;gap:2px;}
.cur-toggle button{font-family:var(--body);font-size:14px;font-weight:600;padding:9px 22px;border:none;background:transparent;color:var(--muted);border-radius:9px;cursor:pointer;transition:all .15s;}
.cur-toggle button.active{background:var(--ink-panel);color:#fff;}

/* package grid */
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch;}
.pk{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px 24px;display:flex;flex-direction:column;position:relative;}
.pk.trial{background:linear-gradient(180deg,rgba(0,184,122,.05),rgba(255,255,255,0));border-color:rgba(0,184,122,.3);}
.pk.featured{border-color:var(--blue);box-shadow:0 12px 40px rgba(20,136,196,.12);}
.pk-badge,.pk-tag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:4px 13px;border-radius:100px;white-space:nowrap;}
.pk-badge{background:var(--blue);color:#fff;}
.pk-tag{background:var(--green);color:#fff;}
.pk-name{font-family:var(--display);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--muted-2);margin-bottom:16px;}
.pk-price{margin-bottom:4px;}
.pk-price .amt{font-family:var(--display);font-size:38px;font-weight:700;letter-spacing:-1.5px;color:var(--text);line-height:1;}
.pk-sub{font-size:14px;color:var(--muted);margin-bottom:22px;}
.pk-sub b{color:var(--text);font-weight:700;}
.pk-feats{list-style:none;margin:0 0 26px;flex:1;}
.pk-feats li{position:relative;padding-left:24px;margin-bottom:11px;font-size:13.5px;color:var(--text-2);line-height:1.45;}
.pk-feats li::before{content:"";position:absolute;left:0;top:5px;width:14px;height:14px;border-radius:4px;background:var(--green);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/10px no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/10px no-repeat;}
.pk-btn{width:100%;justify-content:center;margin-top:auto;}

.pricing-note{text-align:center;font-size:13px;color:var(--muted-2);margin-top:28px;}
.pricing-note a{color:var(--blue);}

/* how credits work (dark) */
.credits-row{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:20px;}
.credit-item{text-align:center;}
.ci-num{font-family:var(--display);font-weight:700;font-size:26px;color:var(--green-bright);margin-bottom:12px;letter-spacing:-.5px;}
.credit-item p{font-size:14.5px;color:var(--on-dark-muted);line-height:1.6;}

/* FAQ */
.faq{max-width:820px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;}
.faq-item h3{font-family:var(--display);font-size:16.5px;font-weight:600;margin-bottom:8px;}
.faq-item p{font-size:14px;color:var(--muted);line-height:1.6;}

/* CTA panel */
.cta-panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:56px 40px;}

@media (max-width:1000px){
  .pricing-grid{grid-template-columns:1fr 1fr;gap:26px 18px;}
}
@media (max-width:900px){
  .pricing-h1{font-size:34px;}
  .credits-row{grid-template-columns:1fr;gap:24px;}
  .faq{grid-template-columns:1fr;gap:22px;}
}
@media (max-width:560px){
  .pricing-grid{grid-template-columns:1fr;gap:24px;}
}
