.elevate-demo{background:#020617;color:#e5e7eb;min-height:100vh;font-family:system-ui,sans-serif}.demo-rail{display:flex;align-items:center;gap:24px;max-width:1440px;margin:auto;padding:18px 28px;border-bottom:1px solid #253248;flex-wrap:wrap}.demo-brand{color:#d1fae5;font-size:24px;letter-spacing:.12em;font-weight:750;text-decoration:none}.demo-brand span{font-size:12px;letter-spacing:0;color:#94a3b8;margin-left:8px}.demo-tabs{display:flex;gap:6px}.elevate-demo .demo-tabs button,.demo-examples button,.demo-footer button{border:1px solid #344155;border-radius:10px;background:#0c1b2d;color:#e2e8f0;padding:11px 16px;min-height:44px;font:inherit;cursor:pointer}.demo-tabs button[aria-pressed=true]{background:#123e35;border-color:#4ade80;color:#d1fae5}.demo-examples{margin-left:auto;position:relative}.demo-examples summary{cursor:pointer;padding:12px}.demo-examples>div{position:absolute;right:0;top:44px;width:min(330px,85vw);background:#0c1b2d;border:1px solid #344155;border-radius:14px;padding:10px;z-index:200;box-shadow:0 12px 40px #0009}.demo-examples button{display:block;text-align:left;width:100%;margin-bottom:5px}.demo-week-return{margin:12px 28px;padding:10px 16px;min-height:44px;background:#0c1b2d;border:1px solid #344155;border-radius:10px;color:#d1fae5;cursor:pointer}.demo-notice{max-width:1384px;margin:12px auto 0;padding:0 28px;color:#94a3b8;font-size:13px;line-height:1.5}.demo-loading,.demo-error{padding:32px}.demo-error{color:#fecaca}#demo-content{max-width:1440px;margin:auto}.demo-footer{max-width:1384px;margin:auto;padding:24px 28px 40px;color:#94a3b8;font-size:13px;border-top:1px solid #253248}.demo-footer button{font-size:14px;margin-right:8px}#demo-content>[data-presentation=focus]{padding-top:8px!important}#demo-content>[data-presentation=focus]>header>div:first-child{display:none!important}.elevate-demo button:focus-visible,.elevate-demo summary:focus-visible,.elevate-demo a:focus-visible{outline:3px solid #7dd3fc;outline-offset:4px}.demo-origin{max-width:1384px;margin:6px auto;padding:0 28px;color:#cbd5e1;font-size:12px;line-height:1.5}.demo-origin summary{cursor:pointer;padding:5px 0}.demo-origin p{max-width:780px;margin:8px 0}.elevate-demo .demo-rail{gap:8px 18px;padding-block:8px}.public-demo-start{max-width:1100px;margin:0 auto;padding:clamp(20px,3vw,40px) 20px;line-height:1.5}.elevate-demo .demo-brand{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.elevate-demo .demo-brand img{width:86px;height:auto}.public-demo-start h1{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.2;margin:0 0 16px}.public-demo-start p{max-width:70ch}.public-demo-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:center}.public-demo-intro>*{min-width:0}.public-demo-intro figure{margin:0}.public-demo-intro img{display:block;width:100%;height:auto;border-radius:16px}.public-demo-intro figcaption{font-size:.875rem;color:#b6c5d8;line-height:1.5;margin-top:10px}.public-demo-devices{color:#cbd5e1}.public-demo-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}.public-demo-stories button{display:flex;flex-direction:column;gap:8px;text-align:left;padding:24px;border:1px solid #3d5664;border-radius:16px;background:#0c1b2d;color:#e2e8f0;font:inherit;line-height:1.5;cursor:pointer}.public-demo-stories button:hover:not(:disabled){background:#102637;border-color:#82c5bf}.public-demo-stories button strong{font-size:1.25rem;color:#d1fae5}.public-demo-stories button:disabled{opacity:.7;cursor:wait}.public-demo-story-date,.public-demo-note{font-size:.875rem;color:#cbd5e1}.public-demo-story-value{font-size:1rem}.public-demo-story-action{margin-top:auto;padding-top:8px;font-weight:650;color:#a7f3d0}.public-demo-return-tip{margin:16px 0;max-width:70ch;border-block:1px solid #344155;color:#cbd5e1}.public-demo-return-tip>summary{padding:12px 0;min-height:44px;box-sizing:border-box;cursor:pointer;font-size:1rem}.public-demo-return-tip>div{padding:4px 0 12px}.public-demo-return-tip h2{font-size:1.125rem;margin:8px 0;line-height:1.4}.public-demo-return-tip li{margin-block:12px}.public-demo-return-tip ul{padding-left:24px}.public-demo-return-tip a{color:#a7e3f5;text-underline-offset:3px}.public-demo-return-tip .public-demo-return-sources{font-size:.875rem}@media(min-width:761px)and (pointer:fine){.public-demo-return-tip{display:none}}.public-demo-more{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-block:24px}.public-demo-more button,.public-demo-more a{min-height:44px;padding:10px 12px;border:1px solid #344155;border-radius:8px;background:transparent;color:#d1fae5;font:inherit;cursor:pointer}@media(max-width:760px){.public-demo-intro{grid-template-columns:minmax(0,1fr);gap:12px}.public-demo-intro figure{display:flex;align-items:center;gap:12px}.public-demo-intro img{width:136px;flex:none;border-radius:10px}.public-demo-intro figcaption{margin:0}.public-demo-intro p{margin-block:12px}.public-demo-stories{grid-template-columns:1fr;gap:12px;margin:20px 0}.public-demo-stories button{padding:16px;gap:6px}}.elevate-demo .demo-examples>div{max-height:calc(100dvh - 130px);overflow:auto;overscroll-behavior:contain}#demo-restart .demo-restart-actions{display:flex;flex-wrap:wrap;gap:12px}#demo-restart button{min-height:44px;padding:10px 16px;font:inherit;cursor:pointer}#demo-restart .demo-restart-version{font-size:.875rem;overflow-wrap:anywhere;color:var(--muted,#cbd5e1)}#demo-restart{box-sizing:border-box;width:min(44rem,calc(100vw - 24px));max-height:85dvh;overflow:auto;overscroll-behavior:contain;padding:0;border:1px solid #496078;border-radius:16px;background:#0b1626;color:#e5e7eb;line-height:1.6}#demo-restart::backdrop{background:#020617bd}#demo-restart .focus-modal-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:#0b1626;border-bottom:1px solid #496078}#demo-restart .focus-modal-heading h2{margin:0;font-size:1.2rem}#demo-restart .focus-modal-content{padding:16px 20px;overflow-wrap:anywhere}#demo-restart p{font-size:1rem;margin:0 0 1rem}#demo-restart button{flex-shrink:0;min-width:44px;background:#13243a;color:#e5e7eb;border:1px solid #496078;border-radius:10px}#demo-restart button:focus-visible{outline:3px solid #7dd3fc;outline-offset:3px}.elevate-demo .demo-week-return{margin:4px 16px}#demo-content>[data-presentation=focus] .focus-history-context{margin-bottom:0;padding-block:2px!important}#demo-content>[data-presentation=focus]>header{margin-bottom:2px!important}@media(max-width:760px){.elevate-demo .demo-rail{display:flex;flex-wrap:wrap;gap:6px;padding:6px 12px}.elevate-demo .demo-tabs{margin:0}.elevate-demo .demo-examples{margin:0 0 0 auto}.elevate-demo .demo-examples summary{min-height:44px;display:flex;align-items:center;justify-content:flex-end;padding:6px}}.elevate-demo .demo-examples summary{min-height:44px;box-sizing:border-box}@media(max-width:760px){.demo-rail{padding:12px 16px;gap:10px}.demo-brand{font-size:21px}.demo-brand span{font-size:11px}.demo-examples{margin-left:0}.demo-notice{padding:0 16px;font-size:12px}.demo-footer{padding:22px 16px}.demo-tabs button{padding:8px 12px}}@media(max-width:760px){.demo-rail{gap:6px 10px;padding:8px 16px}.demo-brand{font-size:19px}.demo-brand span{display:block;margin-left:0;font-size:10px}.demo-tabs,.demo-examples{margin-left:auto}.demo-examples summary{padding:6px;min-height:32px}.demo-examples>div{top:36px}.demo-origin{padding:0 16px;margin:3px 0}}.elevate-demo .demo-brand span{font-size:12px}