.cx-landing{--cx-bg:#f4f6ef;--cx-panel:#fcfdf9;--cx-tint:#e7eddd;--cx-text:#1c2922;--cx-muted:#58665c;--cx-line:#d5ddd0;--cx-accent:#c2f65d;--cx-ink:#253e1d;--crewx-grain-color:#14231459;isolation:isolate;background:var(--cx-bg);color:var(--cx-text);font-family:var(--font-sans), sans-serif;min-height:100dvh;line-height:1.6}.cx-landing *{box-sizing:border-box}.cx-wrap{max-width:1320px;margin:auto;padding-inline:48px}.cx-landing :is(h1,h2,h3,p,figure){margin:0}.cx-landing :is(h1,h2,h3){letter-spacing:-.045em;font-family:inherit;font-weight:500;line-height:1.12}.cx-landing a{color:inherit;text-decoration:none}.cx-landing button{font:inherit;cursor:pointer}.cx-landing :focus-visible{outline:2px solid var(--cx-ink);outline-offset:5px}.cx-landing .crewx-grain{z-index:1;opacity:.022}.cx-skip{background:var(--cx-panel);z-index:2;clip-path:inset(50%);padding:12px;position:fixed;top:-80px;left:20px}.cx-skip:focus{clip-path:none;top:10px}.cx-header{justify-content:space-between;align-items:center;height:80px;display:flex}.cx-brand{letter-spacing:-1.3px;align-items:center;gap:1px;font-size:28px;font-weight:650;line-height:1;display:flex}.cx-brand-symbol{width:.86em;height:.86em;color:inherit;flex-shrink:0;transform:translateY(.035em)}.cx-header nav{align-items:center;gap:32px;font-size:14px;display:flex}.cx-nav-cta{border:1px solid var(--cx-line);border-radius:999px;align-items:center;gap:18px;padding:9px 17px;display:flex}.cx-link{align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:500;display:inline-flex}.cx-link:hover,.cx-footer a:hover{text-underline-offset:5px;text-decoration:underline}.cx-button{background:var(--cx-accent);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:28px;min-height:50px;padding:14px 24px;font-size:15px;font-weight:600;transition:transform .2s;display:inline-flex;color:#203013!important}.cx-button:hover{transform:translateY(-2px)}.cx-button:active{transform:scale(.98)}.cx-hero{padding-block:64px 56px}.cx-eyebrow{color:var(--cx-muted);font-size:13px;margin-bottom:23px!important}.cx-hero h1{letter-spacing:-.065em;max-width:950px;font-size:clamp(50px,6.6vw,84px);line-height:1.04}.cx-hero h1 span{color:var(--cx-ink)}.cx-lede{max-width:530px;color:var(--cx-muted);font-size:19px;line-height:1.65;margin-top:27px!important}.cx-actions{align-items:center;gap:26px;margin-top:28px;display:flex}.cx-example{padding-bottom:36px}.cx-example-top{color:var(--cx-muted);justify-content:space-between;gap:20px;padding:0 4px 13px;font-size:12px;display:flex}.cx-example-frame{border:1px solid var(--cx-line);background:var(--cx-panel);border-radius:16px;grid-template-columns:210px minmax(0,1.3fr) minmax(0,1fr);min-height:440px;display:grid;overflow:hidden;box-shadow:0 24px 70px -40px #203a1d4d}.cx-example-sidebar{background:var(--cx-tint);border-right:1px solid var(--cx-line);flex-direction:column;gap:10px;padding:23px 16px;font-size:13px;display:flex}.cx-example-workspace{align-items:center;gap:10px;margin-bottom:13px;font-weight:600;display:flex}.cx-example-sidebar>p{text-transform:uppercase;letter-spacing:.07em;color:var(--cx-muted);margin-top:10px;font-size:10px}.cx-channel{background:var(--cx-panel);border-radius:6px;align-items:center;gap:8px;padding:8px;display:flex}.cx-person{align-items:center;gap:9px;font-size:12px;display:flex}.cx-person small,.cx-machine small{color:var(--cx-muted);font-size:10px;display:block}.cx-initial{background:var(--cx-panel);border:1px solid var(--cx-line);letter-spacing:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:600;display:inline-flex}.cx-initial.agent{background:var(--cx-accent);color:#203013;border-color:#0000}.cx-machine{align-items:center;gap:10px;margin-top:auto;padding-top:24px;font-size:11px;display:flex}.cx-example-chat{flex-direction:column;min-width:0;display:flex}.cx-example-chat>header,.cx-example-document>header{border-bottom:1px solid var(--cx-line);align-items:center;gap:8px;height:61px;padding:0 23px;font-size:12px;display:flex}.cx-example-chat>header>span{color:var(--cx-muted);align-items:center;gap:6px;margin-left:auto;font-size:10px;display:flex}.cx-chat-content{flex:1;padding:25px}.cx-brief{margin-bottom:28px}.cx-brief>span{color:var(--cx-muted);font-size:11px}.cx-brief p{margin-top:5px;font-size:17px;line-height:1.4}.cx-scene-message{gap:12px;min-height:128px;display:flex}.cx-scene-message>div{min-width:0}.cx-scene-message strong{font-size:13px;font-weight:600}.cx-scene-message small{color:var(--cx-muted);margin-bottom:12px;font-size:10px;display:block}.cx-scene-message .crewx-markdown{color:var(--cx-text);font-size:13px;line-height:1.65}.cx-result-link{border:1px solid var(--cx-line);border-radius:8px;align-items:center;gap:9px;margin-top:20px;padding:12px;font-size:12px;display:flex}.cx-result-link>svg:last-child{margin-left:auto}.cx-scene-status{color:var(--cx-muted);align-items:center;gap:6px;font-size:10px;display:flex;margin-top:13px!important}.cx-example-caption{color:var(--cx-muted);border-top:1px solid var(--cx-line);padding:10px 25px;font-size:10px}.cx-example-document{border-left:1px solid var(--cx-line);background:var(--cx-bg);min-width:0}.cx-example-document>.crewx-markdown{color:var(--cx-text);padding:26px;font-size:12px;line-height:1.7}.cx-example-document .crewx-markdown h2{margin-bottom:20px;font-size:21px}.cx-example-document .crewx-markdown h3{margin-top:20px;margin-bottom:8px;font-size:14px}.cx-example-document .crewx-markdown p{margin-block:12px}.cx-example-document .crewx-markdown ul{padding-left:16px}.cx-example-navigation{align-items:center;gap:6px;padding:20px 0;display:flex}.cx-example-navigation button{color:var(--cx-muted);background:0 0;border:0;border-radius:999px;align-items:center;gap:9px;min-height:44px;padding:10px 16px;font-size:12px;display:flex}.cx-example-navigation button[aria-pressed=true]{background:var(--cx-tint);color:var(--cx-text)}.cx-example-navigation button>span{font-size:10px}.cx-example-navigation .cx-play{border:1px solid var(--cx-line);margin-left:auto}.cx-example-explanation{max-width:590px;min-height:125px;padding-top:4px}.cx-example-explanation h2{letter-spacing:-.025em;font-size:23px}.cx-example-explanation p{color:var(--cx-muted);margin-top:10px;font-size:14px;line-height:1.7}.cx-connect{border-top:1px solid var(--cx-line);grid-template-columns:1fr 1fr;gap:110px;margin-top:40px;padding-block:100px;display:grid}.cx-connect h2,.cx-options h2,.cx-faq h2{font-size:clamp(30px,3.6vw,44px)}.cx-connect>div>p{max-width:420px;color:var(--cx-muted);margin-top:23px;font-size:16px}.cx-connect .cx-link{margin-top:20px}.cx-setup-steps{gap:32px;margin:0;padding:0;list-style:none;display:grid}.cx-setup-steps li{gap:20px;display:flex}.cx-setup-steps svg{color:var(--cx-ink);flex-shrink:0;margin-top:2px}.cx-setup-steps h3{letter-spacing:-.02em;font-size:19px}.cx-setup-steps p{color:var(--cx-muted);max-width:370px;margin-top:10px;font-size:14px}.cx-options{grid-template-columns:1.1fr 1fr;gap:24px;padding-bottom:90px;display:grid}.cx-options article{border:1px solid var(--cx-line);border-radius:16px;padding:40px}.cx-slack{background:var(--cx-tint)}.cx-cloud{background:var(--cx-panel)}.cx-option-symbol{color:var(--cx-ink);align-items:center;gap:14px;min-height:32px;margin-bottom:38px;display:flex}.cx-options p{max-width:390px;color:var(--cx-muted);margin-top:22px;font-size:16px}.cx-options .cx-link{margin-top:22px}.cx-options small{color:var(--cx-muted);margin-top:24px;font-size:11px;display:block}.cx-faq{border-top:1px solid var(--cx-line);grid-template-columns:1fr 1.2fr;gap:80px;padding-block:70px;display:grid}.cx-faq details{border-bottom:1px solid var(--cx-line);padding:18px 0}.cx-faq details:first-child{padding-top:0}.cx-faq summary{cursor:pointer;min-height:28px;font-size:16px}.cx-faq details p{color:var(--cx-muted);margin-top:15px;font-size:14px}.cx-faq p a{text-decoration:underline}.cx-final{padding-block:90px 100px}.cx-final>p{color:var(--cx-muted);margin-bottom:22px;font-size:15px}.cx-final h2{letter-spacing:-.055em;font-size:clamp(40px,5.5vw,68px)}.cx-final .cx-button{margin-top:30px}.cx-footer{border-top:1px solid var(--cx-line);color:var(--cx-muted);align-items:center;gap:30px;padding-block:28px;font-size:12px;display:flex}.cx-footer>a:last-child{align-items:center;gap:8px;margin-left:auto;display:flex}@media (prefers-color-scheme:dark){.cx-landing{--cx-bg:#121a16;--cx-panel:#1b2520;--cx-tint:#253126;--cx-text:#eef2e9;--cx-muted:#afbbb0;--cx-line:#39463c;--cx-ink:#c2f65d;--crewx-grain-color:#f0fae699}}@media (prefers-reduced-motion:no-preference){.cx-brand-symbol{transform-origin:50%;animation:6s cubic-bezier(.65,0,.35,1) infinite cx-logo-turn}@keyframes cx-logo-turn{0%,72%{transform:translateY(.035em)rotate(0)}94%,to{transform:translateY(.035em)rotate(360deg)}}.cx-hero{animation:.55s ease-out both cx-arrive}.cx-scene-message{animation:.35s ease-out both cx-arrive}@keyframes cx-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}@media (width<=1024px){.cx-wrap{padding-inline:30px}.cx-example-frame{grid-template-columns:175px minmax(0,1fr) minmax(0,.85fr)}.cx-connect{gap:50px}.cx-options article{padding:30px}.cx-chat-content,.cx-example-document>.crewx-markdown{padding:20px}}@media (width<=767px){.cx-wrap{padding-inline:22px}.cx-header{height:72px}.cx-header nav{gap:18px}.cx-header nav>a:first-child{display:none}.cx-nav-cta{padding:8px 12px}.cx-hero{padding-block:40px}.cx-hero h1{font-size:clamp(38px,8vw,54px)}.cx-lede{font-size:17px}.cx-actions{flex-wrap:wrap;gap:12px}.cx-example-frame{grid-template-columns:1fr}.cx-example-sidebar{display:none}.cx-example-document{border-left:0;border-top:1px solid var(--cx-line)}.cx-example-document>.crewx-markdown{min-height:240px}.cx-example-navigation{flex-wrap:wrap;gap:0}.cx-example-navigation button{padding:8px 10px;font-size:11px}.cx-example-top{font-size:10px}.cx-example-explanation{min-height:165px}.cx-connect,.cx-options,.cx-faq{grid-template-columns:1fr;gap:32px}.cx-connect{margin-top:0;padding-block:55px}.cx-options{padding-bottom:45px}.cx-faq{padding-block:48px}.cx-options article{padding:28px}.cx-final{padding-block:55px}.cx-footer{flex-wrap:wrap;gap:14px}.cx-footer>span{order:3;width:100%}.cx-footer>a:last-child{margin-left:auto}.cx-scene-message{min-height:130px}.cx-example-chat>header{padding-inline:20px}}@media (width<=360px){.cx-hero h1{font-size:38px}.cx-header nav{gap:12px}.cx-header .cx-brand{font-size:23px}.cx-nav-cta{gap:8px}.cx-example-navigation button{padding-inline:8px;font-size:10px}}