/* Gizlen Global final visual-balance pass — 2026-07-29e
   Loaded last. Normalizes card geometry, CTA sizing, typography and spacing. */
:root{
  --gg-page-max:1210px;
  --gg-reading:760px;
  --gg-space-section:clamp(72px,6.5vw,104px);
  --gg-space-section-tight:clamp(52px,5vw,76px);
  --gg-card-padding:clamp(24px,2.4vw,32px);
  --gg-card-radius:22px;
}

body.gg-refined{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  color:#0a1b2f;
  text-rendering:optimizeLegibility;
}
body.gg-refined h1,
body.gg-refined h2,
body.gg-refined h3,
body.gg-refined h4,
body.gg-refined summary,
body.gg-refined .button{
  font-family:Manrope,Inter,system-ui,sans-serif!important;
  text-wrap:balance;
}
body.gg-refined p,
body.gg-refined li{ text-wrap:pretty; }
body.gg-refined h1{line-height:.98!important;letter-spacing:-.055em!important}
body.gg-refined h2{line-height:1.04!important;letter-spacing:-.045em!important}
body.gg-refined h3{line-height:1.12!important;letter-spacing:-.03em!important}
body.gg-refined .lead{max-width:64ch!important;color:#4f6072!important}
body.gg-refined .container,
body.gg-refined .gg-footer-inner,
body.gg-refined .gg-nav-row{
  width:min(calc(100% - 40px),var(--gg-page-max))!important;
  margin-inline:auto!important;
}
body.gg-refined .section{padding-block:var(--gg-space-section)!important}
body.gg-refined .section-tight{padding-block:var(--gg-space-section-tight)!important}
body.gg-refined .section-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,.72fr)!important;
  align-items:start!important;
  gap:clamp(32px,5vw,72px)!important;
  margin-bottom:clamp(34px,4.5vw,56px)!important;
}
body.gg-refined .section-head>div{min-width:0}
body.gg-refined .section-head h2{max-width:18ch!important;margin-bottom:0!important}
body.gg-refined .section-head>.lead,
body.gg-refined .section-head>p{margin:0!important;padding-top:4px!important}

/* Consistent cards */
body.gg-refined .card,
body.gg-refined .offer,
body.gg-refined .brand-price-card,
body.gg-refined .program-card,
body.gg-refined .home-market-card,
body.gg-refined .brand-pillar-card,
body.gg-refined .related-card,
body.gg-refined .portfolio-card,
body.gg-refined .result-card{
  min-width:0!important;
  padding:var(--gg-card-padding)!important;
  border-radius:var(--gg-card-radius)!important;
}
body.gg-refined .card h3,
body.gg-refined .offer h2,
body.gg-refined .offer h3,
body.gg-refined .brand-price-card h3,
body.gg-refined .program-card h3{
  max-width:24ch!important;
  margin:0 0 12px!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
body.gg-refined .tag,
body.gg-refined .label-row span{
  white-space:normal!important;
  max-width:100%!important;
  width:max-content!important;
  padding:7px 12px!important;
  line-height:1.18!important;
}
body.gg-refined .price,
body.gg-refined .program-price{margin:16px 0 7px!important}
body.gg-refined .offer-note,
body.gg-refined .program-meta{display:block!important;margin:0 0 6px!important;line-height:1.5!important}
body.gg-refined .scope-label{margin:22px 0 8px!important}
body.gg-refined .check-list{width:100%!important;margin:8px 0 0!important}
body.gg-refined .check-list li{padding-block:7px!important}

/* Buttons should read as actions, not empty full-width bars. */
body.gg-refined .button{
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:48px!important;
  padding:14px 24px!important;
  line-height:1.18!important;
  white-space:normal!important;
  text-align:center!important;
  justify-content:center!important;
}
body.gg-refined .offer>.button,
body.gg-refined .brand-price-card>.button,
body.gg-refined .program-card>.button,
body.gg-refined .card>.button{
  align-self:flex-start!important;
  min-width:176px!important;
  margin-top:24px!important;
}
body.gg-refined .button-row,
body.gg-refined .hero-actions,
body.gg-refined .proof-link-row{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:30px!important;
}
body.gg-refined .button-row .button{flex:0 0 auto!important}

/* AI implementation pricing: equal-width 2×2, natural card height. */
body.gg-refined .offer-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:start!important;
}
body.gg-refined .offer{
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  align-self:start!important;
}
body.gg-refined .offer.featured{transform:none!important}
body.gg-refined .offer h2{font-size:clamp(1.42rem,2.1vw,1.85rem)!important}

