.playbook-before-after-hero{padding:72px 0;background:linear-gradient(115deg,#fff4e5,var(--brand-bg-alt))}.playbook-before-after-hero .container{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;align-items:center}.prompt-builder-demo{padding:80px 0}.builder-copy{max-width:820px}.builder-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;margin:36px 0}.builder-grid article{padding:22px;border:1px solid var(--brand-border);border-radius:var(--brand-radius)}.builder-grid span{display:inline-grid;align-items:center;justify-items:center;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--brand-primary-light);color:var(--brand-primary-dark);font-weight:800}.builder-grid h3{margin-top:18px;font-size:1.25rem}.sample-prompt{padding:28px;border-radius:var(--brand-radius);background:var(--brand-primary-dark);color:var(--brand-text-inverse)}.sample-prompt p{color:var(--brand-text-inverse);margin-bottom:0}.playbook-case-grid{padding:80px 0;background:var(--brand-bg-alt)}.playbook-case-grid article{background:var(--brand-bg)}.playbook-case-grid .role{color:var(--brand-primary-dark);font-weight:800;text-transform:uppercase}.playbook-case-grid strong{color:var(--brand-primary-dark)}.method-note{max-width:900px;margin:32px auto 0;text-align:center}.playbook-install-cta .container{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;align-items:center}@media (max-width:900px){.builder-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.builder-grid,.playbook-before-after-hero .container,.playbook-install-cta .container{grid-template-columns:1fr}}