.site-nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.site-nav a{text-decoration:none;font-weight:700}.feature-main{max-width:1180px;margin:auto;padding:55px 6% 80px}.feature-main h1{font-size:clamp(42px,5vw,65px)}.feature-main p{line-height:1.7}.feature-panel{background:#fffdf7;border:1px solid #ddd2bb;border-radius:20px;padding:28px;margin:24px 0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-main select,.feature-main button{font:inherit;padding:14px;border:1px solid #416b60;border-radius:9px;min-height:48px}.feature-main button{background:var(--orange);color:#fff;font-weight:700;cursor:pointer}.demo-controls{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.demo-controls label{display:grid;gap:10px}.demo-time{font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.demo-stage iframe{display:block;width:100%;height:650px;border:0;border-radius:18px;margin-top:24px;background:#fbf6e9}.copyright{font-size:12px;line-height:1.7;max-width:500px}.brand img{display:block;width:240px;height:auto}.secondary-link{display:inline-block;margin-top:18px;font-weight:700}.pending-note{background:#edf1e5;padding:16px;border-radius:12px}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:4px}[hidden]{display:none!important}@media(max-width:620px){header{align-items:flex-start;flex-wrap:wrap}.site-nav{font-size:14px;gap:16px}.feature-grid{grid-template-columns:1fr}.feature-main{padding-top:35px}.demo-stage iframe{height:580px}.demo-controls>*{max-width:100%}.brand img{width:210px}}
.demo-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature-main .demo-card{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:10px;padding:12px;background:#fff;color:#163e3b;border:2px solid #d5e3dd;border-radius:16px;text-align:center;min-height:215px;width:100%}.demo-card img{display:block;width:100%;height:125px;object-fit:cover;border-radius:10px;background:#fff4dc}.demo-card span{line-height:1.3}.demo-card small{font-size:14px;font-weight:600;color:#416b60}.feature-main .demo-card[aria-pressed=true]{border-color:#377f79;background:#eef7ed}.feature-main .demo-card:hover{border-color:#ed833b}.demo-card:focus-visible{outline:3px solid #377f79;outline-offset:4px}.demo-stage:focus-visible{outline:3px solid #377f79;outline-offset:4px}#demoCurrent{margin-top:30px}@media(max-width:900px){.demo-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.demo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.feature-main .demo-card{padding:8px;min-height:190px;font-size:14px}.demo-card img{height:95px}.feature-panel{padding:18px}}