.cl-landing{--cl-ink:#0c2944;--cl-muted:#52677f;color:var(--cl-ink);padding-bottom:40px}.cl-landing h1,.cl-landing h2,.cl-landing h3{text-wrap:balance;color:var(--cl-ink);margin:0;font-family:Manrope Variable,sans-serif}.cl-landing p{margin:0}.cl-landing .cl-eyebrow{letter-spacing:.13em;text-transform:uppercase;color:#0054fe;align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.cl-eyebrow>span{background:#0054fe;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #0054fe0b}.cl-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;padding:50px 0 100px;display:grid;position:relative}.cl-hero:before{content:"";z-index:-1;background:radial-gradient(at 65% 30%,#0054fe0d,#0000 65%);position:absolute;inset:-80px -30px 30px 35%}.cl-landing .cl-hero h1{letter-spacing:-.055em;margin:25px 0;font-size:clamp(38px,4.1vw,60px);line-height:1.08}.cl-hero h1>span{color:#0054fe}.cl-landing .cl-lead{color:var(--cl-muted);max-width:490px;font-size:17px;line-height:1.85}.cl-actions{flex-wrap:wrap;align-items:center;gap:22px;margin:28px 0 17px;display:flex}.cl-actions .button{font-size:13px}.cl-landing .cl-text-link{color:var(--cl-ink);align-items:center;gap:12px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.cl-text-link span{transition:transform .2s}.cl-text-link:hover span{transform:translate(3px,2px)}.cl-landing .cl-note{color:var(--cl-muted);font-size:11px;line-height:1.8}.cl-apps{color:#62758c;border-top:1px solid #e1e7f0;flex-wrap:wrap;gap:22px;margin-top:35px;padding-top:22px;font-size:12px;font-weight:700;display:flex}.cl-workspace{background:#fff;border:1px solid #d9e2f0;border-radius:18px;transition:transform .35s;overflow:hidden;transform:rotate(1deg);box-shadow:0 30px 80px -32px #0b2a4a55,0 3px 8px #0b2a4a05}.cl-workspace:hover{transform:rotate(0)}.cl-window-bar{color:#60748c;background:#f8fafd;border-bottom:1px solid #e7edf5;justify-content:space-between;align-items:center;gap:15px;padding:17px 20px;font-size:10px;display:flex}.cl-window-dots{gap:5px;display:flex}.cl-window-dots i{background:#fdc401;border-radius:50%;width:6px;height:6px}.cl-window-dots i:first-child{background:#f82926}.cl-window-dots i:last-child{background:#0054fe}.cl-live-dot{background:#0054fe;border-radius:50%;width:5px;height:5px}.cl-workspace-body{background-image:radial-gradient(#dce5f2 .7px,#0000 .7px);background-size:16px 16px;padding:25px}.cl-workspace-label{justify-content:space-between;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.cl-example-badge{color:#60748c;background:#f3f6fc;border:1px solid #e2e9f3;border-radius:5px;padding:4px 7px;font-size:9px}.cl-flow-controls{gap:5px;margin:20px 0 8px;display:flex}.cl-flow-controls button{color:#52677f;cursor:pointer;background:#fff;border:1px solid #e0e7f0;border-radius:7px;flex:1;padding:9px 4px;font:600 11px Manrope Variable,sans-serif;transition:background .2s,color .2s,border-color .2s}.cl-flow-controls button[aria-pressed=true]{color:#fff;background:#0054fe;border-color:#0054fe;box-shadow:0 3px 8px #0054fe22}.cl-diagram{justify-content:center;align-items:center;min-height:310px;display:flex}.cl-diagram:empty{display:none}.cl-diagram svg{width:100%;max-width:430px;height:auto;max-height:360px;overflow:visible}.cl-diagram .nodeLabel p{color:inherit;margin:0;line-height:1.5}.cl-diagram .hub .nodeLabel,.cl-diagram .hub text{color:#fff!important;fill:#fff!important}.cl-diagram .node rect{rx:8px;ry:8px}.cl-landing .cl-flow-caption{color:#52677f;background:#ffffffb8;border-top:1px solid #e2e9f3;min-height:68px;padding:14px 0;font-size:11px;line-height:1.8}.cl-flow-code{background:#fff;border:1px solid #e0e7f0;border-radius:7px;padding:9px 12px;font-size:10px}.cl-flow-code summary{cursor:pointer;color:#52677f}.cl-flow-code pre{color:#0c2944;white-space:pre;background:#f8fafd;max-height:230px;margin:12px 0 0;padding:12px;font-size:10px;overflow:auto}.cl-flow-fallback{gap:9px;margin:22px 0;padding-left:25px;font-size:13px;display:grid}.cl-flow-fallback li{background:#f2f6ff;border:1px solid #d9e2f0;border-radius:7px;padding:8px}.cl-flow-fallback[hidden],.cl-flow-controls button[hidden]{display:none}.cl-benefits{border-top:1px solid #e0e7f0;padding:35px 0 90px}.cl-section-intro{max-width:610px;margin-bottom:32px}.cl-landing h2{letter-spacing:-.045em;margin:16px 0;font-size:clamp(28px,3vw,39px);line-height:1.2}.cl-section-intro>p:last-child,.cl-process>div>p:not(.cl-eyebrow){color:var(--cl-muted);font-size:15px;line-height:1.9}.cl-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.cl-feature{background:#fff;border:1px solid #e0e7f0;border-radius:14px;padding:28px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.cl-feature:hover{transform:translateY(-5px);box-shadow:0 16px 35px -20px #0c294444}.cl-feature-top{color:#71839a;justify-content:space-between;align-items:center;margin-bottom:35px;font-size:11px;display:flex}.cl-app-badge{color:#0054fe;background:#eef4ff;border-radius:6px;padding:6px 9px;font-weight:700}.cl-feature:nth-child(2) .cl-app-badge{color:#cb2522;background:#fff1f0}.cl-feature:nth-child(3) .cl-app-badge{color:#806000;background:#fff8dc}.cl-landing .cl-feature h3{letter-spacing:-.035em;margin-bottom:15px;font-size:21px;line-height:1.35}.cl-landing .cl-feature p{color:var(--cl-muted);font-size:13px;line-height:1.9}.cl-feature-line{background:#0054fe;width:42px;height:3px;position:absolute;bottom:0;left:28px}.cl-feature:nth-child(2) .cl-feature-line{background:#f82926}.cl-feature:nth-child(3) .cl-feature-line{background:#fdc401}.cl-process{background:#f6f8fc;border:1px solid #e0e7f0;border-radius:18px;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:80px;padding:50px;display:grid}.cl-process .cl-text-link{margin-top:22px}.cl-process-steps{gap:27px;margin:0;padding:0;list-style:none;display:grid}.cl-process-steps li{align-items:flex-start;gap:20px;display:flex}.cl-process-steps li>span{color:#0054fe;background:#fff;border:1px solid #dce5f2;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:11px;display:grid}.cl-landing .cl-process-steps h3{margin:2px 0 7px;font-size:16px}.cl-landing .cl-process-steps p{color:var(--cl-muted);font-size:12px;line-height:1.9}.cl-cta{background:#0c2944;border:1px solid #dce5f2;border-radius:18px;padding:65px;position:relative;overflow:hidden}.cl-landing .cl-cta h2{color:#fff;max-width:680px;font-size:clamp(30px,4vw,46px)}.cl-landing .cl-cta p:not(.cl-eyebrow){color:#b7c9dd;max-width:540px;margin:20px 0 28px;font-size:15px;line-height:1.9}.cl-landing .cl-cta .cl-eyebrow{color:#97b6ff}.cl-cta .button{position:relative}.cl-cta-decoration{pointer-events:none;border:55px solid #0054fe38;border-radius:50%;width:350px;height:350px;position:absolute;top:-100px;right:-100px;box-shadow:0 0 0 40px #f829260a,0 0 0 80px #fdc40108}.cl-landing a:focus-visible,.cl-landing button:focus-visible,.cl-landing summary:focus-visible{outline-offset:4px;outline:3px solid #0054fe}.cl-cta a:focus-visible{outline-color:#fdc401}@media (prefers-reduced-motion:no-preference){.cl-hero-copy{animation:.7s both cl-rise}.cl-workspace{animation:.9s .12s both cl-workspace-in}.cl-diagram-enter .node{transform-box:fill-box;transform-origin:50%;animation:.45s both cl-node-in}.cl-diagram-enter .edgePaths path,.cl-diagram-enter .edgePath path{stroke-dasharray:6 4;animation:1.4s linear 3 cl-flow}.cl-reveal-ready{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(22px)}.cl-reveal-ready.cl-revealed{opacity:1;transform:translateY(0)}.cl-feature:nth-child(2){transition-delay:80ms}.cl-feature:nth-child(3){transition-delay:.16s}}@keyframes cl-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes cl-workspace-in{0%{opacity:0;transform:translateY(25px)rotate(3deg)}to{opacity:1;transform:translateY(0)rotate(1deg)}}@keyframes cl-node-in{0%{opacity:0}to{opacity:1}}@keyframes cl-flow{to{stroke-dashoffset:-30px}}@media (width<=1000px){.cl-hero{gap:30px}.cl-process{gap:40px;padding:35px}.cl-workspace-body{padding:19px}.cl-feature{padding:22px}}@media (width<=760px){.cl-hero{grid-template-columns:1fr;gap:40px;padding:20px 0 65px}.cl-landing .cl-hero h1{max-width:620px;font-size:clamp(38px,8vw,58px)}.cl-hero-copy .cl-lead{max-width:590px;font-size:16px}.cl-workspace{justify-self:center;width:100%;max-width:560px;transform:none}.cl-feature-grid{grid-template-columns:1fr}.cl-feature-top{margin-bottom:20px}.cl-benefits{padding:30px 0 50px}.cl-process{grid-template-columns:1fr;gap:32px;margin-bottom:45px;padding:28px}.cl-cta{padding:35px 28px}.cl-cta-decoration{right:-240px}.cl-apps{margin-top:25px}.cl-hero:before{inset:30% -10px 0 0}.cl-actions{gap:20px}.cl-diagram svg{max-height:350px}.cl-workspace-body{padding:18px}.cl-window-bar{padding:14px 18px}}@media (prefers-reduced-motion:reduce){.cl-landing *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.cl-reveal-ready{opacity:1;transform:none}.cl-workspace{transform:none}}