/* ═════════════════════════════════════════════════════════
   GO-BOSS SOLUTIONS — page-specific styles
   Inherits tokens + nav/footer from goboss-shared.css
   ═════════════════════════════════════════════════════════ */

/* ─── HERO ────────────────────────────────────────────── */
.sol-hero{position:relative;z-index:1;padding:92px 0 56px;text-align:left}
.sol-hero h1{max-width:18ch;margin-bottom:20px}
.sol-hero h1 .l2{color:var(--grn)}
.sol-hero h1 .l3{color:var(--blue)}
.sol-hero .sub{max-width:58ch;font-size:16px}

/* ─── DIVIDER ─────────────────────────────────────────── */
.sol-divider{
  border:none;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(59,158,255,.22),transparent);
  margin:0 auto;max-width:1100px;
  position:relative;z-index:1;
}

/* ─── SOLUTION BLOCK (2-col alternating) ──────────────── */
.sol-block{
  display:grid;grid-template-columns:1fr 1fr;
  gap:56px;align-items:start;
}
.sol-block.reverse .sol-copy{order:2}
.sol-block.reverse .sol-card{order:1}

.sol-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}

.sol-block__h2{
  font-size:clamp(24px,2.8vw,34px);
  font-weight:800;letter-spacing:-.02em;line-height:1.15;
  color:var(--tx);margin-bottom:18px;
}
.sol-block__body{
  font-size:15px;color:var(--tx2);line-height:1.75;margin-bottom:24px;
  max-width:52ch;
}
.sol-block__cta{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:600;
  color:var(--tx);border:1px solid var(--bd2);
  padding:10px 18px;border-radius:var(--r);
  background:var(--bdk);transition:all .18s;
}
.sol-block__cta:hover{
  border-color:var(--blue);color:var(--blue);
  background:rgba(59,158,255,.08);
  transform:translateY(-1px);
}
.sol-block__cta .arr{transition:transform .18s}
.sol-block__cta:hover .arr{transform:translateX(3px)}

/* ─── FEATURE CARD (right side) ───────────────────────── */
.sol-card{
  background:var(--p2);border:1px solid var(--bd);
  border-radius:16px;padding:28px;
  position:relative;overflow:hidden;
  transition:transform .25s ease,border-color .25s ease;
}
.sol-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
}
.sol-card.p01::before{background:linear-gradient(90deg,var(--blue),var(--b2))}
.sol-card.p02::before{background:linear-gradient(90deg,var(--grn),var(--g2))}
.sol-card.p03::before{background:linear-gradient(90deg,var(--slv),var(--s2))}
.sol-card.p04::before{background:linear-gradient(90deg,var(--amb),var(--a2))}

.sol-card.p01:hover{border-color:rgba(59,158,255,.45);transform:translateY(-2px);box-shadow:0 12px 36px -12px rgba(59,158,255,.25)}
.sol-card.p02:hover{border-color:rgba(46,204,138,.45);transform:translateY(-2px);box-shadow:0 12px 36px -12px rgba(46,204,138,.25)}
.sol-card.p03:hover{border-color:rgba(200,214,232,.5);transform:translateY(-2px);box-shadow:0 12px 36px -12px rgba(200,214,232,.22)}
.sol-card.p04:hover{border-color:rgba(200,160,48,.45);transform:translateY(-2px);box-shadow:0 12px 36px -12px rgba(200,160,48,.25)}

.sol-card__label{
  font-family:'JetBrains Mono',monospace;
  font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--tx3);margin-bottom:18px;
}
.sol-card__list{list-style:none;display:flex;flex-direction:column}
.sol-card__list li{
  display:flex;align-items:flex-start;gap:12px;
  padding:13px 0;border-bottom:1px solid var(--bd);
  font-size:13.5px;color:var(--tx2);line-height:1.55;
}
.sol-card__list li:last-child{border-bottom:none;padding-bottom:0}
.sol-card__list li svg{
  width:14px;height:14px;flex-shrink:0;margin-top:3px;
  fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}
