/* growth.css: industry pages, free tools, monthly plan and workshops.
   Light reading surfaces, deep-ink statement blocks, copper accents, the drawing systems line. */
:root{
  --g-white:#FFFFFF;--g-paper:#FFFFFF;--g-paper-2:#F2F4F7;
  --g-ink:#111317;--g-ink-2:#3F444E;--g-ink-3:#626875;
  --g-line:rgba(17,19,23,.10);--g-line-2:rgba(17,19,23,.18);
  --g-copper:#B4621F;--g-copper-text:#8F4D15;--g-copper-bright:#EDAA70;
  --g-fill-a:#B5641F;--g-fill-b:#8F4A12;
  --g-deep-a:#16181E;--g-deep-b:#0E1014;--g-on-deep:#F5F2EC;--g-on-deep-2:#CFC9BD;--g-deep-line:rgba(245,242,236,.14);
  --g-shadow:0 1px 2px rgba(17,19,23,.06),0 14px 32px -16px rgba(17,19,23,.24);
  --g-radius:14px;--g-shell:min(1720px,calc(100% - clamp(32px,6vw,128px)));
  --g-display:'Zodiak',Georgia,serif;--g-body:'General Sans',system-ui,sans-serif;--g-mono:'JetBrains Mono',ui-monospace,monospace;
}
.g-main{background:var(--g-paper);color:var(--g-ink);padding-top:84px}
.g-shell{width:var(--g-shell);margin-inline:auto}
.g-section{padding-block:clamp(64px,9vw,120px)}
.g-section+.g-section{border-top:1px solid var(--g-line)}
.g-kicker{font:500 12px/1.3 var(--g-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--g-copper-text)}
.g-h1{font-family:var(--g-display);font-weight:400;font-size:clamp(44px,6vw,84px);line-height:1;letter-spacing:-.02em;margin:16px 0 0;text-wrap:balance}
.g-h2{font-family:var(--g-display);font-weight:400;font-size:clamp(32px,4vw,54px);line-height:1.04;letter-spacing:-.02em;margin:12px 0 0;text-wrap:balance}
.g-h1 em,.g-h2 em{font-style:italic;color:var(--g-copper-text)}
.g-lede{font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:var(--g-ink-2);max-width:58ch;margin:20px 0 0}
.g-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.g-btn{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 24px;border-radius:999px;font:600 15px/1 var(--g-body);text-decoration:none;border:1px solid transparent;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s}
.g-btn:hover{transform:translateY(-1px)}
.g-btn-primary{background:linear-gradient(180deg,var(--g-fill-a),var(--g-fill-b));color:#fff;box-shadow:0 12px 26px -14px rgba(143,74,18,.8)}
.g-btn-ghost{background:var(--g-white);color:var(--g-ink);border-color:var(--g-line-2)}
.g-deep .g-btn-ghost{background:rgba(255,255,255,.06);color:var(--g-on-deep);border-color:rgba(245,242,236,.35)}
.g-btn:focus-visible,.g-calc input:focus-visible,.g-quiz input:focus-visible+span{outline:3px solid var(--g-copper);outline-offset:3px}

/* Hero: deep ink statement card on paper */
.g-hero{padding-block:clamp(28px,4vw,48px) clamp(48px,6vw,80px)}
.g-hero-card{background:radial-gradient(ellipse 60% 80% at 92% 0%,rgba(181,100,31,.20),transparent 60%),linear-gradient(180deg,var(--g-deep-a),var(--g-deep-b));color:var(--g-on-deep);border-radius:var(--g-radius);padding:clamp(36px,5vw,72px);box-shadow:var(--g-shadow);position:relative;overflow:hidden}
.g-hero-card .g-kicker{color:var(--g-copper-bright)}
.g-hero-card .g-h1 em{color:var(--g-copper-bright)}
.g-hero-card .g-lede{color:var(--g-on-deep-2)}
.g-hero-meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:28px;font:500 12px/1.4 var(--g-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--g-on-deep-2)}
.g-hero-meta span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--g-copper-bright);margin-right:8px;vertical-align:2px}

