.saas-site .eb-home-hero{--panel-open-dur:.4s;--panel-close-dur:.35s;--panel-translate-y:12px;--panel-blur:2px;--panel-ease:cubic-bezier(.22, 1, .36, 1);--stream-gap:45ms;--stream-fade:.35s;--stream-blur:1px;--stream-ease:cubic-bezier(.22, 1, .36, 1);--text-swap-dur:.15s;--text-swap-translate-y:4px;--text-swap-blur:2px;--text-swap-ease:ease-in-out;isolation:isolate;background:var(--site-dark);color:var(--site-on-dark);padding:56px 0 64px;position:relative;overflow:clip}.saas-site .eb-home-hero:before{z-index:-1;content:"";background:radial-gradient(at 74% 22%,#153b7470,#0000 57%),linear-gradient(155deg,#0000 50%,#0c214045);position:absolute;inset:0}.saas-site .eb-hero-grid{grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);align-items:center;gap:30px;display:grid}.saas-site .eb-hero-copy{min-width:0;padding-bottom:12px}.saas-site .eb-hero-copy h1{letter-spacing:-.045em;color:var(--site-on-dark);margin:0;font-size:clamp(40px,4.05vw,62px);font-weight:700;line-height:1.08}.saas-site .eb-hero-copy h1 span{white-space:nowrap;color:inherit;display:block}.saas-site[data-locale=tc] .eb-hero-copy h1{letter-spacing:-.04em;font-size:clamp(58px,5vw,76px);line-height:1.18}.saas-site .eb-hero-body{color:#c6d6ed;max-width:28rem;margin:26px 0 28px;font-size:20px;line-height:1.65}.saas-site .eb-hero-note{color:#b2c4df;max-width:28rem;margin:16px 0 0;font-size:12px;line-height:1.7}.saas-site .eb-hero-explore{color:#d5e6fc;align-items:center;gap:12px;min-height:44px;margin-top:15px;font-size:13px;display:inline-flex}.saas-site .eb-home-hero .eb-action-primary{border:1px solid #6b93ff;box-shadow:0 6px 24px #1a57e826}.saas-site .eb-demo-stage{min-width:0;color:var(--site-on-dark);position:relative}.saas-site .eb-demo-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:3px;display:flex}.saas-site .eb-demo-controls{align-items:center;gap:4px;display:flex}.saas-site .eb-demo-controls .eb-demo-autoplay{justify-content:center;width:44px;padding:0}.saas-site .eb-demo-example-label{color:#d6e6fa;background:#0d1b31;border:1px solid #304b70;border-radius:7px;margin:0;padding:7px 11px;font-size:12px;font-weight:500;line-height:1.5;display:inline-flex}.saas-site .eb-demo-replay{color:#c4d8f4;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;min-height:44px;padding:0 8px;font-size:12px;display:inline-flex}.saas-site .eb-demo-topics{flex-wrap:wrap;gap:16px;margin:0 0 14px;display:flex}.saas-site .eb-demo-topics button{color:#a9bfde;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;min-height:44px;padding:5px 0;font-size:12px}.saas-site .eb-demo-topics button[aria-pressed=true]{color:#fff;border-bottom-color:#7eafff}.saas-site .eb-demo-stage button:disabled{cursor:default}.saas-site .eb-demo-flow{grid-template-columns:1fr 1.15fr .9fr;align-items:start;gap:16px;min-height:422px;display:grid;position:relative}.saas-site .eb-demo-step{z-index:1;min-width:0;transition:border-color var(--duration-slow) var(--ease-smooth-out), box-shadow var(--duration-slow) var(--ease-smooth-out);background:linear-gradient(145deg,#183253a8,#0d1b30b8);border:1px solid #31527f;border-radius:16px;padding:12px;position:relative;box-shadow:0 10px 26px #030a1833}.saas-site .eb-demo-stage[data-phase=start] .eb-demo-step-comment,.saas-site .eb-demo-stage[data-phase=draft] .eb-demo-step-reply,.saas-site .eb-demo-stage[data-phase=complete] .eb-demo-step-handoff{border-color:#82b2fa;box-shadow:0 0 0 1px #6099f226,0 10px 26px #030a1833}.saas-site .eb-demo-step-reply{margin-top:66px}.saas-site .eb-demo-step-handoff{margin-top:154px}.saas-site .eb-demo-step-heading{align-items:flex-start;gap:7px;min-height:71px;display:flex}.saas-site .eb-demo-step-heading>span{color:#fff;background:#2158ac;border:1px solid #6099f2;border-radius:50%;flex:0 0 26px;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex}.saas-site .eb-demo-step-heading>div{min-width:0}.saas-site .eb-demo-step-heading h3{color:#f0f6ff;letter-spacing:-.02em;margin:2px 0 4px;font-size:14px;font-weight:650;line-height:1.35}.saas-site .eb-demo-step-heading p{color:#b6cce8;margin:0;font-size:12px;line-height:1.5}.saas-site .eb-demo-card{min-width:0;color:var(--site-ink);background:#fbfcff;border:1px solid #d7e5fa;border-radius:10px;padding:16px 13px;position:relative;box-shadow:0 3px 14px #04132b12}.saas-site .eb-demo-channel{align-items:center;gap:7px;margin-bottom:19px;font-size:12px;font-weight:600;display:flex}.saas-site .eb-demo-person{align-items:center;gap:8px;display:flex}.saas-site .eb-demo-person strong{min-width:0;font-size:12px;font-weight:650;display:block}.saas-site .eb-demo-avatar{color:#6d4432;background:#eadccd;border-radius:50%;flex:0 0 31px;justify-content:center;align-items:center;width:31px;height:31px;font-size:13px;font-weight:600;display:inline-flex}.saas-site .eb-demo-avatar-team{color:#294b7b;background:#dbe7f7}.saas-site .eb-demo-comment-text{margin:14px 0 12px;font-size:14px;line-height:1.6}.saas-site .eb-demo-context{color:#596c87;margin:0;font-size:12px;line-height:1.6}.saas-site .eb-demo-comment-meta{color:#6d81a0;gap:13px;margin-top:19px;display:flex}.saas-site .eb-demo-draft-space{min-height:172px}.saas-site .eb-demo-waiting{color:#596c87;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:172px;margin:0;font-size:13px;display:flex}.saas-site .eb-demo-waiting>span{color:#5d81b6;letter-spacing:4px}.saas-site .eb-demo-reply-label{color:#445e7f;background:#e9eef6;border-radius:20px;align-items:center;min-height:24px;margin:0 0 11px;padding:3px 7px;font-size:12px;font-weight:600;display:inline-flex}.saas-site .eb-demo-reply-label[data-ready=true]{color:#17683d;background:#e1f5e9}.saas-site .eb-demo-message{color:var(--site-ink);margin:8px 0 14px;font-size:14px;line-height:1.6}.saas-site .eb-demo-accessible-message{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.saas-site .eb-demo-compose-icons{color:#6d81a0;gap:13px;margin:12px 0;display:flex}.saas-site .eb-demo-reply-button{color:#fff;cursor:pointer;background:#3158ff;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:7px;width:100%;min-height:44px;padding:10px 11px;font-size:13px;font-weight:550;display:flex}.saas-site .eb-demo-reply-button:disabled{color:#5c6c83;background:#e4e9f0}.saas-site .eb-demo-assignee{color:#596c87;margin-top:4px;font-size:12px;display:block}.saas-site .eb-demo-handoff-status{color:#3d5474;align-items:flex-start;gap:7px;margin-top:23px;font-size:12px;line-height:1.5;display:flex}.saas-site .eb-demo-handoff-status svg{flex-shrink:0}.saas-site .eb-demo-handoff-card{min-height:195px}.saas-site .eb-demo-handoff-card>p{color:#596c87;margin:10px 0 0 25px;font-size:13px;line-height:1.65}.saas-site .eb-demo-empty-person{box-sizing:content-box;color:#72819a;background:#e9edf3;border-radius:50%;padding:8px}.saas-site .eb-demo-connectors{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.saas-site .eb-demo-wire{stroke:#629aff;stroke-width:1.5px;opacity:.9}.saas-site .eb-demo-wire-top{stroke:#507cb9;stroke-width:1px;opacity:.55}.saas-site .eb-demo-signal{stroke:#e4f1ff;stroke-width:4px;stroke-linecap:round;stroke-dasharray:16 100;stroke-dashoffset:16px;opacity:0}.saas-site .eb-demo-stage[data-visible=true][data-phase=start] .eb-demo-signal-comment{animation:.9s linear both eb-signal}.saas-site .eb-demo-stage[data-visible=true][data-phase=draft] .eb-demo-signal-handoff{animation:1.2s linear 1s both eb-signal}.saas-site .eb-demo-caption{color:#b6cbe8;margin:15px 0 0;font-size:12px;line-height:1.7}.saas-site .eb-demo-preview{width:min(520px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--site-ink);background:#fbfcff;border:1px solid #cad9ed;border-radius:16px;margin:auto;padding:24px;box-shadow:0 24px 80px #03091455}.saas-site .eb-demo-preview::backdrop{background:#030a18b3}.saas-site .eb-demo-preview-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.saas-site .eb-demo-preview h2{letter-spacing:-.03em;margin:0;font-size:22px;line-height:1.25}.saas-site .eb-demo-preview-heading button{width:44px;height:44px;color:var(--site-ink);cursor:pointer;background:#eaf0fa;border:0;border-radius:6px;flex-shrink:0;place-items:center;display:grid}.saas-site .eb-demo-preview>p{color:#52617a;font-size:14px;line-height:1.7}.saas-site .eb-demo-preview label{margin:20px 0 8px;font-size:13px;font-weight:600;display:block}.saas-site .eb-demo-preview textarea{width:100%;color:var(--site-ink);font:inherit;resize:vertical;background:#fff;border:1px solid #9aafcc;border-radius:7px;padding:14px;font-size:15px;line-height:1.7}.saas-site .eb-demo-preview-note{align-items:center;gap:7px;display:flex}.saas-site .eb-home-hero :is(a,button):focus-visible{outline-offset:4px;outline:3px solid #b5d8ff}.saas-site .eb-demo-preview :is(button,textarea):focus-visible{outline-offset:4px;outline:3px solid #3158ff}.saas-site .eb-demo-stage .t-panel-slide{transform:translateY(var(--panel-translate-y));opacity:0;filter:blur(var(--panel-blur));pointer-events:none;transition:transform var(--panel-close-dur) var(--panel-ease), opacity var(--panel-close-dur) var(--panel-ease), filter var(--panel-close-dur) var(--panel-ease);will-change:transform, opacity, filter}.saas-site .eb-demo-stage .t-panel-slide[data-open=true]{opacity:1;filter:blur();pointer-events:auto;transition:transform var(--panel-open-dur) var(--panel-ease), opacity var(--panel-open-dur) var(--panel-ease), filter var(--panel-open-dur) var(--panel-ease);transform:translateY(0)}.saas-site .eb-demo-stage .t-stream-w{opacity:0;filter:blur(var(--stream-blur));transition:opacity var(--stream-fade) var(--stream-ease), filter var(--stream-fade) var(--stream-ease)}.saas-site .eb-demo-stage .t-stream-w.is-in{opacity:1;filter:blur()}.saas-site .eb-demo-stage .t-text-swap{filter:blur();opacity:1;transition:transform var(--text-swap-dur) var(--text-swap-ease), filter var(--text-swap-dur) var(--text-swap-ease), opacity var(--text-swap-dur) var(--text-swap-ease);will-change:transform, filter, opacity;display:inline-block;transform:translateY(0)}.saas-site .eb-demo-stage .t-text-swap.is-exit{transform:translateY(calc(var(--text-swap-translate-y) * -1));filter:blur(var(--text-swap-blur));opacity:0}.saas-site .eb-demo-stage .t-text-swap.is-enter-start{transform:translateY(var(--text-swap-translate-y));filter:blur(var(--text-swap-blur));opacity:0;transition:none}.saas-site .eb-demo-stage[data-phase=draft] .t-stream-w{animation:eb-word-in var(--stream-fade) var(--stream-ease) both}.saas-site .eb-demo-stage .t-panel-slide{animation:eb-panel-in var(--panel-open-dur) var(--panel-ease) both}.saas-site .eb-demo-stage .t-text-swap{animation:eb-status-in var(--text-swap-dur) var(--text-swap-ease) both}.saas-site .eb-demo-stage[data-run="0"] :is(.t-panel-slide,.t-text-swap){animation:none}@keyframes eb-word-in{0%{opacity:0;filter:blur(var(--stream-blur))}to{opacity:1;filter:blur()}}@keyframes eb-panel-in{0%{transform:translateY(var(--panel-translate-y));opacity:0;filter:blur(var(--panel-blur))}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes eb-status-in{0%{transform:translateY(var(--text-swap-translate-y));opacity:0;filter:blur(var(--text-swap-blur))}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes eb-signal{0%{stroke-dashoffset:16px;opacity:0}15%{opacity:1}90%{opacity:1}to{stroke-dashoffset:-100px;opacity:0}}@keyframes eb-mobile-signal{0%{opacity:0;transform:translateY(0)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(28px)}}@media (max-width:1100px){.saas-site .eb-hero-grid{grid-template-columns:minmax(0,1fr);gap:36px}.saas-site .eb-hero-copy{max-width:700px}.saas-site .eb-hero-copy h1{font-size:clamp(48px,7vw,68px)}.saas-site .eb-hero-body{max-width:36rem}.saas-site .eb-demo-stage{width:100%;max-width:840px}.saas-site .eb-demo-step-heading h3{font-size:14px}.saas-site .eb-demo-step-heading p{font-size:12px}.saas-site .eb-demo-step-heading{min-height:72px}.saas-site .eb-demo-message,.saas-site .eb-demo-comment-text{font-size:15px}.saas-site .eb-demo-card{padding:18px}.saas-site .eb-demo-context,.saas-site .eb-demo-assignee{font-size:12px}.saas-site .eb-demo-handoff-card>p{font-size:13px}}@media (max-width:620px){.saas-site .eb-home-hero{padding:34px 0 42px}.saas-site .eb-hero-copy h1{font-size:clamp(35px,10vw,59px)}.saas-site[data-locale=tc] .eb-hero-copy h1{font-size:clamp(52px,14vw,72px)}.saas-site .eb-hero-body{margin:22px 0;font-size:17px}.saas-site .eb-hero-note{font-size:12px}.saas-site .eb-demo-flow{grid-template-columns:minmax(0,1fr);gap:28px;min-height:0;padding-left:21px}.saas-site .eb-demo-step{margin:0;padding:14px}.saas-site .eb-demo-step:not(:last-child):after{content:"";background:#6a9fea;width:1px;height:30px;position:absolute;top:100%;left:2px}.saas-site .eb-demo-step:not(:last-child):before{z-index:1;content:"";opacity:0;background:#e4f1ff;border-radius:50%;width:5px;height:5px;position:absolute;top:100%;left:0}.saas-site .eb-demo-stage[data-visible=true][data-phase=start] .eb-demo-step-comment:before{animation:.9s linear both eb-mobile-signal}.saas-site .eb-demo-stage[data-visible=true][data-phase=draft] .eb-demo-step-reply:before{animation:1.2s linear 1s both eb-mobile-signal}.saas-site .eb-demo-step-heading{min-height:65px}.saas-site .eb-demo-step-heading>span{background:#2158ac;margin-left:-48px;margin-right:10px}.saas-site .eb-demo-step-heading h3{font-size:15px}.saas-site .eb-demo-step-heading p{font-size:12px}.saas-site .eb-demo-connectors{display:none}.saas-site .eb-demo-draft-space,.saas-site .eb-demo-waiting{min-height:135px}.saas-site .eb-demo-handoff-card{min-height:170px}.saas-site .eb-demo-card{padding:18px}.saas-site .eb-demo-message,.saas-site .eb-demo-comment-text{font-size:14px}.saas-site .eb-demo-toolbar{gap:4px}.saas-site .eb-demo-caption{margin-left:21px}}@media (prefers-reduced-motion:reduce){.saas-site .eb-demo-stage .t-panel-slide{transition:none!important}.saas-site .eb-demo-stage .t-stream-w{filter:none!important;opacity:1!important;transition:none!important}.saas-site .eb-demo-stage .t-text-swap{transition:none!important}.saas-site .eb-demo-stage :is(.t-panel-slide,.t-stream-w,.t-text-swap,.eb-demo-signal){animation:none!important}.saas-site .eb-demo-step{transition:none!important}.saas-site .eb-demo-step:before{animation:none!important}}