.guide-before-after{background:#fff9f2}.guide-before-after .container{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(360px,1.1fr);grid-gap:44px;gap:44px;align-items:center}.guide-before-after h1{margin:0 0 18px;color:var(--brand-text);font-size:max(2rem, min(4vw, 3.5rem));line-height:1.1;letter-spacing:0}.guide-before-after p{color:var(--brand-text)}.before-after-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.before-after-board figure{margin:0;padding:12px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-bg)}.before-after-board img{width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;border-radius:var(--brand-radius);background:var(--brand-bg-alt)}.before-after-board figcaption{margin-top:10px;color:var(--brand-text);font-weight:700}.guide-demo{background:var(--brand-bg)}.guide-builder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:22px;gap:22px}.guide-builder article,.guide-card-grid article{padding:24px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-bg);box-shadow:0 10px 24px rgba(42,39,36,.06)}.guide-builder span{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;margin-bottom:14px;border-radius:50%;background:var(--brand-secondary);color:var(--brand-text-inverse);font-weight:700}.guide-builder h3,.guide-builder p,.guide-card-grid h3,.guide-card-grid p{color:var(--brand-text)}.guide-cases{background:var(--brand-bg-alt)}.guide-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:22px;gap:22px}.guide-card-grid img{width:100%;aspect-ratio:5/4;-o-object-fit:cover;object-fit:cover;margin-bottom:16px;border-radius:var(--brand-radius);background:var(--brand-neutral-light)}@media (max-width:991px){.guide-before-after .container,.guide-builder,.guide-card-grid{grid-template-columns:1fr}}@media (max-width:575px){.before-after-board{grid-template-columns:1fr}}