:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;color:#16202a;background:#f7f8fa}*{box-sizing:border-box}body{margin:0}.demo-shell{width:min(calc(100% - 32px),760px);min-height:100vh;margin:0 auto;padding:28px 0}.back-link{color:#155eef;font-size:14px;font-weight:700}.demo-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.demo-language{display:flex;align-items:center;gap:6px;color:#697586;font-size:13px}.demo-language button{min-width:auto;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:500}.demo-language button:hover,.demo-language button.is-active{background:transparent;color:#155eef;font-weight:700}.demo-panel{margin-top:72px;padding:44px;border:1px solid #dfe5eb;border-radius:20px;background:#fff;box-shadow:0 16px 40px #1c2c4014}.eyebrow{margin:0 0 12px;color:#155eef;font-size:12px;font-weight:800;letter-spacing:.14em}h1{margin:0 0 16px;font-size:clamp(34px,7vw,56px);letter-spacing:-.04em;line-height:1.15}.intro{margin-bottom:32px;color:#697586;line-height:1.8}.counter-card{padding:28px;border-radius:16px;background:#eef2f6}.metric-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:28px;text-align:center}.metric-row div{padding:20px 12px;border-radius:12px;background:#fff}.metric-label{display:block;margin-bottom:8px;color:#697586;font-size:13px}.metric-row strong{color:#155eef;font-size:42px;line-height:1}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}button{min-width:76px;padding:10px 16px;border:0;border-radius:9px;background:#155eef;color:#fff;cursor:pointer;font:inherit;font-weight:700}button:hover{background:#0f46b8}button.button-quiet{background:#d7dee8;color:#344054}button.button-quiet:hover{background:#c7d0dc}@media(max-width:540px){.demo-panel{margin-top:48px;padding:28px 22px}.metric-row{grid-template-columns:1fr}}:root{color-scheme:dark}body{background:#11110f radial-gradient(circle at 75% 15%,rgba(210,164,95,.16),transparent 30%)}.demo-shell:before{position:fixed;inset:0;z-index:-1;background:#0a0a09c7;content:""}.demo-panel{border-color:#d4a96557;background:#191713e0;box-shadow:0 18px 55px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.intro,.metric-label,.demo-language{color:#b8ab97}.counter-card,.metric-row div{background:#2d251cdb}.metric-row strong{color:#d2a45f}button{background:#b9813f;color:#17130f}button:hover{background:#d2a45f}button.button-quiet{background:#d7dee82e;color:#f0e7d8}