.dipt-before-after{background:#fff}.dipt-before-panel{border-left:6px solid var(--brand-secondary)}.dipt-after-panel{border-left:6px solid var(--brand-accent)}.dipt-studio-demo{background:var(--brand-bg-alt)}.dipt-demo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dipt-studio-cases{background:#fff}@media (max-width:991px){.dipt-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:575px){.dipt-demo-grid{grid-template-columns:1fr}}.maker-compare{background:var(--brand-bg-alt)}.maker-demo{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);grid-gap:32px;gap:32px;align-items:stretch}.maker-demo-panel{background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--brand-radius);padding:28px}.maker-meter{height:14px;border-radius:999px;background:var(--brand-border);overflow:hidden;margin:12px 0 24px}.maker-meter span{display:block;height:100%;background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent))}@media (max-width:767px){.maker-demo{grid-template-columns:1fr}}