/* Real Orka collaboration UI, framed for the marketing site. */
.cs-collaboration{padding:38px 0 80px;color:#173e32}
.cs-collaboration-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:start}
.cs-collaboration article{min-width:0;border:1px solid #dce4d7;border-radius:26px;background:#fffef8;overflow:hidden}
.cs-section-copy{padding:32px 32px 22px;min-height:238px}
.cs-kicker{display:block;color:#6d8873;font-family:monospace;font-size:11px;letter-spacing:.16em;line-height:1.5;margin-bottom:14px}
.cs-section-copy h2{font-size:clamp(30px,3vw,43px);font-weight:550;letter-spacing:-.04em;line-height:1.08;margin:0 0 17px;color:#173e32}
.cs-section-copy h2 em{color:#47775b;font-family:Georgia,serif;font-weight:400}
.cs-section-copy p{font-size:15px;line-height:1.65;max-width:48ch;color:#66796c;margin:0}
.cs-notes-preview,.cs-team-preview{font-family:'Orka Dashboard','Plus Jakarta Sans',sans-serif}
.cs-notes-preview{margin:0 20px 20px;padding:18px 24px 12px;background:#eff1e6 url('/assets/optimized/dashboard-orka-chat-bg-600.0d659b2d580a.webp') repeat;background-size:340px;border:1px solid #e1e5d8;border-radius:18px;display:flex;flex-direction:column;gap:11px;min-height:350px}
.cs-note-date{align-self:center;font-size:11px;color:#8a8e86;background:#fcfcfa;border:1px solid #dedfd8;border-radius:20px;padding:5px 12px;margin-bottom:2px}
.cs-note{--note:#ffdf3f;--note-edge:#bea318;align-self:flex-end;width:min(100%,370px);padding:12px 15px 15px;border-radius:14px;border:1px solid var(--note-edge);background:linear-gradient(110deg,#ffffff25,transparent),var(--note);box-shadow:0 4px 0 var(--note-edge);color:#35402e}
[data-note-color="mint"]{--note:#72df9c;--note-edge:#46ad70}
[data-note-color="pink"]{--note:#ef7cbd;--note-edge:#c45494}
[data-note-color="lime"]{--note:#d5f34a;--note-edge:#a2bd2a}
[data-note-color="yellow"]{--note:#ffe03c;--note-edge:#c4a80e}
[data-note-color="purple"]{--note:#b698fb;--note-edge:#8a68ce}
[data-note-color="blue"]{--note:#7cc6f5;--note-edge:#4c9dcf}
[data-note-color="orange"]{--note:#ffb255;--note-edge:#cf842e}
.cs-note-header{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;line-height:1.3;min-width:0}
.cs-note-header .dp-person{width:23px;height:23px;border-radius:50%;object-fit:cover;flex:0 0 23px}
.cs-note-header strong{font-weight:650}
.cs-note-header time{font-size:10px;opacity:.65}
.cs-note-header>span{margin-left:auto;display:inline-flex;align-items:center;gap:5px;background:#ffffff3d;border:1px solid #0000000c;border-radius:8px;padding:5px 7px;font-size:10px;line-height:1}
.cs-collaboration .dp-icon,.cs-mcp-page .dp-icon{width:18px;height:18px;flex:0 0 18px;vertical-align:middle}
.cs-note-header .dp-icon{width:12px;height:12px;flex-basis:12px}
.cs-note p{margin:10px 0 0;font-size:12px;line-height:1.6}
.cs-note mark{background:#ffffff6b;border-radius:5px;padding:2px 4px;color:inherit;font-weight:650}
.cs-note-palette{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:8px}
.cs-note-palette button{width:25px;height:25px;background:var(--note);border:1px solid var(--note-edge);border-radius:7px;padding:0;cursor:pointer;box-shadow:0 2px 0 var(--note-edge);position:relative;flex:0 0 25px}
.cs-note-palette button[aria-pressed="true"]:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;font-size:14px;font-weight:700;color:#243d2c}
.cs-note-palette button:focus-visible{outline:2px solid #173e32;outline-offset:3px}
.cs-note-palette>span{font-size:11px;color:#6c766c;min-width:38px}
.cs-preview-caption{font-size:11px!important;line-height:1.5!important;text-align:center;color:#778274!important;margin:5px 12px 0!important}
.cs-team>.cs-preview-caption{padding-bottom:23px}
.cs-team-preview{display:grid;grid-template-columns:31% minmax(0,1fr);margin:0 20px 12px;min-height:355px;border-radius:18px;overflow:hidden;border:1px solid #dce2d6;color:#26362b;background:#eff1e6}
.cs-team-sidebar{background:#1c3027;padding:17px 10px;color:#e3e9e0;min-width:0}
.cs-team-sidebar-title{font-size:14px;font-weight:650;padding:0 3px 14px}
.cs-team-sidebar-title>span{display:none}
.cs-team-person{display:flex;align-items:center;gap:8px;padding:11px 6px;border-bottom:1px solid #ffffff0e;min-width:0}
.cs-team-person.active{background:#12251c;border-radius:10px;border-bottom-color:transparent;margin:4px 0;box-shadow:-2px 0 #d8fc55}
.cs-team-person>.dp-person{width:27px;height:27px;flex:0 0 27px;border-radius:50%;object-fit:cover}
.cs-team-person>div{min-width:0}
.cs-team-person strong,.cs-team-person small{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.cs-team-person strong{font-size:10px;font-weight:600}
.cs-team-person small{font-size:9px;color:#95a49a;line-height:1.4;margin-top:5px}
.cs-group-avatar{width:29px;height:29px;position:relative;display:inline-block;flex:0 0 29px;border-radius:50%;overflow:hidden;background:#ced5c9}
.cs-group-avatar .dp-person{position:absolute;width:58%;height:58%;border-radius:0;object-fit:cover;left:0;top:0}
.cs-group-avatar .dp-person:nth-child(2){left:50%;top:0}
.cs-group-avatar .dp-person:nth-child(3){left:25%;top:46%}
.cs-team-thread{display:flex;flex-direction:column;background:#eff1e6 url('/assets/optimized/dashboard-orka-chat-bg-600.0d659b2d580a.webp') repeat;background-size:340px;min-width:0}
.cs-team-thread-heading{background:white;display:flex;align-items:center;gap:8px;min-height:61px;padding:10px 12px;border-bottom:1px solid #e1e4dd}
.cs-team-thread-heading strong,.cs-team-thread-heading small{display:block;line-height:1.4}
.cs-team-thread-heading strong{font-size:11px;font-weight:650}
.cs-team-thread-heading small{font-size:9px;color:#8b918a}
.cs-team-thread-heading>.dp-icon{margin-left:auto;width:14px;height:14px;flex-basis:14px;color:#8b918a}
.cs-team-messages{padding:14px 10px;display:flex;flex-direction:column;gap:13px;flex:1}
.cs-team-date{align-self:center;border:1px solid #dce0d7;border-radius:15px;background:#fcfcfa;padding:3px 10px;font-size:9px;color:#94998f}
.cs-team-message{display:flex;align-items:flex-end;gap:6px;max-width:95%}
.cs-team-message .dp-person{width:24px;height:24px;border-radius:50%;object-fit:cover;flex:0 0 24px}
.cs-team-message p{font-size:11px;line-height:1.55;background:#fff;padding:8px 10px;border:1px solid #e0e4da;box-shadow:0 1px 2px #16271c0b;border-radius:13px;margin:0;color:#2e3931}
.cs-team-message.outgoing{align-self:flex-end}
.cs-team-message.outgoing p{background:#233b30;color:#fff;border-color:#233b30}
.cs-team-composer{margin:0 9px 9px;border:1px solid #b5c6a1;background:#fff;border-radius:12px;padding:11px 12px;color:#b8bdb4;box-shadow:0 0 0 3px #59753708}
.cs-team-composer>span{font-size:10px}
.cs-team-composer>div{display:flex;gap:7px;align-items:center;margin-top:22px;font-size:10px;color:#898f85}
.cs-team-composer .dp-icon{width:14px;height:14px;flex-basis:14px}
.cs-team-composer b{font-size:8px;border:1px solid #a4a99f;padding:1px 2px;border-radius:3px;font-weight:600;line-height:1.2}
.cs-team-composer div>span{margin-left:auto;background:#a4a6a2;color:white;display:flex;align-items:center;gap:4px;padding:5px 7px;border-radius:5px;font-size:9px}
.features-page .cs-collaboration{padding-top:0;padding-bottom:80px}
/* The MCP page uses the same cream, forest and pale green as the product pages. */
.cs-mcp-page{color:#173e32}
.cs-mcp-hero{padding-bottom:65px;background:#f4f5ec;color:#173e32}.cs-mcp-hero .ed-kicker{color:#6b8058}.cs-mcp-hero h1{color:#173e32}.cs-mcp-hero h1 em{color:#527f58}.cs-mcp-hero .ed-lead{color:#526f5b}.cs-mcp-hero-demo{color:#263d2c}.cs-mcp-project strong{color:#263d2c}
.cs-mcp-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.cs-mcp-hero h1{font-size:clamp(48px,5.7vw,78px)!important;line-height:1.03!important;letter-spacing:-.055em!important}
.cs-mcp-hero .ed-lead{font-size:20px;line-height:1.55;margin-top:27px}
.cs-mcp-hero p:not(.ed-lead){font-size:16px;line-height:1.75;max-width:52ch;color:#687c6b}
.cs-mcp-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}
.cs-mcp-hero-demo{background:#eef3e8;border:1px solid #d4dec9;border-radius:24px;box-shadow:0 22px 60px #173e3210;overflow:hidden;font-family:'Orka Dashboard','Plus Jakarta Sans',sans-serif;transform:rotate(1deg)}
.cs-mcp-window-top{padding:17px 22px;display:flex;gap:15px;align-items:center;border-bottom:1px solid #dce4d5;background:#fbfcf8;font-size:11px;color:#81927d}
.cs-mcp-window-top>span{display:flex;gap:5px}
.cs-mcp-window-top i{width:6px;height:6px;border-radius:50%;background:#becbb7}
.cs-mcp-prompt{margin:30px 24px 20px;background:#fff;border:1px solid #dfe5da;border-radius:16px;padding:22px 23px;font-size:18px;line-height:1.55;color:#263d2c;box-shadow:0 3px 8px #213a2605}
.cs-mcp-connection{display:flex;align-items:center;gap:12px;justify-content:center;padding:22px 30px}
.cs-mcp-connection>img{width:48px;height:44px;object-fit:contain}
.cs-mcp-app{display:grid;place-items:center;width:46px;height:46px;background:#fff;border:1px solid #cbd9c3;border-radius:13px;color:#507b42}
.cs-mcp-app .dp-icon{width:23px;height:23px}
.cs-mcp-line{height:1px;background:#adbf9f;flex:1;max-width:48px}
.cs-mcp-connection b{font-size:11px;letter-spacing:.1em;font-weight:500;color:#5f7e52;background:#e4ecd9;border:1px solid #c6d5b6;padding:6px 9px;border-radius:6px}
.cs-mcp-project{background:#fff;margin:16px 24px 0;border:1px solid #dfe5da;border-radius:15px;padding:19px;display:flex;align-items:center;gap:14px}
.cs-mcp-project>.dp-icon{width:24px;height:24px;color:#63864d;flex-basis:24px}
.cs-mcp-project strong,.cs-mcp-project span{display:block;font-size:13px;line-height:1.6}
.cs-mcp-project span{font-size:10px;color:#809077}
.cs-mcp-hero-demo>p{text-align:center;font-size:11px!important;margin:18px 20px 25px!important;max-width:none!important}
.cs-mcp-capabilities{padding-top:35px;padding-bottom:85px}
.cs-mcp-capabilities>h2,.cs-mcp-setup h2,.cs-mcp-examples h2{font-size:clamp(34px,3.7vw,50px);line-height:1.08;letter-spacing:-.045em;margin:15px 0 32px}
.cs-mcp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cs-mcp-cards article{border:1px solid #dbe3d5;border-radius:18px;background:#fffef9;padding:26px}
.cs-mcp-card-icon{display:grid;place-items:center;width:42px;height:42px;background:#edf3e5;color:#567e42;border:1px solid #dce8cc;border-radius:11px;margin-bottom:25px}
.cs-mcp-card-icon .dp-icon{width:22px;height:22px}
.cs-mcp-cards h3{font-size:20px;letter-spacing:-.025em;margin:0 0 12px;line-height:1.25}
.cs-mcp-cards p{font-size:14px;line-height:1.7;color:#71806b;margin:0}
.cs-mcp-setup{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;padding-top:40px;padding-bottom:100px;scroll-margin-top:110px}
.cs-mcp-setup-intro{padding-top:15px}
.cs-mcp-setup-intro h2 em{font-family:Georgia,serif;color:#5b7b4c;font-weight:400}
.cs-mcp-setup-intro p{font-size:15px;line-height:1.75;color:#71806b;margin:0 0 23px;max-width:35ch}
.cs-mcp-settings{background:#fff;border:1px solid #d4d9cf;border-radius:20px;overflow:hidden;box-shadow:0 10px 45px #29402e06;font-family:'Orka Dashboard','Plus Jakarta Sans',sans-serif;color:#252b34}
.cs-mcp-settings-heading{display:flex;gap:14px;padding:23px;background:#f7f8fa;border-bottom:1px solid #d4d9cf;align-items:center}
.cs-mcp-settings-heading>span{display:grid;place-items:center;width:33px;height:36px;border-radius:7px;background:linear-gradient(#a593fc,#7754f5);color:white;flex:0 0 33px}
.cs-mcp-settings-heading h3{font-size:19px;margin:0 0 5px;font-weight:650}
.cs-mcp-settings-heading p{font-size:12px;color:#677182;margin:0;line-height:1.5}
.cs-mcp-settings-body{padding:24px}
.cs-mcp-settings-body>label{font-size:13px;font-weight:650;display:block;margin-bottom:10px}
.cs-mcp-url{display:flex;gap:8px}
.cs-mcp-url input{width:100%;min-width:0;font-family:monospace;font-size:12px;border:1px solid #d8dfe7;background:#fff;border-radius:9px;padding:13px 12px;color:#394350}
.cs-mcp-url button{width:43px;min-width:43px;display:grid;place-items:center;border:1px solid #d8dfe7;border-radius:9px;background:#fff;box-shadow:0 2px 3px #00000009;cursor:pointer;color:#323937}
.cs-mcp-url button:hover{background:#f4f7ef}
.cs-copy-status{display:block;min-height:22px;font-size:11px;color:#597e43;margin-top:7px}
.cs-mcp-tabs{display:flex;border-bottom:2px solid #e1e4e8;margin-bottom:22px;gap:0}
.cs-mcp-tabs button{font:inherit;font-size:12px;color:#838681;border:0;background:none;padding:13px 12px;margin-bottom:-2px;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;flex:1}
.cs-mcp-tabs button[aria-selected="true"]{color:#567d42;border-bottom-color:#567d42;font-weight:650}
.cs-mcp-url button:focus-visible,.cs-mcp-tabs button:focus-visible{outline:2px solid #567d42;outline-offset:2px}
.cs-mcp-client{min-height:145px}
.cs-mcp-client[hidden]{display:none}
.cs-mcp-client ol{padding-left:21px;margin:0;font-size:13px;line-height:1.7}
.cs-mcp-client li{padding-left:2px;margin:0 0 8px}
.cs-mcp-other{border-top:1px solid #e8ebe5;padding-top:18px;margin-top:14px}
.cs-mcp-other strong{font-size:12px}
.cs-mcp-other p{font-size:11px;line-height:1.7;color:#838780;margin:8px 0 0}
.cs-mcp-other code{font-size:10px;background:#f3f5f0;color:#556548;padding:2px 3px;border-radius:3px;overflow-wrap:anywhere}
.cs-mcp-examples{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding-top:10px;padding-bottom:90px}
.cs-mcp-examples h2{margin-bottom:23px}
.cs-mcp-examples p{font-size:15px;line-height:1.75;max-width:37ch;color:#71806b}
.cs-mcp-example-list{display:grid;gap:12px}
.cs-mcp-example-list blockquote{margin:0;padding:22px 25px;background:#edf2e6;border:1px solid #dce4d2;border-radius:14px;color:#405936;font-size:16px;line-height:1.5}
.cs-mcp-sdk-link{display:block;margin-top:25px;font-size:13px;color:inherit}
html[data-theme="dark"] .cs-collaboration article{background:#fbfcf4}
@media(min-width:1550px){.cs-team-sidebar-title>span{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:400;color:#9ca99e;margin-top:10px}.cs-team-sidebar-title .dp-icon{width:12px;height:12px;flex-basis:12px}}
@media(max-width:1100px){.cs-collaboration-grid{gap:18px}.cs-section-copy{padding:25px 24px 20px;min-height:260px}.cs-notes-preview{margin:0 12px 16px;padding:16px}.cs-team-preview{margin:0 12px 12px;grid-template-columns:29% minmax(0,1fr)}.cs-team-sidebar{padding:15px 5px}.cs-team-person{gap:5px;padding:11px 4px}.cs-team-person>.dp-person,.cs-team-person>.cs-group-avatar{width:22px;height:22px;flex-basis:22px}.cs-team-person strong{font-size:9px}.cs-team-person small{font-size:8px}.cs-team-preview{min-height:374px}.cs-mcp-hero-grid{gap:35px}.cs-mcp-setup,.cs-mcp-examples{gap:35px}.cs-mcp-tabs button{padding:12px 7px;font-size:11px}.cs-mcp-cards article{padding:22px}}
@media(max-width:820px){.cs-collaboration-grid{grid-template-columns:1fr;gap:25px}.cs-section-copy{min-height:0;padding:26px 26px 22px}.cs-section-copy h2{font-size:36px}.cs-section-copy p{max-width:60ch}.cs-notes-preview{margin:0 20px 20px;padding:20px 28px;min-height:0}.cs-note{width:min(90%,420px)}.cs-note p{font-size:13px}.cs-note-header{font-size:12px}.cs-note-header time{font-size:10px}.cs-note-header>span{font-size:10px}.cs-team-preview{grid-template-columns:29% minmax(0,1fr);min-height:355px;margin:0 20px 12px}.cs-team-sidebar{padding:18px 10px}.cs-team-person{gap:9px;padding:14px 5px}.cs-team-person>.dp-person,.cs-team-person>.cs-group-avatar{width:29px;height:29px;flex-basis:29px}.cs-team-person strong{font-size:11px}.cs-team-person small{font-size:9px}.cs-team-message p{font-size:12px}.cs-team-thread-heading strong{font-size:12px}.cs-team-thread-heading small{font-size:10px}.cs-mcp-hero-grid{grid-template-columns:1fr;gap:40px}.cs-mcp-hero-demo{max-width:520px;width:100%;transform:none}.cs-mcp-capabilities{padding-bottom:55px}.cs-mcp-cards{grid-template-columns:1fr}.cs-mcp-cards article{display:grid;grid-template-columns:44px 1fr;gap:0 18px;padding:23px}.cs-mcp-card-icon{grid-row:1/3;margin-bottom:0}.cs-mcp-cards h3{font-size:20px}.cs-mcp-cards p{grid-column:2}.cs-mcp-setup{grid-template-columns:1fr;padding-top:20px;padding-bottom:65px;gap:28px}.cs-mcp-setup-intro h2 br{display:none}.cs-mcp-setup-intro h2 br:after{content:' '}.cs-mcp-setup-intro p{max-width:60ch}.cs-mcp-examples{grid-template-columns:1fr;gap:15px;padding-bottom:55px}.cs-mcp-examples h2 br{display:none}.cs-mcp-examples p{max-width:60ch}.cs-mcp-client{min-height:120px}}
@media(max-width:480px){.cs-collaboration{padding-top:20px;padding-bottom:45px}.cs-collaboration article{border-radius:20px}.cs-section-copy{padding:23px 21px 19px}.cs-section-copy h2{font-size:33px}.cs-section-copy p{font-size:14px}.cs-notes-preview{margin:0 12px 15px;padding:14px 10px}.cs-note{width:100%;padding:11px 12px 13px}.cs-note p{font-size:12px}.cs-note-header{font-size:11px;gap:5px}.cs-note-header .dp-person{width:22px;height:22px;flex-basis:22px}.cs-note-header>span{font-size:9px;padding:5px}.cs-note-palette{gap:7px}.cs-note-palette button{width:23px;height:23px;flex-basis:23px}.cs-note-palette>span{font-size:10px;min-width:34px}.cs-team-preview{margin:0 12px 10px;grid-template-columns:1fr;min-height:0}.cs-team-sidebar{display:none}.cs-team-thread-heading{min-height:62px;padding:11px 14px}.cs-team-messages{padding:17px 12px;gap:13px}.cs-team-message p{font-size:12px}.cs-team-composer{padding:13px}.cs-team-composer>span{font-size:11px}.cs-mcp-hero{padding-top:45px;padding-bottom:35px}.cs-mcp-hero h1{font-size:49px!important}.cs-mcp-hero .ed-lead{font-size:18px}.cs-mcp-hero p:not(.ed-lead){font-size:14px}.cs-mcp-actions{gap:18px}.cs-mcp-prompt{margin:20px 16px 12px;padding:18px;font-size:16px}.cs-mcp-project{margin:12px 16px 0;padding:17px 14px}.cs-mcp-project span{font-size:9px}.cs-mcp-connection{padding:18px 25px}.cs-mcp-capabilities{padding-top:20px}.cs-mcp-capabilities>h2,.cs-mcp-setup h2,.cs-mcp-examples h2{font-size:36px}.cs-mcp-settings-heading{padding:19px 17px;gap:11px}.cs-mcp-settings-heading h3{font-size:18px}.cs-mcp-settings-heading p{font-size:11px}.cs-mcp-settings-body{padding:18px 14px}.cs-mcp-url input{font-size:10px;padding:12px 9px}.cs-mcp-tabs button{font-size:10px;padding:11px 5px}.cs-mcp-client{min-height:175px}.cs-mcp-client ol{font-size:12px}.cs-mcp-example-list blockquote{padding:18px 20px;font-size:14px}.cs-mcp-cards article{padding:20px 18px;gap:0 13px}.cs-mcp-cards h3{font-size:18px}.cs-mcp-cards p{font-size:13px}}
/* Catalogue cards have a fixed preview frame: fit the whole team UI inside it. */
.feature-visual>.cs-team-preview{height:100%;min-height:0;margin:0;border:0;border-radius:0}
.feature-visual .cs-team-thread-heading{min-height:48px;padding:8px 12px}
.feature-visual .cs-team-messages{padding:10px;gap:10px}
.feature-visual .cs-team-composer>div{margin-top:15px}
@media(max-width:480px){.feature-visual .cs-team-thread-heading{min-height:43px}.feature-visual .cs-team-messages{padding:7px 10px;gap:7px}.feature-visual .cs-team-message p{padding:6px 8px;font-size:10px}.feature-visual .cs-team-date{display:none}.feature-visual .cs-team-composer{padding:9px 11px;margin-bottom:6px}.feature-visual .cs-team-composer>div{margin-top:8px}.feature-visual .cs-team-composer>span{font-size:10px}}