.compass-demo{--cd-ink:#292630;--cd-muted:#837a8d;--cd-purple:#7651b9;--cd-line:#eae6ef;width:100%;min-width:0;color:var(--cd-ink);font-family:var(--font-inter),sans-serif;text-align:left}.compass-demo *,.compass-demo :before,.compass-demo :after{box-sizing:border-box}.compass-demo button{cursor:pointer;-webkit-tap-highlight-color:transparent}.compass-demo button:disabled{cursor:default}.compass-demo :is(button,input):focus-visible{outline-offset:3px;outline:2px solid #946ecd}.cd-tour-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:17px;padding:0 1px 18px;display:flex}.cd-tour-heading{color:#8e829c;letter-spacing:.06em;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.cd-live-dot{background:#9175b6;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #f3eef9}.cd-scenario-tabs{background:#f7f5f9;border:1px solid #ece8f0;border-radius:100px;gap:3px;padding:4px;display:flex}.cd-scenario-tabs button{color:#93879f;white-space:nowrap;border:1px solid #0000;border-radius:100px;justify-content:center;align-items:center;gap:7px;padding:9px 15px;font-size:11px;transition:color .2s,background .2s,box-shadow .2s;display:inline-flex}.cd-scenario-tabs button[data-state=active]{color:#5e477b;background:#fff;border-color:#ebe4f1;box-shadow:0 1px 4px #34204d09}.cd-scenario-content:focus-visible{outline-offset:6px;border-radius:25px;outline:2px solid #946ecd}.cd-stage{background-color:#eee8f6;background-image:linear-gradient(180deg,#f5f2fa30,#edebf635),var(--demo-backdrop,url(/images/compass-landscape.webp));isolation:isolate;background-position:50%;background-size:cover;border:1px solid #e4deec;border-radius:25px;padding:30px 28px 17px;overflow:hidden}.cd-scene-title{justify-content:space-between;align-items:center;gap:30px;margin:0 6px 26px;display:flex}.cd-scene-title>span{color:#44344f;font-family:var(--font-jakarta),sans-serif;letter-spacing:-.65px;font-size:21px;font-weight:600;line-height:1.35}.cd-scene-title p{color:#73617f;text-wrap:pretty;max-width:280px;margin:0;font-size:10px;line-height:1.8}.cd-board{grid-template-columns:minmax(0,2.35fr) 30px minmax(235px,1fr);align-items:center;min-width:0;display:grid;position:relative}.cd-vault-window{background:#fff;border:1px solid #ffffffc9;border-radius:11px;min-width:0;overflow:hidden;box-shadow:0 12px 35px #3c284617,0 2px 5px #4431550b}.cd-window-bar{background:#fbfafc;border-bottom:1px solid #ede9f0;justify-content:center;align-items:center;height:29px;display:flex;position:relative}.cd-window-dots{align-items:center;gap:4px;display:flex;position:absolute;left:12px}.cd-window-dots i{background:#ded7e6;border-radius:50%;width:5px;height:5px}.cd-window-dots i:first-child{background:#e7c7c5}.cd-window-dots i:nth-child(2){background:#e5d6b9}.cd-window-dots i:nth-child(3){background:#c7d9c9}.cd-window-title{color:#73647f;align-items:center;gap:5px;font-size:8px;font-weight:500;display:inline-flex}.cd-window-title img{object-fit:contain;border-radius:3px}.cd-window-corner{color:#aa9bb5;display:flex;position:absolute;right:10px}.cd-vault-layout{grid-template-columns:125px minmax(148px,.9fr) minmax(170px,1fr);min-height:370px;display:grid}.cd-sidebar{background:#faf8fc;border-right:1px solid #eee9f3;flex-direction:column;min-width:0;padding:20px 9px 13px;display:flex}.cd-brand{align-items:center;gap:7px;margin:0 4px 27px;display:flex}.cd-brand img{object-fit:contain;border-radius:6px;width:23px;height:23px}.cd-brand strong{letter-spacing:-.35px;font-size:12px;font-weight:650}.cd-sidebar-label{color:#9b8baa;margin:0 8px 10px;font-size:8px}.cd-categories{gap:5px;display:grid}.cd-categories button{color:#9b8eaa;text-align:left;border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;min-width:0;padding:9px 8px;font-size:9px;display:flex}.cd-categories button svg{flex-shrink:0}.cd-categories button>span{min-width:0}.cd-categories button small{opacity:.6;margin-left:auto;font-size:8px}.cd-categories button[aria-pressed=true]{color:#7952a7;background:#eee7f7;border-color:#e9dff4}.cd-categories button:hover{background:#f0eaf7}.cd-sidebar-security{color:#a08dac;align-items:center;gap:6px;margin-top:auto;padding:10px 5px;font-size:7px;display:flex}.cd-sidebar-security svg{flex-shrink:0}.cd-profile{border-top:1px solid #eee8f2;align-items:center;gap:6px;padding:13px 3px 0;display:flex}.cd-profile>span{color:#967962;background:#ebe0d9;border-radius:50%;flex-shrink:0;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.cd-profile strong{font-size:8px;font-weight:550;display:block}.cd-profile small{color:#a99aac;margin-top:3px;font-size:6px;display:block}.cd-account-list{border-right:1px solid #efebf3;min-width:0;padding:21px 11px 16px}.cd-list-heading{align-items:center;gap:7px;margin-bottom:15px;display:flex}.cd-list-heading h3{letter-spacing:-.25px;margin:0;font-size:13px;font-weight:650;line-height:1.4}.cd-list-heading>span{color:#a390b5;background:#f0ecf5;border-radius:5px;flex-shrink:0;place-items:center;width:16px;height:16px;font-size:8px;display:grid}.cd-search{color:#aa9cb7;background:#f8f6fa;border:1px solid #eee9f3;border-radius:5px;align-items:center;gap:5px;margin-bottom:18px;padding:7px;display:flex}.cd-search>svg{flex-shrink:0}.cd-search input{color:#685575;background:0 0;outline:none;width:100%;min-width:0;font-size:8px}.cd-search input::-webkit-search-cancel-button{display:none}.cd-search input:focus-visible{outline:none}.cd-search:focus-within{outline-offset:1px;outline:2px solid #cbb6e3}.cd-search button{flex-shrink:0;align-items:center;display:flex}.cd-account-rows{gap:5px;display:grid}.cd-account-rows>button{text-align:left;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;min-width:0;padding:9px 7px;transition:background .2s,border-color .2s;display:flex}.cd-account-rows>button:hover{background:#f9f6fc}.cd-account-rows>button.cd-account-active{background:#f1eaf9;border-color:#e5d8f4}.cd-brand-icon{border:1px solid #e8e0ec;border-radius:7px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.cd-brand-icon svg{width:62%;height:62%}.cd-account-rows>button>span:nth-child(2){min-width:0}.cd-account-rows strong{font-size:9px;font-weight:600;display:block}.cd-account-rows small{color:#aa9bb6;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:6.5px;display:block;overflow:hidden}.cd-account-rows>button>svg{color:#b2a0c1;flex-shrink:0;margin-left:auto}.cd-detail{min-width:0;padding:23px 19px 17px}.cd-detail-caption{color:#a391b1;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:8px;display:flex}.cd-brand-large{border-radius:10px;width:37px;height:37px}.cd-detail-brand h3{font-size:18px;font-weight:650;font-family:var(--font-jakarta),sans-serif;letter-spacing:-.4px;margin:10px 0 3px}.cd-detail-brand>span:last-child{color:#9c8ba9;overflow-wrap:anywhere;font-size:8px;display:block}.cd-detail-fields{margin:19px 0 17px}.cd-detail-fields>div{border-bottom:1px solid #f0eaf4;padding:9px 0}.cd-detail-fields dt{color:#a997b7;justify-content:space-between;align-items:center;font-size:7px;display:flex}.cd-detail-fields dd{color:#716079;overflow-wrap:anywhere;margin:6px 0 0;font-size:9px;line-height:1.4}.cd-masked{letter-spacing:2px}.cd-vault-action{color:#fff;background:#7c58ad;border:1px solid #744ea5;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:34px;padding:8px 6px;font-size:8px;font-weight:550;line-height:1.45;transition:background .2s;display:flex}.cd-vault-action svg{flex-shrink:0}.cd-vault-action>svg:last-child{margin-left:auto}.cd-vault-action>svg:first-child:last-child{margin-left:0}.cd-vault-action:hover{background:#6a469b}.cd-vault-action.cd-vault-unlocked{color:#8b63ae;background:#f1ebf9;border-color:#e5d8f2}.cd-vault-action:disabled{opacity:.48}.cd-session-key{color:#a792b7;flex-wrap:wrap;align-items:center;gap:4px;margin-top:14px;font-size:6.5px;display:flex}.cd-session-key code{color:#b2a0c0;margin-left:auto;font-size:6.5px}.cd-statusbar{color:#ab9ab7;background:#fbf9fd;border-top:1px solid #ede8f2;justify-content:space-between;align-items:center;gap:10px;min-height:25px;padding:5px 14px;font-size:7px;display:flex}.cd-statusbar>span{align-items:center;gap:5px;display:inline-flex}.cd-statusbar i{background:#bea5c9;border-radius:50%;width:4px;height:4px}.cd-statusbar i.cd-status-unlocked{background:#8cac92}.cd-connection{color:#836999;align-items:center;display:flex}.cd-connection>span:first-child,.cd-connection>span:last-child{background:#bba1d3;width:7px;height:1px}.cd-connection>span:nth-child(2){opacity:.35;place-items:center;display:grid}.cd-connection>span.cd-connection-active{opacity:1}.cd-target-wrap{min-width:0;padding-block:10px}.cd-target-window{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff5;border:1px solid #ffffffcf;border-radius:10px;min-width:0;overflow:hidden;box-shadow:0 13px 35px #49324f12,0 2px 4px #4a35520d}.cd-browser-bar{justify-content:flex-end;height:30px;padding-right:30px}.cd-address{color:#ad9ab9;white-space:nowrap;text-overflow:ellipsis;background:#f3eff7;border:1px solid #ebe5f1;border-radius:4px;justify-content:center;align-items:center;gap:4px;width:calc(100% - 53px);max-width:185px;padding:4px 7px;font-size:7px;display:inline-flex;overflow:hidden}.cd-address svg{flex-shrink:0}.cd-target-body{padding:22px 20px 19px}.cd-target-brand{flex-direction:column;align-items:center;display:flex}.cd-target-brand>strong{font-family:var(--font-jakarta),sans-serif;letter-spacing:-.4px;margin:10px 0 4px;font-size:17px;font-weight:650}.cd-target-brand>span:last-child{color:#b19ebe;font-size:7px}.cd-target-fields{margin-top:21px}.cd-target-field+.cd-target-field{margin-top:11px}.cd-target-field>span{color:#a392af;margin-bottom:6px;font-size:7px;display:block}.cd-target-field>div{color:#857090;overflow-wrap:anywhere;background:#fbf9fd;border:1px solid #e9e2ef;border-radius:5px;justify-content:space-between;align-items:center;gap:4px;min-height:31px;padding:8px;font-size:8px;transition:background .3s,border-color .3s;display:flex}.cd-target-field>div>svg{color:#9a7cba;flex-shrink:0}.cd-target-field.cd-field-filled>div{background:#f5effb;border-color:#dcccec}.cd-input-placeholder{background:#e8e1ef;border-radius:10px;width:76px;height:4px;display:inline-block}.cd-placeholder-short{width:51px}.cd-filled-note{color:#a38bb6;opacity:0;justify-content:flex-end;align-items:center;gap:4px;min-height:17px;padding-top:6px;font-size:6px;display:flex}.cd-note-visible{opacity:1}.cd-target-action{color:#fff;background:#352d3e;border:1px solid #30283a;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:32px;margin-top:13px;padding:8px 6px;font-size:8px;font-weight:500;line-height:1.4;transition:background .25s,border-color .25s;display:flex}.cd-target-action svg{flex-shrink:0}.cd-target-action:hover{background:#51405f}.cd-target-action:disabled{color:#b8a6c6;background:#f1ecf6;border-color:#e7dfed}.cd-target-action.cd-action-success{color:#729779;background:#ecf3ec;border-color:#d8e6d8}.cd-target-outcome{opacity:0;align-items:center;gap:8px;min-height:44px;margin-top:15px;display:flex}.cd-success-mark{color:#86a882;background:#edf4eb;border:1px solid #e1eadd;border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;display:grid}.cd-target-outcome strong{color:#72846a;font-size:8px;font-weight:550;line-height:1.5;display:block}.cd-target-outcome div>span{color:#9daa94;margin-top:3px;font-size:6.5px;line-height:1.6;display:block}.cd-outcome-visible{opacity:1!important}.cd-target-done{border-color:#ecf3e6}.cd-stage-footnote{color:#775e86;text-align:center;justify-content:center;align-items:center;gap:6px;margin-top:18px;font-size:8px;line-height:1.65;display:flex}.cd-stage-footnote svg{flex-shrink:0}.cd-local-packet{background:#faf7fd;border:1px solid #ebe2f3;border-radius:6px;margin-top:14px;padding:9px}.cd-local-packet>span{color:#a18ab3;align-items:center;gap:5px;font-size:7px;display:flex}.cd-local-packet code{color:#b5a3c3;margin-top:8px;font-size:8px;line-height:1.7;display:block}.cd-local-packet small{color:#b4a3c0;margin-top:4px;font-size:6px;display:block}.cd-packet-encrypted{background:#f2edf9;border-color:#dfd1f0}.cd-packet-encrypted code{color:#9a7bb5}.cd-storage-heading{flex-direction:column;align-items:center;display:flex}.cd-cloud-symbol{color:#aa93c7;background:#f0edf9;border:1px solid #e5dcef;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.cd-storage-heading strong{font-family:var(--font-jakarta),sans-serif;margin-top:11px;font-size:15px;font-weight:600}.cd-storage-heading>span:last-child{color:#b39fc0;margin-top:4px;font-size:7px}.cd-server-card{background:#fbf9fd;border:1px dashed #dcccea;border-radius:8px;margin-top:20px;padding:13px}.cd-server-card>div{color:#a78fba;align-items:center;gap:5px;font-size:7px;display:flex}.cd-server-card>div>svg:last-child{margin-left:auto}.cd-server-card code{letter-spacing:.1em;color:#bdabc9;padding-block:11px;font-size:11px;line-height:1.9;display:block}.cd-payload-status{color:#b9a5c6;font-size:6px;display:block}.cd-server-stored{background:#f4effa;border-style:solid;border-color:#dbcbeb}.cd-server-stored code{color:#9f80b7}.cd-privacy-outcome{opacity:0;color:#7f9676;align-items:center;gap:8px;min-height:35px;margin-top:15px;display:flex}.cd-privacy-outcome svg{flex-shrink:0}.cd-privacy-outcome p{margin:0;font-size:7px;line-height:1.7}.cd-owner-request{opacity:0;background:#faf7fd;border:1px solid #eee5f5;border-radius:6px;align-items:center;gap:7px;margin:13px 0 9px;padding:9px;display:flex}.cd-request-arrived{opacity:1}.cd-request-avatar{color:#8c9cba;background:#e4eaf4;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:8px;display:grid}.cd-owner-request strong{color:#997cad;font-size:7px;font-weight:500;line-height:1.5;display:block}.cd-owner-request div>span{color:#b19abf;margin-top:3px;font-size:6px;display:block}.cd-sharing-heading{align-items:center;gap:8px;margin:2px 0 19px;display:flex}.cd-teammate-avatar{color:#a190bb;background:#e9e7f5;border:1px solid #dedaed;border-radius:50%;flex-shrink:0;place-items:center;width:35px;height:35px;font-size:12px;display:grid}.cd-sharing-heading strong{font-size:11px;font-weight:600;display:block}.cd-sharing-heading div>span{color:#af9cbd;margin-top:4px;font-size:7px;display:block}.cd-sharing-heading>svg{color:#b9a5c7;margin-left:auto}.cd-shared-account{background:#f9f6fc;border:1px solid #eae2f2;border-radius:7px;align-items:center;gap:9px;padding:12px;display:flex}.cd-shared-account strong{font-size:10px;font-weight:550;display:block}.cd-shared-account div>span{color:#ac94bf;margin-top:4px;font-size:7px;display:block}.cd-shared-account>svg{color:#b5a0c5;margin-left:auto}.cd-request-button{color:#9a7ab6;background:#f6f0fb;border:1px solid #e3d6ef;border-radius:6px;justify-content:center;align-items:center;gap:5px;width:100%;margin-top:9px;padding:9px 5px;font-size:8px;display:flex}.cd-request-button.cd-request-sent{color:#af94bd;background:#f6f2fa}.cd-shared-password{margin-top:19px}.cd-shared-password>span{color:#b39ec0;margin-bottom:7px;font-size:7px;display:block}.cd-shared-password strong{letter-spacing:2px;color:#aa95b8;background:#f8f5fc;border:1px solid #ebe2f3;border-radius:5px;justify-content:space-between;gap:5px;padding:9px;font-size:10px;font-weight:500;display:flex}.cd-shared-password small{color:#baa7c6;margin-top:6px;font-size:6px;display:flex}.cd-empty-search{color:#9a81ab;margin:14px 4px;font-size:10px;line-height:1.8}.cd-detail-empty{text-align:center;color:#b6a0c6;flex-direction:column;justify-content:center;align-items:center;gap:17px;height:300px;display:flex}.cd-detail-empty p{color:#9c84ae;margin:0;font-size:10px;line-height:1.8}.cd-detail-empty button{color:#8d62ae;text-underline-offset:4px;font-size:9px;text-decoration:underline}.cd-target-empty{color:#ab91be;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:19px;min-height:370px;padding:22px;font-size:10px;display:flex}.cd-tour-cursor{z-index:6;pointer-events:none;color:#443449;filter:drop-shadow(0 2px 2px #39214930);width:28px;height:28px;position:absolute;top:0;left:0}.cd-tour-cursor>svg{z-index:2;position:absolute;top:-3px;left:-3px}.cd-cursor-label{color:#fff;letter-spacing:.02em;background:#8261a8;border:1px solid #fff5;border-radius:4px;padding:4px 7px;font-size:7px;line-height:1;position:absolute;top:22px;left:14px}.cd-click-ripple{z-index:1;background:#bd9ce9;border:1px solid #9468c5;border-radius:50%;width:30px;height:30px;position:absolute;top:-13px;left:-13px}.cd-tour-controls{justify-content:space-between;align-items:center;gap:15px;padding:21px 3px 20px;display:flex}.cd-playback{align-items:center;gap:9px;display:flex}.cd-play-toggle{color:#fff;background:#302835;border:1px solid #302835;border-radius:100px;justify-content:center;align-items:center;gap:7px;min-height:35px;padding:9px 14px;font-size:10px;font-weight:500;display:flex}.cd-play-toggle:hover{background:#51415c}.cd-play-toggle:disabled{opacity:.4}.cd-restart{color:#a28ab3;border:1px solid #e9e2ed;border-radius:50%;place-items:center;min-width:35px;min-height:35px;display:grid}.cd-restart:hover{background:#f7f3fa}.cd-step-nav{align-items:center;gap:10px;display:flex}.cd-step-nav button{color:#9a7db0;border:1px solid #ece6f1;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.cd-step-nav button:disabled{opacity:.3}.cd-step-nav>span{color:#7d628e;white-space:nowrap;font-size:10px}.cd-step-nav i{color:#bba8c6;margin-left:4px;font-style:normal}.cd-timeline{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.cd-timeline li{min-width:0}.cd-timeline button{text-align:left;color:#b4a1c1;align-items:flex-start;gap:10px;width:100%;min-height:64px;padding:13px 13px 16px 0;display:flex;position:relative}.cd-step-marker{color:#bda7cd;background:#fcfafe;border:1px solid #eee6f4;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:8px;font-weight:500;display:grid}.cd-timeline button>span:nth-child(2){padding-top:4px;font-size:10px;font-weight:500;line-height:1.6}.cd-timeline button[aria-current=step]{color:#795493}.cd-timeline button[aria-current=step] .cd-step-marker{color:#fff;background:#8d6bae;border-color:#bfa2d8;box-shadow:0 0 0 4px #f3ecf8}.cd-step-marker.cd-step-done{color:#a083b8;background:#f1e9f8;border-color:#e1d1ed}.cd-timeline button>i{background:#f1ebf6;height:2px;position:absolute;top:0;left:0;right:0}.cd-timeline button>i.cd-line-done{background:#c9afdd}.cd-step-explanation{background:#f9f6fc;border:1px solid #eee6f5;border-radius:12px;align-items:flex-start;gap:14px;min-height:91px;padding:18px 20px;display:flex}.cd-explanation-number{color:#a285b8;background:#f0e8f8;border:1px solid #e5d8f0;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:10px;display:grid}.cd-step-explanation strong{color:#765c87;margin-top:1px;font-size:12px;font-weight:550;display:block}.cd-step-explanation p{color:#a28daf;max-width:770px;margin:6px 0 0;font-size:11px;line-height:1.8}.cd-demo-notice{color:#b8a6c3;text-align:center;margin:15px 10px 0;font-size:9px;line-height:1.8}.cd-compact .cd-sidebar{display:none}.cd-compact .cd-vault-layout{grid-template-columns:minmax(150px,.9fr) minmax(180px,1fr)}.cd-compact .cd-board{grid-template-columns:minmax(0,1.75fr) 34px minmax(250px,1fr)}.cd-compact .cd-account-list{padding:24px 19px}.cd-compact .cd-account-rows>button{padding:10px}.cd-compact .cd-detail{padding:24px}.cd-compact .cd-scene-title{margin-bottom:25px}.cd-sidebar-label,.cd-detail-caption,.cd-detail-fields dt,.cd-target-field>span,.cd-shared-password>span{color:#85718f}.cd-categories button,.cd-account-rows small,.cd-detail-brand>span:last-child,.cd-target-brand>span:last-child,.cd-storage-heading>span:last-child{color:#8b7898}.cd-search input::placeholder{color:#8c789b}.cd-target-field>div,.cd-detail-fields dd{color:#6e567c}.cd-session-key,.cd-session-key code,.cd-statusbar,.cd-filled-note,.cd-local-packet>span,.cd-local-packet small{color:#91749f}.cd-target-outcome strong,.cd-target-outcome div>span,.cd-privacy-outcome{color:#6f8767}.cd-request-button,.cd-request-button.cd-request-sent,.cd-owner-request strong,.cd-owner-request div>span{color:#8b639f}.cd-vault-action.cd-vault-unlocked:disabled{opacity:1;color:#86619f}.cd-timeline button{color:#9682a5}.cd-step-explanation p{color:#877092}.cd-demo-notice{color:#9b89a7}@media (max-width:1050px){.cd-stage{padding:27px 22px 17px}.cd-board{grid-template-columns:minmax(0,1.75fr) 24px minmax(240px,1fr)}.cd-sidebar{display:none}.cd-vault-layout{grid-template-columns:minmax(147px,.9fr) minmax(170px,1fr)}.cd-account-list{padding:22px 15px}.cd-target-body{padding:23px 19px 18px}.cd-connection>span:first-child,.cd-connection>span:last-child{width:4px}.cd-compact .cd-account-list{padding:22px 14px}.cd-compact .cd-detail{padding:23px 18px}.cd-compact .cd-board{grid-template-columns:minmax(0,1.7fr) 24px minmax(230px,1fr)}}@media (max-width:800px){.cd-stage{padding:23px 17px 15px}.cd-scene-title{margin:0 3px 23px;display:block}.cd-scene-title>span{font-size:20px}.cd-scene-title p{max-width:430px;margin-top:8px}.cd-board,.cd-compact .cd-board{grid-template-columns:minmax(0,1.65fr) 18px minmax(205px,1fr)}.cd-vault-layout,.cd-compact .cd-vault-layout{grid-template-columns:minmax(125px,.85fr) minmax(150px,1fr)}.cd-account-list,.cd-compact .cd-account-list{padding:20px 9px}.cd-account-rows>button,.cd-compact .cd-account-rows>button{gap:6px;padding:9px 5px}.cd-detail,.cd-compact .cd-detail{padding:22px 13px}.cd-target-body{padding:22px 14px 17px}.cd-connection>span:first-child,.cd-connection>span:last-child{width:1px}.cd-timeline button{gap:7px;padding-right:8px}.cd-timeline button>span:nth-child(2){font-size:9px}.cd-step-marker{width:21px;height:21px}}@media (max-width:650px){.cd-tour-header{justify-content:center;gap:13px;padding-bottom:16px}.cd-tour-heading{justify-content:center;width:100%;font-size:9px}.cd-scenario-tabs{max-width:100%}.cd-scenario-tabs button{gap:6px;padding:8px 14px;font-size:10px}.cd-board,.cd-compact .cd-board{grid-template-columns:minmax(0,1fr);gap:0}.cd-vault-layout,.cd-compact .cd-vault-layout{grid-template-columns:minmax(120px,.85fr) minmax(155px,1fr);min-height:320px}.cd-account-list,.cd-compact .cd-account-list{padding:21px 12px}.cd-detail,.cd-compact .cd-detail{padding:21px 18px}.cd-connection{justify-content:center;height:35px;transform:rotate(90deg)}.cd-connection>span:first-child,.cd-connection>span:last-child{width:10px}.cd-target-wrap{width:100%;max-width:390px;margin-inline:auto;padding-block:0}.cd-target-body{padding:19px 20px 14px}.cd-login-target .cd-target-body{grid-template-columns:70px 1fr;column-gap:17px;display:grid}.cd-login-target .cd-target-brand{grid-row:1/3;justify-content:center}.cd-target-brand>strong{font-size:15px}.cd-target-brand>span:last-child{text-align:center;font-size:6px;line-height:1.6}.cd-login-target .cd-target-fields{margin-top:0}.cd-login-target .cd-target-action{margin-top:6px}.cd-login-target .cd-target-outcome{grid-column:1/-1;justify-content:center;min-height:34px;margin-top:13px}.cd-target-field>div,.cd-target-outcome strong{font-size:9px}.cd-target-outcome div>span{font-size:7px}.cd-privacy-target .cd-target-body{grid-template-columns:80px 1fr;column-gap:17px;display:grid}.cd-storage-heading{text-align:center;grid-row:1/3;justify-content:center}.cd-storage-heading strong{font-size:12px}.cd-server-card{margin-top:0}.cd-server-card code{font-size:10px}.cd-privacy-target .cd-target-action{margin-top:9px}.cd-privacy-outcome{grid-column:1/-1;justify-content:center;margin-top:12px}.cd-privacy-outcome p{max-width:220px;font-size:8px}.cd-sharing-target .cd-target-body{grid-template-columns:1fr 1fr;align-items:center;column-gap:13px;display:grid}.cd-sharing-heading{margin-bottom:12px}.cd-sharing-heading>svg{display:none}.cd-shared-account{margin-bottom:8px;padding:9px}.cd-shared-account .cd-brand-icon{width:25px;height:25px}.cd-shared-account>svg{display:none}.cd-request-button{align-self:start;min-height:35px;margin:0}.cd-shared-password{margin:0}.cd-sharing-target .cd-target-action{grid-column:1/-1;margin-top:12px}.cd-sharing-target .cd-target-outcome{grid-column:1/-1;justify-content:center;min-height:36px;margin-top:11px}.cd-tour-controls{padding-block:17px}.cd-timeline{gap:4px}.cd-timeline button{text-align:center;flex-direction:column;align-items:center;gap:6px;min-height:72px;padding:12px 2px 14px}.cd-timeline button>span:nth-child(2){padding-top:0;font-size:8px;line-height:1.6}.cd-step-marker{width:24px;height:24px}.cd-step-explanation{gap:11px;min-height:111px;padding:16px}.cd-step-explanation strong{font-size:11px}.cd-step-explanation p{font-size:10px}.cd-scene-title p{font-size:10px;line-height:1.75}.cd-play-toggle{padding-inline:12px;font-size:9px}.cd-step-nav{gap:8px}.cd-step-nav>span{font-size:9px}.cd-demo-notice{margin-top:12px;font-size:8px}.cd-target-empty{min-height:200px}}@media (max-width:390px){.cd-stage{border-radius:19px;padding:20px 12px 14px}.cd-vault-layout,.cd-compact .cd-vault-layout{grid-template-columns:minmax(94px,.8fr) minmax(0,1fr)}.cd-detail,.cd-compact .cd-detail{padding-inline:12px}.cd-account-list,.cd-compact .cd-account-list{padding-inline:8px}.cd-account-rows>button{gap:5px}.cd-account-rows .cd-brand-icon{border-radius:6px;width:24px;height:24px}.cd-account-rows>button>svg{display:none}.cd-account-rows strong{font-size:8px}.cd-account-rows small{font-size:6px}.cd-list-heading h3{font-size:11px}.cd-detail-brand h3{font-size:16px}.cd-detail-fields dd{font-size:8px}.cd-target-body{padding-inline:14px}.cd-statusbar{padding-inline:9px;font-size:6px}.cd-scene-title>span{font-size:18px}.cd-playback{gap:6px}.cd-step-nav{gap:5px}.cd-step-nav button{width:28px;height:28px}.cd-scenario-tabs button{padding-inline:10px}}@media (prefers-reduced-motion:reduce){.compass-demo *,.compass-demo :before,.compass-demo :after{transition:none!important;animation:none!important}.cd-tour-cursor{display:none}}.cd-scene-title p{color:#584b62;max-width:330px;font-size:12px}.cd-categories button{font-size:10px}.cd-profile strong,.cd-sidebar-label{font-size:9px}.cd-profile small,.cd-sidebar-security{font-size:8px}.cd-search input,.cd-account-rows strong{font-size:11px}.cd-account-rows small,.cd-detail-caption,.cd-detail-brand>span:last-child,.cd-detail-fields dt,.cd-target-field>span{font-size:9px}.cd-detail-fields dd,.cd-target-field>div{font-size:11px}.cd-vault-action,.cd-target-action,.cd-request-button{min-height:38px;font-size:10px}.cd-target-brand>span:last-child,.cd-storage-heading>span:last-child,.cd-filled-note,.cd-session-key,.cd-session-key code,.cd-statusbar{font-size:8px}.cd-target-outcome strong{font-size:10px}.cd-target-outcome div>span,.cd-privacy-outcome p,.cd-local-packet>span,.cd-local-packet small,.cd-server-card>div,.cd-payload-status{font-size:9px}.cd-local-packet code{font-size:10px}.cd-owner-request strong,.cd-owner-request div>span,.cd-sharing-heading div>span,.cd-shared-account div>span,.cd-shared-password>span,.cd-shared-password small{font-size:9px}.cd-stage-footnote{color:#665475;background:#ffffffc9;border-radius:6px;width:fit-content;max-width:100%;margin:18px auto 0;padding:5px 10px;font-size:10px}.cd-play-toggle{min-height:40px;font-size:11px}.cd-restart{min-width:40px;min-height:40px}.cd-timeline button>span:nth-child(2){font-size:12px}.cd-step-explanation strong{font-size:14px}.cd-step-explanation p{color:#776582;font-size:13px}.cd-demo-notice{color:#8a7995;font-size:10px}@media (max-width:800px){.cd-timeline button>span:nth-child(2){font-size:10px}}@media (max-width:650px){.cd-scene-title p{font-size:11px}.cd-account-rows small{font-size:8px}.cd-search input,.cd-account-rows strong,.cd-detail-fields dd{font-size:10px}.cd-vault-action,.cd-target-action,.cd-request-button{font-size:9px}.cd-detail-caption,.cd-detail-fields dt,.cd-target-brand>span:last-child{font-size:8px}.cd-timeline button>span:nth-child(2){font-size:9px}.cd-step-explanation strong{font-size:13px}.cd-step-explanation p{font-size:12px}.cd-demo-notice,.cd-stage-footnote{font-size:9px}}@media (max-width:390px){.cd-profile small,.cd-statusbar{font-size:7px}.cd-detail-fields dd{font-size:9px}.cd-account-rows small{display:none}.cd-account-rows>button{min-height:43px}.cd-vault-action{gap:4px;font-size:8px}}