/* Brand / web pricing: explicit 2×2 cards. */
body.gg-refined .brand-pricing-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:start!important;
}
body.gg-refined .brand-price-card{
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  align-self:start!important;
  border:1px solid #d8e0e3!important;
  background:#fff!important;
  box-shadow:0 14px 36px rgba(7,20,35,.07)!important;
}
body.gg-refined .brand-price-card.featured{
  border-color:#d8b465!important;
  background:linear-gradient(155deg,#fffdfa 0%,#fbf3e4 100%)!important;
}
body.gg-refined .brand-price-card h3{font-size:clamp(1.35rem,2vw,1.68rem)!important}
body.gg-refined .section-brand-pricing .button-row{margin-top:28px!important}

/* Speaking / workshop pricing: coherent 3×2 grid, aligned actions. */
body.gg-refined .pricing-program-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
}
body.gg-refined .program-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
}
body.gg-refined .program-card .check-list{flex:1 1 auto!important}
body.gg-refined .program-card>.button{margin-top:auto!important;padding-top:14px!important;padding-bottom:14px!important}
body.gg-refined .program-card h3{font-size:clamp(1.18rem,1.55vw,1.42rem)!important}
body.gg-refined .program-meta{min-height:0!important}

/* Portfolio/results cards need a complete, legible upper panel. */
body.gg-refined .portfolio-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
}
body.gg-refined .portfolio-card{height:100%!important;display:flex!important;flex-direction:column!important}
body.gg-refined .portfolio-visual{min-height:190px!important;padding:24px!important}
body.gg-refined .portfolio-body{display:flex!important;flex:1!important;flex-direction:column!important}
body.gg-refined .portfolio-body .text-link{margin-top:auto!important;padding-top:18px!important}
body.gg-refined .evidence-flow{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
body.gg-refined .evidence-step{min-width:0!important;padding:13px 9px!important;text-align:center!important}
body.gg-refined .evidence-step b{font-size:.76rem!important;line-height:1.25!important}
body.gg-refined .evidence-step small{font-size:.66rem!important;line-height:1.35!important}

/* Home and brand-service grids. */
body.gg-refined .home-market-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:stretch!important;
}
body.gg-refined .home-market-card,
body.gg-refined .brand-pillar-card,
body.gg-refined .related-card{display:flex!important;flex-direction:column!important;height:100%!important}
body.gg-refined .home-market-card .text-link,
body.gg-refined .brand-pillar-card .text-link,
body.gg-refined .related-card .text-link{margin-top:auto!important;padding-top:16px!important}
body.gg-refined .brand-pillar-grid,
body.gg-refined .related-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}

/* FAQ rhythm */
body.gg-refined .faq-list{display:grid!important;gap:12px!important}
body.gg-refined .faq-list details{padding-inline:clamp(22px,3vw,34px)!important}
body.gg-refined .faq-list summary{padding-block:clamp(21px,2.5vw,28px)!important}

/* Canonical book cover: zero tilt; only depth shadow. */
body.gg-refined .canonical-book-cover,
body.gg-refined.page-clarity-os .clarity-book-cover img,
body.gg-refined .book-showcase-visual .canonical-book-cover,
body.gg-refined .gg-book-mobile-cover img{
  transform:none!important;
  rotate:0deg!important;
  skew:0deg!important;
  perspective:none!important;
  filter:none!important;
  box-shadow:0 30px 54px rgba(7,20,35,.22),0 10px 20px rgba(7,20,35,.10)!important;
}
body.gg-refined .clarity-book-cover,
body.gg-refined .book-showcase-visual{transform:none!important;perspective:none!important}
body.gg-refined .clarity-book-cover::after,
body.gg-refined .book-showcase-visual::after{display:none!important}

