.demo-page button:focus-visible{outline:2px solid #738dff;outline-offset:4px}.demo-page{padding-top:115px;padding-bottom:80px}.demo-notice{display:flex;align-items:center;gap:12px;padding:17px 0;font-size:.76rem;color:#646876}.demo-notice button{margin-left:auto;color:var(--labs-ink);text-decoration:underline;text-underline-offset:4px;flex-shrink:0}.demo-indicator{width:6px;height:6px;background:var(--labs-blue);border-radius:50%;flex-shrink:0}.demo-window{border:1px solid #cfd3df;box-shadow:0 22px 80px #18223910}.demo-window-bar{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;background:#e9ecf3;border-bottom:1px solid #d0d4df}.demo-window-bar>span{display:flex;gap:6px}.demo-window-bar i{width:7px;height:7px;border:1px solid #9a9faf;border-radius:50%}.demo-window-bar p{font-size:.7rem;color:#646a7c}.demo-window-bar b{font-size:.6rem;letter-spacing:.14em;color:#555c70}.demo-workspace{display:grid;grid-template-columns:210px 1fr;min-height:670px}.demo-sidebar{background:#171d30;color:#fff;display:flex;flex-direction:column;padding:30px 20px 20px}.demo-sidebar>strong{font-size:1.5rem;letter-spacing:-.04em}.demo-sidebar>strong>span{display:block;font-size:.65rem;font-weight:400;letter-spacing:0;color:#a6b1cc;margin-top:8px}.demo-sidebar nav{display:grid;gap:5px;margin:40px -8px}.demo-sidebar nav button{display:flex;justify-content:space-between;text-align:left;font-size:.8rem;padding:12px;color:#a6b1cc}.demo-sidebar nav button[aria-pressed=true]{background:#303d6d;color:#fff}.demo-sidebar nav button:hover{color:#fff}.demo-client{display:flex;gap:10px;align-items:center;margin-top:auto;border-top:1px solid #343d55;padding-top:20px}.demo-client>span,.demo-request-people>span{width:30px;height:30px;display:grid;place-items:center;background:#334370;font-size:.6rem;color:#fff}.demo-client p{font-size:.7rem}.demo-client small{display:block;color:#9aa6c3;font-size:.55rem;margin-top:4px}.demo-main{min-width:0;padding:34px;background:#fdfdff}.demo-title{display:flex;justify-content:space-between;align-items:center;gap:18px}.demo-title h2{font-size:1.65rem;letter-spacing:-.04em;font-weight:600;margin-top:13px}.demo-title .labs-eyebrow{font-size:.6rem}.demo-status{padding:6px 12px;background:#e9eeff;color:#2546bd;font-size:.7rem;white-space:nowrap}.status-live{background:#e7f6e9;color:#235937}.demo-stage-track{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:32px 0}.demo-stage-track li{border-top:2px solid #dfe3ec;padding-top:13px;display:flex;align-items:center;gap:7px;font-size:.65rem;color:#767e92}.demo-stage-track li[aria-current]{border-color:#2748f4;color:#2748f4}.demo-stage-track li[data-complete=true]{border-color:#497859;color:#497859}.demo-stage-track li span{font-size:.55rem}.demo-stats{display:grid;grid-template-columns:1fr 1fr 1fr;border-block:1px solid #e2e5ee;padding:20px 0;margin-bottom:28px}.demo-stats>div{padding-left:20px;border-left:1px solid #e2e5ee}.demo-stats>div:first-child{padding:0;border:0}.demo-stats span{display:block;font-size:.65rem;color:#6d758b;margin-bottom:10px}.demo-stats strong{font-size:1.55rem;font-weight:500;letter-spacing:-.035em}.demo-stats small{color:#9096a6;font-weight:400;font-size:.9rem}.demo-project-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:30px}.demo-project-grid h3,.demo-system-view h3,.demo-activity h3{font-size:1.2rem;line-height:1.4;font-weight:600;letter-spacing:-.02em}.demo-project-grid p{font-size:.8rem;line-height:1.85;color:#626b81;margin-top:13px}.demo-deliverables{display:grid;gap:11px;font-size:.7rem;margin-top:20px}.demo-deliverables li:before{content:"↗";margin-right:9px;color:#2748f4}.demo-request-preview{border:1px solid #dce1ef;padding:20px;box-shadow:0 8px 30px #27385908}.demo-request-preview>p{margin:0;font-size:.65rem;display:flex;justify-content:space-between}.demo-request-preview h4{font-size:.95rem;font-weight:500;line-height:1.4;margin:13px 0 18px}.demo-request-people{display:flex;align-items:center;gap:9px;margin-bottom:20px}.demo-request-people p{margin:0;font-size:.7rem;line-height:1.4}.demo-request-people small{display:block;font-size:.6rem;color:#9298a8}.demo-request-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0f6;padding:10px 0;font-size:.65rem}.demo-request-line b{font-weight:400;color:#596b94}.demo-next{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px}.demo-next .labs-button{font-size:.75rem;min-height:46px;padding:13px 18px}.demo-next .labs-button:disabled{background:#e3e6ee;color:#7b849a;cursor:not-allowed}.demo-next .labs-text-link{font-size:.65rem}.demo-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.demo-checks button{padding:14px;border:1px solid #738cf5;color:#2547cd;font-size:.7rem;text-align:left}.demo-checks button:disabled{border-color:#a8c8b0;background:#f0f8f1;color:#386045}.demo-live-announcement{font-size:.65rem;color:#69758e;border-top:1px solid #e4e7f0;padding-top:18px;margin-top:25px}.demo-system-view{padding:10px 0}.demo-system-view h3{font-size:1.7rem;margin:15px 0 30px}.demo-system-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.demo-flow-node{position:relative;border:1px solid #cdd6f3;padding:20px;background:#f3f5fc}.demo-flow-node>span{display:block;color:#647399;font-size:.57rem;letter-spacing:.1em}.demo-flow-node strong{display:block;font-weight:500;font-size:1.05rem;margin:14px 0 8px}.demo-flow-node p{font-size:.75rem;color:#66718c;line-height:1.6}.demo-flow-connector{position:absolute;height:1px;width:30px;top:50%;right:-31px;background:#7b93ee}.demo-flow-node:nth-child(2) .demo-flow-connector{height:30px;width:1px;right:50%;top:100%}.demo-flow-node:nth-child(3){grid-column:2;grid-row:2}.demo-flow-node:nth-child(4){grid-column:1;grid-row:2}.demo-flow-node:nth-child(3) .demo-flow-connector{right:auto;left:-31px}.demo-flow-connector b{display:block;width:6px;height:6px;position:absolute;top:-2px;background:#2748f4}.demo-system-note{font-size:.75rem;line-height:1.8;color:#687189;margin:24px 0}.demo-activity>p{font-size:.8rem;color:#748099;line-height:1.7;margin-top:12px}.demo-activity ol{margin-top:24px}.demo-activity li{display:grid;grid-template-columns:25px 1fr auto;gap:12px;align-items:start;border-top:1px solid #e1e6f1;padding:18px 0}.demo-activity li>span{font-size:.65rem;color:#2748f4}.demo-activity li p{font-size:.8rem;line-height:1.6}.demo-activity li small{font-size:.6rem;color:#8290aa}.demo-explanation{display:grid;grid-template-columns:1fr 1fr;gap:32px 70px;padding:70px 0 0}.demo-explanation h2{font-size:2.4rem;letter-spacing:-.04em;line-height:1.1}.demo-explanation p{font-size:1rem;color:#646e81;line-height:1.9}.demo-explanation>div{display:grid;gap:18px;grid-column:2}.demo-explanation a{display:flex;justify-content:space-between;border-bottom:1px solid #dce0e8;padding-bottom:15px;font-size:.9rem}@keyframes demo-packet{0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}to{left:24px;opacity:0}}@media (prefers-reduced-motion:no-preference){[data-labs-motion=on] .demo-flow-connector b{animation:demo-packet 1.8s linear infinite}}html[data-document-visible=false] .demo-page *{animation-play-state:paused!important}@media (max-width:1050px){.demo-workspace{grid-template-columns:170px 1fr}.demo-main{padding:25px}.demo-project-grid{grid-template-columns:1fr}}@media (max-width:760px){.demo-page{padding-top:95px}.demo-notice{flex-wrap:wrap;font-size:.65rem;line-height:1.7}.demo-notice button{margin-left:18px}.demo-window-bar{padding:13px}.demo-window-bar p{font-size:.58rem}.demo-workspace{display:block}.demo-sidebar{padding:18px 16px 0}.demo-sidebar>strong{font-size:1.2rem}.demo-sidebar>strong>span{display:inline;margin-left:12px;font-size:.6rem}.demo-sidebar nav{display:flex;margin:15px -6px 0}.demo-sidebar nav button{font-size:.7rem;padding:13px 10px;gap:8px;flex:1}.demo-client{display:none}.demo-main{padding:24px 16px}.demo-title h2{font-size:1.35rem}.demo-status{font-size:.65rem;padding:6px 8px}.demo-stage-track{gap:8px;margin:24px 0}.demo-stage-track li{flex-direction:column;align-items:start;gap:7px;font-size:.62rem}.demo-stats{gap:10px}.demo-stats>div{padding-left:10px}.demo-stats strong{font-size:1.2rem}.demo-stats span{font-size:.58rem}.demo-checks{grid-template-columns:1fr}.demo-system-flow{grid-template-columns:1fr;gap:20px}.demo-flow-node:nth-child(n){grid-column:auto;grid-row:auto}.demo-flow-node:nth-child(n) .demo-flow-connector{width:1px;height:20px;top:100%;left:50%;right:auto}.demo-flow-connector b{display:none}.demo-activity li{grid-template-columns:20px 1fr}.demo-activity li small{grid-column:2}.demo-explanation{grid-template-columns:1fr;gap:24px;padding-top:45px}.demo-explanation>div{grid-column:auto}}