.cases-linebreak{white-space:pre-line}.cases-hero{text-align:center}.cases-hero .marketing-title{max-width:1000px;margin-inline:auto}.cases-hero .marketing-description{max-width:610px;margin-inline:auto}.cases-tab-list{background:#f5f5f7;border:1px solid #ededf1;border-radius:100px;gap:5px;width:fit-content;max-width:100%;margin:0 auto 30px;padding:5px;display:flex}.cases-tab{color:#77727f;cursor:pointer;border-radius:100px;justify-content:center;align-items:center;gap:9px;padding:12px 27px;font-size:13px;font-weight:550;transition:background .15s,color .15s,box-shadow .15s;display:flex}.cases-tab[data-state=active]{color:#29252f;background:#fff;box-shadow:0 2px 8px #2822340b}.cases-tab:focus-visible,.cases-preview-action:focus-visible{outline-offset:3px;outline:2px solid #7342e2}.cases-tab-panel{background:#f5f5f7;border:1px solid #ecebf0;border-radius:26px;grid-template-columns:.95fr 1.05fr;align-items:center;gap:40px;min-height:578px;padding:42px 46px;display:grid}.cases-tab-panel[data-state=inactive]{display:none}.cases-tab-panel:focus-visible{outline-offset:4px;outline:2px solid #7342e2}.cases-tab-copy{max-width:395px}.cases-tab-icon{color:#797087;background:#fff;border-radius:15px;place-items:center;width:52px;height:52px;margin-bottom:26px;display:grid}.cases-tab-copy .section-heading{letter-spacing:-1.5px;font-size:36px;line-height:1.2}.cases-tab-copy .section-description{margin-top:20px;font-size:15px}.cases-tab-copy .text-link,.cases-scenario-copy .text-link{align-items:center;gap:8px;margin-top:27px;font-size:13px;display:inline-flex}.cases-tags{flex-wrap:wrap;gap:7px;margin-top:35px;display:flex}.cases-tags span{color:#87818f;border:1px solid #e1dfe6;border-radius:100px;padding:5px 10px;font-size:10px}.cases-preview{background:#eae6f4;border-radius:17px;min-width:0;padding:22px 23px 13px}.cases-preview-work{background:#e6eeea}.cases-preview-gaming{background:#e6e9f2}.cases-app-window{background:#fff;border:1px solid #dad6e3;border-radius:11px;overflow:hidden;box-shadow:0 10px 25px #2420330c}.cases-window-top{color:#928b9b;background:#fcfcfd;border-bottom:1px solid #edeaf0;justify-content:center;align-items:center;gap:5px;height:30px;font-size:9px;display:flex;position:relative}.cases-window-dots{gap:4px;display:flex;position:absolute;left:11px}.cases-window-dots i{background:#d9d6df;border-radius:50%;width:5px;height:5px}.cases-window-content{padding:21px}.cases-window-heading{align-items:center;gap:9px;margin-bottom:23px;display:flex}.cases-mini-logo{object-fit:contain;border-radius:8px;width:29px;height:29px}.cases-window-heading strong{font-size:12px;font-weight:650;display:block}.cases-window-heading div>span{color:#9b96a3;margin-top:3px;font-size:9px;display:block}.cases-user-avatar{color:#8f7b6a;background:#e9e1d9;border-radius:50%;place-items:center;width:25px;height:25px;margin-left:auto;font-size:8px;display:grid}.cases-service-list{gap:6px;display:grid}.cases-service-row{border:1px solid #f0edf3;border-radius:7px;align-items:center;gap:9px;padding:9px 10px;display:flex}.cases-service-active{background:#f6f3fc;border-color:#e8dff8}.cases-service-icon{background:#fff;border:1px solid #e8e5ee;border-radius:7px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:16px;font-weight:700;display:grid}.cases-service-icon svg{width:65%;height:65%}.cases-service-0{font-family:Georgia,serif}.cases-service-1{color:#c96461;background:#fff3f0}.cases-service-2{color:#886343;background:#faf1e6}.cases-game-service{color:#627496;font-family:var(--font-inter),sans-serif;background:#edf0f6}.cases-service-row strong{font-size:10px;font-weight:600;display:block}.cases-service-row small{color:#a39ba9;margin-top:3px;font-size:8px;display:block}.cases-service-row>svg{color:#aa9cbc;margin-left:auto}.cases-session-card{border:1px solid #e8e5ed;border-radius:8px;margin-top:16px;padding:13px}.cases-session-card>div{color:#7d6a97;justify-content:space-between;gap:10px;display:flex}.cases-session-card>div>span{align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.cases-session-card p{color:#9a92a3;margin:8px 0 11px;font-size:9px}.cases-key-label{color:#9786ac;background:#f3f0f8;border-radius:4px;align-items:center;gap:5px;padding:3px 6px;font-size:8px;display:inline-flex}.cases-preview-action{color:#fff;cursor:pointer;background:#29262f;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:17px;padding:11px 8px;font-size:10px;font-weight:550;transition:background .15s;display:flex}.cases-preview-action:hover{background:#443e50}.cases-preview-action-complete{color:#568163;background:#edf5ef}.cases-preview-action-complete:hover{background:#e0ede3}.cases-result{text-align:center;color:#9d95a6;min-height:24px;margin-top:9px;font-size:8px;line-height:1.5;display:block}.cases-preview figcaption{text-align:center;color:#9990a7;margin-top:11px;font-size:9px}.cases-request-label{align-items:center;gap:6px;padding:4px 0 16px;font-size:9px;font-weight:550;display:flex}.cases-request-label>span{color:#a68c5c;background:#fbf7ef;border:1px solid #f1e8d7;border-radius:4px;margin-left:auto;padding:4px 6px;font-size:8px}.cases-request-label>span.cases-badge-approved{color:#618169;background:#edf5ef;border-color:#d7e8dc}.cases-share-account{border:1px solid #e9e6ee;border-radius:8px;align-items:center;gap:9px;padding:13px;display:flex}.cases-service-figma{color:#c57862;background:#fff1ed}.cases-share-account strong{font-size:11px;display:block}.cases-share-account small{color:#99929f;margin-top:3px;font-size:9px;display:block}.cases-share-account>svg{color:#a59aad;margin-left:auto}.cases-people{justify-content:center;align-items:center;gap:28px;padding:25px 0;display:flex}.cases-people>div{text-align:center}.cases-person-avatar{border-radius:50%;place-items:center;width:36px;height:36px;margin:0 auto 8px;font-size:10px;display:grid}.cases-person-one{color:#9b8270;background:#ede5df}.cases-person-two{color:#8090a3;background:#e4e9f0}.cases-people strong{font-size:10px;font-weight:600;display:block}.cases-people small{color:#a298aa;margin-top:4px;font-size:8px;display:block}.cases-sharing-arrow{color:#c0b8c8;margin-top:-20px}.cases-sharing-complete{color:#74a184}.cases-hidden-password{color:#8f869c;background:#f7f7f9;border:1px solid #eeedf1;border-radius:6px;grid-template-columns:14px 1fr auto;align-items:center;gap:7px 5px;padding:10px;font-size:9px;display:grid}.cases-hidden-password strong{color:#8f879d;letter-spacing:1px;font-size:9px}.cases-hidden-password small{color:#a19aa9;grid-column:2/4;font-size:8px}.cases-scenarios{margin-top:100px}.cases-scenario{grid-template-columns:1fr 1fr;align-items:center;gap:75px;scroll-margin-top:110px;display:grid}.cases-scenario-copy{max-width:465px}.cases-scenario-copy .eyebrow{align-items:center;gap:8px;display:inline-flex}.cases-scenario-copy .section-heading{margin-top:18px}.cases-scenario-copy .section-description{margin-top:22px;font-size:15px}.cases-scenario-work .cases-scenario-copy{order:2}.cases-routine{background:#f0ecf8;border:1px solid #e7e3ef;border-radius:22px;padding:29px}.cases-routine-work{background:#edf5ef;border-color:#e0ebe4}.cases-routine-gaming{background:#edf0f7;border-color:#e1e5ee}.cases-routine-top{color:#a093b1;letter-spacing:1px;align-items:center;gap:9px;margin-bottom:24px;font-size:8px;display:flex}.cases-routine-mark{object-fit:contain;border-radius:6px;width:23px;height:23px}.cases-routine ol{gap:11px;list-style:none;display:grid}.cases-routine li{background:#fff;border:1px solid #e8e3f1;border-radius:11px;align-items:center;gap:13px;padding:16px;display:flex}.cases-routine-work li{border-color:#e0ebe4}.cases-routine-gaming li{border-color:#e1e5ee}.cases-routine-icon{color:#9a8ab3;background:#f4f1fa;border-radius:9px;flex-shrink:0;place-items:center;width:35px;height:35px;display:grid}.cases-routine-work .cases-routine-icon{color:#81a18b;background:#eef6f0}.cases-routine-gaming .cases-routine-icon{color:#8b9aba;background:#f0f3f9}.cases-routine-number{color:#b4a9c4;font-size:8px}.cases-routine li p{color:#716978;margin-top:3px;font-size:11px;line-height:1.6}.cases-routine-check{color:#b0a3c2;flex-shrink:0;margin-left:auto}.cases-routine-footer{color:#a295b1;align-items:center;gap:6px;margin-top:24px;font-size:9px;display:flex}.cases-routine-footer>span{margin-left:auto;font-weight:600}.cases-cta{text-align:center}.cases-cta-icon{color:#7342e2;background:#fff;border-radius:15px;place-items:center;width:52px;height:52px;margin:0 auto 25px;display:grid}.cases-cta .section-description{margin-top:18px}.cases-cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin-top:30px;display:flex}.cases-cta-actions a{align-items:center;gap:9px;display:inline-flex}@media (max-width:1000px){.cases-tab-panel{gap:25px;padding:32px}.cases-tab-copy .section-heading{font-size:31px}.cases-preview{padding:17px 15px 11px}.cases-window-content{padding:17px}.cases-scenario{gap:40px}.cases-routine{padding:23px}}@media (max-width:760px){.cases-tab-panel{grid-template-columns:1fr;gap:35px;padding:32px 26px 24px}.cases-tab-copy{max-width:100%}.cases-tab-copy .section-heading{font-size:34px}.cases-tab-icon{margin-bottom:20px}.cases-tags{margin-top:23px}.cases-preview{width:100%;max-width:430px;margin-inline:auto;padding:24px}.cases-window-content{padding:23px}.cases-scenario{grid-template-columns:1fr;gap:32px}.cases-scenario-copy{max-width:100%}.cases-scenario-work .cases-scenario-copy{order:0}.cases-scenarios{margin-top:65px}.cases-routine{padding:28px}.cases-routine li p{font-size:13px}.cases-tab{padding:11px 23px}}@media (max-width:480px){.cases-hero .marketing-title{letter-spacing:-1.5px;font-size:35px}.cases-tab{gap:7px;padding:10px 16px;font-size:12px}.cases-tab-panel{border-radius:21px;padding:27px 19px 19px}.cases-tab-copy .section-heading{letter-spacing:-1px;font-size:30px}.cases-preview{padding:17px 13px 11px}.cases-window-content{padding:16px}.cases-request-label{gap:4px;font-size:8px}.cases-request-label>span{padding:4px;font-size:7px}.cases-people{gap:23px}.cases-routine{padding:21px}.cases-routine li{gap:10px;padding:13px}.cases-routine li p{font-size:11px}.cases-routine-top{letter-spacing:.5px;font-size:7px}.cases-cta-actions .button-primary{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.cases-tab,.cases-preview-action{transition:none}}.cases-preview{isolation:isolate;border:1px solid #ffffffa3;padding:30px 25px 17px;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff80}.cases-preview:before{content:"";z-index:-1;background:#d8e4ec url(/images/compass-landscape.webp) 50%/cover;transition:transform .8s cubic-bezier(.2,.65,.3,1);position:absolute;inset:-8px}.cases-preview-work:before{background-image:url(/images/compass-workspace.webp);background-position:35%}.cases-preview-gaming:before{background-position:10% bottom}.cases-app-window{border-color:#ffffffad;transition:transform .6s cubic-bezier(.2,.65,.3,1);box-shadow:0 22px 45px #28383b24,0 3px 8px #28383b13}.cases-preview figcaption{color:#6e7a80;background:#ffffffe6;border-radius:6px;width:fit-content;max-width:100%;margin:15px auto 0;padding:5px 9px;font-size:9px}.cases-routine{background:#f3f1f7}.cases-routine li{transition:transform .35s,border-color .35s;box-shadow:0 4px 10px #34234104}.cases-routine li:hover{border-color:#d6c5e9;transform:translate(4px)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.cases-preview:hover:before{transform:scale(1.04)}.cases-preview:hover .cases-app-window{transform:translateY(-4px)}}@media (max-width:480px){.cases-preview{padding:22px 13px 14px}}