/* ═════════════════════════════════════════════════════════
   GO-BOSS PRICING PAGE STYLES
   Extends goboss-shared.css. Reuses price-card tokens from
   goboss-solutions.css where helpful.
   ═════════════════════════════════════════════════════════ */

/* ─── HERO ──────────────────────────────────────────── */
.pr-hero{
  position:relative;z-index:1;
  padding:96px 0 64px;text-align:center;
}
.pr-hero h1{max-width:20ch;margin:0 auto 22px}
.pr-hero .sub{max-width:58ch;margin:0 auto;text-align:center}

/* ─── SECTION DIVIDER (thin blue hairline) ──────────── */
.pr-divider{
  border:none;height:1px;margin:0;
  background:linear-gradient(90deg,transparent,rgba(59,158,255,.22),transparent);
}

/* ═════════════════════════════════════════════════════
   ROI / LOSS CALCULATOR — "Before you look at the price"
   ═════════════════════════════════════════════════════ */
.roi-block{
  position:relative;z-index:1;
  background:linear-gradient(180deg,var(--p2),var(--bgl));
  border-top:1px solid var(--bd);
  border-bottom:1px solid var(--bd);
  padding:88px 0;
}

/* Split headline */
.roi-split{
  max-width:1100px;margin:0 auto 44px;padding:0 48px;
  display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;
}
.roi-split h2{margin-bottom:0;max-width:18ch}
.roi-split .sub{margin-bottom:0}

/* Loss calculator card */
.loss-calc{
  max-width:1100px;margin:0 auto 28px;
  background:var(--p3);
  border:1px solid var(--bd2);
  border-radius:var(--rxl);
  padding:36px 40px;position:relative;overflow:hidden;
}
.loss-calc::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 80% at 50% 0%,rgba(59,158,255,.08),transparent 70%);
}
.loss-calc__head{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:32px;flex-wrap:wrap;gap:12px;
}
.loss-calc__label{
  font-family:'JetBrains Mono',monospace;
  font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--tx3);
}
.loss-calc__live{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'JetBrains Mono',monospace;
  font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--a2);
  padding:4px 10px;border-radius:var(--rp);
  background:rgba(200,160,48,.09);border:1px solid rgba(200,160,48,.28);
}
.loss-calc__live::before{
  content:'';width:6px;height:6px;border-radius:50%;
  background:var(--a2);box-shadow:0 0 0 3px rgba(200,160,48,.22);
  animation:pulse 1.6s infinite;
}

.loss-calc__row{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  align-items:center;gap:20px;
  margin-bottom:28px;
}
.loss-calc__item{text-align:center;position:relative}
.loss-calc__num{
  font-family:'JetBrains Mono',monospace;
  font-size:36px;font-weight:800;letter-spacing:-.02em;line-height:1;
  color:var(--tx);margin-bottom:10px;
  font-variant-numeric:tabular-nums;
}
/* Loss numbers use gold — warning tone without red.
   (We use blue for the "Your plan" reframe, amb/gold for loss quantities.) */
.loss-calc__num.loss{color:var(--a2)}
.loss-calc__num.blue{color:var(--blue)}
.loss-calc__num.amb{color:var(--a2)}
.loss-calc__desc{
  font-size:12.5px;color:var(--tx3);line-height:1.5;
  max-width:22ch;margin:0 auto;
}
.loss-calc__op{
  font-family:'JetBrains Mono',monospace;
  font-size:26px;font-weight:300;color:var(--tx3);
  text-align:center;line-height:1;
}

.loss-calc__footer{
  border-top:1px solid var(--bd);
  padding-top:22px;margin-top:4px;
  font-size:14px;color:var(--tx2);line-height:1.65;
  position:relative;
}
.loss-calc__footer strong{color:var(--a2);font-weight:600}

/* Stat cards — 3 up */
.roi-stats{
  max-width:1100px;margin:0 auto;padding:0 48px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
}
.roi-stat{
  background:var(--p2);border:1px solid var(--bd);
  border-radius:16px;padding:26px 24px;
  position:relative;overflow:hidden;
  transition:border-color .25s,transform .25s;
}
.roi-stat:hover{border-color:var(--bd2);transform:translateY(-3px)}
.roi-stat::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
}
.roi-stat.s1::before{background:linear-gradient(90deg,var(--blue),var(--b2))}
.roi-stat.s2::before{background:linear-gradient(90deg,var(--grn),var(--g2))}
.roi-stat.s3::before{background:linear-gradient(90deg,var(--amb),var(--a2))}
.roi-stat__label{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--tx3);margin-bottom:14px;
}
.roi-stat__num{
  font-family:'JetBrains Mono',monospace;
  font-size:48px;font-weight:800;letter-spacing:-.02em;line-height:1;
  margin-bottom:12px;font-variant-numeric:tabular-nums;
}
.roi-stat.s1 .roi-stat__num{color:var(--blue)}
.roi-stat.s2 .roi-stat__num{color:var(--grn)}
.roi-stat.s3 .roi-stat__num{color:var(--a2)}
.roi-stat__desc{
  font-size:13px;color:var(--tx2);line-height:1.6;
}

