.catalog-demo{padding-top:48px;padding-bottom:64px}.catalog-demo h1{font-size:clamp(32px,5vw,58px);line-height:1.12}.catalog-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.catalog-tabs button{padding:12px 18px;border:1px solid #b8cec5;border-radius:8px;background:white;color:#17352f;cursor:pointer;font-weight:700}.catalog-tabs button[aria-pressed=true]{background:#007c77;color:white}.catalog-tabs button:focus-visible{outline:3px solid #00a99f;outline-offset:3px}.catalog-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.catalog-demo .card{padding:24px;min-width:0}.catalog-demo label{display:grid;gap:6px;font-size:14px;margin:14px 0}.catalog-demo input,.catalog-demo select{padding:10px;border:1px solid #b8cec5;border-radius:7px;width:100%;max-width:100%;box-sizing:border-box}.catalog-demo input:invalid{border-color:#b23c22}.catalog-demo output{display:block;font-weight:700;margin:18px 0;color:#006963}.catalog-demo [hidden]{display:none!important}@media(max-width:700px){.catalog-demo-grid{grid-template-columns:1fr}.catalog-tabs{display:grid}.catalog-demo .card{padding:18px}}