@media(max-width:1080px){
  body.gg-refined .pricing-program-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.gg-refined .home-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.gg-refined .brand-pillar-grid,
  body.gg-refined .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  body.gg-refined .container,
  body.gg-refined .gg-footer-inner,
  body.gg-refined .gg-nav-row{width:min(calc(100% - 28px),var(--gg-page-max))!important}
  body.gg-refined .section-head{display:block!important}
  body.gg-refined .section-head h2{max-width:none!important}
  body.gg-refined .section-head>.lead,
  body.gg-refined .section-head>p{margin-top:16px!important}
  body.gg-refined .offer-grid,
  body.gg-refined .brand-pricing-grid,
  body.gg-refined .pricing-program-grid,
  body.gg-refined .portfolio-grid,
  body.gg-refined .home-market-grid,
  body.gg-refined .brand-pillar-grid,
  body.gg-refined .related-grid{grid-template-columns:1fr!important}
  body.gg-refined .offer,
  body.gg-refined .brand-price-card,
  body.gg-refined .program-card{width:100%!important}
  body.gg-refined .offer>.button,
  body.gg-refined .brand-price-card>.button,
  body.gg-refined .program-card>.button,
  body.gg-refined .card>.button,
  body.gg-refined .button-row .button{width:100%!important;align-self:stretch!important}
  body.gg-refined .button-row,
  body.gg-refined .hero-actions{display:grid!important;grid-template-columns:1fr!important}
  body.gg-refined .evidence-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Final audit corrections */
body.gg-refined .offer>.button,
body.gg-refined .brand-price-card>.button,
body.gg-refined .program-card>.button,
body.gg-refined .home-market-card>.button,
body.gg-refined .card>.button{
  width:auto!important;
  max-width:100%!important;
}
body.gg-refined .process-step::after{display:none!important}
body.gg-refined .process-step{overflow:hidden!important}
body.gg-refined .evidence-flow span,
body.gg-refined .evidence-flow b,
body.gg-refined .evidence-flow small,
body.gg-refined .market-activation-flow span,
body.gg-refined .market-flow span,
body.gg-refined .activation-flow span,
body.gg-refined .capacity-flow span,
body.gg-refined .capacity-release-flow span{
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
@media(max-width:760px){
  body.gg-refined .hero-grid,
  body.gg-refined .hero-two-col,
  body.gg-refined .page-hero-grid,
  body.gg-refined .clarity-hero-grid{
    width:100%!important;
    min-width:0!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.gg-refined .hero-grid>*,
  body.gg-refined .hero-two-col>*,
  body.gg-refined .page-hero-grid>*,
  body.gg-refined .clarity-hero-grid>*{min-width:0!important;max-width:100%!important}
  body.gg-refined .hero .eyebrow,
  body.gg-refined .page-hero .eyebrow,
  body.gg-refined .hero-two-col .eyebrow{white-space:normal!important}
  body.gg-refined .system-board{width:100%!important;min-width:0!important;max-width:100%!important}
}

/* Secondary actions must remain visible on white and warm-neutral cards. */
body.gg-refined .button-light,
body.gg-refined .button-secondary{
  background:#f7f9fa!important;
  color:#0a1b2f!important;
  border:1px solid #bcc8d1!important;
  box-shadow:0 6px 16px rgba(7,20,35,.055)!important;
}
body.gg-refined .button-light:hover,
body.gg-refined .button-secondary:hover{
  background:#eef3f5!important;
  border-color:#8ea0ad!important;
}
body.gg-refined .section-dark .button-light,
body.gg-refined .hero .button-light,
body.gg-refined .page-hero .button-light{
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.28)!important;
  box-shadow:none!important;
}
body.gg-refined .offer>.button,
body.gg-refined .brand-price-card>.button,
body.gg-refined .program-card>.button{min-width:210px!important}
body.gg-refined .hero .eyebrow,
body.gg-refined .hero-two-col .eyebrow,
body.gg-refined .page-hero .eyebrow{
  display:inline-block!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
body.gg-refined .activation-path span,
body.gg-refined .roi-capacity-flow span{box-sizing:border-box!important;width:100%!important}
