/* Layout: guided self-diagnosis — describe it → check what sounds familiar (grouped by journey stage, color-coded) → plan builds below → email it */
.growth-tool{
  --bg:#eef1f4; --panel:#ffffff; --ink:#18222e; --muted:#5a6878; --line:#c7d0da; --chip:#e3e9ef;
  --accent:#9f3443; --steel:#2f5d86; --good:#2e7d4f; --onAccent:#ffffff;
  --sA:#2f6fa8; --sC:#1d8585; --sD:#9f3443; --sR:#2e7d4f; --sI:#6b7480;
  --f-display:"Anton Occulus",Anton,sans-serif;
  --f-body:"Avenir Occulus",Avenir,Arial,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,monospace;
}
@media (prefers-color-scheme:dark){.growth-tool:not([data-theme="light"]){
  --bg:#12171d; --panel:#1a2129; --ink:#e4e9ee; --muted:#93a1b0; --line:#2d3743; --chip:#232c36;
  --accent:#e88a9b; --steel:#7fb0db; --good:#6fcf97; --onAccent:#1a1206;
  --sA:#7fb0db; --sC:#5cc4c4; --sD:#e88a9b; --sR:#6fcf97; --sI:#a3acb8; color-scheme:dark}}
.growth-tool[data-theme="dark"]{
  --bg:#12171d; --panel:#1a2129; --ink:#e4e9ee; --muted:#93a1b0; --line:#2d3743; --chip:#232c36;
  --accent:#e88a9b; --steel:#7fb0db; --good:#6fcf97; --onAccent:#1a1206;
  --sA:#7fb0db; --sC:#5cc4c4; --sD:#e88a9b; --sR:#6fcf97; --sI:#a3acb8; color-scheme:dark}
.growth-tool{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15.5px;line-height:1.55}
.growth-tool a{color:var(--steel)}
.growth-tool .wrap{max-width:1180px;margin:0 auto;padding-block:32px 120px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.growth-tool .brand{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.growth-tool h1{font-family:var(--f-display);font-weight:700;font-size:clamp(34px,7vw,58px);line-height:.98;margin:8px 0 0;letter-spacing:.005em;text-wrap:balance;max-width:16ch}
.growth-tool h2{font-family:var(--f-display);font-weight:700;font-size:clamp(24px,4vw,32px);line-height:1.05;margin:0;text-wrap:balance}
.growth-tool .lede{color:var(--muted);max-width:60ch;margin:12px 0 0;font-size:17px}
.growth-tool .steps{display:flex;flex-wrap:wrap;gap:8px 18px;margin:18px 0 0;font-size:14px;color:var(--muted)}
.growth-tool .steps b{font-family:var(--f-mono);font-weight:500;color:var(--accent);margin-right:4px}

.growth-tool .ask{margin-top:26px;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:18px}
.growth-tool .ask label{display:block;font-family:var(--f-display);font-weight:700;font-size:22px}
.growth-tool .ask p{margin:2px 0 10px;color:var(--muted);font-size:14px}
.growth-tool .ask textarea{width:100%;box-sizing:border-box;min-height:84px;resize:vertical;font:inherit;padding:12px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--ink)}
.growth-tool .ask textarea:focus,.growth-tool input:focus{outline:2px solid var(--steel);outline-offset:1px}
.growth-tool .matches{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.growth-tool .matches .mh{font-size:13px;color:var(--muted)}
.growth-tool .match{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--line);border-radius:4px}
.growth-tool .match .t{font-weight:600;flex:1;min-width:12ch}
.growth-tool .add{font:inherit;font-size:13px;padding:6px 12px;border-radius:3px;border:1px solid var(--accent);background:transparent;color:var(--ink);cursor:pointer}
.growth-tool .add[aria-pressed="true"]{background:var(--accent);color:var(--onAccent)}
.growth-tool .add:focus-visible,.growth-tool .pill:focus-visible,.growth-tool .more:focus-visible,.growth-tool .btn:focus-visible{outline:2px solid var(--steel);outline-offset:2px}

.growth-tool .pill{font:inherit;font-size:13.5px;padding:7px 13px;border-radius:20px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer}
.growth-tool .pill[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}

.growth-tool .stage{margin-top:26px}
.growth-tool #groups{margin-top:14px}
.growth-tool .checkhead{margin-top:34px}
.growth-tool .checkhead p{margin:4px 0 0;color:var(--muted)}
.growth-tool .stage-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;border-top:3px solid var(--sc);padding-top:8px}
.growth-tool .stage-h h3{margin:0;font-family:var(--f-display);font-weight:700;font-size:22px}
.growth-tool .tag{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--sc);border:1px solid var(--sc);border-radius:2px;padding:1px 6px;white-space:nowrap}
.growth-tool .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px;margin-top:12px;align-items:start}
.growth-tool .card{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--sc);border-radius:4px;display:flex;flex-direction:column;min-width:0}
.growth-tool .card.on{border-color:var(--sc);box-shadow:0 0 0 1px var(--sc) inset}
.growth-tool .card .top{display:flex;gap:12px;padding:14px 14px 10px;cursor:pointer;align-items:flex-start}
.growth-tool .card input[type=checkbox]{width:20px;height:20px;margin:3px 0 0;accent-color:var(--sc);flex:none;cursor:pointer}
.growth-tool .card .t{font-family:var(--f-display);font-weight:600;font-size:20px;line-height:1.1}
.growth-tool .card .sl{display:flex;flex-direction:column;gap:2px;margin-top:8px}
.growth-tool .lab{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-style:normal}
.growth-tool .card .q{display:block;font-size:13.5px;color:var(--muted);font-style:italic}
.growth-tool .qs{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}
.growth-tool .pq,.growth-tool .pv{margin-top:8px}
.growth-tool .pq>span,.growth-tool .pv>span{display:block;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.growth-tool .pq .qs{font-size:14px}
.growth-tool .card .foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 14px 12px 46px;margin-top:auto}
.growth-tool .more{font:inherit;font-size:13px;background:none;border:0;padding:4px 0;color:var(--steel);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.growth-tool .detail{padding:0 14px 14px 46px;font-size:14px}
.growth-tool .detail h4{margin:10px 0 4px;font-family:var(--f-mono);font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.growth-tool .detail ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:3px}
.growth-tool .vids{display:flex;flex-direction:column;gap:8px}
.growth-tool .vid{border-left:2px solid var(--line);padding-left:10px}
.growth-tool .vid b{display:block;font-size:14px}
.growth-tool .vid span{display:block;color:var(--muted);font-size:13.5px}
.growth-tool .ex{display:block;font-size:12.5px;margin-top:2px;color:var(--muted)}
.growth-tool .ex a{color:var(--steel)}
.growth-tool .ours{font-style:normal;font-family:var(--f-mono);font-size:10px;letter-spacing:.04em;color:var(--accent)}
.growth-tool .vid.fit{border-left-color:var(--accent)}
.growth-tool .fitb{font-style:normal;font-family:var(--f-mono);font-size:10px;font-weight:500;letter-spacing:.04em;color:var(--accent);border:1px solid var(--accent);border-radius:2px;padding:0 5px;margin-left:4px;white-space:nowrap}
.growth-tool .indpick{margin-top:18px}
.growth-tool .start{margin-top:18px;padding:14px 16px;background:color-mix(in srgb,var(--accent) 10%,var(--panel));border-left:4px solid var(--accent);border-radius:4px;font-size:14.5px}
.growth-tool .start p{margin:6px 0 0}
.growth-tool .start .fp{margin:4px 0 0;padding-left:20px}
.growth-tool .prio{font-family:var(--f-mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:var(--bg);padding:2px 7px;border-radius:2px}
.growth-tool .base{margin:0;font-size:14px}
.growth-tool .pill[disabled]{opacity:.45;cursor:not-allowed}
.growth-tool .urg{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);cursor:pointer;white-space:nowrap}
.growth-tool .urg input{width:16px;height:16px;accent-color:var(--accent)}
.growth-tool .hint2{color:var(--muted);font-size:13.5px}
.growth-tool .indpick h3{margin:0;font-family:var(--f-display);font-size:22px}
.growth-tool .indpick p{margin:2px 0 10px;color:var(--muted);font-size:14px}
.growth-tool .indpick .chips{display:flex;flex-wrap:wrap;gap:8px}
.growth-tool .indblock{margin-top:14px;padding:12px 14px;border:1px solid var(--accent);border-radius:4px;font-size:14px}
.growth-tool .indblock p{margin:6px 0 0}
.growth-tool .vid em{display:block;font-style:normal;font-size:12.5px;font-weight:500;color:var(--good)}
.growth-tool mark{background:color-mix(in srgb,var(--accent) 30%,transparent);color:inherit;border-radius:2px}

.growth-tool .plan{margin-top:44px;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:22px 18px}
.growth-tool .plan .sub{color:var(--muted);margin:6px 0 0;max-width:62ch}
.growth-tool .empty{margin-top:16px;padding:22px;border:1px dashed var(--line);border-radius:4px;color:var(--muted);text-align:center}
.growth-tool .pitems{display:flex;flex-direction:column;gap:14px;margin-top:18px}
.growth-tool .pitem{border-left:4px solid var(--sc);padding:4px 0 4px 14px}
.growth-tool .pitem .ph{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}
.growth-tool .pitem .ph b{font-family:var(--f-display);font-size:21px;font-weight:600}
.growth-tool .pitem .goal{margin:2px 0 8px;color:var(--muted);font-size:14px}
.growth-tool .stat{margin-top:8px;font-size:13px;color:var(--muted)}
.growth-tool .stat b{font-family:var(--f-mono);font-weight:500;color:var(--accent)}
.growth-tool .proof{margin-top:8px;font-size:13.5px;padding:8px 10px;border:1px dashed var(--good);border-radius:4px}
.growth-tool .proof b{color:var(--good)}
.growth-tool .told{margin-top:16px;padding:10px 12px;background:var(--bg);border-radius:4px;font-size:14px}
.growth-tool .told span{display:block;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

.growth-tool form{margin-top:24px;border-top:1px solid var(--line);padding-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.growth-tool form h3{grid-column:1/-1;margin:0;font-family:var(--f-display);font-size:24px}
.growth-tool form p.fn{grid-column:1/-1;margin:-6px 0 0;color:var(--muted);font-size:14px}
.growth-tool .field{display:flex;flex-direction:column;gap:4px;min-width:0}
.growth-tool .field label{font-size:13px;font-weight:600}
.growth-tool .field input{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--ink);min-width:0}
.growth-tool .submit{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.growth-tool .btn{font:inherit;font-weight:600;padding:12px 20px;border-radius:4px;border:0;background:var(--accent);color:var(--onAccent);cursor:pointer}
.growth-tool .btn[disabled]{opacity:.5;cursor:not-allowed}
.growth-tool .btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);font-weight:500}
.growth-tool .err{color:var(--sD);font-size:13.5px}
.growth-tool .done{grid-column:1/-1;padding:14px;border:1px solid var(--good);border-radius:4px;font-size:14.5px}
.growth-tool .proto{margin-top:8px;font-size:12.5px;color:var(--muted)}
.growth-tool .proto pre{white-space:pre-wrap;word-break:break-word;font-family:var(--f-mono);font-size:11.5px;background:var(--bg);padding:10px;border-radius:4px;max-height:260px;overflow:auto}

.growth-tool .nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.growth-tool .nums strong{display:block;font-family:var(--f-display);font-size:34px;line-height:1;color:var(--good);font-variant-numeric:tabular-nums}
.growth-tool .nums span{font-size:13px;color:var(--muted)}
.growth-tool .fine{margin-top:34px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}
.growth-tool .fine ol{padding-left:18px;margin:4px 0 0}

.growth-tool .tray{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--ink);color:var(--bg);
  padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));
  transform:translateY(110%);transition:transform .2s}
