/**
 * GoBooster — global marketing cards (homepage gb-hp-card parity)
 * Loaded on homepage + all gb-site marketing pages after page-specific CSS.
 */

/* ── Base card shell ── */
.gb-hp-card,
.gb-site .gb-mod-feature-card,
.gb-site .gb-mod-benefit-card,
.gb-site .gb-mod-faq-card,
.gb-site .gb-mod-more-card,
.gb-site .gb-mod-hub-card,
.gb-site .gb-mod-workflow article,
.gb-site .gb-blog-card,
.gb-site .sc-feature-card,
.gb-site .sc-industry-card,
.gb-site .sc-detail-card,
.gb-site .sc-legal-card,
.gb-site .sc-resource-type-card,
.gb-site .sc-love-card,
.gb-site .sc-plan-card,
.gb-site .sc-price-benefits article,
.gb-site .gb-sitemap-grid a{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  box-shadow:0 12px 35px rgba(15,23,42,.08);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}

/* ── Homepage feature card ── */
.gb-hp-feature{
  padding:24px;
  display:flex;
  flex-direction:column;
  gap:0;
  min-height:156px;
  position:relative;
  overflow:hidden;
}
.gb-hp-feature:before,
.gb-site .gb-mod-feature-card:before,
.gb-site .gb-mod-benefit-card:before,
.gb-site .gb-mod-more-card:before,
.gb-site .gb-mod-hub-card:before,
.gb-site .gb-mod-workflow article:before,
.gb-site .sc-feature-card:before,
.gb-site .sc-industry-card:before,
.gb-site .sc-detail-card:before,
.gb-site .gb-blog-card:before,
.gb-site .gb-sitemap-grid a:before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:3px;
  background:linear-gradient(90deg,#2563EB,#22C55E);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .25s ease;
  z-index:1;
}
.gb-hp-feature:hover:before,
.gb-site .gb-mod-feature-card:hover:before,
.gb-site .gb-mod-benefit-card:hover:before,
.gb-site .gb-mod-more-card:hover:before,
.gb-site .gb-mod-hub-card:hover:before,
.gb-site .gb-mod-workflow article:hover:before,
.gb-site .sc-feature-card:hover:before,
.gb-site .sc-industry-card:hover:before,
.gb-site .sc-detail-card:hover:before,
.gb-site .gb-blog-card:hover:before,
.gb-site .gb-sitemap-grid a:hover:before{
  transform:scaleX(1);
}
.gb-hp-feature:hover,
.gb-site .gb-mod-feature-card:hover,
.gb-site .gb-mod-benefit-card:hover,
.gb-site .gb-mod-more-card:hover,
.gb-site .gb-mod-hub-card:hover,
.gb-site .gb-mod-workflow article:hover,
.gb-site .sc-feature-card:hover,
.gb-site .sc-industry-card:hover,
.gb-site .sc-detail-card:hover,
.gb-site .gb-blog-card:hover,
.gb-site .gb-sitemap-grid a:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 48px rgba(15,23,42,.12);
  border-color:rgba(37,99,235,.15);
}

.gb-hp-feature-icon,
.gb-site .gb-mod-feature-icon,
.gb-site .gb-mod-benefit-icon{
  width:52px;height:52px;border-radius:14px;
  background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(34,197,94,.08));
  color:#2563EB;
  display:grid;place-items:center;
  font-size:22px;
  flex-shrink:0;
  border:none;
  margin-bottom:16px;
}
.gb-site .gb-mod-benefit-icon{margin-bottom:0}
.gb-hp-feature-body{min-width:0;flex:1}
.gb-hp-feature h3,
.gb-site .gb-mod-feature-card h3,
.gb-site .sc-feature-card h3,
.gb-site .sc-industry-card h3,
.gb-site .sc-detail-card h3,
.gb-site .gb-blog-card h2,
.gb-site .gb-blog-card h3{
  margin:0 0 8px;
  font-size:18px;
  font-weight:600;
  color:#0F172A;
  line-height:1.4;
}
.gb-hp-feature p,
.gb-site .gb-mod-feature-card>p,
.gb-site .sc-feature-card p,
.gb-site .sc-industry-card p,
.gb-site .sc-detail-card p,
.gb-site .gb-blog-card p{
  margin:0;
  font-size:15px;
  line-height:1.65;
  color:#64748B;
}

