.value-art{padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:8px;transform:rotate(1deg);box-shadow:12px 12px 0 var(--glow)}.map-label{font:11px ui-monospace,monospace;letter-spacing:1.3px;color:var(--muted);margin-bottom:24px}.value-loop>div{padding:20px;border:1px solid var(--line);border-radius:4px;background:var(--bg)}.value-loop small{display:block;font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:7px}.value-loop strong{font-size:21px;font-weight:500}.map-arrow{display:block;text-align:center;font-size:25px;color:var(--mint)}.value-highlight{border-color:var(--mint)!important;background:var(--glow)!important}.map-foot{font-size:13px;color:var(--muted);margin-top:22px}.business-map{padding:36px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.map-root{width:fit-content;max-width:100%;margin:0 auto 38px;padding:18px 30px;background:var(--mint);color:var(--accent-ink);font-size:24px;line-height:1.3;border-radius:4px;text-align:center;position:relative}.map-root:after{content:'';position:absolute;height:38px;top:100%;left:50%;border-left:1px solid var(--mint)}.pain-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pain-branches a{position:relative;border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:9px;background:var(--bg);border-radius:5px;transition:transform .2s,border .2s}.pain-branches a:hover{transform:translateY(-4px);border-color:var(--mint)}.pain-symbol{font-size:30px;color:var(--mint);line-height:1}.pain-branches strong{font-size:19px;font-weight:500}.pain-branches small{color:var(--muted)}.mental-models{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.mental-models article{border:1px solid var(--line);padding:32px;border-radius:7px}.proof-steps{margin-top:25px}.proof-steps div{display:flex;align-items:center;gap:17px;border-bottom:1px solid var(--line);padding:12px 0}.proof-steps b{font:25px ui-monospace,monospace;color:var(--mint)}.proof-steps>span{display:block;margin-left:5px;color:var(--muted)}.decision-fork{display:grid;gap:9px;margin-top:20px;font-size:13px}.decision-fork span{color:var(--muted)}.decision-fork strong{font-weight:500;color:var(--mint)}.cost-layers{display:grid;gap:12px;margin-top:25px}.cost-layers>div{border:1px solid var(--line);padding:17px;border-radius:3px}.cost-layers small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.tech-intro{color:var(--muted);max-width:700px;margin:22px 0}.quiz-shell{display:grid;grid-template-columns:290px 1fr;border:1px solid var(--line);border-radius:8px;overflow:hidden}.quiz-map{padding:30px;background:var(--surface);border-right:1px solid var(--line)}.dag-node{border:1px solid var(--line);padding:12px;text-align:center;font-size:13px;margin-bottom:24px;position:relative;background:var(--bg);border-radius:4px}.dag-node:not(:last-of-type):after{content:'↓';position:absolute;top:100%;left:48%;color:var(--muted)}.dag-split{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px;position:relative}.dag-split:after{content:'↓';position:absolute;top:100%;left:48%;color:var(--muted)}.dag-split span{border:1px solid var(--line);border-radius:4px;padding:9px;font-size:10px;color:var(--muted)}.chosen{color:var(--text)!important;border-color:var(--mint)!important;background:var(--glow)!important}.quiz-map>p{color:var(--muted);font-size:12px}.quiz-content{padding:35px;min-width:0}.quiz-progress{font:11px ui-monospace,monospace;color:var(--mint);letter-spacing:1px}.quiz-content progress{width:100%;height:4px;margin:14px 0 28px;accent-color:var(--mint)}.quiz-content h3{font-size:28px;margin-bottom:16px}.quiz-why,.quiz-privacy{color:var(--muted);font-size:13px}.quiz-options{display:grid;gap:10px;margin:22px 0}.quiz-option{display:flex;align-items:center;gap:15px;text-align:left;width:100%;padding:17px;background:var(--panel);border:1px solid var(--line);border-radius:4px;color:var(--text)}.quiz-option span{font:11px ui-monospace,monospace;color:var(--muted)}.quiz-option b{margin-left:auto;color:var(--mint)}.quiz-option[aria-pressed=true],.quiz-option:hover{border-color:var(--mint);background:var(--glow)}.quiz-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.quiz-reset{background:none;border:0;color:var(--muted);font-size:12px;margin-left:auto;text-decoration:underline}.quiz-actions button:disabled{opacity:.35;cursor:not-allowed;transform:none}.quiz-content textarea{display:block;width:100%;background:var(--panel);color:var(--text);border:1px solid var(--line);padding:15px;margin-top:10px;border-radius:4px;resize:vertical;font-size:14px}.quiz-content label{display:block;margin-top:22px}.recommendation{padding:22px;background:var(--glow);border-left:2px solid var(--mint);margin:24px 0}.recommendation .map-label{display:block;margin-bottom:10px}#technicalIntro{padding-bottom:0}#businessModels{padding-top:75px}.value-art{animation:diagram-in .8s ease-out}@keyframes diagram-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:rotate(1deg)}}@media(max-width:900px){.quiz-shell{grid-template-columns:230px 1fr}.quiz-map,.quiz-content{padding:24px}.pain-branches{grid-template-columns:repeat(2,1fr)}.value-art{padding:22px;transform:none}.mental-models article{padding:24px}}@media(max-width:640px){.quiz-shell,.mental-models{grid-template-columns:1fr}.quiz-map{border-right:0;border-bottom:1px solid var(--line)}.dag-split{grid-template-columns:repeat(3,1fr)}.quiz-map>p{margin-top:12px}.dag-node{padding:8px;margin-bottom:18px}.dag-split{margin-bottom:18px}.quiz-map .map-label{margin-bottom:16px}.business-map{padding:20px}.pain-branches{gap:10px}.pain-branches a{padding:15px}.pain-branches strong{font-size:16px}.map-root{font-size:20px;padding:15px}.quiz-content h3{font-size:24px}.value-loop strong{font-size:19px}.value-art{margin-bottom:10px}.quiz-content{padding:22px}.quiz-reset{margin-left:0}.hero{padding-bottom:45px}}@media(prefers-reduced-motion:reduce){.value-art{animation:none}.pain-branches a{transition:none}}
.studio-mark{width:62px;height:56px;flex-shrink:0}.brand{gap:10px}.brand:hover .studio-mark{filter:drop-shadow(0 0 7px var(--glow))}@media(max-width:640px){.studio-mark{width:47px;height:44px}.brand{gap:8px}}