/* Left rule kicker under stats */
.roi-kicker{
  max-width:1100px;margin:36px auto 0;padding:0 48px;
}
.roi-kicker-inner{
  border-left:2px solid rgba(59,158,255,.4);
  padding-left:18px;
  font-size:15px;color:var(--tx2);line-height:1.7;font-style:italic;
}
.roi-kicker-inner strong{color:var(--tx);font-weight:600;font-style:normal}

/* ═════════════════════════════════════════════════════
   PLANS SECTION — 4 cards w/ collapsible "who it's for"
   Extends .price-card / .price-grid from solutions.css
   ═════════════════════════════════════════════════════ */
.pr-plans{position:relative;z-index:1;padding:96px 0 72px}
.pr-plans-head{text-align:center;max-width:660px;margin:0 auto 56px;padding:0 48px}
.pr-plans-head h2{margin-bottom:14px}
.pr-plans-head .sub{margin:0 auto}

.pr-plans-wrap{max-width:1320px;margin:0 auto;padding:0 40px}
.pr-plans-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;align-items:start;
}

/* Collapsible "Who this is for and what changes" */
.plan-learn{
  margin-top:16px;padding-top:12px;
  border-top:1px solid var(--bd);
}
.plan-learn__btn{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;background:none;border:none;cursor:pointer;
  padding:6px 0;font-family:inherit;
  font-size:12px;font-weight:500;color:var(--tx3);
  transition:color .18s;letter-spacing:.01em;
}
.plan-learn__btn:hover{color:var(--tx2)}
.plan-learn__btn svg{
  width:11px;height:11px;stroke:currentColor;fill:none;
  stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
  transition:transform .3s ease;
}
.plan-learn.open .plan-learn__btn{color:var(--blue)}
.plan-learn.open .plan-learn__btn svg{transform:rotate(180deg)}

.plan-learn__panel{
  overflow:hidden;max-height:0;
  transition:max-height .45s ease;
}
.plan-learn.open .plan-learn__panel{max-height:720px}
.plan-learn__inner{
  padding-top:16px;margin-top:12px;
  border-top:1px solid var(--bd);
  display:flex;flex-direction:column;gap:16px;
}
.plan-learn__h{
  font-family:'JetBrains Mono',monospace;
  font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--tx3);margin-bottom:7px;
}
.plan-learn__text{
  font-size:12.5px;color:var(--tx2);line-height:1.65;
}
.plan-learn__text strong{color:var(--tx);font-weight:600}

.plan-transform{
  background:rgba(59,158,255,.04);
  border:1px solid var(--bd);
  border-radius:10px;padding:14px 16px;
}
.plan-transform__row{
  display:flex;align-items:flex-start;gap:10px;
  font-size:12px;line-height:1.55;padding:7px 0;
}
.plan-transform__row.before{
  color:var(--tx3);border-bottom:1px solid var(--bd);
}
.plan-transform__row.after{color:var(--tx);font-weight:500}
.plan-transform__ico{
  flex-shrink:0;width:14px;height:14px;
  font-family:'JetBrains Mono',monospace;
  font-size:12px;line-height:1;margin-top:2px;
}
.plan-transform__row.before .plan-transform__ico{color:var(--amb)}
.plan-transform__row.after  .plan-transform__ico{color:var(--grn)}

/* Tint learn-panel by tier */
.price-card[data-tier="forge"]  .plan-learn.open .plan-learn__btn{color:var(--blue)}
.price-card[data-tier="growth"] .plan-learn.open .plan-learn__btn{color:var(--grn)}
.price-card[data-tier="power"]  .plan-learn.open .plan-learn__btn{color:var(--slv)}
.price-card[data-tier="empire"] .plan-learn.open .plan-learn__btn{color:var(--amb)}

.pr-noseat{
  max-width:1100px;margin:44px auto 0;padding:0 48px;
  text-align:center;font-size:13.5px;color:var(--tx3);line-height:1.6;
}
.pr-noseat strong{color:var(--tx);font-weight:600}

/* ═════════════════════════════════════════════════════
   GUARANTEE — 2-col split w/ center divider
   ═════════════════════════════════════════════════════ */