/* Signature: the systems line draws itself */
.g-system{background:var(--g-white);border:1px solid var(--g-line);border-radius:var(--g-radius);box-shadow:var(--g-shadow);padding:clamp(24px,3vw,40px);margin-top:36px;overflow-x:auto}
.g-system svg{display:block;width:100%;min-width:640px;height:auto}
.g-system .g-path{fill:none;stroke:var(--g-copper);stroke-width:2;stroke-dasharray:1200;stroke-dashoffset:1200;transition:stroke-dashoffset 1.8s cubic-bezier(.16,1,.3,1)}
.g-system.is-drawn .g-path{stroke-dashoffset:0}
.g-system .g-node{fill:var(--g-white);stroke:var(--g-ink);stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.8);transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1)}
.g-system.is-drawn .g-node{opacity:1;transform:none}
.g-system .g-node.key{fill:var(--g-copper);stroke:var(--g-copper-text)}
.g-system .g-label{font:600 13px var(--g-body);fill:var(--g-ink)}
.g-system .g-time{font:500 11px var(--g-mono);fill:var(--g-copper-text);letter-spacing:.06em}
.g-system.is-drawn .g-node:nth-of-type(2){transition-delay:.3s}.g-system.is-drawn .g-node:nth-of-type(3){transition-delay:.6s}.g-system.is-drawn .g-node:nth-of-type(4){transition-delay:.9s}.g-system.is-drawn .g-node:nth-of-type(5){transition-delay:1.2s}
.g-system-note{margin:14px 0 0;font-size:13px;color:var(--g-ink-3)}

/* Cards */
.g-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}
.g-card{background:var(--g-white);border:1px solid var(--g-line);border-radius:var(--g-radius);box-shadow:var(--g-shadow);padding:28px}
.g-card .g-num{font:500 12px var(--g-mono);color:var(--g-copper-text);letter-spacing:.12em}
.g-card h3{font-family:var(--g-display);font-weight:400;font-size:24px;line-height:1.15;margin:12px 0 0}
.g-card p{color:var(--g-ink-2);line-height:1.6;margin:10px 0 0}
@media (max-width:900px){.g-grid-3{grid-template-columns:1fr}}

/* Deep proof block */
.g-deep{background:radial-gradient(ellipse 60% 70% at 90% 0%,rgba(181,100,31,.16),transparent 65%),linear-gradient(180deg,var(--g-deep-a),var(--g-deep-b));color:var(--g-on-deep);border-radius:var(--g-radius);padding:clamp(32px,5vw,64px);box-shadow:var(--g-shadow)}
.g-deep .g-kicker{color:var(--g-copper-bright)}.g-deep .g-h2 em{color:var(--g-copper-bright)}.g-deep .g-lede{color:var(--g-on-deep-2)}
.g-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--g-deep-line);border-bottom:1px solid var(--g-deep-line);margin-top:32px}
.g-stats>div{padding:24px 20px;border-left:1px solid var(--g-deep-line)}.g-stats>div:first-child{border-left:0;padding-left:0}
.g-stats b{display:block;font-family:var(--g-display);font-weight:400;font-size:clamp(36px,4vw,58px);line-height:1;font-variant-numeric:tabular-nums}
.g-stats span{display:block;margin-top:10px;font-size:14px;color:var(--g-on-deep-2)}
.g-stats-note{margin-top:12px;font:500 11px var(--g-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--g-copper-bright)}
@media (max-width:900px){.g-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.g-stats>div:nth-child(3){border-left:0;padding-left:0}.g-stats>div:nth-child(n+3){border-top:1px solid var(--g-deep-line)}}

/* Engagement steps */
.g-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px;counter-reset:s}
.g-step{background:var(--g-white);border:1px solid var(--g-line);border-radius:var(--g-radius);padding:28px;box-shadow:var(--g-shadow)}
.g-step .g-price{font-family:var(--g-display);font-size:30px;margin-top:14px;color:var(--g-ink)}
.g-step .g-when{font:500 12px var(--g-mono);color:var(--g-ink-3);letter-spacing:.08em;text-transform:uppercase;margin-top:6px}
@media (max-width:900px){.g-steps{grid-template-columns:1fr}}

/* FAQ */
.g-faq{margin-top:28px;display:grid;gap:10px}
.g-faq details{background:var(--g-white);border:1px solid var(--g-line);border-radius:12px;padding:18px 22px}
.g-faq summary{cursor:pointer;font-weight:600;color:var(--g-ink);list-style:none}
.g-faq summary::after{content:"+";float:right;color:var(--g-copper-text);font-weight:400}
.g-faq details[open] summary::after{content:"−"}
.g-faq p{color:var(--g-ink-2);line-height:1.6;margin:12px 0 0}