.growth-tool .tray.show{transform:none}
.growth-tool .tray .in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.growth-tool .tray .ct{flex:1;min-width:0;font-size:14px}
.growth-tool .tray .ct b{font-family:var(--f-display);font-size:20px;margin-right:6px}
.growth-tool .tray .dots{display:inline-flex;gap:3px;vertical-align:middle;margin-left:6px}
.growth-tool .tray .dots i{width:8px;height:8px;border-radius:50%;display:inline-block}
.growth-tool .tray .btn{padding:9px 16px}
.growth-tool .tray .clr{background:none;border:0;color:var(--bg);opacity:.75;font:inherit;font-size:13px;cursor:pointer;text-decoration:underline}

@media (max-width:760px){.growth-tool form{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.growth-tool .tray{transition:none}}

.growth-tool h1,.growth-tool h2,.growth-tool h3{letter-spacing:0;text-transform:none;font-weight:400}.growth-tool p{margin-bottom:0}.growth-tool .brand{display:block;width:auto}.growth-tool #plan{scroll-margin-top:100px}.growth-tool[hidden],.growth-tool [hidden]{display:none!important}.growth-tool .tray{z-index:39}.growth-tool .plan-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.growth-tool .delivery-note{color:var(--muted);font-size:14px}.growth-tool .btn{text-decoration:none}.growth-tool{--f-mono:ui-monospace,monospace}
@media print{.site-header,.compact-site-footer,.growth-tool .ask,.growth-tool .checkhead,.growth-tool #groups,.growth-tool .tray,.growth-tool .plan-actions,.growth-tool .indpick{display:none!important}.growth-tool .wrap{padding:0}.growth-tool{--bg:white;--panel:white;--ink:black;--muted:#333;--line:#aaa}.growth-tool .plan{display:block!important}.growth-tool .plan-item{break-inside:avoid}}