/* Purpose-built demo styles. Independent of the operational application's CSS. */
.demo-experience{--d-ink:#102a43;--d-muted:#52697e;--d-border:#ccd9e5;--d-bg:#f3f7fb;color:var(--d-ink);font-family:Arial,Helvetica,sans-serif;font-size:13px;text-align:left}
.demo-experience *{box-sizing:border-box}.demo-experience [hidden]{display:none!important}.demo-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,3fr);gap:30px;align-items:center}.demo-story{color:#c0cfe3}.demo-story h2{font-size:34px;color:#fff;line-height:1.15;letter-spacing:-1px}.demo-story>p{font-size:14px;line-height:1.8}.demo-story-detail{font-size:10px;line-height:1.7;margin:25px 0}.demo-expand{display:inline-flex;gap:14px;color:white;border-bottom:1px solid #728cad;padding-bottom:8px;font-size:12px}.demo-device{min-width:0;background:#fff;border:1px solid #506782;border-radius:6px;overflow:hidden;box-shadow:0 20px 65px #0003}.demo-browser{display:flex;align-items:center;gap:15px;padding:12px 15px;background:#e9eff5;color:#4c6175;font-size:10px}.demo-browser-dots{color:#97a9bc;letter-spacing:2px}.demo-live{margin-left:auto;font-size:9px;white-space:nowrap}.demo-live .dot{margin-right:4px}.demo-topbar{background:#102a43;color:#fff;display:flex;align-items:center;gap:15px;padding:13px 16px}.demo-topbar>strong{font-size:22px;letter-spacing:-1px}.demo-topbar>span:nth-child(2){margin-left:auto;font-size:10px}.demo-avatar{display:grid;place-items:center;border:1px solid #5e768d;background:#26465f;width:28px;height:28px;border-radius:50%;font-size:10px}.demo-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;background:#f8fbfe;border-bottom:1px solid var(--d-border);font-size:10px}.demo-tools>div{display:flex;gap:8px}.demo-experience button,.demo-experience select{font:inherit}.demo-experience button{cursor:pointer}.demo-tools button,.demo-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:white;color:#235984;border:1px solid #aebfd0;border-radius:2px;font-size:11px;font-weight:700;padding:8px 11px;text-decoration:none;min-height:34px}.demo-btn.is-primary{background:#17649c;border-color:#17649c;color:white}.demo-experience button:hover,.demo-experience a.demo-btn:hover{filter:brightness(.95)}.demo-experience :is(button,a,select,textarea):focus-visible{outline:3px solid #dc931c;outline-offset:3px}.demo-body{display:grid;grid-template-columns:139px minmax(0,1fr);height:526px}.demo-nav{display:block!important;padding:10px 7px;background:#f2f6fa;border-right:1px solid var(--d-border);overflow:auto}.demo-nav-group{margin:0 0 8px;background:#fff;border:1px solid var(--d-border);padding:4px}.demo-nav-label{font-size:8px;font-weight:800;letter-spacing:1px;padding:6px 5px;display:block;text-transform:uppercase;color:var(--section-ink);background:var(--section-tint)}.demo-nav button{display:flex;width:100%;align-items:center;gap:7px;text-align:left;padding:9px 6px;margin-top:3px;background:var(--section-tint);color:var(--section-ink);border:1px solid transparent;border-left:3px solid var(--section-ink);border-radius:2px;font-size:11px}.demo-nav button[aria-current="page"]{border-color:var(--section-ink);font-weight:700}.demo-nav svg{width:14px;height:14px;flex:none}.demo-content{background:var(--d-bg);overflow:auto;padding:19px;scrollbar-width:thin;min-width:0}.demo-heading{margin-bottom:17px}.demo-kicker{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#476078;font-weight:700;margin:0 0 7px!important}.demo-heading h3{font-size:23px;color:#476078;line-height:1.2;letter-spacing:-.5px;margin:0 0 7px;overflow-wrap:anywhere}.demo-heading>p{font-size:11px;color:var(--d-muted);margin:0;line-height:1.6}.demo-heading>button{margin-bottom:12px}.demo-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:20px 0 10px}.demo-section-head h4{margin:0;font-size:14px}.demo-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.demo-metric{background:white;text-align:left;border:1px solid var(--d-border);border-left:3px solid #47769d;padding:12px;color:var(--d-ink);min-height:97px}.demo-metric>span{font-size:10px;line-height:1.4;display:block}.demo-metric strong{display:block;font-size:25px;margin-top:10px}.demo-metric small{font-size:9px;color:var(--d-muted);line-height:1.5;margin-top:5px}.demo-metric.warning{border-left-color:#c77b28}.demo-card{background:white;border:1px solid var(--d-border);border-radius:2px;padding:14px;margin-bottom:11px}.demo-card h4{font-size:13px;margin:0 0 12px}.demo-card p{font-size:12px;line-height:1.65;margin:7px 0}.demo-row{display:flex;align-items:center;justify-content:space-between;gap:13px;border:1px solid var(--d-border);background:white;border-radius:2px;padding:13px 12px;margin-bottom:7px;width:100%;color:var(--d-ink);text-align:left}.demo-row>span:first-child{min-width:0}.demo-row strong{display:block;font-size:12px;line-height:1.45}.demo-row small{color:var(--d-muted);font-size:10px;line-height:1.6;margin-top:4px}.demo-row-side{flex-shrink:0;display:flex;align-items:flex-end;flex-direction:column;gap:6px}.demo-badge{display:inline-block;padding:4px 7px;font-size:9px;font-weight:700;color:#245c96;background:#eaf2fd;border:1px solid #cbdcf0;border-radius:2px;white-space:nowrap}.demo-badge.green{color:#246a50;background:#eaf7f1;border-color:#bedecd}.demo-badge.amber{color:#80551b;background:#fff4df;border-color:#e8d0a6}.demo-badge.grey{color:#526578;background:#eff3f6;border-color:#d3dde5}.demo-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-field{font-size:11px;margin-bottom:10px}.demo-field>span{color:var(--d-muted);display:block;margin-bottom:5px;font-size:9px;text-transform:uppercase;letter-spacing:.6px}.demo-link{padding:0;background:none;border:0;text-align:left;color:#17649c;text-decoration:underline;text-underline-offset:3px;font-weight:700;line-height:1.7}.demo-action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.demo-progress{display:flex;gap:5px;list-style:none;padding:0;margin:14px 0}.demo-progress li{flex:1;border-top:3px solid #d6e0e9;padding-top:7px;font-size:9px;color:#64798c}.demo-progress li.is-done{border-color:#39866a;color:#27664f}.demo-help{font-size:10px!important;color:var(--d-muted);line-height:1.6}.demo-filters{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin:0 0 15px}.demo-filters label{display:grid;gap:5px;font-size:10px;color:var(--d-muted)}.demo-filters select{padding:8px;border:1px solid #aebfd0;background:white;color:var(--d-ink);border-radius:2px;min-height:34px;max-width:100%}.demo-segment{display:flex}.demo-segment button{border-radius:0}.demo-segment button[aria-pressed="true"]{background:#17649c;color:#fff}.demo-calendar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.demo-day{background:#eaf0f6;min-height:224px;padding:5px;min-width:0}.demo-day>h4{font-size:10px;margin:5px 0 12px;line-height:1.4}.demo-calendar.is-day{grid-template-columns:1fr}.demo-calendar.is-day .demo-day{min-height:100px}.demo-event{display:block;width:100%;text-align:left;background:white;border:1px solid #b9cfe3;border-left:3px solid #3275aa;color:#173b57;padding:7px 5px;margin-bottom:7px;line-height:1.5;border-radius:2px;overflow-wrap:anywhere}.demo-event strong{font-size:9px;display:block}.demo-event span,.demo-event small{font-size:8px;display:block}.demo-empty{font-size:10px;color:#617588;padding:12px 4px;line-height:1.6}.demo-chain{display:flex;gap:5px;align-items:center;flex-wrap:wrap;font-size:10px;padding:12px;background:#eef6f2;color:#266c5e;margin-bottom:14px}.demo-chain span{padding:4px;background:white;border:1px solid #c9e0d7}.demo-stock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.demo-stock-grid button{display:block;border:1px solid var(--d-border);padding:12px;background:#fff;text-align:left;color:var(--d-ink)}.demo-stock-grid strong{display:block;font-size:12px;line-height:1.5}.demo-stock-grid b{font-size:25px;display:block;margin:9px 0}.demo-stock-grid small{font-size:9px;color:var(--d-muted)}.demo-history{border-left:2px solid #c3d3e1;padding-left:13px;margin:10px 0}.demo-history article{position:relative;background:#fff;border:1px solid var(--d-border);padding:12px;margin-bottom:9px;font-size:11px}.demo-history article:before{content:'';position:absolute;left:-19px;top:17px;background:#377daf;width:8px;height:8px;border-radius:50%}.demo-history small{font-size:9px;color:var(--d-muted);margin-bottom:7px}.demo-history p{margin:7px 0;font-size:11px}.demo-table{width:100%;border-collapse:collapse;white-space:normal;font-size:11px}.demo-table th{color:var(--d-muted);background:#f2f6fa;font-size:9px;padding:10px 7px;text-align:left}.demo-table td{padding:12px 7px;border-bottom:1px solid var(--d-border);font-size:11px}.demo-table td:last-child,.demo-table th:last-child{text-align:right;white-space:nowrap}.demo-total{display:flex;justify-content:space-between;gap:15px;padding:12px 0;font-weight:700}.demo-announcement{padding:9px 12px;margin:0;background:#f8fbfe;border-top:1px solid var(--d-border);font-size:9px;line-height:1.6;color:#51697c;min-height:33px}.demo-invitation{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 0 0;color:#fff}.demo-invitation strong{font-size:16px;display:block}.demo-invitation span{display:block;font-size:12px;color:#b4c5db;margin-top:6px}.demo-invitation .button{font-size:12px}.demo-noscript{background:white;padding:18px;color:#102a43}.demo-page{background:#09182c;min-height:100vh}.demo-page .demo-page-intro{padding-top:30px;padding-bottom:25px;color:#fff}.demo-page-intro h1{font-size:37px;letter-spacing:-1.3px;margin:10px 0}.demo-page-intro p{color:#b4c5db;font-size:14px}.demo-page .demo-layout{grid-template-columns:1fr}.demo-page .demo-story{display:none}.demo-page .demo-body{height:650px;grid-template-columns:185px minmax(0,1fr)}.demo-page .demo-content{padding:26px}.demo-page .demo-nav button{font-size:13px;padding:12px 9px}.demo-page .demo-event strong{font-size:12px}.demo-page .demo-event span,.demo-page .demo-event small{font-size:10px}.demo-page .demo-day{min-height:330px}.demo-page .demo-invitation{padding-bottom:30px}.demo-page .footer{color:white}.demo-page .demo-row strong{font-size:14px}.demo-page .demo-row small{font-size:12px}
@media(min-width:1600px){.demo-body{height:580px}.demo-content{padding:23px}.demo-row{padding:16px 13px}}
@media(max-width:1100px){.demo-layout{grid-template-columns:1fr}.demo-story{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;align-items:start}.demo-story .eyebrow{grid-column:1/-1}.demo-story h2{grid-column:1;grid-row:2/4;margin:10px 0;font-size:29px}.demo-story>p:not(.eyebrow){grid-column:2;grid-row:2;margin:10px 0}.demo-story-detail{display:none}.demo-expand{grid-column:2;justify-self:start}.demo-body{height:570px}}
@media(max-width:700px){.demo-story{display:block}.demo-story h2{font-size:28px}.demo-story>p:not(.eyebrow){font-size:13px}.demo-expand{margin-top:10px}.demo-layout{gap:20px}.demo-browser{padding:10px;font-size:8px;gap:8px}.demo-browser-dots{display:none}.demo-topbar{padding:11px}.demo-topbar>span:nth-child(2){font-size:9px}.demo-topbar>strong{font-size:20px}.demo-body,.demo-page .demo-body{display:flex;flex-direction:column;height:625px}.demo-nav{display:flex!important;overflow:auto;gap:5px;border-right:0;border-bottom:1px solid var(--d-border);padding:7px;flex:none}.demo-nav-group{display:contents}.demo-nav-label{display:none}.demo-nav button,.demo-page .demo-nav button{width:auto;margin:0;white-space:nowrap;min-height:40px;padding:8px 10px;font-size:11px;flex-shrink:0}.demo-nav svg{display:none}.demo-content,.demo-page .demo-content{padding:14px 11px;flex:1;min-height:0}.demo-heading h3{font-size:21px}.demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-metric{min-height:88px;padding:10px}.demo-metric strong{font-size:22px}.demo-metric>span{font-size:10px}.demo-detail-grid{grid-template-columns:1fr}.demo-row{gap:8px;padding:12px 9px;align-items:flex-start}.demo-row strong,.demo-page .demo-row strong{font-size:12px}.demo-row small,.demo-page .demo-row small{font-size:10px}.demo-row-side{max-width:96px}.demo-badge{font-size:8px}.demo-filters{gap:8px}.demo-tools button,.demo-btn{min-height:40px;padding:8px 10px}.demo-tools{font-size:9px}.demo-calendar{grid-template-columns:1fr}.demo-day,.demo-page .demo-day{min-height:0;padding:10px}.demo-day>h4{font-size:12px;margin:0 0 8px}.demo-event strong,.demo-page .demo-event strong{font-size:12px}.demo-event span,.demo-event small,.demo-page .demo-event span,.demo-page .demo-event small{font-size:10px}.demo-stock-grid{grid-template-columns:1fr}.demo-stock-grid button{display:grid;grid-template-columns:1fr auto;gap:6px}.demo-stock-grid b{grid-column:2;grid-row:1/3;margin:0}.demo-stock-grid small{grid-column:1}.demo-invitation{align-items:flex-start;flex-direction:column}.demo-page-intro h1{font-size:30px}.demo-page .demo-page-intro{padding-top:20px}.demo-announcement{font-size:9px}.demo-experience .demo-link{min-height:28px}}
@media(prefers-reduced-motion:reduce){.demo-experience *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.demo-device{position:relative}.demo-cursor{position:absolute;width:23px;height:28px;z-index:4;pointer-events:none;transition:left .55s ease,top .55s ease;filter:drop-shadow(0 2px 3px #0005)}.demo-cursor svg{width:100%;height:100%}.demo-tour-target{outline:2px solid #438beb!important;outline-offset:2px;animation:demo-pulse 1.2s ease-in-out infinite}.demo-note-label{display:block;font-size:12px;font-weight:700;margin:15px 0 8px}.demo-experience textarea{display:block;width:100%;resize:vertical;min-height:125px;max-height:220px;border:1px solid #aebfd0;padding:10px;color:#102a43;background:#fff;line-height:1.65;border-radius:2px}.demo-checklist{list-style:none;padding:0;margin:15px 0}.demo-checklist li{display:flex;gap:9px;align-items:center;padding:11px 0;border-top:1px solid #dde5ed;font-size:11px}.demo-checklist small{margin-left:auto;color:#687c8e;font-size:9px;white-space:nowrap}.demo-field>.demo-badge{display:inline-block;font-size:9px;letter-spacing:0;text-transform:none;color:#245c96}.demo-field>.demo-badge.green{color:#246a50}.demo-field>.demo-badge.amber{color:#80551b}@keyframes demo-pulse{50%{outline-color:#8fc3ff}}
.marketing-page{background:#f5f8fc;min-height:100vh}.marketing-page .page-intro{padding-top:65px;padding-bottom:45px;max-width:820px}.marketing-page h1{font-size:52px;color:#102a43;letter-spacing:-2px}.marketing-page .page-intro>p{color:#52697e;font-size:16px}.marketing-page .feature-grid{margin:0 0 55px;grid-template-columns:repeat(3,minmax(0,1fr))}.marketing-page .feature-grid article{background:white;border:1px solid #d6e1ec;padding:25px}.marketing-page .feature-grid h2{font-size:23px;letter-spacing:-.6px}.marketing-page .feature-grid a{font-size:13px;color:#17649c;font-weight:700;text-decoration:underline}.marketing-page .beta-section{padding:0 0 55px;background:transparent}.marketing-page .beta-copy{padding:28px;background:white;border:1px solid #d6e1ec;max-width:700px}.marketing-page .page-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.marketing-page .page-actions>a:not(.button){color:#17649c;font-size:13px;text-decoration:underline}@media(max-width:700px){.marketing-page h1{font-size:37px}.marketing-page .page-intro{padding-top:35px;padding-bottom:30px}.marketing-page .feature-grid{grid-template-columns:1fr;gap:15px}.marketing-page .beta-copy{padding:20px}.demo-experience textarea{font-size:16px}}
html:has([data-demo]){scroll-behavior:auto}