/* ── Module feature cards ── */
.gb-site .gb-mod-feature-card{
  padding:24px;
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden;
}
.gb-site .gb-mod-feature-card:after{display:none}
.gb-site .gb-mod-feature-card ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.gb-site .gb-mod-feature-card li{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.5;color:#334155;font-weight:500}
.gb-site .gb-mod-feature-card li i{color:#2563EB;margin-top:2px;flex-shrink:0}

/* ── Benefit cards (industry-style row) ── */
.gb-site .gb-mod-benefit-card{
  display:flex;
  gap:16px;
  align-items:flex-start;
  padding:22px 24px;
  position:relative;
  overflow:hidden;
}
.gb-site .gb-mod-benefit-card h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#0F172A}
.gb-site .gb-mod-benefit-card p{margin:0;font-size:15px;line-height:1.65;color:#64748B}

/* ── FAQ cards ── */
.gb-site .gb-mod-faq-card{
  padding:20px 22px;
  position:relative;
  overflow:hidden;
}
.gb-site .gb-mod-faq-card:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 48px rgba(15,23,42,.1);
  border-color:rgba(37,99,235,.12);
}
.gb-site .gb-mod-faq-card[open]{
  border-color:rgba(37,99,235,.15);
  box-shadow:0 20px 48px rgba(15,23,42,.1);
}
.gb-site .gb-mod-faq-card summary{
  font-size:15px;
  font-weight:600;
  color:#0F172A;
}
.gb-site .gb-mod-faq-card summary:after{
  background:rgba(37,99,235,.1);
  color:#2563EB;
  border-radius:12px;
}
.gb-site .gb-mod-faq-card p{
  margin:14px 0 0;
  font-size:15px;
  line-height:1.65;
  color:#64748B;
}

/* ── SEO text block (flat — no outer card) ── */
.gb-site .gb-mod-seo-block{
  max-width:920px;
  margin:0 auto;
  padding:0;
  border:none;
  background:transparent;
  box-shadow:none;
}
.gb-site .gb-mod-seo-lead{
  margin:0 0 18px;
  font-size:15px;
  line-height:1.75;
  color:#334155;
}

/* ── Workflow steps ── */
.gb-site .gb-mod-workflow article{
  min-height:118px;
  padding:22px 20px 18px;
  position:relative;
  overflow:hidden;
}
.gb-site .gb-mod-workflow article span{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:34px;height:28px;padding:0 8px;
  border-radius:999px;
  font-size:10px;font-weight:800;
  color:#2563EB;
  background:rgba(37,99,235,.1);
  margin-bottom:12px;
}
.gb-site .gb-mod-workflow article strong{
  display:block;
  font-size:15px;
  line-height:1.45;
  font-weight:600;
  color:#0F172A;
}

/* ── Hub & more module cards ── */
.gb-site .gb-mod-more-card,
.gb-site .gb-mod-hub-card{
  padding:24px;
  display:flex;
  flex-direction:column;
  gap:8px;
  position:relative;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
}
.gb-site .gb-mod-feature-card:after,
.gb-site .gb-mod-more-card:before{display:none}
.gb-site .gb-mod-more-icon,
.gb-site .gb-mod-hub-icon{
  width:52px;height:52px;border-radius:14px;
  background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(34,197,94,.08))!important;
  color:#2563EB!important;
  display:grid;place-items:center;
  font-size:22px;
  box-shadow:none!important;
  margin-bottom:8px;
}
.gb-site .gb-mod-more-card strong,
.gb-site .gb-mod-hub-card strong{
  font-size:18px;
  font-weight:600;
  color:#0F172A;
}
.gb-site .gb-mod-more-card small,
.gb-site .gb-mod-hub-card p{
  font-size:15px;
  line-height:1.65;
  color:#64748B;
}
.gb-site .gb-mod-hub-link,
.gb-site .gb-mod-more-arrow{
  font-size:14px;
  font-weight:600;
  color:#2563EB;
}

/* ── Industry-style homepage cards ── */
.gb-hp-industry-card,
.gb-hp-integration-card,
.gb-hp-security-card,
.gb-hp-workflow-step{
  position:relative;
  overflow:hidden;
}
.gb-hp-industry-card{padding:22px;display:flex;gap:14px;align-items:flex-start;text-align:left;min-height:124px}
.gb-hp-industry-card:hover,
.gb-hp-integration-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(15,23,42,.1);border-color:rgba(37,99,235,.12)}
.gb-hp-industry-icon,
.gb-hp-integration-icon,
.gb-hp-workflow-icon{
  width:48px;height:48px;border-radius:14px;
  background:rgba(37,99,235,.1);
  color:#2563EB;
  display:grid;place-items:center;
  font-size:20px;
  flex-shrink:0;
}
.gb-hp-industry-card h3,
.gb-hp-integration-card h3{margin:0 0 6px;font-size:18px;font-weight:600;color:#0F172A;line-height:1.4}
.gb-hp-industry-card p,
.gb-hp-integration-card p{margin:0;font-size:15px;line-height:1.65;color:#64748B}

/* ── Legacy sc-* marketing cards ── */
.gb-site .sc-feature-card,
.gb-site .sc-industry-card,
.gb-site .sc-detail-card{
  position:relative;
  overflow:hidden;
  min-height:0;
  padding:24px;
}
.gb-site .sc-feature-card img,
.gb-site .sc-industry-card img{
  width:52px;height:52px;
  margin-bottom:16px;
  filter:none;
}
.gb-site .sc-detail-card>i{
  width:52px!important;height:52px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(34,197,94,.08))!important;
  color:#2563EB!important;
  font-size:22px!important;
}
.gb-site .sc-legal-card{
  padding:24px;
  border-radius:18px;
}
.gb-site .sc-legal-card h2{
  font-size:18px;
  font-weight:600;
  color:#0F172A;
}
.gb-site .sc-legal-card p{
  font-size:15px;
  line-height:1.65;
  color:#64748B;
  font-weight:400;
}
.gb-site .sc-resource-type-card{
  padding:24px;
  position:relative;
  overflow:hidden;
  min-height:0;
}

/* ── Blog cards ── */
.gb-site .gb-blog-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:24px;
  position:relative;
  overflow:hidden;
}
.gb-site .gb-blog-card--featured{
  background:linear-gradient(180deg,#fff 0%,#F8FAFC 100%);
  border-color:rgba(15,23,42,.08);
}

/* ── Pricing cards (homepage gb-hp-price-card parity) ── */
.gb-site .sc-plan-card,
.gb-hp-price-card{
  position:relative;
  min-height:0;
  padding:26px 22px 22px;
  display:flex;
  flex-direction:column;
  text-align:left;
}
.gb-site .sc-plan-card.is-popular,
.gb-hp-price-card.is-featured{
  border:2px solid #2563EB!important;
  box-shadow:0 24px 56px rgba(37,99,235,.18)!important;
  transform:none;
  z-index:1;
}
.gb-site .sc-plan-head{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom:20px;
}
.gb-site .sc-plan-head img{
  width:52px;height:52px;
  object-fit:contain;
  filter:none;
  margin:0;
  flex-shrink:0;
}
.gb-site .sc-plan-head h2{
  margin:0 0 6px;
  font-size:18px;
  font-weight:600;
  color:#0F172A;
  line-height:1.35;
}
.gb-site .sc-plan-head p{
  margin:0;
  font-size:15px;
  line-height:1.65;
  color:#64748B;
  font-weight:400;
}
.gb-site .sc-plan-price strong{
  font-size:32px;
  font-weight:800;
  color:#0F172A;
}
.gb-site .sc-plan-price span{
  color:#64748B;
  font-size:14px;
  font-weight:500;
}
.gb-site .sc-plan-price small{
  color:#16A34A;
  font-size:13px;
  font-weight:600;
}
.gb-site .sc-plan-card ul{
  flex:1;
  display:grid;
  gap:10px;
  margin:16px 0 0;
  padding:0;
}
.gb-site .sc-plan-card li{
  font-size:14px;
  font-weight:500;
  color:#334155;
  line-height:1.45;
}
.gb-site .sc-plan-action{
  margin-top:20px;
  min-height:44px;
  border-radius:10px;
  font-size:15px;
  font-weight:600;
}

/* ── Pricing benefits — individual cards, no wrapper shell ── */
.gb-site .sc-price-benefits{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:24px;
  border:none;
  background:transparent;
  box-shadow:none;
  border-radius:0;
  overflow:visible;
}
.gb-site .sc-price-benefits article{
  min-height:0;
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:20px;
  border-right:none!important;
  border-bottom:none!important;
  justify-content:flex-start;
}
.gb-site .sc-price-benefits img{
  width:48px;height:48px;
  flex-shrink:0;
}
.gb-site .sc-price-benefits strong{
  display:block;
  font-size:17px;
  font-weight:600;
  color:#0F172A;
  margin-bottom:4px;
}
.gb-site .sc-price-benefits span{
  display:block;
  font-size:15px;
  line-height:1.65;
  color:#64748B;
  font-weight:400;
}

.gb-site .sc-plan-grid{
  gap:20px;
}

/* ── Pricing page premium box ── */
.gb-site .sc-pricing-premium-box{
  width:100%;
  max-width:100%;
  margin:0 auto;
  padding:clamp(22px,3.5vw,34px);
  border:1px solid rgba(37,99,235,.12);
  border-radius:22px;
  background:linear-gradient(180deg,#fff 0%,#f8faff 100%);
  box-shadow:0 24px 64px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.9);
}
.gb-site .sc-pricing-premium-box .sc-billing-switch{
  margin-bottom:28px;
  text-align:center;
}
.gb-site .sc-pricing-premium-box .sc-plan-grid{
  align-items:stretch;
  gap:16px;
}
.gb-site .sc-pricing-premium-box .sc-plan-card,
.gb-site .sc-pricing-premium-box .gb-hp-price-card{
  height:100%;
  min-height:470px;
  text-align:left;
  align-items:stretch;
  padding:22px 20px 20px;
}
.gb-site .sc-pricing-premium-box .sc-plan-topbar{
  min-height:28px;
  margin:0 0 10px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.gb-site .sc-pricing-premium-box .sc-popular-ribbon{
  position:static;
  width:100%;
  height:26px;
  margin:0;
  border-radius:8px;
  top:auto;
  left:auto;
  right:auto;
}
.gb-site .sc-pricing-premium-box .sc-plan-head{
  align-items:flex-start;
  text-align:left;
  margin-bottom:18px;
}
.gb-site .sc-pricing-premium-box .sc-plan-head-copy{
  min-width:0;
  flex:1;
  text-align:left;
}
.gb-site .sc-pricing-premium-box .sc-plan-head h2,
.gb-site .sc-pricing-premium-box .sc-plan-head p{
  text-align:left;
}
.gb-site .sc-pricing-premium-box .sc-plan-price{
  text-align:left;
  margin-bottom:16px;
}
.gb-site .sc-pricing-premium-box .sc-plan-price-row{
  justify-content:flex-start;
  align-items:baseline;
}
.gb-site .sc-pricing-premium-box .sc-plan-price small{
  text-align:left;
}
.gb-site .sc-pricing-premium-box .sc-plan-strike{
  text-align:left;
}
.gb-site .sc-pricing-premium-box .sc-plan-card ul,
.gb-site .sc-pricing-premium-box .sc-plan-features{
  flex:1 1 auto;
  margin:0 0 16px;
  align-content:start;
}
.gb-site .sc-pricing-premium-box .sc-plan-card li,
.gb-site .sc-pricing-premium-box .sc-plan-features li{
  align-items:flex-start;
  text-align:left;
}
.gb-site .sc-pricing-premium-box .sc-plan-card li i,
.gb-site .sc-pricing-premium-box .sc-plan-features li i{
  margin-top:2px;
}
.gb-site .sc-pricing-premium-box .sc-plan-card li span,
.gb-site .sc-pricing-premium-box .sc-plan-features li span{
  min-width:0;
  flex:1;
}
.gb-site .sc-pricing-premium-box .sc-plan-action{
  margin-top:auto;
  margin-bottom:0;
  flex-shrink:0;
}
.gb-site .sc-pricing-premium-box .sc-price-benefits{
  margin-top:22px;
}

/* ── All-page sitemap links as cards ── */
.gb-site .gb-sitemap-grid a{
  display:block;
  padding:14px 18px;
  font-size:15px;
  font-weight:500;
  color:#2563EB;
  text-decoration:none;
  position:relative;
  overflow:hidden;
}

@media(max-width:767px){
  .gb-hp-feature,
  .gb-site .gb-mod-feature-card,
  .gb-site .gb-mod-benefit-card,
  .gb-site .sc-feature-card,
  .gb-site .sc-industry-card,
  .gb-site .sc-plan-card,
  .gb-hp-price-card{
    padding:20px;
  }
  .gb-hp-feature-icon,
  .gb-site .gb-mod-feature-icon,
  .gb-site .gb-mod-benefit-icon{
    width:48px;height:48px;font-size:20px;margin-bottom:14px;
  }
  .gb-hp-feature h3,
  .gb-site .gb-mod-feature-card h3,
  .gb-site .sc-feature-card h3{font-size:17px}
  .gb-hp-feature p,
  .gb-site .gb-mod-feature-card>p,
  .gb-site .sc-feature-card p{font-size:15px;line-height:1.65}
  .gb-site .gb-mod-features,
  .gb-site .gb-mod-benefits,
  .gb-site .sc-feature-card-grid,
  .gb-site .sc-plan-grid,
  .gb-site .sc-price-benefits{
    grid-template-columns:1fr;
    gap:14px;
  }
  .gb-site .sc-pricing-premium-box .sc-plan-card,
  .gb-site .sc-pricing-premium-box .gb-hp-price-card{
    min-height:0;
    height:auto;
  }
  .gb-site .sc-plan-price strong{font-size:34px}
}