.demo-start{color:#f1f4fa;background:#171d29;grid-template-columns:minmax(0,1fr) minmax(0,2fr);min-height:100dvh;display:grid}.demo-start-content{flex-direction:column;min-width:0;display:flex}.demo-start-header{padding:28px clamp(24px,2.4vw,44px)}.demo-start-brand{color:inherit;font-size:20px;font-weight:600;text-decoration:none}.demo-start-main{flex-direction:column;flex:1;justify-content:center;gap:30px;padding:24px clamp(24px,2.4vw,44px) 64px;display:flex}.demo-start-intro{width:min(100%,500px);margin:0 auto}.demo-start-intro h1{letter-spacing:-1.4px;font-size:clamp(30px,2.7vw,42px);font-weight:600;line-height:1.12}.demo-start-intro p{color:#aebbd0;max-width:400px;margin-top:16px;font-size:16px;line-height:1.6}.demo-start-options{grid-template-columns:minmax(0,1fr);gap:14px;width:min(100%,500px);margin:0 auto;display:grid}.demo-start-option{text-align:left;font:inherit;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;border-left:3px solid #0000;border-radius:0;justify-content:space-between;align-items:flex-start;gap:20px;padding:14px 0 14px 20px;text-decoration:none;display:flex}.demo-start-option:hover{background:0 0}.demo-start-option h2{font-size:21px;font-weight:600;line-height:1.3}.demo-start-option p{color:#aebbd0;margin-top:8px;font-size:14px}.demo-start-option>svg{color:#b3bfd3;flex-shrink:0;margin-top:4px}.demo-start-guided{border-left-color:#74a990}.demo-start-live{border-left-color:#869bcd}.demo-start-badges{flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.demo-start-badges li{border-radius:6px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.requirement-none{color:#b9e5cc;background:#203d33}.requirement-cci{color:#c6d9ff;background:#293c5d}.requirement-auth{color:#e0d0ff;background:#3a3152}.requirement-entra{color:#bde7f3;background:#213f4a}.demo-start-preview{background:#e8eaf0;border-left:1px solid #30394b;min-width:0;min-height:100dvh;position:relative;overflow:clip}.demo-start-fullscreen{z-index:50;color:#3b4257;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#ffffffb3;border:1px solid #ffffff8c;border-radius:10px;place-items:center;width:34px;height:34px;padding:0;transition:opacity .4s;display:grid;position:absolute;bottom:16px;right:16px;box-shadow:0 4px 16px #1e263c1f}.demo-start-fullscreen:hover{background:#fff}.demo-start-fullscreen:focus-visible{outline-offset:2px;outline:2px solid #4f52b2}.demo-start-preview:fullscreen{border:0}.demo-start-preview.is-idle{cursor:none}.demo-start-preview.is-idle .demo-start-fullscreen{opacity:0}.demo-start-preview-loading{background:radial-gradient(at 80% 30%,#d7e0fa,#0000 70%),#e8eaf0;position:absolute;inset:0}@media (width<=800px){.demo-start{grid-template-columns:minmax(0,1fr)}.demo-start-header{padding:24px 28px}.demo-start-main{padding:24px 28px 40px}.demo-start-intro h1{max-width:400px}.demo-start-preview{border-top:1px solid #e0e4ed;border-left:0;min-height:400px}}@media (width>=801px) and (height<=740px){.demo-start-header{padding-top:20px;padding-bottom:12px}.demo-start-main{gap:22px;padding-top:16px;padding-bottom:28px}.demo-start-intro h1{font-size:36px}.demo-start-intro p{margin-top:12px}.demo-start-option{padding-top:12px;padding-bottom:12px}}.demo-start-option .demo-start-requires{color:#c0cadd;margin-top:16px;font-size:12px;line-height:1.4}.demo-start-requires+.demo-start-badges{margin-top:9px}.demo-start-brand:focus-visible,.demo-start-option:focus-visible{outline-offset:4px;outline:2px solid #b4c8ff}.demo-start-guided:hover{border-left-color:#b2ddc6}.demo-start-live:hover{border-left-color:#c2d0ef}.demo-expectations{width:min(620px,100vw - 40px);max-width:620px;max-height:calc(100dvh - 48px)}.demo-expectations .fui-DialogBody{grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100dvh - 104px)}.demo-expectations .fui-DialogContent{color:#5b6577;padding-right:6px;font-size:14px;line-height:1.6;overflow-y:auto}.demo-expectations section+section{margin-top:20px}.demo-expectations h3{color:#29354a;margin:0 0 6px;font-size:14px;font-weight:600}.demo-expectations p{margin:0}.demo-expectations ul{margin:6px 0 12px;padding-left:20px}.demo-expectations li+li{margin-top:5px}.demo-expectations .demo-setup-note{color:#354c7a;font-weight:500}.demo-expectations .demo-guided-alternative{border-top:1px solid #e1e5ed;padding-top:18px}@media (width<=480px){.demo-expectations .fui-DialogActions{flex-wrap:wrap}}.demo-expectations ul{list-style:outside}.demo-expectations .fui-DialogActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.demo-expectations .fui-DialogActions>a{white-space:nowrap}