*{box-sizing:border-box}body{margin:0;background:#07140f;color:#eef9f1;font:15px/1.5 Inter,system-ui,sans-serif}.demo-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px clamp(12px,3vw,45px);background:#06170f;border-bottom:1px solid #316e4a}.demo-top strong{font-size:15px;color:#b6ffd1}.demo-top small{display:block;color:#91bba3;font-size:10px;font-weight:650}.demo-actions{display:flex;flex-wrap:wrap;gap:8px}.demo-actions a{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 13px;border:1px solid #4b8b62;border-radius:8px;color:#c9fce0;text-decoration:none;font-size:12px;font-weight:800}.demo-actions a.primary{background:#75eda9;color:#062112;border-color:#75eda9}#demo-site{border-radius:0;box-shadow:none}.demo-foot{padding:16px clamp(12px,3vw,45px);background:#06170f;color:#9dc1ac;text-align:center;font-size:12px}.demo-foot a{color:#9cf0bc}.demo-top a:focus-visible,.demo-foot a:focus-visible{outline:3px solid #d2ffe2;outline-offset:3px}@media(max-width:560px){.demo-top{align-items:flex-start;flex-direction:column}.demo-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.demo-actions a{font-size:11px;padding:9px}}