/* =========================================================
   PRICING PAGE
   ========================================================= */

/* HERO */
.hero-pricing{width:min(1280px, 100% - 120px);margin:20px auto 52px;}
.hero-pricing h1{font-size:72px;line-height:1.0;font-weight:900;margin:0;}

/* GRID: help card + plan card */
.pricing-grid{width:min(1280px, 100% - 120px);margin:12px auto 20px;display:grid;grid-template-columns:minmax(0, 1.4fr) minmax(0, 1fr);gap:20px;}

/* Help / sales card */
.help-card{
  background:#DEEDFE;
  border-radius:28px;
  padding:30px 36px 40px 36px;
  position:relative;
  text-align:center;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.help-card .eyebrow{font-family:'Hartsinger',cursive;font-size:22px;letter-spacing:.5px;text-transform:uppercase;color:var(--wb-blue);margin:4px 0 6px;display:block;}
.help-card h2{font-size:clamp(30px, 3.4vw, 44px);line-height:1.05;font-weight:900;margin:4px 0 16px;color:#141414;}
.help-card p{max-width:720px;margin:0 auto 24px;font-size:18px;line-height:1.5;color:var(--wb-text);}
.help-card .center{display:flex;justify-content:center;}

/* PLAN CARD */
.plan-card{background:var(--wb-pill);border-radius:28px;padding:32px 28px 30px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;}
.plan-title{font-size:clamp(30px, 3.4vw, 44px);font-weight:900;line-height:1.05;margin:0 0 20px;}
.plan-sub{margin:0;font-size:18px;line-height:1.5;color:var(--wb-ink);} /* UPDATED */

/* Billing toggle */
.billing-toggle{
  position:relative;
  width:300px;
  height:42px;
  background:#e9e9e9;
  border-radius:9999px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:4px;
  user-select:none;
  overflow:hidden;
  margin:10px auto 2px;
}

.billing-toggle .thumb{display:none;}

.billing-toggle button{
  appearance:none;
  border:0;
  background:transparent;
  height:34px;
  border-radius:9999px;
  font-size:15px;
  font-weight:400;
  cursor:pointer;
  color:#111;
  opacity:.75;
  line-height:34px;
  text-align:center;
  padding:0 22px;
  transition:background-color .2s ease, color .2s ease, opacity .2s ease;
}

.billing-toggle .monthly{flex:0 0 116px;}
.billing-toggle .annually{flex:0 0 176px;}

.billing-toggle button.active{
  background:#111;
  color:#fff;
  opacity:1;
}

/* Aircraft quantity pill */
.plan-card .qty{display:flex;align-items:center;justify-content:space-between;gap:12px;width:300px;height:60px;margin:0 auto 4px;padding:12px 16px;border-radius:9999px;background:#fff;border:0;box-shadow:0 2px 0 #e9e9e9;box-sizing:border-box;}
.plan-card .qty .label{font-size:18px;font-weight:400;color:#111;white-space:nowrap;}
.plan-card .qty .btn-round{width:36px;height:36px;border-radius:9999px;border:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;background:#111;transition:transform .06s ease, opacity .2s ease, background-color .2s ease;}
.plan-card .qty .icon{width:18px;height:18px;stroke:currentColor;stroke-width:3;stroke-linecap:round;}
.plan-card .qty .btn-round.minus.disabled, .plan-card .qty .btn-round.plus.disabled{background:#e9e9e9;color:#b5b5b5;cursor:default;pointer-events:none;}
.plan-card .qty .btn-round:not(.disabled):active{transform:translateY(1px);}

/* Price display */
.plan-card .price{display:inline-flex;align-items:baseline;justify-content:center;width:100%;font-size:36px;font-weight:900;gap:0;}
.plan-card .price small{font-size:18px;font-weight:800;color:var(--wb-ink);margin-left:4px;}

/* FAQ BLOCK */
.faq-wrap{width:min(1280px, 100% - 120px);margin:0 auto 20px;background:var(--wb-pill);border-radius:28px;padding:60px;display:grid;grid-template-columns:1.1fr 1.6fr;gap:32px;box-sizing:border-box;}
.faq-title{font-size:clamp(30px, 3.4vw, 44px);font-weight:900;line-height:1.05;margin:0;}

/* Accordion styling */
.accordion.faq-accordion .accordion-item{background:#fff;border:0;border-radius:16px;margin:12px 0;overflow:hidden;}
.accordion.faq-accordion .accordion-button{background:transparent;color:#111;border:0;border-radius:0;padding:18px 22px;font-size:18px;font-weight:400;line-height:1.35;box-shadow:none;}
.accordion.faq-accordion .accordion-button:focus{box-shadow:none;}
.accordion.faq-accordion .accordion-button::after{background-image:none !important;width:0;height:0;margin-left:auto;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #111;transform:none;transition:transform .2s ease;}
.accordion.faq-accordion .accordion-button:not(.collapsed)::after{transform:rotate(180deg);}
.accordion.faq-accordion .accordion-collapse{background:transparent;border:0;transition:height .22s ease;}
.accordion.faq-accordion .accordion-body{padding:0 22px 18px 22px;font-size:16px;line-height:1.5;color:var(--wb-muted);}
.accordion.faq-accordion .accordion-item:first-child { margin-top:0; }
.accordion.faq-accordion .accordion-item:last-child { margin-bottom:0; }

/* RESPONSIVE */
@media (max-width:1280px) {
  .help-card p br{display:none;}
}
@media (max-width:980px){
  .hero-pricing{width:100%;max-width:680px;padding:0 25px;margin:24px auto 55px;}
  .hero-pricing h1{text-align:center;font-size:clamp(40px,6.2vw + 4px,72px);line-height:1.03;}
  .pricing-grid{width:100%;padding:0 25px;grid-template-columns:1fr;gap:20px;margin-bottom:20px;}
  .help-card{padding:32px 30px;}
  .plan-card{padding:24px 30px 24px;}
  .faq-wrap{width:calc(100% - 50px);padding:28px 30px;grid-template-columns:1fr;gap:16px;}

  .help-card h2,
  .plan-title,
  .faq-title,
  .plan-card .price{
    font-size:clamp(28px, 6.2vw, 36px);
    line-height:1.05;
  }

  .hero-pricing h1 br {display:none;}
  .help-card p {max-width:680px;}

  .help-card p,
  .plan-sub,
  .label {
   font-size:17px;
   line-height:1.5;
  }

    /* ⭐ Reduce top spacing of blue help-card on mobile (30px → 20px) */
  .help-card{
    padding-top:22px;
  }

  /* ⭐ EXACT 30px TOP & BOTTOM for ONE PLAN on mobile */
  .plan-card{
    padding-top:26px;
    padding-bottom:30px;
  }

  /* ⭐ 30px TOP & BOTTOM for PRICING QUESTIONS on mobile */
  .faq-wrap{
    padding:26px 30px 30px 30px;
  }

   .faq-title {
      text-align:center;
      margin:0 0 10px;
   }

   /* remove extra gap from the last FAQ item */
  .accordion.faq-accordion .accordion-item:last-child{
    margin-bottom:0;
  }

}

/* ===============================
   MOBILE (≤600px)
   =============================== */
@media (max-width:600px){

  .billing-toggle,
  .plan-card .qty{
    width:100%;
    max-width:320px;
  }

  /* fill the grid width → 25px gutter from .pricing-grid padding */
  .help-card,
  .plan-card{
    width:100%;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
  }

  /* Mobile billing toggle: 50/50 Monthly / Yearly */
  .billing-toggle{
    display:grid;
    grid-template-columns:1fr 1fr;
    justify-content:stretch;
  }

  .billing-toggle button{
    padding:0;
    width:100%;
  }

  .billing-toggle .annually{
    font-size:0;
  }
  .billing-toggle .annually::before{
    content:"Yearly";
    font-size:15px;
    font-weight:400;
  }
}