.demo-entry{margin:0;background:#eef3f7;color:#182b40;font:17px/1.6 system-ui,sans-serif;min-height:100vh;display:grid;place-items:center;padding:24px;box-sizing:border-box}.demo-card{background:white;max-width:720px;padding:clamp(24px,5vw,64px);border-radius:20px;box-shadow:0 18px 60px #182b4012}.demo-brand{font-size:24px;font-weight:800;text-decoration:none;color:#182b40}.demo-language{display:flex;gap:12px;align-items:center;margin-top:24px}.demo-eyebrow{font-size:13px;font-weight:750;letter-spacing:.08em;color:#176b63;margin-top:36px}.demo-card h1{font-size:clamp(30px,5vw,48px);line-height:1.12;letter-spacing:-.035em;margin:16px 0}.demo-lead{font-size:20px}.demo-button{display:inline-block;background:#166a62;color:white!important;padding:12px 20px;border:0;border-radius:8px;text-decoration:none;font:inherit;font-weight:650;cursor:pointer}.demo-secondary{display:inline-block;margin:16px 16px 0 0;color:#166a62}.demo-note{font-size:13px;color:#526477;max-width:70ch}.demo-entry select,.demo-bar select,.demo-guide button{font:inherit;padding:8px 12px;border:1px solid #aebdc8;border-radius:6px;background:white;color:#182b40}.demo-bar{position:relative;z-index:1025;background:#17344d;color:white;font:14px/1.4 system-ui,sans-serif;box-shadow:0 2px 8px #0002}.demo-bar-main{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 20px}.demo-bar a{color:#fff}.demo-bar time{font-variant-numeric:tabular-nums;font-weight:750}.demo-bar form{margin:0}.demo-guide{padding:0 20px 10px}.demo-guide summary{cursor:pointer}.demo-guide-inner{padding:16px 0;display:flex;gap:16px;align-items:start;flex-wrap:wrap}.demo-guide li{margin:8px 0}.demo-guide .demo-note{color:#d6e6ee}.demo-guide li[data-complete="true"]::marker{content:'✓ '}.demo-sample-select{display:block;margin:8px 0;max-width:100%;padding:8px;border:1px solid #8b9faa;border-radius:6px}.demo-bar a:focus-visible,.demo-entry a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e2ac45;outline-offset:3px}@media(max-width:500px){.demo-bar-main{padding:10px 12px}.demo-bar .demo-button{width:100%;text-align:center}.demo-card{padding:24px}.demo-guide{padding-inline:12px}}

.demo-bar a:not(.demo-button){color:#fff!important}
.demo-welcome{margin:20px 0;padding:clamp(16px,3vw,28px);border:1px solid #badbd5;border-radius:16px;background:#f1faf7;color:#182b40}.demo-welcome h2{font-size:1.4rem}.demo-welcome .demo-activities{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:16px 0}.demo-activities form{margin:0}.demo-welcome button{padding:9px 13px;border:1px solid #166a62;border-radius:8px;background:#fff;color:#166a62;font:inherit;cursor:pointer}.demo-welcome button:hover{background:#e2f2ed}.demo-activities [data-complete="true"] button::before{content:'✓ ';}.demo-welcome .demo-note{max-width:none}