.playbook{--paper:#faf9f5;--white:#fff;--ink:#15171c;--cobalt:#2b3ff5;--orange:#ff5a1f;--tint:#eaedff;--tint-o:#ffede3;--grey:#f0efea;--mut:#5b5f6e;--border:#dedfe2;background:var(--paper);color:var(--ink);scroll-behavior:smooth;background-image:radial-gradient(circle,#15171c0f 1px,#0000 1px);background-size:26px 26px;font-family:Sora,sans-serif;font-size:16px;font-weight:400;line-height:1.7}.playbook *{box-sizing:border-box;margin:0;padding:0}.playbook .wrap{max-width:1100px;margin:0 auto;padding:0 20px}.playbook h1,.playbook h2,.playbook h3{letter-spacing:-.01em;text-transform:uppercase;font-family:Archivo,sans-serif;font-weight:900}.playbook .tag{letter-spacing:.18em;text-transform:uppercase;color:var(--cobalt);margin-bottom:18px;font-family:Space Mono,monospace;font-size:11px;font-weight:700;display:block}.playbook .tag:before{content:"[ "}.playbook .tag:after{content:" ]"}.playbook .hl{color:var(--paper);z-index:0;white-space:nowrap;padding:0 .14em;display:inline-block;position:relative}.playbook .hl:before{content:"";background:var(--orange);z-index:-1;border-radius:.45em;position:absolute;inset:.02em -.06em;transform:rotate(-1.4deg)}.playbook .hl.blue:before{background:var(--cobalt)}.playbook section{padding:84px 0}.playbook .rule{border:none;border-top:1.5px solid var(--border);max-width:1100px;margin:0 auto}.playbook .topbar{background:var(--cobalt);color:var(--paper)}.playbook .topbar .wrap{justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.playbook .wordmark{letter-spacing:.02em;font-family:Archivo,sans-serif;font-size:19px;font-weight:900}.playbook .navlinks{gap:26px;display:flex}.playbook .navlinks a{letter-spacing:.14em;text-transform:uppercase;color:#faf9f5d9;font-family:Space Mono,monospace;font-size:11px;text-decoration:none;transition:color .25s}.playbook .navlinks a:hover,.playbook .navlinks a:focus-visible{color:#fff}@media (width<=640px){.playbook .navlinks a:not(:last-child){display:none}}.playbook .hero{padding:88px 0 80px}.playbook .hero-grid{grid-template-columns:1fr;align-items:center;gap:52px;display:grid}@media (width>=920px){.playbook .hero-grid{grid-template-columns:1.05fr .95fr}}.playbook .hero h1{font-size:clamp(42px,6.6vw,68px);line-height:1.04}.playbook .hero .sub{color:var(--mut);max-width:460px;margin-top:26px;font-size:16.5px}.playbook .cta-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:38px;display:flex}.playbook .btn{text-transform:uppercase;letter-spacing:.02em;border:2px solid var(--ink);cursor:pointer;border-radius:10px;padding:16px 30px;font-family:Archivo,sans-serif;font-size:15px;font-weight:800;text-decoration:none;transition:transform .25s,background .25s;display:inline-block}.playbook .btn-primary{background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--orange)}.playbook .btn-primary:hover,.playbook .btn-primary:focus-visible{box-shadow:6px 6px 0 var(--orange);transform:translate(-2px,-2px)}.playbook .btn-secondary{color:var(--ink);background:0 0}.playbook .btn-secondary:hover,.playbook .btn-secondary:focus-visible{background:var(--tint)}.playbook .price-note{letter-spacing:.1em;color:var(--mut);text-transform:uppercase;margin-top:18px;font-family:Space Mono,monospace;font-size:10.5px}.playbook .demo{background:var(--ink);box-shadow:8px 8px 0 var(--cobalt);border-radius:16px;overflow:hidden}.playbook .demo-head{border-bottom:1px solid #faf9f526;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;display:flex}.playbook .demo-head span{letter-spacing:.16em;color:var(--orange);text-transform:uppercase;font-family:Space Mono,monospace;font-size:10px;font-weight:700}.playbook .toggle{border:1px solid #faf9f54d;border-radius:9999px;display:flex;overflow:hidden}.playbook .toggle button{letter-spacing:.04em;text-transform:uppercase;color:#faf9f5b3;cursor:pointer;background:0 0;border:none;padding:7px 14px;font-family:Space Mono,monospace;font-size:10px;transition:all .25s}.playbook .toggle button.active{background:var(--orange);color:var(--ink);font-weight:700}.playbook .demo-body{color:#faf9f5eb;min-height:290px;padding:24px 22px;font-family:Space Mono,monospace;font-size:12.5px;line-height:2}.playbook .demo-body .dim{color:#faf9f573}.playbook .demo-body .bt{color:var(--orange);font-weight:700}.playbook .demo-foot{border-top:1px solid #faf9f526;padding:14px 22px}.playbook .demo-foot p{color:#faf9f5bf;font-size:12.5px}.playbook .demo-foot strong{color:#fff;font-weight:600}.playbook .cursor{background:var(--orange);vertical-align:-2px;width:7px;height:15px;animation:1s step-end infinite playbook-blink;display:inline-block}@keyframes playbook-blink{50%{opacity:0}}.playbook .stats{border:2px solid var(--ink);background:var(--white);border-radius:16px;grid-template-columns:repeat(2,1fr);gap:0;display:grid;overflow:hidden}@media (width>=760px){.playbook .stats{grid-template-columns:repeat(4,1fr)}}.playbook .stat{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:28px 24px}.playbook .stat:nth-child(4n){border-right:none}@media (width>=760px){.playbook .stat{border-bottom:none}}@media (width<=759px){.playbook .stat:nth-child(2n){border-right:none}.playbook .stat:nth-child(n+3){border-bottom:none}}.playbook .stat .n{color:var(--cobalt);font-family:Archivo,sans-serif;font-size:32px;font-weight:900}.playbook .stat .d{letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-top:4px;font-family:Space Mono,monospace;font-size:10px}.playbook h2{margin-bottom:16px;font-size:clamp(30px,4.6vw,46px);line-height:1.1}.playbook .section-sub{color:var(--mut);max-width:560px;margin-bottom:52px}.playbook .grid3{grid-template-columns:1fr;gap:18px;display:grid}@media (width>=760px){.playbook .grid3{grid-template-columns:repeat(3,1fr)}}.playbook .grid2{grid-template-columns:1fr;gap:40px;display:grid}@media (width>=760px){.playbook .grid2{grid-template-columns:repeat(2,1fr)}}.playbook .card{border:1.5px solid var(--border);background:var(--white);border-radius:14px;padding:26px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.playbook .card:hover{box-shadow:5px 5px 0 var(--tint);transform:translateY(-3px)}.playbook .card h3{letter-spacing:0;margin-bottom:10px;font-size:17px}.playbook .card p{color:var(--mut);font-size:14px;line-height:1.65}.playbook .card .num{color:var(--cobalt);opacity:.12;font-family:Archivo,sans-serif;font-size:72px;font-weight:900;line-height:1;position:absolute;top:2px;right:14px}.playbook .play-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin-bottom:8px;font-family:Space Mono,monospace;font-size:10px;font-weight:700;display:block}.playbook .who li{color:var(--ink);border-bottom:1.5px solid var(--border);gap:12px;padding:11px 0;font-size:14.5px;list-style:none;display:flex}.playbook .who li span{color:var(--cobalt);font-family:Space Mono,monospace;font-weight:700}.playbook .who li.no span{color:var(--orange)}.playbook .manifesto{background:var(--cobalt);color:var(--paper);border-radius:18px;padding:56px 30px}@media (width>=760px){.playbook .manifesto{padding:64px}}.playbook .manifesto .tag{color:var(--paper);opacity:.85}.playbook .manifesto h2{color:var(--paper)}.playbook .manifesto p{color:#faf9f5eb;max-width:640px;font-size:15.5px}.playbook .manifesto p+p{margin-top:16px}.playbook details{border-bottom:1.5px solid var(--border);padding:20px 0}.playbook summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;font-family:Archivo,sans-serif;font-size:16px;font-weight:800;list-style:none;display:flex}.playbook summary::-webkit-details-marker{display:none}.playbook summary:after{content:"+";color:var(--orange);flex-shrink:0;font-family:Space Mono,monospace;font-size:18px;font-weight:700}.playbook details[open] summary:after{content:"–"}.playbook details p{color:var(--mut);max-width:680px;margin-top:12px;font-size:14.5px}.playbook .final{background:var(--ink);text-align:center;color:var(--paper);background-image:radial-gradient(circle,#faf9f512 1px,#0000 1px);background-size:26px 26px;border-radius:18px;padding:64px 28px}.playbook .final h2{color:var(--paper);margin-bottom:14px}.playbook .final p{color:#faf9f5cc;max-width:440px;margin:0 auto 36px}.playbook .final .btn-primary{background:var(--orange);color:var(--ink);border-color:var(--orange);box-shadow:4px 4px 0 var(--cobalt)}.playbook .guarantee{letter-spacing:.12em;text-transform:uppercase;color:#faf9f599;margin-top:24px;font-family:Space Mono,monospace;font-size:10px;display:block}.playbook footer{padding:40px 0 56px}.playbook .foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.playbook .foot span,.playbook .foot a{letter-spacing:.14em;text-transform:uppercase;color:var(--mut);font-family:Space Mono,monospace;font-size:10px;text-decoration:none}.playbook .foot a:hover{color:var(--ink)}.playbook .foot .bw{color:var(--orange);letter-spacing:.02em;font-family:Archivo,sans-serif;font-size:13px;font-weight:900}.playbook .fade{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateY(20px)}.playbook .fade.in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.playbook .fade{opacity:1;transition:none;transform:none}.playbook .cursor{animation:none}.playbook .card:hover{transform:none}.playbook{scroll-behavior:auto}}.playbook :focus-visible{outline:3px solid var(--cobalt);outline-offset:3px;border-radius:4px}.playbook .guide-grid{grid-template-columns:1fr;gap:24px;margin-top:8px;display:grid}@media (width>=720px){.playbook .guide-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1000px){.playbook .guide-grid{grid-template-columns:repeat(3,1fr)}}.playbook .guide-card{background:var(--white);border:1.5px solid var(--border);border-radius:16px;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.playbook .guide-card:hover{box-shadow:6px 6px 0 var(--tint);transform:translateY(-4px)}.playbook .guide-cover{background:var(--paper);border-bottom:1.5px solid var(--border);aspect-ratio:4/5;overflow:hidden}.playbook .guide-cover img{object-fit:cover;width:100%;height:100%;transition:filter .25s,opacity .25s;display:block}.playbook .guide-cover.soon img{filter:blur(4px);opacity:.85}.playbook .guide-body{flex-direction:column;flex:1;gap:10px;padding:22px 22px 24px;display:flex}.playbook .guide-no{letter-spacing:.04em;color:var(--cobalt);text-transform:uppercase;font-family:Archivo,sans-serif;font-size:13px;font-weight:900}.playbook .guide-body h3{letter-spacing:0;margin:0;font-size:20px;line-height:1.15}.playbook .guide-body p{color:var(--mut);margin:0;font-size:14px;line-height:1.6}.playbook .guide-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px;display:flex}.playbook .guide-price{color:var(--ink);font-family:Archivo,sans-serif;font-size:22px;font-weight:900}.playbook .btn-sm{border-radius:8px;padding:11px 18px;font-size:13px}.playbook .btn-outline{color:var(--ink);border:2px solid var(--ink);box-shadow:none;cursor:not-allowed;opacity:.85;background:0 0}.playbook .btn-outline:hover{box-shadow:none;background:0 0;transform:none}.playbook .soon-tag{letter-spacing:.14em;text-transform:uppercase;background:var(--orange);color:var(--paper);border-radius:6px;padding:6px 10px;font-family:Space Mono,monospace;font-size:10px;font-weight:700}.playbook .soon-tag:before{content:"[ "}.playbook .soon-tag:after{content:" ]"}.playbook .start-grid{grid-template-columns:1fr;gap:14px;margin-top:8px;display:grid}@media (width>=720px){.playbook .start-grid{grid-template-columns:repeat(3,1fr)}}.playbook .start-tile{border:1.5px solid var(--border);background:var(--white);border-radius:12px;flex-direction:column;gap:6px;padding:22px 24px;display:flex}.playbook .start-q{letter-spacing:.14em;text-transform:uppercase;color:var(--mut);font-family:Space Mono,monospace;font-size:11px}.playbook .start-a{color:var(--ink);text-transform:uppercase;font-family:Archivo,sans-serif;font-size:18px;font-weight:900}.playbook .reassure{letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin-top:18px;font-family:Space Mono,monospace;font-size:11px}.playbook .outcomes{grid-template-columns:1fr;gap:14px 32px;max-width:780px;margin-top:24px;list-style:none;display:grid}@media (width>=760px){.playbook .outcomes{grid-template-columns:repeat(2,1fr)}}.playbook .outcomes li{color:var(--ink);padding-left:28px;font-size:15.5px;line-height:1.55;position:relative}.playbook .outcomes li:before{content:"→";color:var(--cobalt);font-family:Space Mono,monospace;font-weight:700;position:absolute;top:0;left:0}.playbook .guide-price-line{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-family:Space Mono,monospace;font-size:11px;font-weight:700}.playbook .sample-card{background:var(--white);border:1.5px solid var(--border);box-shadow:6px 6px 0 var(--tint);border-radius:16px;margin-top:8px;padding:32px}.playbook .sample-card h3{letter-spacing:0;margin:6px 0 22px;font-size:22px}.playbook .ba{grid-template-columns:1fr;gap:18px;margin-bottom:24px;display:grid}@media (width>=760px){.playbook .ba{grid-template-columns:1fr 1fr}}.playbook .ba-block{border-left:3px solid var(--border);background:var(--paper);border-radius:0 8px 8px 0;padding:14px 18px}.playbook .ba-block.before{border-left-color:var(--mut)}.playbook .ba-block.after{border-left-color:var(--cobalt)}.playbook .ba-block p{color:var(--ink);margin-top:6px;font-size:14.5px;line-height:1.65}.playbook .ba-label{letter-spacing:.14em;text-transform:uppercase;color:var(--mut);font-family:Space Mono,monospace;font-size:10px;font-weight:700;display:block}.playbook .ba-block.after .ba-label{color:var(--cobalt)}.playbook .why ul{gap:8px;margin-top:8px;list-style:none;display:grid}.playbook .why li{color:var(--ink);padding-left:22px;font-size:14.5px;line-height:1.55;position:relative}.playbook .why li:before{content:"+";color:var(--orange);font-family:Space Mono,monospace;font-weight:700;position:absolute;top:0;left:0}.playbook .sample-close{color:var(--mut);max-width:620px;margin-top:28px;font-size:15px}.playbook .audience{grid-template-columns:1fr;gap:32px;margin-top:8px;display:grid}@media (width>=760px){.playbook .audience{grid-template-columns:1fr 1fr;gap:48px}}.playbook .audience-label{letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px;font-family:Space Mono,monospace;font-size:11px;font-weight:700;display:block}.playbook .audience-label.for{color:var(--cobalt)}.playbook .audience-label.not{color:var(--orange)}.playbook .audience-col ul{gap:10px;list-style:none;display:grid}.playbook .audience-col li{color:var(--ink);border-bottom:1.5px solid var(--border);align-items:flex-start;gap:12px;padding-bottom:10px;font-size:14.5px;line-height:1.55;display:flex}.playbook .audience-col .bullet{flex-shrink:0;width:14px;font-family:Space Mono,monospace;font-weight:700}.playbook .audience-col li:has(.bullet:first-child) .bullet{color:var(--cobalt)}.playbook .audience-col ul li .bullet{color:var(--cobalt)}.playbook .audience-col:nth-child(2) li .bullet{color:var(--orange)}.playbook .email-capture{background:var(--white);border:1.5px solid var(--border);box-shadow:6px 6px 0 var(--tint-o);border-radius:18px;padding:40px 32px}.playbook .email-capture h2{margin-bottom:14px;font-size:clamp(26px,3.4vw,36px)}.playbook .email-capture p{color:var(--mut);max-width:560px;margin-bottom:22px}.playbook .email-form{flex-wrap:wrap;gap:10px;display:flex}.playbook .email-form input{border:2px solid var(--ink);background:var(--paper);min-width:220px;color:var(--ink);border-radius:10px;flex:1;padding:14px 16px;font-family:Sora,sans-serif;font-size:15px}.playbook .email-form input:focus{background:var(--white);box-shadow:4px 4px 0 var(--cobalt);outline:none}.playbook .email-success{color:var(--cobalt);background:var(--tint);border:1.5px dashed var(--cobalt);border-radius:10px;margin:0;padding:16px 18px;font-family:Archivo,sans-serif;font-size:15px;font-weight:800}