:root{--white:#fff;--ink:#101010;--soft:#555550;--faint:#8b8b84;--surface:#f5f5f2;--stroke:#deded8;--gold:#9a7a14;--gold-soft:#f3eedf}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;color:var(--ink);background:#fff}.eyebrow,.section-label,.lesson-top{font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.14em}.eyebrow,.section-label{font-size:11px;color:var(--gold);font-weight:600}
.playbook-hero{max-width:1240px;margin:auto;padding:145px 28px 76px;display:grid;grid-template-columns:1.25fr .75fr;gap:72px;align-items:end;border-bottom:1px solid var(--stroke)}.playbook-hero h1{margin-top:18px;max-width:820px;font:italic 400 clamp(58px,7.5vw,105px)/.92 'Instrument Serif',serif;letter-spacing:-.045em}.lede{max-width:720px;margin-top:28px;color:var(--soft);font-size:20px;font-weight:300;line-height:1.65}.hero-map{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:8px;padding:22px;border:1px solid var(--stroke);border-radius:18px;background:var(--surface)}.hero-map span{font:10px/1.5 'JetBrains Mono';color:var(--gold);text-transform:uppercase}.hero-map b{font:600 13px Inter;color:var(--ink);text-transform:none}.hero-map i{font-style:normal;color:var(--gold)}
main{max-width:1240px;margin:auto;padding:0 28px}.playbook-intro{padding:52px 0 28px;display:flex;justify-content:space-between;gap:30px;align-items:end}.playbook-intro h2{margin-top:10px;font:400 38px/1.1 'Instrument Serif'}.filters{display:flex;flex-wrap:wrap;gap:7px}.filters button{border:1px solid var(--stroke);border-radius:999px;padding:9px 14px;background:#fff;color:var(--soft);font:500 12px Inter;cursor:pointer}.filters button:hover,.filters button.active{background:var(--ink);border-color:var(--ink);color:#fff}.playbook-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:100px}.lesson{min-width:0;padding:30px;border:1px solid var(--stroke);border-radius:18px;background:#fff;display:flex;flex-direction:column}.lesson[hidden]{display:none}.lesson.feature{grid-column:1/-1}.lesson-top{display:flex;justify-content:space-between;color:var(--gold);font-size:9px;font-weight:600}.lesson-top span:last-child{color:var(--faint)}.lesson h2{max-width:780px;margin-top:24px;font:italic 400 clamp(30px,3vw,44px)/1.02 'Instrument Serif';letter-spacing:-.02em}.lesson .answer{max-width:790px;margin:16px 0 26px;color:var(--soft);font-size:16px;line-height:1.65}.lesson details{margin-top:auto;padding-top:20px}.lesson summary{list-style:none;padding:13px 15px;border:1px solid var(--stroke);border-radius:9px;font-size:13px;font-weight:600;cursor:pointer}.lesson summary::-webkit-details-marker{display:none}.lesson summary:after{content:'+';float:right;color:var(--gold);font-size:18px;line-height:.8}.lesson details[open] summary:after{content:'−'}.lesson details p,.lesson details ul{padding:16px 4px 0;color:var(--soft);font-size:14px;line-height:1.7}.lesson details ul{padding-left:22px}.lesson details li+li{margin-top:5px}
.orbit{position:relative;height:250px;max-width:620px;margin:8px auto 22px;width:100%}.orbit:before,.orbit:after{content:'';position:absolute;inset:22px 90px;border:1px solid var(--stroke);border-radius:50%}.orbit:after{inset:56px 150px;border-color:#cdbd86}.orbit-core{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:116px;height:116px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--ink);color:#fff;font-weight:700}.orbit-core small{display:block;margin-top:5px;color:#cdbd86;font-size:9px;font-weight:400}.orbit>span{position:absolute;z-index:3;padding:8px 12px;border:1px solid var(--stroke);border-radius:999px;background:#fff;font-size:11px}.orbit>span:nth-of-type(1){left:4%;top:44%}.orbit>span:nth-of-type(2){left:26%;top:3%}.orbit>span:nth-of-type(3){right:24%;top:3%}.orbit>span:nth-of-type(4){right:4%;top:44%}.orbit>span:nth-of-type(5){left:45%;bottom:0}
.scorecard{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.scorecard span{padding:15px 8px;background:var(--surface);border-radius:8px;text-align:center;color:var(--soft);font-size:11px}.scorecard b{display:block;margin-top:8px;color:var(--gold);font-size:18px}.formula{margin:8px 0 20px;padding:12px;text-align:center;border:1px solid #d8ca98;background:var(--gold-soft);font:600 11px 'JetBrains Mono';color:#70570a}.decision-tree>div:first-child{margin:auto;width:max-content;padding:13px 18px;border-radius:9px;background:var(--ink);color:#fff;font-size:12px}.branches{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:18px}.branches span{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--stroke);border-radius:8px;text-align:center}.branches b{color:var(--gold);font-size:9px;text-transform:uppercase}.branches em{font-size:11px;font-style:normal}.branches.lower{margin-left:50%;margin-bottom:20px}.branches.lower .gold{background:var(--gold-soft);border-color:#d8ca98}
.boundary-map{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:6px 0 22px}.boundary-map div{min-height:150px;padding:18px;border:1px solid var(--stroke);border-radius:12px;display:flex;flex-direction:column}.boundary-map .accent{background:var(--gold-soft);border-color:#d8ca98}.boundary-map strong{font:italic 400 28px 'Instrument Serif'}.boundary-map small{margin-top:8px;color:var(--soft)}.boundary-map span{margin-top:auto;font:9px 'JetBrains Mono';color:var(--gold);text-transform:uppercase}.eval-stack{margin:4px 0 22px}.eval-stack div{display:grid;grid-template-columns:90px 1fr;gap:16px;padding:14px;border:1px solid var(--stroke);border-radius:9px}.eval-stack div:nth-child(2){margin-left:14px;background:var(--surface)}.eval-stack div:nth-child(3){margin-left:28px;background:var(--gold-soft);border-color:#d8ca98}.eval-stack b,.eval-stack span{font-size:11px}.eval-stack span{color:var(--soft)}.metric-bars{display:grid;gap:7px;margin-bottom:22px}.metric-bars div{width:var(--w);padding:10px 12px;background:var(--surface);border-left:3px solid var(--gold);display:flex;justify-content:space-between;gap:10px}.metric-bars b,.metric-bars span{font-size:10px}.metric-bars span{color:var(--soft)}
.handoff,.value-loop,.ladder{display:flex;align-items:center;gap:8px;margin:15px 0 28px}.handoff span,.value-loop span{flex:1;padding:18px 10px;border:1px solid var(--stroke);border-radius:10px;text-align:center;color:var(--faint);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.handoff span:nth-of-type(3),.value-loop span:nth-of-type(4){background:var(--gold-soft);border-color:#d8ca98}.handoff b,.value-loop b{display:block;margin-top:5px;color:var(--ink);font-size:11px;text-transform:none;letter-spacing:0}.handoff i,.value-loop i{font-style:normal;color:var(--gold)}.ladder{align-items:flex-end}.ladder span{flex:1;padding:12px 7px;border:1px solid var(--stroke);background:var(--surface);text-align:center;color:var(--faint);font-size:9px}.ladder span:nth-child(2){padding-top:20px}.ladder span:nth-child(3){padding-top:28px}.ladder span:nth-child(4){padding-top:36px}.ladder span:nth-child(5){padding-top:44px;background:var(--gold-soft);border-color:#d8ca98}.ladder b{display:block;margin-top:3px;color:var(--ink);font-size:10px}.shield{display:grid;grid-template-columns:1fr 80px 1fr;gap:7px;margin:4px 0 22px}.shield div{padding:11px;border:1px solid var(--stroke);border-radius:8px;text-align:center;color:var(--soft);font-size:10px}.shield strong{grid-row:1/3;grid-column:2;align-self:center;width:76px;height:76px;border-radius:50%;display:grid;place-content:center;background:var(--ink);color:#d8ca98;font:10px 'JetBrains Mono'}.shield div:nth-of-type(3),.shield div:nth-of-type(4){grid-column:3}
.closing{max-width:1184px;margin:0 auto 80px;padding:58px;border:1px solid var(--stroke);border-radius:20px;background:var(--surface);text-align:center}.closing h2{margin-top:8px;font:italic 400 clamp(40px,5vw,64px) 'Instrument Serif'}.closing p:not(.section-label){margin:12px auto 24px;max-width:600px;color:var(--soft);line-height:1.6}.closing a{display:inline-block;padding:13px 22px;border-radius:8px;background:var(--ink);color:#fff;text-decoration:none;font-size:13px;font-weight:600}footer{max-width:1240px;margin:auto;padding:28px;border-top:1px solid var(--stroke);display:flex;justify-content:space-between;color:var(--faint);font-size:12px}footer a{margin-left:20px;color:var(--faint);text-decoration:none}
@media(max-width:1000px){.playbook-hero{grid-template-columns:1fr}.hero-map{max-width:600px}.playbook-grid{grid-template-columns:1fr}.lesson.feature{grid-column:auto}.playbook-intro{align-items:flex-start;flex-direction:column}.boundary-map{grid-template-columns:1fr 1fr}}@media(max-width:600px){.playbook-hero{padding:112px 20px 52px;gap:38px}.playbook-hero h1{font-size:57px}.hero-map{padding:16px 12px}.hero-map b{font-size:10px}main{padding:0 16px}.lesson{padding:22px}.scorecard{grid-template-columns:repeat(3,1fr)}.handoff,.value-loop{display:grid;grid-template-columns:1fr}.handoff i,.value-loop i{transform:rotate(90deg);text-align:center}.ladder{overflow-x:auto}.ladder span{min-width:76px}.orbit{transform:scale(.85);margin-left:-8%;width:116%}.closing{margin:0 16px 60px;padding:40px 20px}footer{padding:24px 20px;flex-direction:column;gap:10px}.footer-links a{margin:0 18px 0 0}}

/* Clean question-card reading layout */
body{background:#f6f6f3}.playbook-hero{background:#fff}.playbook-intro{padding:42px 0 24px}.playbook-grid{grid-template-columns:1fr 1fr;gap:18px;padding:18px 18px 96px;background:#ecece7;border-radius:22px}.lesson,.lesson.feature{grid-column:auto;min-height:310px;padding:32px;border:0;border-radius:15px;box-shadow:0 1px 0 rgba(16,16,16,.05);background:#fff}.lesson h2{margin-top:22px;font-size:clamp(29px,2.7vw,40px);line-height:1.08}.lesson .answer{margin:15px 0 24px;font-size:16px;line-height:1.7}.orbit,.scorecard,.formula,.decision-tree,.boundary-map,.eval-stack,.metric-bars,.handoff,.value-loop,.ladder,.shield{display:none}.lesson details{margin-top:auto;padding-top:18px;border-top:1px solid var(--stroke)}.lesson summary{padding:0;border:0;border-radius:0;color:var(--ink)}.lesson details p,.lesson details ul{padding-top:15px}.closing{background:#fff}@media(max-width:850px){.playbook-grid{grid-template-columns:1fr}.lesson{min-height:0}}@media(max-width:600px){.playbook-grid{padding:12px 12px 70px;border-radius:16px}.lesson{padding:24px}}

/* AI product lifecycle: decision gates from opportunity to operation */
.playbook-hero{grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);align-items:center}.hero-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0;border:1px solid var(--stroke);border-radius:16px;overflow:hidden;background:#fff}.hero-map span{position:relative;min-height:112px;padding:17px 18px 16px 54px;border-right:1px solid var(--stroke);border-bottom:1px solid var(--stroke);color:var(--ink);text-transform:none}.hero-map span:nth-child(even){border-right:0}.hero-map span:nth-last-child(-n+2){border-bottom:0}.hero-map small{position:absolute;top:18px;left:17px;color:var(--gold);font:600 10px 'JetBrains Mono'}.hero-map b{display:block;color:var(--ink);font:600 14px/1.3 Inter}.hero-map em{display:block;margin-top:7px;color:var(--soft);font:400 11px/1.45 Inter;text-transform:none}.hero-map i{display:none}@media(max-width:1000px){.playbook-hero{grid-template-columns:1fr}.hero-map{max-width:none}}@media(max-width:600px){.hero-map{grid-template-columns:1fr}.hero-map span,.hero-map span:nth-child(even),.hero-map span:nth-last-child(-n+2){min-height:92px;border-right:0;border-bottom:1px solid var(--stroke)}.hero-map span:last-child{border-bottom:0}}