.sol-card.p01 .sol-card__list li svg{stroke:var(--blue)}
.sol-card.p02 .sol-card__list li svg{stroke:var(--grn)}
.sol-card.p03 .sol-card__list li svg{stroke:var(--slv)}
.sol-card.p04 .sol-card__list li svg{stroke:var(--amb)}

/* ─── ROI / MATH SECTION ──────────────────────────────── */
.roi-section{
  position:relative;z-index:1;
  padding:80px 0;
  background:linear-gradient(180deg,var(--p2),var(--p3));
  border-top:1px solid var(--bd);
  border-bottom:1px solid var(--bd);
}
.roi-grid{
  max-width:1100px;margin:0 auto;padding:0 48px;
  display:grid;grid-template-columns:1fr 1px 1fr;
  gap:0;align-items:center;
}
.roi-sep{background:var(--bd);min-height:260px;align-self:stretch;justify-self:center;width:1px}
.roi-col{padding:0 52px}
.roi-col:first-child{padding-left:0}
.roi-col:last-child{padding-right:0}
.roi-col h2{margin-bottom:16px;max-width:14ch}
.roi-col .sub{margin-bottom:0;font-size:15px}

.roi-math{display:flex;flex-direction:column;gap:12px}
.roi-math-row{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 20px;
  background:var(--p2);border:1px solid var(--bd);
  border-radius:var(--r);
  transition:border-color .25s,transform .25s;
}
.roi-math-row:hover{border-color:var(--bd2);transform:translateX(3px)}
.roi-math-row__label{font-size:13.5px;color:var(--tx2);flex:1;min-width:0}
.roi-math-row__val{
  font-family:'JetBrains Mono',monospace;
  font-size:19px;font-weight:800;color:var(--tx);letter-spacing:-.01em;
  white-space:nowrap;flex-shrink:0;margin-left:12px;
}
.roi-math-row.highlight{
  border-color:rgba(59,158,255,.42);
  background:linear-gradient(180deg,rgba(59,158,255,.1),rgba(59,158,255,.04));
}
.roi-math-row.highlight .roi-math-row__label{color:var(--tx)}
.roi-math-row.highlight .roi-math-row__val{color:var(--blue)}
.roi-note{
  margin-top:6px;padding:16px 20px;
  background:rgba(46,204,138,.08);
  border:1px solid rgba(46,204,138,.28);
  border-radius:var(--r);
  font-size:13.5px;color:var(--tx2);line-height:1.65;
}
.roi-note strong{color:var(--grn);font-weight:600}

/* ─── PACKAGE BRIDGE (full pricing ladder w/ pillars) ─── */
.bridge-section{position:relative;z-index:1;padding:88px 0}
/* Override container width so the 4-col grid gets enough room */
.bridge-section .container{max-width:1320px}
.bridge-section .panel{padding:48px 28px}
.bridge-head{max-width:640px;margin-bottom:44px}
.bridge-head h2{max-width:18ch}

/* Pricing grid — matches Home but with pillar-label block */
.price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:8px}
.price-card{
  border:1px solid var(--bd);border-radius:var(--rxl);
  padding:24px 22px;background:var(--p2);
  display:flex;flex-direction:column;gap:12px;
  position:relative;transition:transform .25s,border-color .25s,box-shadow .25s;
  overflow:visible;
}
.price-card:hover{transform:translateY(-3px);border-color:var(--bd2)}
.price-card.pop{background:var(--p3);border-color:var(--grn);box-shadow:0 0 40px rgba(46,204,138,.10),0 20px 40px rgba(0,0,0,.3)}
.price-card.pop:hover{border-color:#4ee0a0;box-shadow:0 0 56px rgba(46,204,138,.15),0 24px 48px rgba(0,0,0,.35)}
.price-card.pop::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--grn),transparent);border-radius:var(--rxl) var(--rxl) 0 0}
.price-pop-pill{
  position:absolute;top:-13px;left:50%;transform:translateX(-50%);
  background:var(--grn);color:#062315;
  font-family:'JetBrains Mono',monospace;
  font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  padding:4px 12px;border-radius:var(--rp);
  box-shadow:0 4px 14px -2px rgba(46,204,138,.5);
  z-index:3;
}

