/* Growth Systems page — extends the approved ACS design system.
   All values reuse homepage tokens: .card, .casechart .row, .process,
   .strip, .tag, .problem-section, .cta, .proof-section, .hero. */
.gs-micro{font-size:13px;color:var(--muted);margin:22px 0 0;max-width:460px}
.gs-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center;max-width:none}
.gs-hero h1{font-size:clamp(46px,5vw,72px)}

/* Complete systems — comparison layout (grid: 1px lines + 1px border, .card padding) */
.gs-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.gs-system{background:var(--bg);padding:34px;display:flex;flex-direction:column;position:relative}
.gs-system h3{font-size:29px;letter-spacing:-1px;margin:0}
.gs-tier{display:block;font:13px monospace;color:var(--blue);letter-spacing:0;margin:0 0 50px}
.gs-for{font-size:16px;margin:0 0 22px;color:var(--muted)}
.gs-includes{list-style:none;padding:0;margin:0 0 28px;border-top:1px solid var(--line)}
.gs-includes li{border-bottom:1px solid var(--line);padding:15px 0 15px 26px;font-size:14px;color:var(--ink);position:relative}
.gs-includes li:before{content:'';position:absolute;left:2px;top:22px;width:12px;height:2px;background:var(--blue)}
.gs-cta{margin-top:auto}
.gs-popular{background:#fff}
.gs-popular:before{content:'';position:absolute;inset:-1px;border:2px solid var(--blue);pointer-events:none}
.gs-badge{position:absolute;top:-13px;left:26px;background:var(--blue);color:#fff;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:5px 12px}
.gs-complete{background:#10182b;color:#fff}
.gs-complete h3{color:#fff}
.gs-complete .gs-for{color:#b7c3d8}
.gs-complete .gs-includes{border-color:#35405a}
.gs-complete .gs-includes li{color:#e6ebf5;border-color:#35405a}
.gs-complete .gs-cta{background:#fff;color:var(--ink)}
.gs-complete .gs-tier{color:#8da7ff}
.gs-complete .gs-includes li:before{background:#8da7ff}
.gs-compare-note{font-size:13px;margin:22px 0 0;color:var(--muted)}

/* Divider before individual systems (.strip treatment) */
.gs-break{margin:0}
.strip-label{letter-spacing:.4px}

/* Individual systems (lighter cards) */
.gs-individual{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.gs-individual article{background:var(--bg);padding:25px;display:flex;flex-direction:column}
.gs-ind-num{font:13px monospace;color:var(--blue);margin:0 0 25px}
.gs-individual h3{font-size:21px;letter-spacing:-.5px;margin:0 0 10px}
.gs-individual p{font-size:15px;margin:0 0 20px}
.gs-individual .textlink{margin-top:auto;align-self:start}
.gs-individual article.wide{grid-column:1/-1}.gs-individual article.wide p{max-width:620px}

/* Problem → solution (.problem-section rhythm, .problem-lines type) */
.gs-problem{border-block:1px solid var(--line);padding:55px 0}
.gs-ps{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line)}
.gs-ps-side{display:flex;flex-direction:column;background:#fff}
.gs-ps-tab{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:22px 26px;font:500 24px/1.4 'Space Grotesk',sans-serif;letter-spacing:-.6px;color:var(--ink);cursor:pointer;min-height:56px}
.gs-ps-side .gs-ps-tab:last-child{border-bottom:0}
.gs-ps-tab[aria-selected="true"]{background:var(--blue);color:#fff}
.gs-ps-arrow{font-weight:400;opacity:0;transition:opacity .15s}
.gs-ps-tab[aria-selected="true"] .gs-ps-arrow{opacity:1}
.gs-ps-panels{background:#10182b;color:#fff;padding:45px;display:flex;flex-direction:column}
.gs-ps-panel{display:flex;flex-direction:column;flex:1}
.gs-ps-panel[hidden]{display:none}
.gs-ps-label{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#a4b9ff;margin-bottom:18px}
.gs-ps-panel h3{font-size:30px;color:#fff;letter-spacing:-.8px;margin:0 0 16px}
.gs-ps-panel p{color:#b7c3d8;font-size:16px;margin:0 0 28px;max-width:460px}
.gs-ps-panel .textlink{margin-top:auto;align-self:start;color:#fff;border-color:#5c7dff}
.gs-ps-panel .textlink:hover{border-color:#fff}

/* Steps (.process treatment, exact) */
.gs-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.gs-steps article{border-top:1px solid var(--ink);padding-top:18px}
.gs-steps small{color:var(--blue)}
.gs-steps h3{font-size:20px;letter-spacing:-.5px;margin:22px 0 12px}
.gs-steps p{font-size:14px;margin:0}

/* Proof (.proof-section rhythm, .tag chips) */
.gs-proof{margin-top:85px}
.proof-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start}
.gs-proof-tags{margin-top:18px}

/* Final CTA (.cta values) */
.gs-final .btn{flex-shrink:0;white-space:nowrap}
.gs-final-alt{color:#fff;border-color:#8fa8ff;display:block;margin-top:18px}

@media(max-width:900px){
.gs-system{padding:25px}
.gs-tier{margin-bottom:34px}
.gs-includes li{padding:12px 0 12px 26px}
.gs-includes li:before{top:19px}
.gs-steps{grid-template-columns:repeat(2,1fr)}
.gs-proof-stories{grid-template-columns:1fr}
.gs-ps-tab{font-size:21px;padding:20px 22px}
}
@media(max-width:650px){
.gs-hero{grid-template-columns:1fr;padding:50px 0;gap:45px}
.gs-compare{grid-template-columns:1fr}
.gs-popular:before{inset:0}
.gs-badge{top:0;transform:translateY(-50%)}
.gs-individual{grid-template-columns:1fr}
.gs-tier{margin-bottom:25px}
.gs-ind-num{margin-bottom:25px}
.gs-individual article{padding:25px}
.gs-steps{grid-template-columns:repeat(2,1fr);gap:20px}
.gs-ps{grid-template-columns:1fr}
.gs-ps-tab{padding:18px 20px;font-size:16px}
.gs-ps-panels{padding:28px 22px}
.gs-final{padding:35px 25px}
.gs-final .btn{white-space:normal}
}
@media(prefers-reduced-motion:reduce){
.gs-ps-arrow{transition:none}
}