/* Founders CTA */
.g-founders{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}
.g-people{display:flex;gap:16px;flex-wrap:wrap}
.g-person{display:flex;align-items:center;gap:14px;background:var(--g-white);border:1px solid var(--g-line);border-radius:999px;padding:8px 20px 8px 8px;box-shadow:var(--g-shadow)}
.g-mono{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--g-ink);color:var(--g-copper-bright);font:500 15px var(--g-display)}
.g-person b{display:block;font-size:15px}.g-person span{display:block;font-size:13px;color:var(--g-ink-3)}
@media (max-width:900px){.g-founders{grid-template-columns:1fr}}

/* Not for / ownership */
.g-split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}
.g-list{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.g-list li{padding-left:24px;position:relative;color:var(--g-ink-2);line-height:1.5}
.g-list li::before{content:"";position:absolute;left:0;top:.6em;width:10px;height:2px;background:var(--g-copper)}
@media (max-width:900px){.g-split{grid-template-columns:1fr}}

/* Calculator and quiz */
.g-tool{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px;align-items:start}
@media (max-width:900px){.g-tool{grid-template-columns:1fr}}
.g-calc label{display:block;font-weight:600;font-size:15px;margin-top:22px}
.g-calc label:first-child{margin-top:0}
.g-calc .g-range{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin-top:10px}
.g-calc input[type=range]{width:100%;accent-color:var(--g-copper)}
.g-calc output{font:600 16px var(--g-mono);min-width:8ch;text-align:right;font-variant-numeric:tabular-nums}
.g-statement{background:var(--g-white);border:1px solid var(--g-line);border-radius:var(--g-radius);box-shadow:var(--g-shadow);padding:30px;font-family:var(--g-mono)}
.g-statement h3{font:500 12px var(--g-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--g-copper-text);margin:0}
.g-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--g-line);font-size:14px;color:var(--g-ink-2);font-variant-numeric:tabular-nums}
.g-row b{color:var(--g-ink)}
.g-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:18px;margin-top:6px;border-top:2px solid var(--g-ink)}
.g-total span{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--g-ink-2)}
.g-total b{font-family:var(--g-display);font-weight:400;font-size:clamp(36px,4vw,52px);color:var(--g-copper-text)}
.g-fine{font:400 12px/1.5 var(--g-body);color:var(--g-ink-3);margin-top:14px}
.g-capture{margin-top:22px;display:grid;gap:10px}
.g-capture input[type=text],.g-capture input[type=email]{min-height:48px;padding:0 16px;border:1px solid var(--g-line-2);border-radius:10px;font:500 15px var(--g-body);background:var(--g-white);color:var(--g-ink)}
.g-capture .g-consent{display:flex;gap:10px;font:400 13px/1.5 var(--g-body);color:var(--g-ink-2)}
.g-honey{position:absolute!important;left:-10000px!important}
.g-status{font:500 14px var(--g-body);color:var(--g-ink-2);min-height:1.4em}
.g-quiz fieldset{border:0;padding:0;margin:0 0 22px}
.g-quiz legend{font-weight:600;font-size:16px;margin-bottom:10px}
.g-quiz label{display:flex;gap:10px;align-items:center;padding:10px 14px;border:1px solid var(--g-line);border-radius:10px;margin-top:8px;background:var(--g-white);cursor:pointer}
.g-quiz label:has(input:checked){border-color:var(--g-copper);background:#FBF4EC}
.g-quiz input{accent-color:var(--g-copper)}
@media (prefers-reduced-motion:reduce){.g-system .g-path{transition:none;stroke-dashoffset:0}.g-system .g-node{transition:none;opacity:1;transform:none}.g-btn{transition:none}}
/* Button and card-link text must beat the sitewide link colour */
html body main a.g-btn.g-btn-primary{color:#fff !important}
html body main a.g-btn.g-btn-ghost{color:var(--g-ink) !important}
html body main .g-deep a.g-btn.g-btn-ghost,html body main .g-hero-card a.g-btn.g-btn-ghost{color:var(--g-on-deep) !important;background:rgba(255,255,255,.06);border-color:rgba(245,242,236,.35)}
html body main a.g-card{color:var(--g-ink) !important}
html body main a.g-card:hover{border-color:var(--g-copper)}
/* Cross-check fixes (Codex + Kimi review, Oct 31): hero proof aside, tier matrix, one action per tool page. */
.g-hero-card{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);column-gap:clamp(24px,4vw,56px);align-items:center}
.g-hero-card>*:not(.g-hero-aside){grid-column:1}
.g-hero-aside{grid-column:2;grid-row:1 / span 6;background:rgba(255,255,255,.05);border:1px solid var(--g-deep-line);border-radius:12px;padding:24px}
.g-ledger{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--g-deep-line)}
.g-ledger b{font-family:var(--g-display);font-weight:400;font-size:clamp(28px,3vw,40px);color:var(--g-on-deep);font-variant-numeric:tabular-nums}
.g-ledger span{font-size:13px;color:var(--g-on-deep-2);text-align:right;max-width:20ch}
html body main a.g-aside-link{display:inline-block;margin-top:16px;color:var(--g-copper-bright) !important;font-weight:600;text-decoration:none}
@media (max-width:900px){.g-hero-card{grid-template-columns:1fr}.g-hero-aside{grid-column:1;grid-row:auto;margin-top:24px}}
.g-mono{color:var(--g-copper-bright) !important}
body:has(.g-main) .qq-pill,body:has(.g-main) .qq{display:none !important}
.g-matrix-wrap{overflow-x:auto;margin-top:28px;background:var(--g-white);border:1px solid var(--g-line);border-radius:var(--g-radius);box-shadow:var(--g-shadow)}
.g-matrix{width:100%;min-width:620px;border-collapse:collapse;font-size:15px}
.g-matrix th,.g-matrix td{padding:16px 20px;border-bottom:1px solid var(--g-line);text-align:left;vertical-align:top}
.g-matrix thead th{font:500 12px var(--g-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--g-ink-2);background:var(--g-paper)}
.g-matrix thead th b{display:block;margin-top:6px;font:400 22px var(--g-display);letter-spacing:0;text-transform:none;color:var(--g-ink)}
.g-matrix tbody th{font-weight:600;color:var(--g-ink)}
.g-matrix td{color:var(--g-ink-2);font-variant-numeric:tabular-nums}
.g-matrix tr:last-child>*{border-bottom:0}
.g-case-figs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--g-deep-line);margin-top:32px}
.g-case-figs>div{padding:24px 18px 4px;border-left:1px solid var(--g-deep-line)}.g-case-figs>div:first-child{border-left:0;padding-left:0}
.g-case-figs b{display:block;font-family:var(--g-display);font-weight:400;font-size:clamp(34px,3.6vw,54px);line-height:1;color:var(--g-on-deep);font-variant-numeric:tabular-nums}
.g-case-label{display:block;margin-top:10px;font-weight:600;color:var(--g-on-deep)}
.g-case-def{display:block;margin-top:6px;font-size:13px;line-height:1.5;color:var(--g-on-deep-2)}
@media (max-width:900px){.g-case-figs{grid-template-columns:1fr 1fr}.g-case-figs>div{border-left:0;padding-left:0;border-top:1px solid var(--g-deep-line)}}
.g-shots{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.g-shots figure{margin:0;background:var(--g-white);border:1px solid var(--g-line);border-radius:var(--g-radius);box-shadow:var(--g-shadow);overflow:hidden}
.g-shots img{display:block;width:100%;height:auto}
.g-shots figcaption{padding:14px 18px;font-size:14px;color:var(--g-ink-2);border-top:1px solid var(--g-line)}
@media (max-width:900px){.g-shots{grid-template-columns:1fr}}
/* Widescreen: hero and statement bands run edge to edge; content uses the wide shell */
.g-hero{padding:0}
.g-hero>.g-shell{width:100%}
.g-hero-card{border-radius:0;box-shadow:none;padding:clamp(56px,7vw,120px) max(clamp(16px,3vw,64px),calc((100% - 1720px)/2))}
.g-section:has(>.g-shell>.g-deep){padding-block:0}
.g-section>.g-shell:has(>.g-deep){width:100%}
.g-deep{border-radius:0;box-shadow:none;padding:clamp(56px,7vw,112px) max(clamp(16px,3vw,64px),calc((100% - 1720px)/2))}
.g-quiz label:has(input:checked){background:#FFF6EE}

.g-system{overflow-x:auto;-webkit-overflow-scrolling:touch}