.switch-demo-page{max-width:1120px;padding-top:20px}.demo-nav{margin-bottom:46px}.demo-nav>a:last-child{color:var(--lime);font-weight:800;text-decoration:none}.demo-shell{display:grid;grid-gap:18px;gap:18px}.demo-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.demo-heading h1{max-width:650px}.demo-heading p:not(.eyebrow){max-width:670px;font-size:16px;line-height:1.65}.demo-badge{flex:none;margin-top:8px;padding:7px 10px;border:1px solid #b4f84b55;border-radius:999px;color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.demo-notice{padding:14px 16px;border:1px solid #e1b05270;border-radius:12px;background:#e1b0520d;color:#ecd59b}.demo-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:16px;gap:16px}.demo-device,.demo-settings,.demo-walkthrough{padding:22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(140deg,#151c17,#0d120f)}.demo-device-top{display:flex;justify-content:space-between;gap:16px}.demo-device h2,.demo-settings h2,.demo-walkthrough h2{margin:5px 0 7px}.demo-device-top p:not(.eyebrow),.demo-settings>p:not(.eyebrow),.demo-walkthrough small{margin:0;font-size:13px;line-height:1.55}.demo-state{height:-moz-fit-content;height:fit-content;padding:5px 9px;border:1px solid var(--line-strong);border-radius:99px;color:var(--muted);font-size:11px;font-weight:900}.demo-state.on{border-color:#6d983b;background:#b4f84b18;color:var(--lime)}.demo-power{display:grid;place-items:center;height:145px;margin:22px 0;border:1px solid var(--line);border-radius:13px;background:radial-gradient(circle,#131a15 0 18%,#090d0a 63%)}.demo-power span{width:48px;height:48px;border:6px solid #536057;border-top-color:transparent;border-radius:50%;position:relative}.demo-power span:after{content:"";position:absolute;top:-20px;left:15px;width:6px;height:23px;border-radius:4px;background:#536057}.demo-power.on{background:radial-gradient(circle,#b4f84b34 0 7%,#151f13 30%,#090d0a 66%)}.demo-power.on span{border-color:var(--lime);border-top-color:transparent;box-shadow:0 0 28px #b4f84b66}.demo-power.on span:after{background:var(--lime)}.demo-countdown{min-height:24px;color:var(--muted-strong);font-size:13px}.demo-device button{width:100%;padding:13px}.demo-outcome{min-height:24px;margin:13px 0 0;color:var(--success);font-size:12px}.demo-error{color:var(--danger);font-size:12px}.demo-timer-fields fieldset{grid-column:1/-1}.demo-footnote{padding-top:12px;border-top:1px solid var(--line);font-size:12px!important}.demo-walkthrough ol{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin:20px 0 0;padding:0;list-style:none}.demo-walkthrough li{display:grid;grid-template-columns:32px 1fr;grid-gap:10px;gap:10px;padding:13px;border:1px solid var(--line);border-radius:11px;background:#0b100c}.demo-walkthrough li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--lime);color:#071006;font-weight:900}.demo-walkthrough b,.demo-walkthrough small{display:block}.demo-walkthrough b{font-size:13px}@media (prefers-reduced-motion:reduce){.demo-power.on span{box-shadow:none}}@media(max-width:700px){.switch-demo-page{padding:18px 14px 42px}.demo-nav{margin-bottom:28px}.demo-grid,.demo-heading{display:grid}.demo-badge{margin-top:0;width:-moz-fit-content;width:fit-content}.demo-walkthrough ol{grid-template-columns:1fr}.demo-power{height:120px}.demo-grid{grid-template-columns:minmax(0,1fr)}}