/* polywasp.com/build: the landing page around the app's builder. The builder's own look comes from
   builder.css and lab-base.css (the app dashboard's base styles), both copied from the app by
   packaging/sync_web_builder.py. */
/* The landing page around the builder */
.build-hero{padding:56px 0 24px}
.build-hero h1{font-size:clamp(32px,5vw,52px);line-height:1.05;letter-spacing:-1.5px;margin:10px 0 16px;max-width:820px}
.build-hero .lead{font-size:18px;max-width:760px;color:var(--muted);margin:0 0 26px}
.build-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 14px}
.build-actions .btn{min-width:200px}
.build-actions [hidden]{display:none}
.build-account{margin:0 0 34px}
.build-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:10px 0 28px}
.build-step{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:22px}
.build-step>b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#0c0e11;font-size:14px;margin-bottom:10px}
.build-step h3{margin:0 0 6px;font-size:17px}
.build-step p{margin:0;color:var(--muted);font-size:14px}
.build-fine{max-width:760px}
@media(max-width:800px){.build-steps{grid-template-columns:1fr}.build-hero{padding-top:32px}.build-actions .btn{flex:1 1 100%}}
/* While the builder is open it fills the window, as in the app: the page behind it stays still. */
body.building{overflow:hidden}