@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;800&display=swap');
:root{--ink:#182735;--muted:#61707b;--blue:#dce7f9;--line:#dbe1e5;--paper:#fcfcfa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}header{height:100px;display:flex;align-items:center;justify-content:space-between;max-width:1480px;margin:auto;padding:0 5%;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-family:Manrope,sans-serif;font-size:29px;font-weight:650;letter-spacing:-1.5px;gap:8px}.mark{font-size:42px;font-weight:400;line-height:1}.hz{font:12px/1.3 'DM Sans',sans-serif;letter-spacing:1px;align-self:flex-start;margin-top:10px;margin-left:2px;white-space:nowrap}nav{display:flex;gap:32px;font-size:14px}.nav-cta{font-size:14px;border:1px solid #bec9d1;border-radius:30px;padding:12px 19px}.nav-cta span{margin-left:18px}.hero{text-align:center;padding:80px 20px 46px}.eyebrow,.overline,.section-number,.visual-label{font-size:12px;font-weight:600;letter-spacing:1.7px}.little-mark{font-size:22px;margin-right:8px;vertical-align:middle}.hero h1{font:500 clamp(44px,5.2vw,76px)/1.12 Manrope,sans-serif;letter-spacing:-3.8px;margin:28px 0 25px}.hero h1 em{font-style:normal;color:#768aa3}.hero p{font-size:18px;color:var(--muted);line-height:1.7}.button{display:inline-flex;align-items:center;gap:36px;background:var(--ink);color:white;border-radius:30px;padding:15px 24px;font-size:14px;margin-top:20px;transition:transform .2s,background .2s}.button:hover{background:#344b62;transform:translateY(-2px)}.hero-foot{font-size:12px;letter-spacing:1.8px;margin-top:45px;color:#71808d;display:flex;justify-content:center;gap:22px}.hero-foot span{color:#aab6c4}.showcase{margin:0 auto 115px;max-width:1140px;border:1px solid #ccd6e3;border-radius:17px;background:#f5f8fd;box-shadow:0 28px 65px -45px #49637b;overflow:hidden;scroll-margin-top:25px}.demo-top{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid #d7dfeb;font-size:14px;font-weight:600;background:#eef3fa}.demo-logo{font-size:24px;margin-right:8px;vertical-align:middle}.demo-path{font-weight:400;color:#8390a0;margin-left:14px}.pill{font-size:12px;background:white;padding:5px 12px;border-radius:20px;font-weight:400}.workspace{display:grid;grid-template-columns:38% 62%;padding:28px;gap:0}aside{padding:24px 38px 20px 14px}.overline{font-size:12px;color:#758394}.workspace h2{font:600 24px/1.4 Manrope;letter-spacing:-.7px;margin:16px 0 10px}aside p{font-size:14px;color:var(--muted);margin-bottom:35px}.activity{display:flex;gap:20px;margin:25px 0}.activity>span{font-size:12px;color:#7d8997;padding-top:3px}.activity b,.activity small{display:block}.activity b{font-size:14px;font-weight:550}.activity small{font-size:12px;color:#7a8795;margin-top:3px}.workflow-view{background:white;border:1px solid #e0e5eb;border-radius:12px;padding:25px 30px}.workflow-heading{display:flex;justify-content:space-between;align-items:center}.status{font-size:12px;color:#886537;background:#f6eddf;border-radius:20px;padding:4px 10px}.workflow-view h3{font:600 23px/1.4 Manrope;margin:20px 0 5px;letter-spacing:-.7px}.sub{font-size:13px;color:var(--muted);margin-top:0}.flow{max-width:440px;margin:24px auto}.node{border:1px solid #dae2ec;border-radius:8px;display:flex;gap:16px;padding:13px 18px}.node>span{font-size:12px;color:#8796aa;border-right:1px solid #e0e5eb;padding-right:16px;display:flex;align-items:center}.node b,.node small{display:block}.node b{font-size:13px;font-weight:550}.node small{font-size:12px;color:#7a8795}.connector{height:18px;border-left:1px solid #bbc9db;margin-left:50%}.branch{display:flex;justify-content:space-around;font-size:12px;color:#8692a0;padding:12px}.outcomes{display:grid;grid-template-columns:1fr 1fr;gap:14px}.outcomes>div{background:#eaf0fb;padding:14px;border-radius:8px}.outcomes>div+div{background:#f5f3ee}.outcomes b,.outcomes small{display:block}.outcomes b{font-size:12px}.outcomes small{font-size:12px;color:#687789;margin-top:3px}.insight{display:flex;gap:14px;border-top:1px solid #e5eaf0;padding-top:16px}.insight>span{font-size:22px;color:#7e98bf}.insight p{margin:0;font-size:12px;color:#7a8795}.insight b{color:#435369;font-weight:500}.demo-bottom{padding:15px 28px;border-top:1px solid #d7dfeb;font-size:12px;letter-spacing:1px;display:flex;justify-content:space-between}.demo-bottom span{font-size:12px;letter-spacing:0;color:#7b8998}.intro{max-width:830px;margin:0 auto 105px;text-align:center;padding:0 24px}.intro h2,.feature h2{font:500 40px/1.2 Manrope;letter-spacing:-1.6px}.intro p{max-width:650px;margin:auto;color:var(--muted);font-size:17px}.feature{max-width:1140px;margin:0 auto;padding:65px 0 85px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.feature-copy>p{font-size:17px;color:var(--muted)}.section-number{color:#6d829a;font-size:12px}.feature h2{margin:22px 0}.feature ul{list-style:none;padding:0;margin:30px 0 0}.feature li{margin:20px 0}.feature li b{font-size:15px;font-weight:600;display:block}.feature li span{font-size:14px;color:var(--muted);display:block;margin-top:3px}.reverse .feature-copy{order:2}.visual{border-radius:12px;padding:35px;background:#eaf0f8;min-height:410px}.visual-label{font-size:12px;color:#718096;margin-bottom:28px}.time-row{display:flex;gap:12px;align-items:center;margin:32px 0;color:#7c8a9b;font-size:12px}.time-bar{display:flex;gap:4px;flex:1;height:28px}.time-bar i{background:#9fb5d7;border-radius:4px;flex:1}.time-bar i:nth-child(2n){background:#c2cede;flex:2}.time-bar i:nth-child(3){background:#718dae}.task-card{display:flex;align-items:center;gap:15px;background:white;border:1px solid #dfe6ee;border-radius:8px;padding:16px;margin:12px 0}.task-icon{font-size:22px;color:#7d94b3}.task-card>span:last-child{margin-left:auto;color:#a2aeba;font-size:12px}.task-card b,.task-card small{display:block}.task-card b{font-size:13px;font-weight:550}.task-card small{font-size:12px;color:#8290a0}.visual-note{font-size:12px;color:#7b8b9d;margin:24px 0 0}.specification{background:#efeee9}.specification h3{font:600 23px/1.3 Manrope;margin-bottom:24px}.specification dl{margin:0}.specification dl>div{padding:15px 0;border-top:1px solid #d8d9d5;display:grid;grid-template-columns:115px 1fr;gap:10px;font-size:12px}.specification dt{color:#78817f}.specification dd{margin:0}.review{font-size:12px;color:#637571;padding:18px 0 0;display:flex;justify-content:space-between}.priority{background:#edf0ee}.quadrants{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d1dad5;border-radius:7px;overflow:hidden}.quadrants>div{min-height:130px;padding:15px;border-right:1px solid #d1dad5;border-bottom:1px solid #d1dad5;display:flex;flex-direction:column;gap:10px}.quadrants>div:nth-child(2n){border-right:0}.quadrants>div:nth-child(n+3){border-bottom:0}.quadrants span{font-size:12px;color:#75887e}.quadrants b{font-size:12px;font-weight:500;background:#ffffffc9;border-radius:4px;padding:6px}.quadrants .highlight{background:#dbe8e0}.axis-top,.axis-bottom{display:block;font-size:12px;color:#74887c;letter-spacing:.8px;margin:12px 0}.axis-bottom{text-align:right}.closing{background:#1b2e41;color:#fff;padding:85px 24px 95px;text-align:center;margin-top:30px}.closing .eyebrow{color:#b7c8db;font-size:12px}.closing h2{font:400 44px/1.2 Manrope;letter-spacing:-1.8px}.closing p{color:#b8c7d6;font-size:16px}.light{background:#edf3fb;color:#253a50}.light:hover{background:white}footer{padding:40px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer>span{font-size:12px;color:#7b8792}a:focus-visible{outline:3px solid #628bbb;outline-offset:5px}@media(min-width:1400px){.hero{padding-top:90px}}@media(max-width:1200px){.showcase,.feature{margin-left:5%;margin-right:5%}.feature{gap:50px}.hero h1{letter-spacing:-2.8px}}@media(max-width:800px){header{height:82px}.brand{font-size:24px}.mark{font-size:34px}nav{display:none}.nav-cta{font-size:12px;padding:9px 12px}.hero{padding-top:60px}.hero h1{font-size:47px;letter-spacing:-2px}.hero p{font-size:16px}.workspace{grid-template-columns:1fr;padding:16px}aside{padding:14px 12px}.activity{display:none}aside p{margin-bottom:15px}.workflow-view{padding:22px}.showcase{margin-bottom:75px}.intro{margin-bottom:65px}.intro h2,.feature h2{font-size:33px}.feature{grid-template-columns:1fr;gap:25px;padding:45px 0 55px}.reverse .feature-copy{order:0}.feature-copy{max-width:580px}.visual{min-height:0;padding:25px}.closing h2{font-size:34px}.demo-bottom{font-size:12px}.demo-bottom span{max-width:45%;text-align:right}.intro h2 br{display:none}footer{flex-wrap:wrap}footer>span:last-child{width:100%}}@media(max-width:450px){.hz{display:none}.nav-cta span{margin-left:5px}.hero h1{font-size:38px}.hero h1 em{display:inline-block}.hero p br{display:none}.hero-foot{gap:10px;font-size:12px}.demo-path{display:none}.demo-top{padding:14px 18px}.workflow-view{padding:17px}.workflow-view h3{font-size:20px}.outcomes{gap:8px}.outcomes>div{padding:10px}.closing{padding:65px 20px}.specification dl>div{grid-template-columns:100px 1fr}.brand{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Product demonstrations */
.header-right{display:flex;align-items:center;gap:24px}.languages{display:flex;gap:4px;font-size:13px}.languages a{padding:5px 9px;border-radius:5px;color:#758494}.languages a[aria-current]{background:#e7edf5;color:#152d43;font-weight:700}.hero{padding-bottom:60px}.hero h1{font-size:clamp(40px,4.8vw,68px)}.demo-stage{max-width:1200px;margin:0 auto 100px;scroll-margin-top:30px}.demo-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:22px}.step-button{font:500 16px 'DM Sans',sans-serif;text-align:left;color:#718096;background:none;border:0;border-bottom:2px solid #dbe2eb;padding:18px 0;position:relative;cursor:pointer}.step-button>span{margin-right:14px;font-size:13px}.step-button[aria-pressed=true]{color:#233e58;border-color:#385a80}.cinema{background:radial-gradient(ellipse at 80% 0%,#57778e 0,transparent 65%),linear-gradient(135deg,#162e3a,#253d4d 60%,#526976);border-radius:18px;padding:45px;overflow:hidden}.main-cinema{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center;min-height:610px}.story-copy{color:white}.story-copy .eyebrow{font-size:12px;color:#bccfdd}.story-copy h2{font:500 40px/1.18 Manrope,sans-serif;letter-spacing:-1.5px;margin:24px 0}.story-copy p{font-size:18px;line-height:1.7;color:#c4d3df}.scene-counter{margin-top:65px;font:400 36px Manrope,sans-serif;color:#e5eff8}.scene-counter span{font-size:17px;color:#91a8bb}.window{background:#fcfdff;border:1px solid #ffffff8c;border-radius:14px;box-shadow:0 28px 50px #091b2b55;overflow:hidden;min-width:0}.window-bar{padding:17px 22px;display:flex;justify-content:space-between;gap:12px;align-items:center;background:#f0f3f7;border-bottom:1px solid #d9e1ea;font-size:14px}.window-bar>span+span{font-size:12px;color:#6d7e90;text-align:right}.scene-container{min-height:465px;padding:26px}.demo-scene[hidden]{display:none}.message{background:#e8f0fc;padding:18px 20px;border:1px solid #d6e3f5;border-radius:12px;margin-bottom:20px}.message>span{font-size:12px;color:#52749b;font-weight:600}.message p{font-size:16px;line-height:1.55;margin:7px 0 0;color:#244666}.event{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e7ebf1}.check{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;background:#e4eee9;color:#337554;font-size:13px}.event b,.event small{display:block}.event b{font-size:14px;font-weight:500}.event small{font-size:12px;color:#758698}.event-time{font-size:12px;color:#8695a5;margin-left:auto}.result{margin-top:19px;display:flex;gap:15px;padding:14px 18px;border-radius:9px;background:#dce9e4;color:#284d43}.result>span{font-size:32px;line-height:1.4}.result small,.result b{display:block}.result small{font-size:12px}.result b{font-size:16px;font-weight:550}.workflow-title{font:600 21px Manrope;margin:4px 0 25px}.rule{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #cbd7e5;border-radius:9px;background:#fff}.rule>span{font-size:12px;color:#66809d}.rule b{font-size:14px;font-weight:500}.flow-line{height:22px;border-left:1px solid #9bb0c8;margin-left:50%}.fork{display:grid;grid-template-columns:1fr 1fr;gap:13px}.fork>div{padding:15px;background:#e4eee8;border:1px solid #c9dcd0;border-radius:8px}.fork>div+div{background:#f4eee2;border-color:#e5d7bc}.fork small{display:block;font-size:12px;color:#6b7f72;margin-bottom:8px}.fork b{font-size:14px;font-weight:500}.prompt{margin-bottom:25px}.log{display:flex;align-items:center;gap:12px;font-size:15px;margin:20px 0}.agent-result{border:1px solid #bbd2c7;background:#e8f1ed;border-radius:12px;padding:20px;display:flex;gap:17px;margin-top:28px}.agent-symbol{font-size:36px;color:#377462}.agent-result small{font-size:12px;color:#39725d;display:block}.agent-result b{font-size:20px;font-weight:600;display:block;margin-top:7px}.agent-result p{font-size:13px;color:#60786e;margin:8px 0 0}.demo-controls{display:flex;justify-content:space-between;gap:20px;padding:16px 0;align-items:center}.demo-controls>span{font-size:12px;color:#778696}.demo-controls button,.replay{font:500 13px 'DM Sans',sans-serif;border:1px solid #ccd6e2;background:transparent;color:#456078;padding:8px 14px;border-radius:22px;cursor:pointer}.demo-controls>div{display:flex;gap:8px}.v2-feature{max-width:1200px;grid-template-columns:.85fr 1.15fr;gap:70px;padding:75px 0 85px}.feature-cinema{padding:35px;position:relative}.mini-scene{padding:24px}.replay{color:#e1edf6;border-color:#ffffff55;margin-top:22px}.feature-cinema .window-bar{font-size:13px}.feature-cinema .reveal{opacity:1}.feature-cinema.visible .reveal,.demo-scene.active .reveal{animation:appear .65s both;animation-delay:var(--delay,0s)}.paused .reveal{animation:none!important;opacity:1!important;transform:none!important}.lifecycle{max-width:1200px;margin:20px auto 80px;padding:45px 0;border-top:1px solid #dbe1e5;text-align:center}.lifecycle h2{font:500 32px Manrope;letter-spacing:-1px}.lifecycle p{color:#6c7d8e}.lifecycle>div{display:grid;grid-template-columns:repeat(4,1fr);max-width:900px;margin:40px auto 0;border:1px solid #d1dce7;border-radius:12px;overflow:hidden}.lifecycle>div>span{padding:25px 15px;background:#f1f4f8;border-right:1px solid #d1dce7;font-size:19px}.lifecycle>div>span:last-child{border:0}.lifecycle .current{background:#dae6f4}.lifecycle small{display:block;font-size:12px;color:#6f859b;margin-bottom:8px}button:focus-visible{outline:3px solid #7698be;outline-offset:4px}@keyframes appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1250px){.demo-stage,.lifecycle{margin-left:5%;margin-right:5%}.main-cinema{padding:32px;gap:30px}.v2-feature{gap:40px}.feature-cinema{padding:25px}.story-copy h2{font-size:34px}}@media(max-width:900px){.main-cinema{grid-template-columns:1fr;gap:25px}.story-copy h2{margin:14px 0;font-size:32px}.story-copy p{font-size:16px;max-width:600px}.scene-counter{display:none}.main-cinema .window{max-width:600px;width:100%;margin:auto}.scene-container{min-height:475px}.v2-feature{grid-template-columns:1fr}.feature-cinema{max-width:650px;width:100%;margin:auto}.step-button{font-size:14px}.step-button>span{display:block;margin-bottom:8px}.header-right{gap:10px}.lifecycle h2{font-size:28px}}@media(max-width:500px){header{padding:0 5%;gap:10px}.nav-cta{display:none}.hero h1{font-size:37px;letter-spacing:-1.6px}.demo-tabs{gap:12px}.main-cinema{padding:22px 15px;border-radius:12px}.story-copy{padding:0 6px}.story-copy h2{font-size:30px}.window-bar{padding:13px 14px}.window-bar>span+span{font-size:12px;max-width:50%}.scene-container,.mini-scene{padding:16px}.scene-container{min-height:490px}.message{padding:14px}.message p{font-size:15px}.event-time{display:none}.rule{padding:13px;gap:10px}.rule b,.fork b{font-size:13px}.fork{gap:8px}.fork>div{padding:12px}.agent-result{padding:14px;gap:10px}.agent-result b{font-size:18px}.feature-cinema{padding:18px 12px}.demo-controls{align-items:flex-start}.demo-controls>span{max-width:45%}.demo-controls button{padding:8px 10px}.lifecycle>div{grid-template-columns:1fr 1fr}.lifecycle>div>span{font-size:17px;border-bottom:1px solid #d1dce7}.lifecycle>div>span:nth-child(2){border-right:0}}@media(prefers-reduced-motion:reduce){.reveal{animation:none!important;opacity:1!important;transform:none!important}}

/* Open Task CX */
.brand{letter-spacing:-1px;white-space:nowrap;font-size:25px}.cx{font-size:13px;letter-spacing:.7px;background:#dce8f5;padding:4px 7px;border-radius:5px;margin-left:3px}.demo-tabs{grid-template-columns:repeat(4,1fr)}.analysis-metrics{margin:10px 0 22px}.metric{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid #dce4ed}.metric span{font-size:14px;color:#637991}.metric b{font-size:17px;font-weight:600;text-align:right}.analysis-note{font-size:12px;color:#6a7c8c;line-height:1.6;margin:18px 0 0}.scene-container{min-height:510px}header nav{gap:24px}@media(max-width:1050px){header nav{display:none}}@media(max-width:600px){.demo-tabs{grid-template-columns:1fr 1fr;gap:12px}.step-button>span{display:inline;margin-right:8px}.brand{font-size:22px}.brand .mark{font-size:29px}.header-right{gap:4px}.languages a{padding:5px 7px}.cx{font-size:12px}.metric{gap:8px}.metric b{font-size:15px}.metric span{font-size:13px}}