/* Pillar label block — NEW for Solutions page only */
.price-pillar{
  display:flex;flex-direction:column;gap:2px;
  padding-bottom:10px;border-bottom:1px solid var(--bd);
  margin-bottom:4px;
}
.price-pillar__tag{
  font-family:'JetBrains Mono',monospace;
  font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--tx3);
}
.price-card[data-tier="forge"]  .price-pillar__tag{color:var(--blue)}
.price-card[data-tier="growth"] .price-pillar__tag{color:var(--grn)}
.price-card[data-tier="power"]  .price-pillar__tag{color:var(--slv)}
.price-card[data-tier="empire"] .price-pillar__tag{color:var(--amb)}
.price-pillar__name{font-size:12.5px;font-weight:700;color:var(--tx);letter-spacing:-.005em}

.price-badge{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:4px;width:fit-content}
.price-badge.b-forge {background:rgba(59,158,255,.12);color:var(--blue);border:1px solid rgba(59,158,255,.30)}
.price-badge.b-growth{background:rgba(46,204,138,.10);color:var(--grn);border:1px solid rgba(46,204,138,.25)}
.price-badge.b-power {background:rgba(200,214,232,.06);color:var(--slv);border:1px solid rgba(200,214,232,.22)}
.price-badge.b-empire{background:rgba(200,160,48,.12);color:var(--amb);border:1px solid rgba(200,160,48,.30)}

.price-tier{font-size:20px;font-weight:800;letter-spacing:-.01em;color:var(--tx);margin:0;line-height:1.2}
.price-tier .word{font-weight:600;color:var(--tx3)}
.price-card[data-tier="forge"]  .price-tier .word{color:var(--blue)}
.price-card[data-tier="growth"] .price-tier .word{color:var(--grn)}
.price-card[data-tier="power"]  .price-tier .word{color:var(--slv)}
.price-card[data-tier="empire"] .price-tier .word{color:var(--amb)}

.price-tag{font-size:12.5px;color:var(--tx3);line-height:1.5;min-height:38px;margin:0}
.price-div{height:1px;background:var(--bd);margin:6px 0}
.price-amt{display:flex;align-items:baseline;gap:3px}
.price-amt .cur{font-size:16px;font-weight:600;color:var(--tx3)}
.price-amt .a{font-size:38px;font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;color:var(--tx)}
.price-card[data-tier="growth"] .price-amt .a{color:var(--grn)}
.price-card[data-tier="power"]  .price-amt .a{color:var(--slv)}
.price-per{font-size:11px;color:var(--tx3);margin-top:3px}
.price-custom{font-size:28px;font-weight:800;color:var(--tx);line-height:1;margin-bottom:4px}
.price-custom-note{font-size:11px;color:var(--tx3);line-height:1.4}
.price-sub{font-size:9.5px;color:var(--tx3);text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-family:'JetBrains Mono',monospace;margin-top:4px;margin-bottom:0;max-width:none}
.price-bestfor{font-size:12px;color:var(--tx3);line-height:1.55;margin:0}
.price-ul{list-style:none;display:flex;flex-direction:column;gap:8px;margin:4px 0 8px;flex:1;padding:0}
.price-li{font-size:12.5px;color:var(--tx2);display:flex;gap:8px;align-items:flex-start;line-height:1.4}
.price-li .ck{width:15px;height:15px;border-radius:3px;display:grid;place-items:center;flex-shrink:0;margin-top:1px;font-size:8px;font-weight:700}
.price-card[data-tier="forge"]  .price-li .ck{background:rgba(59,158,255,.12);color:var(--blue);border:1px solid rgba(59,158,255,.30)}
.price-card[data-tier="growth"] .price-li .ck{background:rgba(46,204,138,.10);color:var(--grn);border:1px solid rgba(46,204,138,.25)}
.price-card[data-tier="power"]  .price-li .ck{background:rgba(200,214,232,.06);color:var(--slv);border:1px solid rgba(200,214,232,.22)}
.price-card[data-tier="empire"] .price-li .ck{background:rgba(200,160,48,.10);color:var(--amb);border:1px solid rgba(200,160,48,.25)}
.price-cta{margin-top:auto}
.price-cta .btn{width:100%;justify-content:center;padding:13px 18px;font-size:13px;font-weight:700;letter-spacing:.02em}
.price-cta .btn-ghost{background:transparent;color:var(--tx);border:1px solid var(--bd2)}
.price-cta .btn-ghost:hover{background:rgba(59,158,255,.08);border-color:var(--blue);color:var(--blue)}
.price-noseat{margin-top:28px;text-align:center;font-size:13px;color:var(--tx3);line-height:1.6}
.price-noseat strong{color:var(--tx);font-weight:600}

