.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}