.demo-page main{display:grid;gap:clamp(3rem,7vw,6rem);padding-bottom:5rem}.demo-hero,.demo-workspace,.demo-boundaries{width:min(1180px,calc(100% - 2rem));margin-inline:auto}.demo-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.7fr);gap:2rem;align-items:center;padding-top:clamp(3rem,8vw,7rem)}.demo-hero h1{max-width:18ch}.demo-hero p{max-width:66ch}.demo-hero ul{display:grid;gap:.55rem;padding-left:1.2rem}.demo-hero aside{display:grid;gap:.5rem;padding:2rem;border:1px solid rgba(11,95,59,.2);border-radius:1.4rem;background:linear-gradient(145deg,#f4fbf7,#fff)}.demo-hero aside span,.demo-hero aside small{color:#47645a}.demo-hero aside strong{font-size:clamp(1.6rem,4vw,2.7rem);color:#0b5f3b}.demo-workspace{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:2rem;align-items:start}.demo-controls,.demo-phone{border:1px solid rgba(11,95,59,.18);border-radius:1.4rem;background:#fff;box-shadow:0 24px 60px rgba(16,53,39,.08)}.demo-controls{padding:clamp(1.4rem,4vw,2.4rem)}.demo-controls fieldset{display:grid;gap:.75rem;margin:1.4rem 0;border:0;padding:0}.demo-controls legend{font-weight:800;margin-bottom:.35rem}.demo-controls label{display:block}.demo-controls label span{display:grid;gap:.2rem;padding:.9rem 1rem;border:1px solid #d7e5dd;border-radius:.9rem;cursor:pointer}.demo-controls input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0}.demo-controls label:has(input:checked) span{border-color:#0b5f3b;background:#f0f8f3}.demo-controls small,.demo-privacy{color:#5c6f67}.demo-reset{display:block;margin-top:1rem;border:0;background:none;cursor:pointer}.demo-phone{overflow:hidden}.demo-phone-head{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;background:#103d2d;color:#fff}.demo-phone-head b{color:#bce7ca}.demo-timeline{display:grid;gap:0;list-style:none;margin:0;padding:0}.demo-timeline li{display:grid;grid-template-columns:3rem 1fr;gap:.8rem;padding:1rem 1.2rem;border-bottom:1px solid #e7eee9}.demo-timeline li:last-child{border-bottom:0}.demo-timeline li>span{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:50%;background:#e9f6ee;color:#0b5f3b;font-weight:900}.demo-timeline strong{display:block;margin-bottom:.25rem}.demo-timeline p{margin:0;color:#4f625a}.demo-boundaries>div:first-child{max-width:760px}.demo-boundaries>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.demo-boundaries article{padding:1.4rem;border:1px solid #dbe7e0;border-radius:1rem;background:#f8fbf9}.demo-boundaries strong{color:#0b5f3b}.demo-boundaries p{margin-bottom:0}@media(max-width:800px){.demo-hero,.demo-workspace{grid-template-columns:1fr}.demo-boundaries>div:last-child{grid-template-columns:1fr}}@media(max-width:520px){.demo-hero,.demo-workspace,.demo-boundaries{width:min(100% - 1rem,1180px)}.demo-controls{padding:1rem}.demo-timeline li{grid-template-columns:2.6rem 1fr;padding:.9rem}.demo-hero{padding-top:2rem}}