:root{--ink:#17251d;--cream:#f3efe5;--paper:#fbfaf6;--sage:#d8e0ce;--coral:#ef6b4f;--line:rgba(23,37,29,.16);--sans:"DM Sans",sans-serif;--display:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--display);letter-spacing:-.045em;margin:0}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line)}.brand{font-family:var(--display);font-weight:700}.brand span{color:var(--coral)}.back{font-size:12px;font-weight:600}.playbook-hero{padding:90px 7vw 80px;display:grid;grid-template-columns:1.3fr .7fr;gap:9vw;max-width:1400px;margin:auto}.kicker,.label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;color:var(--coral)}h1{font-size:clamp(56px,7vw,100px);line-height:.96;margin:25px 0 30px}.lede{font-size:18px;line-height:1.65;color:#57645c;max-width:680px}.hero-panel{background:var(--ink);color:var(--cream);padding:34px;align-self:end}.hero-panel h2{font-size:20px;margin-bottom:25px}.meta{display:grid;grid-template-columns:1fr 1fr;gap:22px}.meta span{display:block;color:#9eaaa2;font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.meta strong{font-size:13px}.outcome{background:var(--sage);padding:55px 7vw}.outcome-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw}.outcome h2,.content h2{font-size:clamp(34px,4vw,55px);line-height:1.1}.outcome p{font-size:16px;line-height:1.75;margin:0}.content{max-width:1200px;margin:auto;padding:100px 5vw}.section-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;margin-bottom:55px}.section-head p{line-height:1.7;color:#606d65;margin:0}.workflow{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:120px}.step{padding:30px 25px 35px;border-right:1px solid var(--line)}.step:last-child{border-right:0}.step-num{color:var(--coral);font-size:10px}.step h3{font-size:20px;margin:40px 0 12px}.step p{font-size:12px;line-height:1.65;color:#68736b}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:120px}.sample{background:var(--paper);padding:35px;border:1px solid var(--line)}.sample.dark{background:var(--ink);color:var(--cream)}.sample h3{font-size:24px;margin:12px 0 20px}.sample p,.sample li{font-size:13px;line-height:1.7}.prompt{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#e5e6dc;padding:23px;font-size:12px;line-height:1.75;border-left:3px solid var(--coral)}.dark .prompt{background:#263b2f}.checklist{padding:0;list-style:none}.checklist li{padding:11px 0;border-bottom:1px solid currentColor;border-color:var(--line)}.checklist li:before{content:"✓";color:var(--coral);margin-right:10px}.guardrails{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:110px}.guardrail{background:var(--sage);padding:28px}.guardrail h3{font-size:18px;margin:25px 0 10px}.guardrail p{font-size:12px;line-height:1.65;color:#58665c}.cta{background:var(--coral);color:white;padding:65px;display:flex;align-items:end;justify-content:space-between;gap:50px}.cta h2{font-size:clamp(35px,4vw,55px)}.button{display:inline-flex;background:var(--ink);color:white;padding:17px 22px;font-weight:600;font-size:13px;white-space:nowrap}.disclaimer{font-size:10px;color:#788078;line-height:1.6;margin-top:35px}footer{padding:35px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px}.template-table{width:100%;border-collapse:collapse;margin-bottom:110px}.template-table th,.template-table td{text-align:left;padding:18px;border-bottom:1px solid var(--line);font-size:12px}.template-table th{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#717a73}@media(max-width:800px){.playbook-hero,.outcome-inner,.section-head{grid-template-columns:1fr}.workflow{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.sample-grid,.guardrails{grid-template-columns:1fr}.cta{padding:40px 25px;align-items:start;flex-direction:column}.playbook-hero{padding:65px 24px}.content{padding:80px 24px}.outcome{padding:50px 24px}footer{flex-direction:column;gap:12px}}@media(max-width:480px){.workflow{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line)}}
@import url("readability.css");