.pr-guarantee{
  position:relative;z-index:1;
  background:linear-gradient(180deg,var(--bgl),var(--p2));
  border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);
  padding:72px 0;
}
.pr-guarantee-grid{
  max-width:1100px;margin:0 auto;padding:0 48px;
  display:grid;grid-template-columns:1fr 1px 1fr;
  gap:0;align-items:stretch;
}
.pr-guarantee-sep{
  background:var(--bd);min-height:160px;
  align-self:stretch;justify-self:center;width:1px;
}
.pr-g{padding:0 40px}
.pr-g:first-child{padding-left:0}
.pr-g:last-child{padding-right:0}
.pr-g-ico{
  width:48px;height:48px;border-radius:12px;
  display:grid;place-items:center;margin-bottom:18px;
  font-size:22px;
}
.pr-g-ico.gold{background:rgba(200,160,48,.1);border:1px solid rgba(200,160,48,.28);color:var(--a2)}
.pr-g-ico.grn{background:rgba(46,204,138,.1);border:1px solid rgba(46,204,138,.28);color:var(--grn)}
.pr-g h3{margin-bottom:10px;font-size:19px;font-weight:800;letter-spacing:-.02em}
.pr-g p{font-size:14px;color:var(--tx2);line-height:1.7}
.pr-g p strong{color:var(--tx);font-weight:600}

/* ═════════════════════════════════════════════════════
   FAQ
   ═════════════════════════════════════════════════════ */
.pr-faq{position:relative;z-index:1;padding:88px 0}
.pr-faq-head{text-align:center;max-width:620px;margin:0 auto 48px;padding:0 48px}
.pr-faq-head h2{margin-bottom:14px}
.pr-faq-head .sub{margin:0 auto}
.pr-faq-grid{
  max-width:960px;margin:0 auto;padding:0 48px;
  display:grid;grid-template-columns:1fr 1fr;gap:12px;
  align-items:start;
}
.pr-faq-item{
  background:var(--p2);border:1px solid var(--bd);
  border-radius:14px;padding:22px 24px;cursor:pointer;
  transition:border-color .2s,background .2s;
}
.pr-faq-item:hover{border-color:var(--bd2)}
.pr-faq-item.open{border-color:rgba(59,158,255,.35);background:var(--p3)}
.pr-faq-q{
  display:flex;justify-content:space-between;align-items:flex-start;gap:14px;
  font-size:14px;font-weight:700;color:var(--tx);letter-spacing:-.01em;line-height:1.4;
}
.pr-faq-toggle{
  width:22px;height:22px;min-width:22px;border-radius:50%;
  border:1px solid var(--bd2);
  display:grid;place-items:center;
  font-size:14px;line-height:1;color:var(--tx2);
  transition:transform .3s,background .25s,color .25s,border-color .25s;
  margin-top:1px;
  font-family:'JetBrains Mono',monospace;
}
.pr-faq-item.open .pr-faq-toggle{
  transform:rotate(45deg);
  background:rgba(59,158,255,.14);color:var(--blue);
  border-color:rgba(59,158,255,.45);
}
.pr-faq-a{
  font-size:13.5px;color:var(--tx2);line-height:1.7;
  max-height:0;overflow:hidden;
  transition:max-height .4s ease,margin-top .25s,opacity .25s;
  opacity:0;
}
.pr-faq-item.open .pr-faq-a{max-height:320px;margin-top:14px;opacity:1}

/* ═════════════════════════════════════════════════════
   RESPONSIVE
   ═════════════════════════════════════════════════════ */
@media(max-width:1280px){
  .pr-plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){
  .pr-hero{overflow-x:hidden}
  .final-cta{overflow:hidden}
  .final-cta-wrap{padding:0 20px}
}
@media(max-width:1000px){
  .roi-split{grid-template-columns:1fr;gap:20px}
  .loss-calc__row{
    grid-template-columns:1fr 1fr;
    gap:20px 24px;
  }
  .loss-calc__op{display:none}
  .roi-stats{grid-template-columns:1fr;gap:12px}
  .pr-guarantee-grid{grid-template-columns:1fr;gap:36px}
  .pr-guarantee-sep{display:none}
  .pr-g{padding:0}
  .pr-faq-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .pr-plans-grid{grid-template-columns:1fr}
  .loss-calc{padding:28px 22px}
  .loss-calc__row{grid-template-columns:1fr}
  .roi-split,.roi-stats,.roi-kicker,.pr-plans-head,.pr-faq-head,.pr-faq-grid,.pr-guarantee-grid,.pr-noseat{padding-left:20px;padding-right:20px}
  .pr-plans-wrap{padding:0 20px}
}