/* Shared public Benefits; hidden during editing. */
.lw-benefits { width:100%; margin-top:var(--space-12); padding-block:calc(var(--site-section-space) + var(--space-6)); background:var(--color-bg-control); color:var(--color-ink); scroll-margin-top:100px; }
.lw-benefits p,.lw-benefits h2,.lw-benefits h3 { margin:0; }
.lw-benefits h2 { margin-top:var(--space-4); font:500 clamp(32px,3.4vw,54px)/1.08 var(--font-display); letter-spacing:-.045em; }
.lw-benefits-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--space-12); list-style:none; padding:0; margin:calc(var(--space-12) + var(--space-6)) 0 0; }
.lw-benefits-list li { min-width:0; background:none; border:0; }
.lw-benefits-icon { display:block; width:24px; height:24px; margin-bottom:var(--space-6); }
.lw-benefits-icon svg { display:block; width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; }
.lw-benefits h3 { font:600 20px/1.4 var(--font-display); letter-spacing:-.025em; }
.lw-benefits-list p { margin-top:var(--space-3); max-width:32ch; font:400 15px/1.6 var(--font-ui); color:var(--color-text-secondary); }
@media(max-width:1100px) { .lw-benefits-list { gap:var(--space-8); } .lw-benefits h3 { font-size:18px; } }
@media(max-width:960px) { .lw-benefits-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-12) var(--space-8); } }
@media(max-width:699px) { .lw-benefits h2 { font-size:30px; } }
@media(max-width:480px) { .lw-benefits-list { grid-template-columns:minmax(0,1fr); gap:var(--space-10); margin-top:var(--space-16); } .lw-benefits-icon { margin-bottom:var(--space-4); } }

.design-system:not([data-phase=empty])>.lw-benefits { display:none; }
.lw-benefits + .lw-workflow { border-top:0; padding-top:calc(var(--site-section-space) + var(--space-20)); }