/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.hidden{display:none}.table{display:table}}:root{--ink:#182b49;--muted:#475569;--line:#dce4ef;--blue:#1553d8;--sidebar:#f7f9fc;--nav:270px;--top:64px;--chat:330px;--paper:#fff}*{box-sizing:border-box}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.55}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{transition:background .16s,color .16s,border-color .16s}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{background:0 0;border:0}a,button{color:inherit}a{text-decoration:none}a:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #89afff}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #b0c6ff}svg{flex-shrink:0}input,select,textarea{min-width:0}textarea{resize:vertical}h1,h2,h3,h4,h5,p{margin:0}.icon-button{color:#4b5c73;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.icon-button:hover{color:var(--ink);background:#edf1f7}.primary,.quiet-button,.secondary{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-size:15px;font-weight:550;display:inline-flex}.primary{background:var(--blue);color:#fff}.primary:hover{background:#174ed0}.secondary{color:#53637e;background:#fff;border:1px solid #dce3ed}.secondary:hover{background:#f6f8fc}.quiet-button{color:#4b5c73;padding:7px 9px;font-size:14px}.quiet-button:hover{background:#f0f4fa}.topbar{height:var(--top);border-bottom:1px solid var(--line);z-index:40;background:#fff;gap:21px;padding:0 25px;position:fixed;top:0;left:0;right:0}.brand,.topbar{align-items:center;display:flex}.brand{gap:9px;min-width:198px}.brand-mark{background:var(--blue);color:#fff;border-radius:8px;place-items:center;width:30px;height:31px;display:grid;box-shadow:0 3px 8px #1b5fe51c}.brand strong{letter-spacing:-.7px;font-size:19px;font-weight:720}.brand strong span{color:#4b5c73;margin-left:2px;font-weight:480}.topbar-divider{background:var(--line);width:1px;height:23px}.topbar-workspace{color:#66768c;align-items:center;gap:13px;font-size:15px;display:flex}.topbar-right{gap:20px;margin-left:auto}.private-label,.topbar-right{align-items:center;display:flex}.private-label{color:#4b5c73;gap:6px;font-size:14px}.avatar{color:#785839;background:#f2e6da;border:3px solid #fff;border-radius:50%;width:29px;height:29px;font-size:15px;font-weight:600;box-shadow:0 0 0 1px #e8e0d8}.sign-in{color:var(--blue);gap:5px;font-weight:550}.assistant-toggle,.sign-in{align-items:center;font-size:15px;display:flex}.assistant-toggle{color:#5d6b83;gap:7px}.assistant-toggle.active{color:var(--blue)}.admin-badge,.assistant-toggle span{letter-spacing:.7px;color:#1d4ed8;background:#edf2ff;border:1px solid #dce7ff;border-radius:4px;padding:3px 5px;font-size:12px}.mobile-menu{display:none}.sidebar{top:var(--top);width:var(--nav);background:var(--sidebar);border-right:1px solid var(--line);z-index:30;flex-direction:column;padding:26px 11px 0;display:flex;position:fixed;bottom:0;left:0}.sidebar-space{align-items:center;gap:10px;padding:0 5px 22px;display:flex}.space-icon{color:#1d4ed8;background:#eaf0ff;border:1px solid #dce6fb;border-radius:8px;place-items:center;width:33px;height:34px;display:grid}.sidebar-space strong{font-size:15px;font-weight:620;display:block}.sidebar-space small{letter-spacing:1.05px;color:#4b5c73;margin-top:4px;font-size:12px;display:block}.sidebar-space>.icon-button{color:#4b5c73;width:23px}.search-box{color:#4b5c73;background:#fff;border:1px solid #e3e9f2;border-radius:6px;align-items:center;gap:6px;margin:0 3px;padding:9px 8px;display:flex}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.search-box input:focus{outline:none}.search-box kbd{color:#4b5c73;white-space:nowrap;border:1px solid #e7ebf2;border-radius:3px;padding:2px 3px;font-size:12px}.sidebar-overview{color:#4b5c73;text-align:left;align-items:center;gap:12px;padding:19px 16px;font-size:15px;display:flex}.tree-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:2px;padding:15px 10px 9px 16px;display:flex}.tree-heading>span{letter-spacing:1px;color:#4b5c73;font-size:13px;font-weight:650}.tree-heading .icon-button{width:20px;height:20px}.sidebar nav{overflow-y:auto}.tree-row{text-align:left;color:#4b5c73;border-radius:5px;align-items:center;gap:8px;width:100%;min-height:35px;padding-right:9px;display:flex}.tree-row>span:not(.tree-chevron):not(.selected-dot){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tree-row:hover{background:#edf1f8}.tree-row.selected{color:#1d4ed8;background:#e7efff;font-weight:600}.tree-chevron{flex-shrink:0;width:11px;display:flex}.selected-dot{background:#2864e7;border-radius:50%;width:4px;height:4px;margin-left:auto}.create-links{border-top:1px solid var(--line);gap:13px;margin-top:17px;padding:13px 12px;display:grid}.create-links button{color:#4b5c73;align-items:center;gap:10px;font-size:14px;display:flex}.create-links button:hover{color:var(--blue)}.sidebar-bottom{margin-top:auto;padding:20px 16px 18px}.workspace-mini-mark{color:#1d4ed8;background:#fff;border:1px solid #e1e7f2;border-radius:8px;place-items:center;width:29px;height:29px;margin-bottom:13px;display:grid}.sidebar-bottom strong{color:#4b5c73;font-size:14px;font-weight:550}.sidebar-bottom p{color:#4b5c73;margin-top:5px;font-size:13px}.sidebar-bottom a{color:#4b5c73;align-items:center;gap:18px;margin-top:19px;font-size:13px;display:flex}.sidebar-version{letter-spacing:1.2px;color:#4b5c73;border-top:1px solid #e5ebf3;justify-content:space-between;margin-top:21px;padding-top:14px;font-size:11px;display:flex}.document{padding-top:var(--top);margin-left:var(--nav);min-height:100vh}.with-assistant .document{margin-right:var(--chat)}.document-top{justify-content:space-between;gap:15px;height:66px;padding:0 43px}.breadcrumbs,.document-top{align-items:center;display:flex}.breadcrumbs{color:#4b5c73;white-space:nowrap;gap:8px;font-size:14px;overflow:hidden}.breadcrumbs>span{align-items:center;gap:7px;display:flex}.breadcrumbs button{padding:0;font-size:14px}.breadcrumbs button:hover{color:var(--blue)}.breadcrumbs>span:last-child{color:#66758b}.document-tools{display:flex;position:relative}.page-menu{z-index:35;background:#fff;border:1px solid #dfe7f2;border-radius:9px;width:185px;padding:5px;position:absolute;top:35px;right:0;box-shadow:0 12px 35px #243e6620}.page-menu button{text-align:left;border-radius:5px;align-items:center;gap:9px;width:100%;padding:9px;font-size:15px;display:flex}.page-menu button:hover{background:#f2f5fa}.danger{color:#4b5c73}.preview-banner{color:#4b5c73;background:#f6f8fc;border:1px solid #eaf0fa;border-radius:6px;gap:8px;margin:0 43px 10px;padding:9px 12px}.preview-banner,.preview-banner a{align-items:center;font-size:14px;display:flex}.preview-banner a{color:#466cae;gap:5px;margin-left:auto}.page-content{max-width:1350px;margin:0 auto;padding:28px 43px 0}.page-label{letter-spacing:1.25px;color:#4b5c73;align-items:center;gap:7px;font-size:12px;font-weight:650;display:flex}.page-label-icon{color:#1d4ed8;display:flex}.demo-number{letter-spacing:.7px;color:#4b5c73;background:#f0f3fa;border-radius:3px;margin-left:4px;padding:3px 5px;font-size:11px}.title-row{justify-content:space-between;align-items:center;gap:16px;margin-top:14px;display:flex}.title-row h1{letter-spacing:-1.25px;color:#192d4a;font-size:35px;font-weight:680;line-height:1.2}.edit-button{color:#4b5c73;padding:7px 10px;font-size:14px}.page-meta{color:#4b5c73;align-items:center;gap:8px;margin:16px 0 24px;font-size:13px;display:flex}.tiny-avatar{color:#4b5c73;background:#f2e7dc;border-radius:50%;place-items:center;width:19px;height:19px;font-size:12px;display:inline-grid}.saved-indicator{color:#4b5c73;align-items:center;gap:5px;margin-left:7px;font-size:12px;display:flex}.saved-indicator>span{background:#a6c5b7;border-radius:50%;width:4px;height:4px}.document-blocks>p{color:#4b5c73;max-width:880px;margin-bottom:19px;font-size:15px;line-height:1.85}.document-blocks h2{letter-spacing:-.5px;margin:23px 0 12px;font-size:22px}.document-callout{background:#f6f8fc;border:1px solid #eaf0f9;border-radius:7px;align-items:flex-start;gap:11px;max-width:100%;margin:22px 0 30px;padding:13px 15px;display:flex}.document-callout p{color:#4b5c73;font-size:14px;line-height:1.8}.document-code{border:1px solid var(--line);white-space:pre-wrap;background:#f6f8fc;border-radius:8px;padding:18px;font:13px/1.7 ui-monospace,monospace}.simulator{background:#fff;border:1px solid #e2e9f3;border-radius:10px;overflow:hidden;box-shadow:0 4px 22px #28437203}.demo-heading{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:17px 20px;display:flex}.demo-mark{color:#1d4ed8;background:#f0f4fc;border:1px solid #e0e7f4;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.demo-heading>div:nth-child(2){align-items:center;gap:10px;display:flex}.demo-heading strong{font-size:14px;font-weight:650}.mock-tag{color:#4b5c73;align-items:center;gap:5px;margin-left:auto;font-size:12px;display:flex}.mock-tag>span{background:#aebfd5;border-radius:50%;width:4px;height:4px}.demo-heading>.icon-button{width:24px;height:24px}.demo-tabs{border-bottom:1px solid var(--line);background:#fcfdff;gap:20px;padding:0 22px}.demo-tabs,.demo-tabs>button{align-items:center;display:flex}.demo-tabs>button{color:#4b5c73;border-bottom:2px solid #0000;gap:7px;height:44px;margin-bottom:-1px;position:relative}.demo-tabs>button.active{color:#1d4ed8;border-bottom-color:#2e65d5;font-weight:600}.tab-dot{background:#3670e5;border-radius:50%;width:4px;height:4px}.tabs-tail{letter-spacing:1px;color:#4b5c73;margin-left:auto;font-size:11px}.mode-intro{justify-content:space-between;align-items:flex-start;gap:10px;padding:23px 23px 5px;display:flex}.mode-label{letter-spacing:1.2px;color:#4b5c73;font-size:11px;font-weight:650}.mode-intro p{color:#4b5c73;max-width:550px;margin-top:6px;font-size:14px;line-height:1.65}.mode-intro .quiet-button{color:#4b5c73;margin-top:17px}.simulation-stage{grid-template-columns:minmax(0,1fr) 194px;gap:12px;margin:16px 22px 19px;display:grid}.architecture{background-color:#fafcff;background-image:radial-gradient(#dde5f2 .8px,#0000 0);background-size:16px 16px;border:1px solid #eaf0f9;border-radius:7px;height:370px;position:relative;overflow:hidden}.architecture-label{letter-spacing:.8px;color:#4b5c73;z-index:3;align-items:center;gap:5px;font-size:11px;display:flex;position:absolute;top:13px;left:13px}.architecture-label>span:last-child{letter-spacing:0;color:#4b5c73;margin-left:6px;font-size:11px}.live-dot{background:#6a96e4;border-radius:50%;width:4px;height:4px}.connections{width:calc(100% - 56px);height:290px;position:absolute;top:30px;left:28px;right:28px;overflow:visible}.connection{fill:none;stroke:#dce5f2;stroke-width:2px;pointer-events:stroke;cursor:pointer}.connection:hover{stroke:#9cb9ed;stroke-width:4px}.connection.active{stroke:#8fb0ef;stroke-width:2.4px;stroke-dasharray:5 4}.service-node{z-index:2;text-align:center;color:#4b5c73;flex-direction:column;align-items:center;width:84px;padding:0;transition:opacity .3s;display:flex;position:absolute;transform:translate(-50%,-50%)}.service-node .service-icon{color:#1d4ed8;background:#fff;border:1px solid #dce5f2;border-radius:11px;place-items:center;width:45px;height:45px;transition:all .3s;display:grid;box-shadow:0 3px 9px #4a638c08}.service-node strong{white-space:nowrap;margin-top:7px;font-size:13px;font-weight:600}.service-node small{color:#4b5c73;margin-top:3px;font-size:11px}.service-node em{letter-spacing:.7px;color:#1d4ed8;margin-top:4px;font-size:10px;font-style:normal}.service-node.highlighted .service-icon{color:#1d4ed8;background:#f1f6ff;border-color:#8eaff4;box-shadow:0 0 0 4px #2464e809}.service-node.dim{opacity:.35}.service-mobile .service-icon{color:#1d4ed8;background:#eaf1ff;border-color:#ccdafa}.service-experiment .service-icon{color:#1d4ed8;background:#f0f4ff}.service-analytics .service-icon{color:#4b5c73;background:#f4faf8}.flow-status{gap:7px;position:absolute;bottom:13px;left:14px;right:14px}.flow-status,.status-pill{color:#4b5c73;align-items:center;display:flex}.status-pill{background:#fff;border:1px solid #e4eaf2;border-radius:4px;gap:6px;padding:5px 7px;font-size:11px}.status-pill b{background:#f0f3f8;border-radius:3px;padding:1px 4px;font-size:11px;font-weight:550}.status-pill.assigned{color:#a17836;background:#fffbf3;border-color:#efe1c6}.status-pill.exposed{color:#3d8c73;background:#f3fbf7;border-color:#c7e8d8}.current-variant{color:#4b5c73;margin-left:auto;font-size:11px}.phone-area{background:#fbfcff;border:1px solid #ecf0f7;border-radius:7px;flex-direction:column;gap:9px;padding:10px 12px 9px}.phone-area,.phone-caption{align-items:center;display:flex}.phone-caption{letter-spacing:.6px;color:#4b5c73;align-self:stretch;gap:4px;font-size:11px}.phone-caption>span{letter-spacing:0;color:#4b5c73;margin-left:auto}.phone{background:#fff;border:5px solid #e3e9f2;border-radius:22px;width:154px;height:303px;position:relative;overflow:hidden;box-shadow:0 4px 8px #7a94bd14}.phone-status{color:#53647c;justify-content:space-between;align-items:center;height:22px;padding:4px 11px;font-size:11px;font-weight:650;display:flex}.phone-status span{color:#4b5c73;font-size:11px}.phone-screen{scrollbar-width:none;overscroll-behavior:contain;height:257px;padding:0 10px 20px;overflow-y:auto}.phone-screen::-webkit-scrollbar{display:none}.phone-header{color:#4b5c73;justify-content:space-between;align-items:center;height:27px;display:flex}.phone-header strong{font-size:12px}.phone h4,.phone-header span{font-size:16px}.phone h4{letter-spacing:-.55px;margin:3px 0 11px}.phone-hero{color:#1d4ed8;background:#e9effb;border-radius:8px;height:117px;padding:12px 9px;position:relative;overflow:hidden}.phone-hero>span{letter-spacing:.5px;font-size:10px}.phone-hero>span,.phone-hero>strong{z-index:1;display:block;position:relative}.phone-hero>strong{letter-spacing:-.6px;margin-top:9px;font-size:16px;font-weight:600;line-height:1.25}.phone-hero>small{z-index:1;margin-top:11px;display:block;position:relative}.hero-circle{border:22px solid #d3dff3;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-17px;right:-52px}.phone h5{margin:16px 0 9px;font-size:12px;font-weight:600}.phone-products{grid-template-columns:1fr 1fr;gap:14px 9px;display:grid}.phone-products>div{flex-direction:column;gap:4px;display:flex}.product-art{background:#eff2f7;border-radius:5px;place-items:center;height:68px;display:grid}.product-art span{color:#1d4ed8;font-size:32px}.art-1{background:#f3eee8}.art-1 span{color:#4b5c73}.art-2{background:#eaf1ee}.art-2 span{color:#4b5c73}.art-3{background:#efedf6}.art-3 span{color:#1d4ed8}.phone-products small{color:#4b5c73;line-height:1.3}.experiment-widget{background:#f7faff;border:1px dashed #aabfe7;border-radius:7px;margin-top:25px;padding:0 7px 10px;transition:all .3s}.experiment-widget>div:first-child{align-items:center;gap:3px;display:flex}.experiment-widget h5{margin:11px 0;font-size:11px}.experiment-widget>div>span{color:#1d4ed8;margin-left:auto;font-size:10px}.biller-circles{grid-template-columns:1fr 1fr;display:grid}.biller-circles.single{grid-template-columns:repeat(4,1fr)}.biller-circles>div{flex-direction:column;align-items:center;gap:4px;display:flex}.biller-circles>div>span{background:#e6edf9;border-radius:50%;place-items:center;width:27px;height:27px;font-size:15px;display:grid}.widget-exposed{background:#f0faf6;border-color:#75b59c}.phone-bottom{text-align:center;color:#4b5c73;margin-top:13px;line-height:1.6}.phone-home{background:#ced7e4;border-radius:3px;width:41px;height:3px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.scroll-hint{color:#4b5c73;gap:4px;font-size:11px}.playback,.scroll-hint{align-items:center;display:flex}.playback{background:#fcfdff;border-top:1px solid #edf1f7;border-bottom:1px solid #edf1f7;gap:10px;padding:12px 21px}.play-button{background:var(--blue);color:#fff;border-radius:5px;align-items:center;gap:7px;padding:9px 11px;font-size:13px;font-weight:550;display:flex}.playback>.icon-button{width:22px;height:25px}.playback-divider{background:#e4eaf3;width:1px;height:19px}.playback select{color:#4b5c73;cursor:pointer;background:0 0;border:0;width:42px}.journey-progress{flex:1;align-items:center;gap:5px;margin-left:7px;display:flex}.journey-progress>button{background:#e6ebf4;border-radius:3px;flex:1;min-width:8px;max-width:36px;height:4px;padding:0}.journey-progress>button.complete{background:#6693e8}.journey-progress>button.current{background:#b5caee}.journey-progress>span{color:#4b5c73;white-space:nowrap;margin-left:5px}.leave-button{color:#4b5c73;font-size:12px}.step-caption{align-items:center;gap:9px;padding:12px 22px;display:flex}.step-caption>span{color:#4b5c73;letter-spacing:.7px;font-size:11px}.step-caption>strong{color:#4b5c73;font-size:13px;font-weight:450}.step-caption>em{color:#ae7b39;margin-left:auto;font-size:12px;font-style:normal}.sync-strip{background:#f9fbfe;border-top:1px solid #edf1f7;border-bottom:1px solid #edf1f7;gap:14px;padding:12px 21px}.sync-strip,.sync-strip>button{align-items:center;display:flex}.sync-strip>button{color:#4b5c73;gap:5px;padding:0;font-size:12px}.sync-strip b{background:#eef3fb;border-radius:3px;padding:2px 4px;font-weight:550}.sync-strip svg{width:11px}.workspace-timing{color:#4b5c73;margin-left:auto;font-size:11px}.sync-strip .sync-toggle{margin-left:0}.sync-panel{background:#fbfcff;border-bottom:1px solid #e9eef6;padding:20px}.sync-top{align-items:center;gap:4px;display:flex}.sync-top>div{margin-right:auto}.sync-top h3{letter-spacing:-.6px;font-variant-numeric:tabular-nums;margin-top:5px;font-size:22px}.sync-top .quiet-button{font-size:12px}.snapshot-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:17px;display:grid}.snapshot-grid>div{border:1px solid #e3eaf5;border-radius:6px;flex-direction:column;gap:8px;padding:12px;display:flex}.snapshot-grid small{letter-spacing:.6px;color:#4b5c73;font-size:11px}.snapshot-grid strong{font-size:16px}.snapshot-grid button,.snapshot-grid span{color:#1d4ed8;text-align:left;padding:0;font-size:11px}.snapshot-grid button{color:var(--blue)}.sync-explainer{color:#1d4ed8;align-items:flex-start;gap:8px;padding:13px 0;display:flex}.sync-explainer p{font-size:13px;line-height:1.8}.sync-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.sync-actions label{color:#4b5c73;align-items:center;gap:6px;font-size:13px;display:flex}.sync-actions input{accent-color:var(--blue)}.sync-actions .quiet-button{font-size:12px}.settings-panel{background:#fcfdff;border-bottom:1px solid #e5ebf4;flex-wrap:wrap;align-items:center;gap:14px;padding:19px 22px;display:flex}.settings-panel>div:first-child{width:100%}.settings-panel h4{font-size:15px}.settings-panel p{color:#4b5c73;margin-top:5px;font-size:13px}.settings-panel label{color:#4b5c73;align-items:center;gap:6px;font-size:13px;display:flex}.settings-panel input[type=number]{color:#1d4ed8;background:#fff;border:1px solid #e0e8f3;border-radius:4px;width:60px;padding:5px}.settings-panel input[type=checkbox]{accent-color:var(--blue)}.settings-panel .checkbox-label{width:100%}.settings-panel .setting-note{width:100%;margin-top:-8px}.settings-buttons{gap:9px;margin-left:auto;display:flex}.settings-buttons button{padding:7px 9px;font-size:13px}.inspector{border:1px solid #e4eaf4;border-radius:7px;margin:19px 21px 0;overflow:hidden}.inspector-header{border-bottom:1px solid #eaf0f7;justify-content:space-between;align-items:center;padding:10px 13px;display:flex}.inspector-header>div{color:#4b5c73;align-items:center;gap:8px;display:flex}.inspector-header .icon-button{width:20px;height:20px}.inspector-toolbar{background:#fbfcff;border-bottom:1px solid #edf1f7;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.inspector-toolbar>select{color:#4b5c73;background:0 0;border:0;outline:0;max-width:65%;font-size:12px}.inspector-tabs{gap:1px;display:flex}.inspector-tabs button{text-transform:capitalize;color:#4b5c73;border-radius:4px;padding:5px 8px}.packet-endpoint{color:#1d4ed8;background:#fcfdff;border-bottom:1px solid #edf1f7;align-items:center;gap:7px;padding:10px 13px;display:flex}.packet-endpoint>span:first-child{letter-spacing:.5px;color:#4b5c73;background:#eff7f4;border-radius:3px;padding:3px 4px;font-size:11px;font-weight:650}.packet-endpoint code{color:#4b5c73}.packet-time{font-variant-numeric:tabular-nums;margin-left:auto}.json-view{color:#587198;tab-size:2;background:#fafcff;min-height:155px;max-height:350px;margin:0;padding:15px 17px;font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.packet-note{color:#4b5c73;background:#fff;border-top:1px solid #eaf0f7;align-items:flex-start;gap:7px;padding:10px 12px;display:flex}.packet-note span{line-height:1.7}.demo-footer{color:#4b5c73;align-items:flex-start;gap:7px;margin:14px 22px 17px;display:flex}.demo-footer>span{font-size:11px;line-height:1.8}.demo-footer>a{white-space:nowrap;gap:3px;margin-left:auto;font-size:11px}.demo-footer>a,.page-footer{align-items:center;display:flex}.page-footer{color:#4b5c73;border-top:1px solid #edf1f7;gap:7px;margin-top:37px;padding:20px 0 35px;font-size:12px}.page-footer>span:last-child{margin-left:auto;font-size:11px}.assistant-panel{top:var(--top);width:var(--chat);border-left:1px solid var(--line);z-index:25;background:#fbfcfe;flex-direction:column;display:flex;position:fixed;bottom:0;right:0}.assistant-panel>header{border-bottom:1px solid #e9eef5;align-items:center;gap:9px;height:64px;padding:0 19px;display:flex}.assistant-panel>header strong{font-size:15px;font-weight:600}.assistant-icon{color:#1d4ed8;display:flex}.assistant-panel>header>.icon-button{width:22px;margin-left:auto}.assistant-panel .admin-badge{margin-left:1px;padding:2px 4px;font-size:11px}.assistant-scope{color:#4b5c73;align-items:center;gap:6px;padding:12px 20px;font-size:12px;display:flex}.connection-dot{background:#ced7e5;border-radius:50%;width:5px;height:5px;margin-left:auto}.connection-dot.connected{background:#86b8a4}.assistant-conversation{scrollbar-width:thin;flex:1;padding:0 19px 20px;overflow-y:auto}.assistant-welcome{padding-top:53px}.welcome-spark{color:#1d4ed8;background:linear-gradient(140deg,#eef3fd,#f7f9fe);border:1px solid #e2eaf8;border-radius:14px;place-items:center;width:50px;height:50px;margin-bottom:20px;display:grid}.assistant-welcome h3{letter-spacing:-.6px;color:#536b90;font-size:19px;font-weight:580;line-height:1.45}.assistant-welcome>p{color:#4b5c73;margin:11px 0 26px;font-size:14px;line-height:1.8}.assistant-welcome>button{color:#1d4ed8;text-align:left;background:#fff;border:1px solid #e8edf5;border-radius:6px;align-items:center;gap:9px;width:100%;margin-bottom:8px;padding:12px 10px;font-size:13px;display:flex}.assistant-welcome>button:hover{background:#f8faff;border-color:#bbcff0}.assistant-welcome>button>span:last-child{color:#4b5c73;margin-left:auto}.assistant-bottom{background:#fbfcfe;border-top:1px solid #edf1f7;padding:13px 14px 12px}.chat-context{color:#4b5c73;align-items:center;gap:5px;margin:3px 4px 9px;font-size:12px;display:flex}.chat-context>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.chat-context>span:last-child{color:#4b5c73;margin-left:auto;font-size:11px}.chat-composer{background:#fff;border:1px solid #dfe7f4;border-radius:9px;padding:10px;box-shadow:0 2px 10px #5975a505}.chat-composer textarea{resize:none;color:#4f6b92;background:0 0;border:0;outline:0;width:100%;min-height:62px;font-size:14px;line-height:1.7}.chat-composer textarea:focus{outline:0}.chat-composer textarea::placeholder{color:#4b5c73}.chat-composer>div{justify-content:space-between;align-items:center;display:flex}.chat-composer>div>span{color:#4b5c73;align-items:center;gap:4px;font-size:11px;display:flex}.chat-composer button{color:#fff;background:#3167de;border-radius:6px;place-items:center;width:26px;height:26px;display:grid}.assistant-footnote{color:#4b5c73;justify-content:center;align-items:center;gap:8px;margin-top:9px;font-size:11px;display:flex}.assistant-footnote button{color:#4b5c73;padding:0}.connect-card{color:#1d4ed8;background:#f2f6fd;border:1px solid #e1e9f7;border-radius:7px;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:14px;padding:12px;font-size:13px;display:flex}.connect-card strong{color:#1d4ed8;font-size:14px;font-weight:550}.connect-card p{font-size:13px;line-height:1.7}.connect-card .primary,.connect-card .secondary{gap:5px;padding:7px 9px;font-size:12px}.chat-message{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:18px;font-size:14px;line-height:1.8}.chat-message.user{color:#1d4ed8;background:#edf3fe;border:1px solid #e0e9fa;border-radius:9px 9px 2px;margin-left:22px;padding:10px 12px}.chat-message.assistant{color:#4b5c73;padding-right:3px}.message-author{gap:5px;margin-bottom:5px;font-size:12px}.message-author,.tool-activity{color:#1d4ed8;align-items:center;display:flex}.tool-activity{gap:6px;margin-top:13px;font-size:13px}.thinking{gap:4px;margin-top:8px;display:flex}.thinking span{background:#91a9cf;border-radius:50%;width:4px;height:4px;animation:pulse 1s infinite}.thinking span:nth-child(2){animation-delay:.2s}.thinking span:nth-child(3){animation-delay:.4s}.spin{animation:spin 1s linear infinite}.toast{z-index:100;color:#fff;background:#253d60;border:1px solid #3c5577;border-radius:8px;align-items:center;gap:9px;max-width:90vw;padding:12px 15px;font-size:14px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 6px 25px #14263d22}.toast>svg{color:#087b60}.toast button{color:#1d4ed8;margin-left:8px;padding:1px}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80;background:#21364f43;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e3ebf6;border-radius:15px;width:100%;max-width:490px;padding:30px;position:relative;box-shadow:0 20px 90px #162c4a33}.modal-close{position:absolute;top:13px;right:14px}.modal-icon{color:#1d4ed8;background:#eef3fe;border-radius:12px;place-items:center;width:49px;height:49px;margin-bottom:19px;display:grid}.modal h2{letter-spacing:-.7px;font-size:23px;font-weight:600}.modal>p{color:#4b5c73;margin:9px 0 24px;font-size:15px;line-height:1.7}.modal label{color:#4b5c73;flex-direction:column;gap:8px;margin-top:17px;font-size:14px;display:flex}.modal input,.modal select{color:#597393;background:#fbfcff;border:1px solid #dce5f1;border-radius:6px;padding:11px;font-size:15px}.modal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:26px;display:flex}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:15px;min-height:240px;margin-top:30px;display:grid}.folder-grid>button{text-align:left;color:#1d4ed8;background:#fcfdff;border:1px solid #e2e9f4;border-radius:10px;flex-direction:column;align-items:flex-start;gap:16px;max-height:170px;padding:22px;display:flex}.folder-grid>button:hover{background:#f6f9ff;border-color:#a3c0f2}.folder-grid strong{color:#526f98;font-size:16px;font-weight:550}.folder-grid span{color:#1d4ed8;align-items:center;gap:6px;font-size:14px;display:flex}.title-input{letter-spacing:-1px;border:0;border-bottom:1px solid #c8d8f4;width:100%;padding:4px 0;font-size:30px;font-weight:600}.edit-actions{gap:7px;display:flex}.block-editor{background:#f7f9fc;border:1px solid #e3eaf4;border-radius:8px;margin:20px 0;padding:16px}.block-edit{align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.block-edit select{background:#fff;border:1px solid #dce5f1;border-radius:4px;width:95px;padding:7px;font-size:14px}.block-edit textarea{color:#4b5c73;background:#fff;border:1px solid #dce5f1;border-radius:5px;flex:1;min-height:90px;padding:10px;font-size:15px;line-height:1.7}.revision-list{max-height:380px;overflow:auto}.revision-list>div{border-top:1px solid #edf1f7;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.revision-list>div>div{flex-direction:column;gap:5px;display:flex}.revision-list strong{font-size:15px;font-weight:550}.revision-list small,.revision-list span{color:#4b5c73;font-size:14px}.loading-screen{color:#1d4ed8;background:#f9fbff;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100vh;font-size:15px;display:flex}.loading-logo{color:#1d4ed8;letter-spacing:-3px;font-size:38px;font-weight:650}.loading-logo span{margin-left:3px;font-size:20px}.loading-bar{background:#dce7f9;border-radius:5px;width:130px;height:3px;position:relative;overflow:hidden}.loading-bar:after{content:"";background:#6c99e9;width:45%;height:100%;animation:loading 1.4s infinite;position:absolute}.sidebar-backdrop{display:none}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}@keyframes loading{0%{left:-45%}to{left:100%}}@media (min-width:1700px){:root{--nav:265px;--chat:365px}.document-top,.page-content{padding-left:60px;padding-right:60px}.simulation-stage{grid-template-columns:minmax(0,1fr) 218px}.architecture{height:398px}.phone{width:166px;height:327px}.phone-screen{height:281px}.service-node{width:99px}.service-node strong{font-size:14px}.service-node small{font-size:11px}.service-node .service-icon{width:52px;height:52px}.connections{height:316px}.document-blocks>p{font-size:15px}.document-callout p,.mode-intro p{font-size:14px}.phone-area{padding-top:11px}.phone-hero{height:130px}}@media (max-width:1200px){:root{--nav:220px;--chat:300px}.brand{min-width:174px}.document-top{padding:0 27px}.page-content{padding:24px 27px 0}.preview-banner{margin-left:27px;margin-right:27px}.with-assistant .simulation-stage{grid-template-columns:1fr}.with-assistant .demo-heading>div>span,.with-assistant .mode-intro .quiet-button,.with-assistant .phone-area,.with-assistant .tabs-tail,.with-assistant .workspace-timing{display:none}.with-assistant .title-row h1{font-size:28px}.private-label{display:none}.snapshot-grid{grid-template-columns:repeat(2,1fr)}.sync-top{flex-wrap:wrap}.sync-top>div{width:100%;margin-bottom:8px}.topbar-workspace{font-size:14px}.demo-footer>a{display:none}}@media (max-width:950px){:root{--nav:205px}.topbar{gap:16px;padding:0 18px}.brand{min-width:164px}.topbar-divider,.topbar-workspace{display:none}.sidebar-space{gap:7px}.sidebar-space strong{font-size:14px}.search-box kbd,.sidebar-space>.icon-button{display:none}.tree-row{font-size:14px}.document-top{height:58px;padding:0 23px}.page-content{padding:20px 23px 0}.preview-banner{margin-left:23px;margin-right:23px}.simulation-stage{grid-template-columns:minmax(0,1fr) 175px;gap:8px;margin:15px}.architecture{height:350px}.phone-area{padding:10px 8px}.phone{width:143px;height:283px}.phone-screen{height:237px}.phone-caption,.scroll-hint{font-size:10px}.service-node strong{font-size:12px}.service-node .service-icon{border-radius:9px;width:38px;height:38px}.service-node svg{width:18px}.architecture-label>span:last-child,.current-variant{display:none}.mode-intro{padding-left:17px;padding-right:17px}.mode-intro h3{font-size:15px}.mode-intro p{font-size:13px}.mode-intro>.quiet-button,.tabs-tail{display:none}.demo-heading>div>span{font-size:12px}.demo-tabs{gap:23px;padding:0 18px}.playback{gap:7px;padding:12px 14px}.leave-button{display:none}.sync-strip{gap:9px;padding:12px 14px}.workspace-timing{display:none}.inspector{margin:15px 14px 0}.demo-footer{margin:12px 14px}.title-row h1{font-size:29px}.with-assistant .document{margin-right:0}.assistant-panel{z-index:45;width:330px;box-shadow:-10px 0 40px #253b5b0d}.with-assistant .simulation-stage{grid-template-columns:minmax(0,1fr) 175px}.with-assistant .phone-area{display:flex}}@media (max-width:700px){:root{--top:58px;--nav:0px}.topbar{gap:9px;height:58px;padding:0 16px}.brand{gap:7px;min-width:0}.brand strong{font-size:18px}.brand-mark{width:27px;height:28px}.topbar-right{gap:11px}.mobile-menu{color:#4b5c73;width:25px;margin-right:5px;display:inline-flex}.assistant-toggle{gap:0;font-size:0}.assistant-toggle>svg{width:19px}.assistant-toggle>span{display:none}.sidebar{z-index:60;width:246px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:55;background:#223b5e30;display:block;position:fixed;inset:58px 0 0}.sidebar-space>.icon-button{display:flex}.document{margin-left:0}.document-top{height:52px;padding:0 20px}.breadcrumbs{gap:5px}.breadcrumbs,.breadcrumbs button{font-size:12px}.breadcrumbs>span:first-child{display:none}.breadcrumbs>span{gap:4px}.document-tools .icon-button{width:25px}.page-content{padding:23px 20px 0}.preview-banner{gap:6px;margin:0 20px;padding:9px;font-size:12px}.preview-banner>a{font-size:12px}.preview-banner>span{max-width:190px;line-height:1.5}.title-row{gap:8px;margin-top:12px}.title-row h1{letter-spacing:-1.1px;font-size:30px}.page-label{font-size:11px}.page-meta{gap:6px;margin:14px 0 21px;font-size:12px}.document-blocks>p{font-size:14px;line-height:1.8}.document-callout{gap:7px;margin:17px 0 23px;padding:12px}.document-callout p{font-size:13px;line-height:1.8}.demo-heading{padding:13px}.demo-heading>div>span{display:none}.mock-tag{font-size:11px}.demo-tabs{gap:27px;padding:0 14px}.demo-tabs>button{height:41px;font-size:13px}.mode-intro{padding:18px 14px 4px}.mode-intro h3{font-size:16px}.mode-intro p{font-size:14px}.simulation-stage,.with-assistant .simulation-stage{flex-direction:column;gap:12px;margin:14px 12px;display:flex}.architecture{flex-shrink:0;height:310px}.connections{width:calc(100% - 40px);height:245px;top:20px;left:20px;right:20px}.service-node{width:62px}.service-node strong{font-size:11px}.service-node small{font-size:10px}.service-node .service-icon{border-radius:9px;width:37px;height:37px}.service-node svg{width:17px}.architecture-label{font-size:10px;top:11px;left:10px}.phone-area,.with-assistant .phone-area{display:none}.flow-status{gap:6px;bottom:12px;left:11px}.status-pill{padding:5px 7px;font-size:11px}.current-variant{font-size:11px;display:block}.mode-label{font-size:11px}.playback{gap:7px;padding:11px 12px}.play-button{padding:8px 9px;font-size:12px}.playback>.icon-button{width:20px}.journey-progress{gap:4px;margin-left:1px}.journey-progress>button{max-width:25px}.journey-progress>span{font-size:11px}.step-caption{padding:12px}.step-caption,.step-caption strong{font-size:12px}.step-caption em{display:none}.sync-strip{flex-wrap:wrap;gap:10px;padding:12px}.sync-strip b,.sync-strip button{font-size:11px}.sync-toggle{margin-left:auto!important}.inspector{margin:14px 12px 0}.inspector-header{padding:9px 10px}.inspector-header>div>span{display:none}.inspector-header strong{font-size:13px}.inspector-toolbar{gap:5px;padding:7px 8px}.inspector-toolbar select{max-width:50%;font-size:11px}.inspector-tabs button{padding:4px 6px;font-size:11px}.json-view{min-height:155px;max-height:300px;padding:12px;font-size:13px}.demo-footer{gap:5px;margin:13px 12px}.demo-footer>span{font-size:11px}.demo-footer>svg{width:12px}.sync-panel{padding:14px 12px}.sync-actions{flex-direction:column;align-items:flex-start;gap:10px}.sync-top .quiet-button{padding:7px;font-size:11px}.snapshot-grid>div{padding:10px}.settings-panel{padding:16px 13px}.settings-panel label{font-size:12px}.assistant-panel{z-index:65;width:min(100vw,380px)}.assistant-panel>header{height:58px}.assistant-welcome{padding-top:36px}.assistant-welcome h3{font-size:22px}.assistant-welcome>p{font-size:15px}.assistant-welcome>button{padding:13px;font-size:14px}.assistant-scope{font-size:14px}.chat-composer textarea{min-height:70px;font-size:15px}.chat-message{font-size:15px}.connect-card,.connect-card p{font-size:14px}.connect-card strong{font-size:15px}.connect-card .primary,.connect-card .secondary{font-size:14px}.assistant-footnote{font-size:13px}.chat-context,.toast{font-size:14px}.toast{width:max-content;max-width:calc(100vw - 28px);padding:11px;bottom:18px}.modal{padding:26px 22px}.modal h2{font-size:21px}.modal>p{font-size:14px}.edit-button{padding:7px;font-size:0}.edit-button svg{width:14px}.edit-actions button{padding:7px;font-size:13px}.title-input{font-size:24px}.block-edit{flex-wrap:wrap}.block-edit select{width:90px}.block-edit textarea{flex-basis:calc(100% - 35px);order:3}.block-edit>.icon-button{margin-left:auto}.page-footer{margin-top:27px;font-size:11px}.folder-grid{grid-template-columns:1fr}.folder-grid>button{min-height:140px}.phone-area:has(.phone){display:flex}.phone-area{padding:12px}.phone-caption,.scroll-hint{font-size:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.connections animateMotion{display:none}}.demo-loading{color:#1d4ed8;background:#fafcff;border:1px solid #e4ebf5;border-radius:9px;place-items:center;min-height:400px;font-size:15px;display:grid}.sidebar{padding-top:22px;transition:transform .22s,visibility .22s}.sidebar-space{gap:8px}.sidebar-space>.icon-button{flex-shrink:0;margin-left:auto;display:inline-flex}.sidebar-space strong{font-size:14px}.sidebar-space small{color:#526174;font-size:10px}.desktop-nav-toggle{color:#334155}.navigation-collapsed .sidebar{visibility:hidden;transform:translate(-100%)}.navigation-collapsed .document{margin-left:0}.document{min-width:0;transition:margin-left .22s}.icon-button{min-width:32px;min-height:32px}.tree-row{color:#334155;min-height:38px;font-size:14px}.tree-row.selected{color:#1247bb;background:#e4edff}.search-box{min-height:40px}.search-box input{font-size:14px}.sidebar-bottom{padding-bottom:22px}.sidebar-bottom a,.sidebar-bottom p{font-size:12px}.sidebar-version{letter-spacing:.3px;font-size:10px}.page-content{max-width:1600px;padding:28px 36px 0}.document-top{padding-left:36px;padding-right:36px}.title-row h1{letter-spacing:-1px;font-size:clamp(28px,3vw,38px);font-weight:650}.document-blocks>p,.document-callout p{color:#334155;font-size:16px;line-height:1.75}.document-callout{background:#eff5ff;border-color:#ccdcfb;border-left:3px solid #2563eb}.document-callout>span{color:#1553d8}.page-meta,.saved-indicator{color:#526174;flex-wrap:wrap;font-size:12px}.page-label{color:#334155;font-size:11px}.breadcrumbs,.breadcrumbs button{color:#475569;font-size:13px}.preview-banner{color:#334155;font-size:13px}.play-button,.primary{color:#fff;background:#1553d8}.play-button:hover,.primary:hover{background:#123fb4}.secondary{color:#334155;border-color:#c5d2e5}.quiet-button{color:#334155;font-size:13px}.simulator{border-color:#d4dfef;border-radius:12px;box-shadow:0 6px 26px #102f5c08;container-type:inline-size}.demo-heading{padding:18px 24px}.demo-heading strong{color:#172b49;font-size:16px}.demo-heading>div>span{color:#475569;font-size:13px}.demo-mark{color:#1553d8;background:#eaf1ff;border-color:#c9dafb}.mock-tag{color:#475569;font-size:11px}.mock-tag>span{background:#16845e;width:6px;height:6px}.demo-tabs{gap:28px;padding:0 24px;overflow-x:auto}.demo-tabs>button{color:#475569;flex-shrink:0;height:52px;font-size:14px}.demo-tabs>button.active{color:#124cc9;border-bottom:3px solid #1553d8}.tabs-tail{color:#526174;font-size:10px}.mode-intro{padding:26px 24px 8px}.mode-label,.sequence-eyebrow{letter-spacing:1.3px;color:#1d4ed8;font-size:10px;font-weight:600}.mode-intro h3{letter-spacing:-.5px;margin-top:7px;font-size:23px;font-weight:600}.mode-intro p{color:#475569;max-width:740px;font-size:15px}.mode-intro .quiet-button{color:#1d4ed8;white-space:nowrap;font-size:13px}.simulation-stage{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:18px;margin:20px 24px}.sequence-panel{background:#fff;border:1px solid #d6e0ee;border-radius:10px;min-width:0;overflow:hidden}.sequence-heading{justify-content:space-between;align-items:center;gap:10px;padding:18px 18px 10px;display:flex}.sequence-heading h4{color:#172b49;margin-top:4px;font-size:19px;font-weight:600}.sequence-heading>span{color:#475569;white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.sequence-legend{border-bottom:1px solid #dce4ef;flex-wrap:wrap;gap:16px;padding:0 18px 15px;display:flex}.sequence-legend>span{color:#475569;align-items:center;gap:5px;font-size:11px;display:flex}.sequence-legend i{border-top:2px solid #2563eb;width:16px;height:0}.sequence-legend .legend-response{border-color:#526174;border-top-style:dashed}.sequence-legend .legend-event{border-color:#078066}.sequence-legend .legend-local{border:2px solid #7c3aed;border-radius:2px;width:10px;height:9px}.sequence-scroll{scrollbar-width:thin;scrollbar-color:#aebed3 #f6f8fb;overscroll-behavior:contain;background:#fbfcfe;height:480px;position:relative;overflow:auto}.sequence-canvas{min-height:100%;position:relative}.sequence-services{z-index:3;background:#f6f9ff;border-bottom:1px solid #dce4ef;padding:15px 0;display:grid;position:sticky;top:0}.sequence-service{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.sequence-service>span{color:#1d4ed8;background:#fff;border:1px solid #c6d6f0;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 2px 4px #19356b05}.sequence-service strong{color:#243750;font-size:13px;font-weight:600;line-height:1.3}.sequence-service small{color:#526174;font-size:10px}.lane-analytics>span{color:#087b60;border-color:#b6dbd0}.lane-xp>span{color:#6d28d9;border-color:#d8c5f7}.sequence-body{min-height:335px;padding:10px 0 24px;position:relative}.sequence-lifelines{pointer-events:none;position:absolute;inset:0}.sequence-lifelines i{border-left:1px dashed #c9d6e8;position:absolute;top:0;bottom:0}.sequence-row{text-align:left;color:#1d4ed8;isolation:isolate;border-left:3px solid #0000;width:100%;height:94px;display:block;position:relative}.sequence-row:hover{background:#eaf1ff80}.sequence-row.selected{background:#eaf1ff;border-left-color:#1553d8}.sequence-row>svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sequence-arrow{fill:none;stroke:currentColor;stroke-width:1.8px;vector-effect:non-scaling-stroke}.sequence-response{color:#526174}.sequence-response .sequence-arrow{stroke-dasharray:5 4}.sequence-local{color:#6d28d9}.sequence-event{color:#087b60}.sequence-index{color:#64748b;font:10px/1.2 ui-monospace,monospace;position:absolute;top:33px;left:9px}.sequence-message{text-align:center;z-index:2;background:#fbfcfef0;border-radius:4px;width:max-content;min-width:100px;padding:3px 8px;position:absolute;top:6px;transform:translate(-50%)}.sequence-message strong{color:#243750;font-size:12px;font-weight:550;line-height:1.35;display:block}.sequence-message small{color:#526174;max-width:290px;margin-top:3px;font-size:10px;line-height:1.4;display:block}.sequence-message.local-message{text-align:left;top:5px;transform:none;max-width:190px!important}.sequence-kind{letter-spacing:.8px;color:inherit;font-size:9px;position:absolute;bottom:6px;right:10px}.sequence-traveler{opacity:0}.arriving .sequence-traveler{animation:sequence-packet var(--travel-duration) linear var(--row-delay) 1 both}.arriving .sequence-message{animation:sequence-label .3s ease var(--row-delay) both}.arriving .sequence-arrow{animation:sequence-line var(--travel-duration) ease var(--row-delay) both}.sequence-empty{text-align:center;max-width:400px;margin:auto;padding:55px 30px;position:relative}.sequence-empty>span{color:#1553d8;background:#e8efff;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:15px;display:inline-grid;box-shadow:0 0 0 8px #f1f5ff}.sequence-empty strong{color:#334155;font-size:16px;font-weight:550;display:block}.sequence-empty p{color:#526174;margin-top:8px;font-size:13px;line-height:1.6}.sequence-help{color:#475569;border-top:1px solid #dce4ef;align-items:flex-start;gap:7px;padding:12px 16px;display:flex}.sequence-help span{font-size:11px;line-height:1.6}@keyframes sequence-packet{0%{opacity:0}10%,85%{opacity:1}to{opacity:0}}@keyframes sequence-label{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0}}@keyframes sequence-line{0%{opacity:.1;stroke-dashoffset:1px}to{opacity:1;stroke-dashoffset:0}}.phone-area{background:#f7f9fd;border-color:#d6e0ee;gap:14px;padding:16px 14px;display:flex!important}.phone-caption{color:#1d4ed8;letter-spacing:.8px;gap:7px;font-size:10px;font-weight:600}.journey-screen-label{align-self:stretch}.journey-screen-label strong{color:#243750;font-size:14px;font-weight:550;display:block}.journey-screen-label>span{color:#526174;margin-top:4px;font-size:12px;display:block}.phone{border:6px solid #1d2f49;border-radius:25px;width:222px;height:375px;box-shadow:0 8px 20px #1d2f491a}.phone-status{height:26px;font-size:10px}.phone-status span{font-size:8px}.phone-screen{height:325px;padding:0 14px 20px;position:relative}.phone-header{color:#243750;height:34px}.phone-header,.phone-header>strong{font-size:14px}.phone-header>span{font-size:18px}.phone-greeting{color:#526174;margin-top:12px;font-size:10px}.phone-screen>h4{color:#243750;font-size:23px}.phone-hero{min-height:155px;padding:15px}.phone-hero>span{color:#28466b;font-size:8px}.phone-hero>strong{font-size:24px}.phone-hero>small{color:#28466b;font-size:10px}.phone-screen>h5{font-size:13px}.phone-products{row-gap:20px;margin-bottom:32px}.product-art{height:95px}.phone-products small{color:#334155;font-size:10px}.phone-products b{color:#526174;font-size:10px;font-weight:450}.experiment-widget{background:#f2f6ff;border-color:#b8cff5;min-height:150px;margin-top:20px;padding:12px;transition:border-color .3s,box-shadow .3s}.experiment-widget h5{font-size:12px}.experiment-widget>div>span{font-size:9px}.biller-circles{gap:10px;margin-top:16px}.biller-circles>div>span{color:#1d4ed8;background:#e0eaff;width:34px;height:34px;font-size:16px}.biller-circles small{color:#334155;font-size:10px}.widget-unavailable{visibility:hidden}.widget-exposed{border-color:#16a77b;box-shadow:0 0 0 3px #0c966619}.phone-bottom{color:#526174;font-size:10px}.scroll-hint{color:#334155;text-align:center;font-size:12px}.visibility-meter{align-self:stretch}.visibility-meter>div{color:#475569;justify-content:space-between;gap:6px;margin-top:6px;font-size:11px;display:flex}.visibility-meter strong{color:#172b49;font-weight:500}.visibility-meter progress{accent-color:#2563eb;background:#dce4ef;border:0;border-radius:9px;width:100%;height:5px;margin-top:6px;display:block;overflow:hidden}.visibility-meter progress::-webkit-progress-bar{background:#dce4ef}.visibility-meter progress::-webkit-progress-value{background:#2563eb;border-radius:9px;transition:width 80ms linear}.visibility-meter small{color:#526174;margin-top:9px;font-size:10px;display:block}.reveal-widget{justify-content:center;align-items:center;gap:7px;width:100%;min-height:36px;font-size:12px;display:flex}.playback{flex-wrap:wrap;gap:12px;padding:16px 24px}.play-button{flex-shrink:0;gap:8px;height:40px;padding:0 16px;font-size:14px}.playback select{color:#334155;font-size:13px}.leave-button{color:#475569;font-size:13px;display:inline-flex}.journey-progress{min-width:115px}.journey-progress>button{min-width:9px;min-height:9px}.journey-progress>span{color:#475569;font-size:11px}.learning-panel{background:#f4f7fd;border:1px solid #dce4ef;border-radius:9px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;margin:0 24px 20px;padding:22px;display:grid}.learning-heading h4{letter-spacing:-.25px;color:#172b49;margin-top:8px;font-size:19px;font-weight:600}.learning-heading p{color:#475569;margin-top:9px;font-size:14px;line-height:1.75}.learning-change{color:#1d4ed8;align-items:flex-start;gap:8px;margin-top:14px;display:flex}.learning-change span{color:#334155;font-size:12px;line-height:1.7}.event-milestones{border-left:1px solid #d5dfed;flex-direction:column;gap:20px;padding-left:22px;display:flex}.milestone{align-items:flex-start;gap:10px;display:flex}.milestone-dot{background:#fff;border:2px solid #94a3b8;border-radius:50%;flex-shrink:0;width:11px;height:11px;margin-top:6px}.milestone.recorded .milestone-dot{background:#2563eb;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb15}.milestone.recorded.exposure .milestone-dot{background:#078066;border-color:#078066;box-shadow:0 0 0 4px #07806615}.milestone strong{color:#243750;font-size:14px;font-weight:550}.milestone b{color:#526174;border:1px solid #cbd5e1;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:10px;font-weight:450;display:inline-block}.milestone.recorded b{color:#1d4ed8;background:#e9f0fe;border-color:#bfd2f5}.milestone.exposure b{color:#087b60;background:#e7f6ef;border-color:#b0d8c9}.milestone p{color:#475569;margin-top:5px;font-size:12px;line-height:1.7}.implementation-note{color:#1d4ed8;align-items:flex-start;gap:9px;margin:0 24px 22px;display:flex}.implementation-note p{color:#475569;font-size:13px;line-height:1.75}.implementation-note strong{color:#243750;font-weight:600}.sync-strip{background:#f8faff;flex-wrap:wrap;gap:16px;padding:16px 24px}.sync-strip button{color:#334155;font-size:12px}.sync-strip b{color:#1d4ed8;font-size:12px}.workspace-timing{color:#526174;font-size:10px}.settings-panel,.sync-panel{padding:22px 24px}.snapshot-grid>div{background:#fff;padding:16px}.snapshot-grid small{color:#526174;font-size:10px}.snapshot-grid strong{color:#243750;font-size:18px;font-weight:550}.snapshot-grid button,.snapshot-grid span{color:#475569;font-size:12px}.settings-panel label,.settings-panel p,.sync-actions label,.sync-explainer p{color:#475569;font-size:13px;line-height:1.7}.inspector{border-color:#d5dfed;margin:20px 24px 0}.inspector-header{padding:14px 16px}.inspector-header strong{color:#243750;font-size:15px;font-weight:550}.inspector-header>div>span{color:#526174;font-size:12px}.inspector-toolbar{flex-wrap:wrap;padding:12px 16px}.inspector-toolbar>select{color:#334155;max-width:100%;font-size:13px}.inspector-tabs button{color:#475569;padding:7px 10px;font-size:12px}.inspector-tabs button.active{color:#124cc9;background:#e4edff}.packet-endpoint{color:#475569;flex-wrap:wrap;padding:12px 16px;font-size:12px}.packet-endpoint code{color:#334155;overflow-wrap:anywhere;font-size:12px}.packet-endpoint>span:first-child{color:#087b60;font-size:10px}.json-view{color:#233b5d;background:#f6f8fc;min-height:190px;max-height:420px;padding:20px;font:13px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace}.packet-note{color:#1d4ed8;padding:14px 16px}.packet-note span{color:#475569;font-size:12px}.demo-reference{padding:25px 24px 10px}.demo-reference h4{color:#243750;margin-top:7px;font-size:18px;font-weight:550}.reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:18px;display:grid}.reference-grid strong{color:#243750;font-size:13px;font-weight:550}.reference-grid p{color:#475569;margin-top:6px;font-size:12px;line-height:1.8}.reference-grid a{color:#1d4ed8;align-items:center;gap:4px;margin-top:10px;font-size:12px;display:flex}.demo-footer{color:#475569;margin:20px 24px}.demo-footer>a,.demo-footer>span{color:#475569;font-size:11px}.demo-footer>a{color:#1d4ed8}.assistant-panel{border-color:#d5dfed}.assistant-messages{color:#334155;font-size:14px}@container (max-width:1000px){.simulation-stage{grid-template-columns:minmax(0,1fr)}.phone-area{grid-template-columns:222px minmax(0,1fr);align-items:start;column-gap:24px;padding:20px;display:grid!important}.journey-screen-label,.phone-caption,.reveal-widget,.scroll-hint,.visibility-meter{grid-column:2;width:100%}.phone{grid-area:1/1/span 6}.phone-area .phone-caption{margin-top:5px}.phone-area .scroll-hint{text-align:left;justify-content:flex-start}.sequence-scroll{height:450px}}@container (max-width:650px){.learning-panel{grid-template-columns:1fr;gap:20px}.event-milestones{border-top:1px solid #d5dfed;border-left:0;padding-top:18px;padding-left:0}.reference-grid{grid-template-columns:1fr;gap:16px}.mode-intro{flex-wrap:wrap}.mode-intro .quiet-button{margin-top:4px;display:inline-flex}.inspector-header>div>span,.tabs-tail{display:none}}@media (max-width:700px){.desktop-nav-toggle{display:none}.navigation-collapsed .sidebar{visibility:visible}.navigation-collapsed .sidebar.open{transform:translate(0)}.sidebar-space>.icon-button{display:inline-flex}.sidebar{width:285px}.page-content{padding:20px 16px 0}.document-top{padding:0 16px}.document-blocks>p,.document-callout p{font-size:15px}.preview-banner{margin-left:16px;margin-right:16px}.demo-heading{padding:15px}.demo-tabs{gap:20px;padding:0 15px}.mode-intro{padding:20px 15px 6px}.mode-intro h3{font-size:21px}.mode-intro p{font-size:14px}.learning-panel,.simulation-stage{margin:16px 12px}.sequence-heading{flex-wrap:wrap}.phone-area{padding:18px;display:flex!important}.journey-screen-label,.phone-caption{align-self:stretch}.phone{flex-shrink:0}.playback{gap:9px;padding:14px}.learning-panel{padding:18px}.implementation-note{margin:0 15px 18px}.sync-strip{gap:12px;padding:14px}.settings-panel,.sync-panel{padding:18px 15px}.inspector{margin:16px 12px 0}.inspector-toolbar>select{width:100%}.json-view{padding:15px;font-size:12px}.demo-reference{padding:22px 15px 10px}.demo-footer{margin:18px 15px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.sequence-traveler{display:none}}.sync-event-log{background:#fff;border:1px solid #d6e0ee;border-radius:8px;max-height:330px;margin-top:20px;padding:18px;overflow-y:auto}.sync-event-log>strong{color:#243750;font-size:14px;font-weight:550}.sync-event-log>p,.sync-event-log>span{color:#475569;margin:7px 0 16px;font-size:12px;line-height:1.7;display:block}.sync-event-log>div{align-items:flex-start;gap:12px;margin-top:16px;display:flex}.sync-event-log time{color:#526174;font:11px/1.8 ui-monospace,monospace}.sync-log-dot{background:#2563eb;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.sync-calculation{background:#7c3aed}.sync-cohort{background:#078066}.sync-event-log>div>p{font-size:12px;line-height:1.6}.sync-event-log p strong{color:#334155;font-weight:500;display:block}.sync-event-log p span{color:#526174}.sync-payloads{color:#475569;flex-wrap:wrap;align-items:center;gap:10px;margin-top:15px;font-size:12px;display:flex}.sync-payloads button{color:#1d4ed8;background:#fff;border:1px solid #c9d8ee;border-radius:5px;align-items:center;gap:5px;padding:6px 9px;display:flex}@container (max-width:1000px){.simulator .simulation-stage{grid-template-columns:minmax(0,1fr)}}@media (max-width:700px){.workspace .sidebar:not(.open){visibility:hidden}.workspace .sidebar.open{visibility:visible}}.initialization-screen{z-index:3;text-align:center;background:linear-gradient(155deg,#f5f8ff,#fff);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:22px;display:flex;position:absolute;inset:26px 0 12px}.initialization-screen>span{color:#1553d8;background:#e4edff;border:1px solid #c7d7f4;border-radius:15px;place-items:center;width:54px;height:54px;margin-bottom:5px;display:grid}.initialization-screen strong{color:#243750;font-size:17px;font-weight:550;line-height:1.4}.initialization-screen p{color:#475569;font-size:12px;line-height:1.75}.initialization-screen small{color:#1d4ed8;font-size:10px}