.bridge-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.bridge-card{
  position:relative;
  background:var(--p2);border:1px solid var(--bd);
  border-radius:16px;padding:26px 22px;
  display:flex;flex-direction:column;gap:16px;
  transition:border-color .25s,transform .25s,box-shadow .25s;
  overflow:hidden;
}
.bridge-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
}
.bridge-card.p01::before{background:linear-gradient(90deg,var(--blue),var(--b2))}
.bridge-card.p02::before{background:linear-gradient(90deg,var(--grn),var(--g2))}
.bridge-card.p03::before{background:linear-gradient(90deg,var(--slv),var(--s2))}
.bridge-card.p04::before{background:linear-gradient(90deg,var(--amb),var(--a2))}

.bridge-card.p01:hover{border-color:rgba(59,158,255,.5);transform:translateY(-4px);box-shadow:0 16px 44px -14px rgba(59,158,255,.3)}
.bridge-card.p02:hover{border-color:rgba(46,204,138,.5);transform:translateY(-4px);box-shadow:0 16px 44px -14px rgba(46,204,138,.3)}
.bridge-card.p03:hover{border-color:rgba(200,214,232,.55);transform:translateY(-4px);box-shadow:0 16px 44px -14px rgba(200,214,232,.25)}
.bridge-card.p04:hover{border-color:rgba(200,160,48,.5);transform:translateY(-4px);box-shadow:0 16px 44px -14px rgba(200,160,48,.3)}

.bridge-card.featured{background:linear-gradient(180deg,color-mix(in oklab,var(--p2) 85%,rgba(46,204,138,.18)),var(--p2))}
.bridge-card__pop{
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  padding:4px 12px;border-radius:var(--rp);
  background:var(--grn);color:#062315;
  font-family:'JetBrains Mono',monospace;
  font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  box-shadow:0 4px 14px -2px rgba(46,204,138,.5);
  z-index:3;
}

.bridge-card__pillar{
  font-family:'JetBrains Mono',monospace;
  font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tx3);margin-bottom:4px;
}
.bridge-card.p01 .bridge-card__pillar{color:var(--blue)}
.bridge-card.p02 .bridge-card__pillar{color:var(--grn)}
.bridge-card.p03 .bridge-card__pillar{color:var(--slv)}
.bridge-card.p04 .bridge-card__pillar{color:var(--amb)}

.bridge-card__pkg{
  font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--tx);
}
.bridge-card__pkg .word{font-weight:600;font-size:14px;letter-spacing:.08em;color:var(--tx3)}
.bridge-card.p01 .bridge-card__pkg .word{color:var(--blue)}
.bridge-card.p02 .bridge-card__pkg .word{color:var(--grn)}
.bridge-card.p03 .bridge-card__pkg .word{color:var(--slv)}
.bridge-card.p04 .bridge-card__pkg .word{color:var(--amb)}

.bridge-card__headline{font-size:13.5px;font-weight:700;color:var(--tx);line-height:1.4}
.bridge-card__body{font-size:12.5px;color:var(--tx2);line-height:1.6}
.bridge-card__divider{height:1px;background:var(--bd)}

