/* Gizlen Global — semantic stage colors + transparent web pricing */
:root{
  --gg-stage-position:#b37a12;
  --gg-stage-position-bg:#fff5dc;
  --gg-stage-position-line:#efd497;
  --gg-stage-build:#08796f;
  --gg-stage-build-bg:#e5f8f4;
  --gg-stage-build-line:#aee5dc;
  --gg-stage-activate:#6250a6;
  --gg-stage-activate-bg:#f0edff;
  --gg-stage-activate-line:#d4cdf6;
  --gg-stage-connect:#2c5f96;
  --gg-stage-connect-bg:#eaf2fb;
  --gg-stage-connect-line:#bfd4eb;
  --gg-stage-neutral:#526274;
  --gg-stage-neutral-bg:#eef2f6;
  --gg-stage-neutral-line:#d5dde6;
}
body.gg-design-v2 .tag-stage-position,body.gg-refined .tag-stage-position{
  color:#795006!important;background:var(--gg-stage-position-bg)!important;border:1px solid var(--gg-stage-position-line)!important;
  -webkit-text-fill-color:#795006!important;
}
body.gg-design-v2 .tag-stage-build,body.gg-refined .tag-stage-build{
  color:#086a62!important;background:var(--gg-stage-build-bg)!important;border:1px solid var(--gg-stage-build-line)!important;
  -webkit-text-fill-color:#086a62!important;
}
body.gg-design-v2 .tag-stage-activate,body.gg-refined .tag-stage-activate{
  color:#544391!important;background:var(--gg-stage-activate-bg)!important;border:1px solid var(--gg-stage-activate-line)!important;
  -webkit-text-fill-color:#544391!important;
}
body.gg-design-v2 .tag-stage-connect,body.gg-refined .tag-stage-connect{
  color:#234f7c!important;background:var(--gg-stage-connect-bg)!important;border:1px solid var(--gg-stage-connect-line)!important;
  -webkit-text-fill-color:#234f7c!important;
}
body.gg-design-v2 .tag-stage-neutral,body.gg-refined .tag-stage-neutral{
  color:#465667!important;background:var(--gg-stage-neutral-bg)!important;border:1px solid var(--gg-stage-neutral-line)!important;
  -webkit-text-fill-color:#465667!important;
}
body.gg-design-v2 .stage-position-card,body.gg-refined .stage-position-card{border-top:4px solid var(--gg-stage-position)!important}
body.gg-design-v2 .stage-build-card,body.gg-refined .stage-build-card{border-top:4px solid var(--gg-stage-build)!important}
body.gg-design-v2 .stage-activate-card,body.gg-refined .stage-activate-card{border-top:4px solid var(--gg-stage-activate)!important}
body.gg-design-v2 .stage-connect-card,body.gg-refined .stage-connect-card{border-top:4px solid var(--gg-stage-connect)!important}
body.gg-design-v2 .stage-neutral-card,body.gg-refined .stage-neutral-card{border-top:4px solid #8795a5!important}

/* Capability emphasis */
body.gg-design-v2 .systems-capability-lead,body.gg-refined .systems-capability-lead{
  margin:0 0 14px!important;color:#10243a!important;font-size:1.03rem!important;line-height:1.62!important;
}
body.gg-design-v2 .systems-capability-lead strong,body.gg-refined .systems-capability-lead strong{
  color:#0b6f68!important;font-weight:800!important;
}

/* Transparent scoping panel */
body.gg-design-v2 .web-pricing-framework,body.gg-refined .web-pricing-framework{
  display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:34px;align-items:start;
  margin:0 0 34px;padding:30px;border:1px solid #d8e1e7;border-radius:22px;
  background:linear-gradient(145deg,#f8fbfb 0%,#ffffff 58%,#f5f8fc 100%);box-shadow:0 16px 48px rgba(10,31,52,.06);
}
body.gg-design-v2 .web-pricing-framework h3,body.gg-refined .web-pricing-framework h3{
  margin:8px 0 12px!important;max-width:25ch;color:#0d1f33!important;font-size:clamp(1.55rem,2.4vw,2.15rem)!important;line-height:1.13!important;
}
body.gg-design-v2 .web-pricing-framework p,body.gg-refined .web-pricing-framework p{
  color:#4c5d70!important;line-height:1.7!important;margin:0!important;
}
body.gg-design-v2 .web-scope-factors,body.gg-refined .web-scope-factors{display:grid;gap:12px}
body.gg-design-v2 .web-scope-factor,body.gg-refined .web-scope-factor{
  display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:15px 16px;border:1px solid #e0e7ec;border-radius:14px;background:#fff;
}
body.gg-design-v2 .web-scope-factor strong,body.gg-refined .web-scope-factor strong{
  color:#10243a!important;font-size:.78rem!important;text-transform:uppercase;letter-spacing:.07em;line-height:1.45;
}
body.gg-design-v2 .web-scope-factor span,body.gg-refined .web-scope-factor span{color:#536477!important;line-height:1.55}

/* Pricing cards */
body.gg-design-v2 .brand-price-card .price-context,body.gg-refined .brand-price-card .price-context{
  display:block;min-height:2.9em;margin:-2px 0 20px;color:#5b6a7b!important;font-size:.9rem;line-height:1.5;
}
body.gg-design-v2 .brand-price-card .platform-line,body.gg-refined .brand-price-card .platform-line{
  margin:0 0 16px;padding:12px 14px;border-left:3px solid var(--gg-stage-build);border-radius:0 10px 10px 0;background:#f2faf8;color:#284659!important;font-size:.92rem;line-height:1.55;
}
body.gg-design-v2 .pricing-boundaries,body.gg-refined .pricing-boundaries{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0 0;
}
body.gg-design-v2 .pricing-boundary,body.gg-refined .pricing-boundary{
  padding:18px;border:1px solid #dde5eb;border-radius:15px;background:#fff;
}
body.gg-design-v2 .pricing-boundary strong,body.gg-refined .pricing-boundary strong{display:block;margin-bottom:7px;color:#10243a!important;font-size:.9rem}
body.gg-design-v2 .pricing-boundary span,body.gg-refined .pricing-boundary span{color:#5a697a!important;font-size:.88rem;line-height:1.55}
body.gg-design-v2 .pricing-transparency-note,body.gg-refined .pricing-transparency-note{
  margin:22px 0 0;padding:16px 18px;border-radius:14px;background:#0d2034;color:#eef5f8!important;font-size:.91rem;line-height:1.62;
}
body.gg-design-v2 .pricing-transparency-note strong,body.gg-refined .pricing-transparency-note{ -webkit-text-fill-color:#eef5f8!important}

@media (max-width:900px){
  body.gg-design-v2 .web-pricing-framework,body.gg-refined .web-pricing-framework{grid-template-columns:1fr;gap:22px;padding:24px}
  body.gg-design-v2 .pricing-boundaries,body.gg-refined .pricing-boundaries{grid-template-columns:1fr}
}
@media (max-width:620px){
  body.gg-design-v2 .web-pricing-framework,body.gg-refined .web-pricing-framework{padding:20px;border-radius:18px}
  body.gg-design-v2 .web-scope-factor,body.gg-refined .web-scope-factor{grid-template-columns:1fr;gap:5px}
  body.gg-design-v2 .brand-price-card .price-context,body.gg-refined .brand-price-card .price-context{min-height:0}
}
