.sa-page{--sa-text: oklch(95% .01 255);--sa-muted: oklch(73% .027 255);--sa-line: oklch(34% .035 255 / .65);--sa-blue: oklch(68% .2 264);color:var(--sa-text)}.sa-page svg{width:1em;height:1em;flex-shrink:0}.sa-page [hidden]{display:none!important}.sa-page a:focus-visible,.sa-page button:focus-visible,.sa-page [tabindex]:focus-visible{outline:2px solid oklch(78% .14 264);outline-offset:5px}.sa-page button{cursor:pointer}.sa-back{display:inline-flex;gap:.65rem;align-items:center;color:var(--sa-muted);font-size:.8rem}.sa-back:hover{color:var(--sa-text)}.sa-hero{position:relative;overflow:clip;padding:1rem 0 0}.sa-hero__grid{display:grid;grid-template-columns:1fr 1.16fr;align-items:center;gap:2rem;min-height:37rem;padding:3rem 0 4rem}.sa-eyebrow{display:flex;align-items:center;gap:.6rem;margin:0 0 1.5rem;font-size:.78rem;font-weight:600;color:#a4bbe8}.sa-eyebrow>span,.sa-status i,.sa-green-dot{display:inline-block;width:.4rem;height:.4rem;border-radius:50%;background:#46ce83;box-shadow:0 0 10px #46ce8340}.sa-hero h1{max-width:12ch;margin:0;font-size:clamp(2.6rem,4.6vw,4.6rem);letter-spacing:-.045em;line-height:1.08}.sa-hero h1 strong{display:block;color:var(--sa-blue)}.sa-hero__description{max-width:44ch;color:#b3bfce;margin:1.5rem 0 1.8rem;font-size:1.07rem;line-height:1.8}.sa-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.2rem}.sa-primary{gap:1rem;padding:.9rem 1.4rem;font-size:.86rem}.sa-watch{display:inline-flex;align-items:center;gap:.6rem;font-size:.83rem;font-weight:600}.sa-watch svg{font-size:1.25rem;color:#9eb4e2}.sa-setup{display:flex;align-items:center;gap:.5rem;margin-top:1.25rem;font-size:.7rem;color:var(--sa-muted)}.sa-setup svg{color:#65c98c}.sa-scene{position:relative;min-width:0;perspective:1400px}.sa-scene__halo{position:absolute;inset:-20% -25%;z-index:-1;background:radial-gradient(ellipse,oklch(44% .17 264 / .2),transparent 65%);pointer-events:none}.sa-scene{padding:2rem 0 0}.sa-scene__window{position:relative;height:23rem;border:1px solid oklch(45% .05 255 / .7);border-radius:1rem;background:#0c1723;box-shadow:0 35px 70px #00000199,inset 0 1px #adc0d814;transform:rotateY(-9deg) rotateX(5deg) rotate(1deg);overflow:hidden}.sa-hero-system{display:block;width:100%;height:100%;object-fit:cover;object-position:52% 50%}.sa-hero-agent{position:absolute;top:40%;left:49%;width:8rem;height:7.6rem;background-image:url(/images/apps/sales-agent/agents.webp);background-size:1140% auto;background-position:56.2% 55.4%;border-radius:1rem;box-shadow:0 0 32px #3069f61f}.sa-agent-status{position:absolute;bottom:22%;left:30%;display:flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border:1px solid oklch(52% .13 264 / .5);border-radius:999px;background:#111e2d;font-size:.5rem;color:#bdd1f9}.sa-working-dot{flex-shrink:0;width:.3rem;height:.3rem;border-radius:50%;background:#46ce83}.sa-capture-float{position:absolute;z-index:3;border:1px solid oklch(47% .06 255 / .7);border-radius:.65rem;overflow:hidden;background:#101925;box-shadow:0 16px 40px #00000180}.sa-capture-float--chat{bottom:6rem;right:-1rem;width:72%;transform:rotate(2deg)}.sa-capture-float--crm{top:-.3rem;right:-.7rem;width:57%;transform:rotate(-3deg)}.sa-capture-label{display:flex;align-items:center;gap:.4rem;font-size:.6rem;color:#c1cee9;padding:.4rem .6rem;border-bottom:1px solid var(--sa-line)}.sa-capture-detail{width:100%;background-repeat:no-repeat}.sa-capture-detail--chat{aspect-ratio:5.4;background-image:url(/images/apps/sales-agent/conversations.webp);background-size:363% auto;background-position:89.6% 81.4%}.sa-capture-detail--crm{aspect-ratio:2.55;background-image:url(/images/apps/sales-agent/clients.webp);background-size:293% auto;background-position:58.3% 30.1%}.sa-channel-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;border:1px solid currentColor;border-radius:.6rem;font-size:1rem;background:#182230}.sa-channel-icon--green{color:#4ad186}.sa-channel-icon--pink{color:#f68bca}.sa-channel-icon--blue{color:oklch(73% .17 264)}.sa-channel-icon--cyan{color:#55c2f2}.sa-channel-icon--violet{color:oklch(76% .15 295)}.sa-scene__steps{display:flex;justify-content:space-around;padding:.65rem .35rem;margin-top:3.5rem;border-top:1px solid var(--sa-line)}.sa-scene__steps>span{display:flex;align-items:center;gap:.5rem;color:var(--sa-muted);font-size:.56rem}.sa-scene__steps b{font-size:.5rem;color:var(--sa-blue)}.sa-scene__steps svg{opacity:.45;margin-left:.65rem}.sa-demo-caption{display:flex;justify-content:space-between;align-items:center;margin:1rem .5rem 0;color:var(--sa-muted);font-size:.55rem}.sa-animation-controls{display:flex;gap:.35rem}.sa-animation-controls button{display:grid;place-items:center;width:1.8rem;height:1.8rem;border:1px solid var(--sa-line);border-radius:50%;font-size:.65rem;color:var(--sa-text)}.sa-animation-controls button:hover{background:#293a5c}.sa-channels{border-top:1px solid var(--sa-line);padding:1.8rem 0 2.5rem;text-align:center}.sa-channels>p{color:var(--sa-muted);font-size:.8rem;margin:0 0 1.25rem}.sa-channels ul{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem 2.7rem;margin:0;padding:0;list-style:none}.sa-channels li{display:flex;align-items:center;gap:.6rem;font-size:.85rem;font-weight:600}.sa-channels .sa-channel-icon{border:none;background:none;width:1.4rem;height:1.4rem;font-size:1.4rem}.sa-workspace-section{padding:5rem 0 2.5rem;scroll-margin-top:6rem}.sa-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.sa-section-heading h2{font-size:clamp(1.9rem,3.1vw,3rem);letter-spacing:-.035em;line-height:1.18;margin:0}.sa-section-heading h2 span{color:var(--sa-muted)}.sa-section-heading>p{max-width:32ch;color:var(--sa-muted);font-size:.9rem;line-height:1.75;margin:0}.sa-module-tabs{display:flex;gap:.5rem;margin:1.5rem 0}.sa-module-tabs button{display:flex;align-items:center;justify-content:center;gap:.6rem;border:1px solid transparent;padding:.7rem 1rem;border-radius:.6rem;font-size:.8rem;font-weight:600;color:var(--sa-muted);transition:background-color .2s,border-color .2s}.sa-module-tabs button[aria-selected=true]{color:#d6e2f9;background:#22386959;border-color:#446abf80}.sa-module-tabs button:hover{color:var(--sa-text)}.sa-workspace{border:1px solid oklch(40% .045 255 / .7);border-radius:1rem;overflow:hidden;background:#09121d;box-shadow:0 25px 80px #00000166}.sa-workspace__body{display:flex}.sa-panels{min-width:0;width:100%}.sa-panel{position:relative;outline:none}.sa-expand{position:absolute;display:flex;align-items:center;gap:.5rem;right:.8rem;bottom:.8rem;border:1px solid var(--sa-line);border-radius:.5rem;padding:.45rem .7rem;color:var(--sa-text);background:#08121ff2;font-size:.65rem}.sa-expand:hover{background:#253964}.sa-system-capture{display:block;width:100%;height:auto;aspect-ratio:1910 / 1074;object-fit:cover;object-position:top left}.sa-module-explanations>div{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.8rem 0 .5rem}.sa-module-explanations h3{font-size:1.05rem;margin:0 0 .5rem}.sa-module-explanations p{max-width:76ch;color:var(--sa-muted);font-size:.85rem;line-height:1.8;margin:0}.sa-module-explanations>div>span{display:flex;align-items:center;gap:.6rem;max-width:24ch;flex-shrink:0;font-size:.75rem;color:#a7c1f6}.sa-module-explanations>div>span svg{color:#5ccb89}.sa-workspace-caption{color:var(--sa-muted);font-size:.6rem;margin-top:1rem;opacity:.8}.sa-closing{padding:4rem 0 5rem}.sa-closing__content{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:3.5rem 2rem;border-top:1px solid var(--sa-line);border-bottom:1px solid var(--sa-line);background:radial-gradient(ellipse at 50% 100%,oklch(39% .14 264 / .14),transparent 70%)}.sa-closing-mark{display:inline-grid;place-items:center;width:56px;height:56px;margin-bottom:1.25rem}.sa-closing-mark img{width:100%;height:100%;object-fit:contain}.sa-closing h2{margin:0;font-size:clamp(2rem,3.3vw,3.2rem);letter-spacing:-.035em;line-height:1.15}.sa-closing h2 strong{color:var(--sa-blue)}.sa-closing p{max-width:56ch;margin:1.2rem auto 1.6rem;font-size:.95rem;color:var(--sa-muted);line-height:1.8}.sa-closing .sa-actions{justify-content:center}.sa-contact-link{display:flex;align-items:center;gap:.6rem;font-size:.82rem}.sa-closing small{display:block;margin-top:1.1rem;color:var(--sa-muted);font-size:.65rem}@media (min-width: 1500px){.sa-hero__grid{gap:3rem}}@media (max-width: 1023px){.sa-hero__grid{gap:2rem;grid-template-columns:1fr 1fr}.sa-hero h1{font-size:clamp(2.6rem,5.4vw,3.8rem)}.sa-hero__description{font-size:.95rem}.sa-section-heading{align-items:flex-start}.sa-section-heading>p{max-width:26ch}.sa-channels ul{gap:1.5rem}}@media (max-width: 767px){.sa-hero__grid{grid-template-columns:1fr;gap:2.5rem;padding:2rem 0}.sa-hero__copy{max-width:36rem}.sa-hero h1{max-width:17ch;font-size:clamp(2.7rem,8.8vw,4rem)}.sa-hero__description{max-width:50ch;font-size:1rem}.sa-eyebrow{margin-bottom:1rem}.sa-scene{max-width:38rem;width:100%;margin:auto}.sa-scene__window{transform:rotateY(-3deg) rotateX(2deg)}.sa-scene__window{height:22rem}.sa-channels{padding:1.6rem 0}.sa-channels>p{max-width:36ch;margin:0 auto 1.2rem;font-size:.8rem}.sa-channels ul{gap:1.2rem 1.5rem}.sa-channels li{font-size:.75rem}.sa-channels .sa-channel-icon{font-size:1.1rem}.sa-workspace-section{padding-top:3.5rem}.sa-section-heading{display:block;margin-bottom:1.4rem}.sa-section-heading h2{font-size:2rem}.sa-section-heading>p{margin-top:1rem;max-width:45ch;font-size:.85rem}.sa-module-tabs{gap:.2rem}.sa-module-tabs button{flex:1;font-size:.66rem;gap:.4rem;padding:.7rem .35rem}.sa-module-explanations>div{display:block;padding-top:1.2rem}.sa-module-explanations>div>span{max-width:none;margin-top:1rem}.sa-closing{padding:1.5rem 0 3rem}.sa-closing__content{padding:2.5rem .4rem}.sa-closing h2{font-size:2.15rem}.sa-closing p{font-size:.9rem}}@media (max-width: 380px){.sa-primary{font-size:.8rem;padding:.85rem 1.1rem}.sa-hero__grid{gap:2rem}.sa-setup{font-size:.63rem}.sa-scene__window{height:20rem}.sa-module-tabs button{font-size:.6rem}}@media (prefers-reduced-motion: reduce){.sa-page *,.sa-page *:before,.sa-page *:after{scroll-behavior:auto!important;transition:none!important}}.sa-scene__steps>span.is-current{color:oklch(92% .05 264)}.sa-scene__steps>span.is-current b{color:#72d699}@media (max-width: 767px){.sa-capture-float--chat{right:-.25rem}.sa-capture-float--crm{right:0}.sa-expand{font-size:.55rem;padding:.35rem .5rem}}