.bridge-card__solves-label{
  font-family:'JetBrains Mono',monospace;
  font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--tx3);margin-bottom:8px;
}
.bridge-card__solves{list-style:none;display:flex;flex-direction:column;gap:6px}
.bridge-card__solves li{
  display:flex;align-items:flex-start;gap:8px;
  font-size:12px;color:var(--tx2);line-height:1.45;
}
.bridge-card__solves li::before{
  content:'';width:4px;height:4px;border-radius:50%;
  flex-shrink:0;margin-top:6px;
}
.bridge-card.p01 .bridge-card__solves li::before{background:var(--blue)}
.bridge-card.p02 .bridge-card__solves li::before{background:var(--grn)}
.bridge-card.p03 .bridge-card__solves li::before{background:var(--slv)}
.bridge-card.p04 .bridge-card__solves li::before{background:var(--amb)}

.bridge-card__price{
  font-size:13px;font-weight:600;color:var(--tx3);
}
.bridge-card__price span{font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:800;color:var(--tx)}
.bridge-card.p01 .bridge-card__price span{color:var(--blue)}
.bridge-card.p02 .bridge-card__price span{color:var(--grn)}
.bridge-card.p03 .bridge-card__price span{color:var(--slv)}
.bridge-card.p04 .bridge-card__price span{color:var(--amb)}

.bridge-cta{
  display:block;width:100%;text-align:center;
  padding:11px 14px;border-radius:var(--r);
  font-size:12.5px;font-weight:600;
  transition:all .18s;letter-spacing:-.005em;
  margin-top:auto;
}
/* CTAs always blue per standard, but outlines vary by pillar for visual rhythm */
.bridge-cta.solid{
  background:linear-gradient(180deg,var(--blue),#2a7ecf);color:#fff;
  box-shadow:0 4px 16px -4px rgba(59,158,255,.5),inset 0 1px 0 rgba(255,255,255,.18);
}
.bridge-cta.solid:hover{transform:translateY(-1px);box-shadow:0 8px 22px -4px rgba(59,158,255,.65)}
.bridge-cta.outline{background:transparent;color:var(--blue);border:1px solid rgba(59,158,255,.35)}
.bridge-cta.outline:hover{background:rgba(59,158,255,.1);border-color:var(--blue);color:#fff}

.bridge-note{
  margin-top:36px;text-align:center;font-size:13px;color:var(--tx3);
}
.bridge-note a{color:var(--blue);border-bottom:1px solid rgba(59,158,255,.35);padding-bottom:1px;transition:all .15s}
.bridge-note a:hover{color:#fff;border-bottom-color:var(--blue)}

/* ─── FINAL CTA ──────────────────────────────────────── */
.final-cta{
  position:relative;z-index:1;
  padding:96px 0;
  background:linear-gradient(180deg,var(--p2),var(--bg));
  border-top:1px solid var(--bd);
  text-align:center;
}
.final-cta-wrap{
  position:relative;max-width:880px;margin:0 auto;padding:0 48px;
}
.final-cta-wrap::before{
  content:'';position:absolute;inset:-40px -40px 0;
  background:radial-gradient(ellipse 60% 70% at 50% 30%,rgba(59,158,255,.15),transparent);
  pointer-events:none;
}
.final-cta h2{max-width:22ch;margin:0 auto 18px;position:relative;z-index:1}
.final-cta .sub{max-width:54ch;margin:0 auto 32px;position:relative;z-index:1;text-align:center}
.final-cta-group{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:1}
.final-cta-micro{font-size:12.5px;color:var(--tx3)}

/* ─── RESPONSIVE ─────────────────────────────────────── */
@media(max-width:1280px){
  .price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1000px){
  .bridge-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
  .sol-block{grid-template-columns:1fr;gap:32px}
  .sol-block.reverse .sol-copy{order:1}
  .sol-block.reverse .sol-card{order:2}
  .roi-grid{grid-template-columns:1fr;padding:0 20px}
  .roi-sep{display:none}
  .roi-col{padding:0 0 32px}
  .roi-col:last-child{padding:0}
  .sol-hero{overflow-x:hidden}
  .final-cta{overflow:hidden}
  .final-cta-wrap{padding:0 20px;overflow:hidden}
  .final-cta-wrap::before{inset:-40px 0 0}
}
@media(max-width:640px){
  .bridge-grid{grid-template-columns:1fr}
}