@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{font-family:'DM Sans',sans-serif;color:#15212b;background:#f7f7f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;min-width:320px}
button,input{font:inherit}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
svg{display:block}
::selection{background:#9be4d7;color:#13242d}
:focus-visible{outline:3px solid #009c88;outline-offset:4px}
.container{width:min(1232px,calc(100% - 56px));margin-inline:auto}
.skip-link{position:absolute;left:16px;top:-80px;z-index:100;padding:10px 16px;background:white;border-radius:8px}.skip-link:focus{top:16px}
.site-header{height:82px;border-bottom:1px solid #e3e7e5;background:rgba(247,247,242,.9);backdrop-filter:blur(20px);position:sticky;top:0;z-index:30}
.header-inner{height:100%;display:flex;align-items:center;gap:35px}
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-family:Manrope,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.08em}
.brand img{width:31px;height:31px}.brand-dot{color:#13a68e}
.desktop-nav{display:flex;align-items:center;gap:31px;margin-left:auto;font-size:13px;font-weight:700;color:#65717a}.desktop-nav a:hover{color:#099982}
.header-cta{margin-left:7px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-radius:10px;font-weight:800;font-family:Manrope,sans-serif;letter-spacing:-.025em;transition:transform .2s,background-color .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px)}.button span{font-size:20px;font-weight:400;line-height:1}
.button-small{padding:13px 17px;font-size:12px;gap:20px}.button-dark{background:#15222c;color:white}.button-dark:hover{background:#1e3741}
.button-primary{padding:18px 22px;font-size:15px;background:#1cae97;color:#062d2a;min-width:200px;box-shadow:0 8px 22px #13ab931c}.button-primary:hover{background:#36c9b0;box-shadow:0 12px 26px #13ab9330}
.text-link{display:inline-flex;align-items:center;gap:15px;font-size:14px;font-weight:800;font-family:Manrope,sans-serif;border-bottom:1px solid #1cae97;padding-bottom:7px;white-space:nowrap}.text-link:hover{color:#0a947e}.text-link span{font-size:18px}
.eyebrow,.section-kicker{font-family:Manrope,sans-serif;font-size:11px;font-weight:800;letter-spacing:.18em;color:#158f7c}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-mark{display:block;width:7px;height:7px;border-radius:50%;background:#22baa0;box-shadow:0 0 0 5px #22baa022}
h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.07em;color:#16242d}h1 em,h2 em{font-style:normal;color:#159c85}
.hero{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:44px;align-items:center;padding-top:96px;padding-bottom:114px}
.hero-copy{padding-bottom:8px}.hero h1{font-size:clamp(52px,5vw,75px);font-weight:800;line-height:1.07;margin:28px 0 26px}.hero-lede{font-size:17px;line-height:1.7;color:#607078;max-width:520px}.hero-actions{display:flex;align-items:center;gap:31px;margin-top:33px}.hero-footnote{display:flex;align-items:center;gap:10px;margin-top:38px;font-size:11px;font-weight:700;color:#829095;letter-spacing:.02em}.status-pulse{width:7px;height:7px;background:#25b79d;border-radius:50%;box-shadow:0 0 0 4px #25b79d21}
.hero-visual{height:460px;position:relative;overflow:hidden;border-radius:20px;background:#101c26;color:#e6f3ef;border:1px solid #2c4049;box-shadow:0 30px 70px #1b363225,0 2px 4px #19342c1a}
.visual-grain{position:absolute;inset:0;opacity:.31;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to bottom,transparent 10%,black 75%)}
.visual-topline{height:53px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16;padding:0 24px;color:#849ba4;font-family:Manrope,sans-serif;font-size:9px;letter-spacing:.16em;font-weight:800}.visual-topline>span:first-child{display:flex;align-items:center;gap:7px}.visual-live-dot{width:6px;height:6px;background:#26c6a7;border-radius:50%;box-shadow:0 0 14px #26c6a7}
.visual-prompt{position:relative;z-index:2;display:flex;align-items:center;gap:13px;margin:23px 22px 0;padding:14px 16px;background:#182d34;border:1px solid #4d706c;border-radius:11px;box-shadow:0 8px 20px #0003}.prompt-spark{font-size:25px;color:#45d3b8}.visual-prompt small,.visual-prompt strong{display:block}.visual-prompt small{font-size:9px;letter-spacing:.18em;color:#71afa7;font-weight:800;margin-bottom:4px}.visual-prompt strong{font-size:14px;font-weight:700}.prompt-arrow{margin-left:auto;color:#b5d5cc}
.thread-lines{position:absolute;left:7%;width:86%;top:122px;height:300px;fill:none;stroke:#488e82;stroke-width:1.3;opacity:.85;stroke-dasharray:6 6;animation:threadflow 10s linear infinite}
.agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:absolute;z-index:2;top:204px;left:22px;right:22px}.agent-card{background:#192b35;border:1px solid #49615f;border-radius:10px;padding:14px 12px 15px;min-height:149px;box-shadow:0 12px 24px #0003}.agent-card-two{border-color:#48a994;background:#1b333b}.agent-card-three{border-color:#6d6557}.agent-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.agent-symbol{display:grid;place-items:center;width:23px;height:23px;border-radius:6px;background:#254c4b;color:#6fe0c7;font-size:15px}.agent-card-three .agent-symbol{background:#4c4741;color:#f1be82}.agent-status{display:flex;align-items:center;gap:5px;font-size:7px;letter-spacing:.08em;font-weight:800;color:#9accc1}.agent-status i{width:4px;height:4px;background:#2ec6a4;border-radius:50%}.agent-card-three .agent-status{color:#e3bd90}.agent-card-three .agent-status i{background:#dda56a}.agent-card>small{font-size:8px;letter-spacing:.18em;color:#79949a;font-weight:800}.agent-card h3{margin:5px 0 6px;font-size:12px;letter-spacing:-.03em;font-weight:700;color:#f0f9f5}.agent-card p{font-size:9px;color:#8ea6ab}.agent-card p span{color:#58c8b2;margin:0 3px}.agent-meter{height:3px;background:#45636a;border-radius:3px;margin-top:17px;overflow:hidden}.agent-meter i{display:block;width:67%;height:100%;background:#57d9c0}.agent-card-two .agent-meter i{width:43%}.agent-card-three .agent-meter i{width:100%;background:#dca66c}
.visual-report{display:flex;align-items:center;gap:12px;position:absolute;z-index:2;bottom:21px;left:22px;right:22px;padding:11px 14px;background:#244037;border:1px solid #508a70;border-radius:10px}.report-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#4dcc9e;color:#14372e;font-size:14px;font-weight:800}.visual-report strong,.visual-report small{display:block}.visual-report strong{font-size:11px}.visual-report small{font-size:9px;color:#98b9ac;margin-top:2px}.visual-report>span:last-child{margin-left:auto;color:#92dcc8}
@keyframes threadflow{to{stroke-dashoffset:-120}}
.proof-strip{border-top:1px solid #e3e7e4;border-bottom:1px solid #e3e7e4;background:#fafaf7}.proof-inner{min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:30px}.proof-inner>span{font-family:Manrope,sans-serif;font-size:10px;letter-spacing:.14em;font-weight:800;color:#9aa4a4}.proof-inner>div{display:flex;align-items:center;gap:51px}.proof-inner strong{font-size:17px;font-family:Manrope,sans-serif;letter-spacing:-.05em;color:#778588}
.section-section{padding-top:145px;padding-bottom:145px}.section-intro{max-width:830px}.section-section h2,.signal-section h2,.closing-section h2{font-size:clamp(43px,4.2vw,61px);line-height:1.12;font-weight:800;margin:20px 0 23px}.section-intro>p,.signal-copy>p,.mobile-copy>p{font-size:16px;line-height:1.75;color:#68777e;max-width:560px}
.workflow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:78px;border-top:1px solid #d7dedb}.workflow-step{padding:27px 38px 0 0;min-height:240px}.workflow-step+ .workflow-step{border-left:1px solid #d7dedb;padding-left:38px}.step-number{display:block;font-size:11px;color:#8d9a9c;font-family:Manrope,sans-serif;letter-spacing:.12em;font-weight:800}.step-icon{width:46px;height:46px;margin:20px 0 21px;display:grid;place-items:center;border-radius:12px;background:#e5f2ed;color:#1b9981}.step-icon svg{width:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.workflow-step h3{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.05em;margin-bottom:9px}.workflow-step p{font-size:14px;line-height:1.65;color:#728087;max-width:310px}
.signal-section{background:#eaf0eb;border-top:1px solid #dde7df;border-bottom:1px solid #dde7df;padding:115px 0}.signal-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px;align-items:center}.signal-copy h2{margin-top:19px}.signal-copy>p{max-width:475px}.check-list{list-style:none;padding:0;margin:35px 0 0}.check-list li{display:flex;align-items:flex-start;gap:11px;margin:0 0 16px;color:#3f5559;font-size:13px;font-weight:700;line-height:1.55}.check-list li:before{content:'✓';display:grid;place-items:center;flex:0 0 18px;height:18px;border-radius:50%;background:#27ae91;color:#fff;font-size:11px}
.signal-mock{background:#111d26;color:#e6f0ef;border-radius:17px;overflow:hidden;min-height:390px;box-shadow:0 28px 60px #1e383028;border:1px solid #3a4d52;transform:rotate(-1deg)}.mock-topbar{display:flex;align-items:center;justify-content:space-between;height:45px;border-bottom:1px solid #ffffff1a;padding:0 17px;font-size:9px;color:#a3b4b7;letter-spacing:.04em}.mock-dots{display:flex;gap:4px}.mock-dots i{width:6px;height:6px;background:#51636a;border-radius:50%}.mock-dots i:first-child{background:#25ad98}.mock-body{display:grid;grid-template-columns:136px minmax(0,1fr);min-height:302px}.mock-rail{display:flex;flex-direction:column;gap:15px;padding:21px 14px;border-right:1px solid #ffffff14;color:#809096;font-size:9px}.rail-active{color:#7ce0c5;font-weight:700}.mock-conversation{padding:25px 25px 20px;display:flex;flex-direction:column;gap:11px}.mock-user{align-self:flex-end;background:#1eaa91;color:#09332c;padding:11px 13px;border-radius:9px;font-size:10px;max-width:74%;line-height:1.5}.mock-assistant{background:#1a2933;border:1px solid #35464a;border-radius:9px;padding:10px 13px;max-width:85%;font-size:10px;line-height:1.5}.mock-tool{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:#a8bab9;padding-left:8px}.mock-tool>span{color:#26c5a2}.mock-tool i{font-style:normal;color:#2dc3a3;font-size:7px;margin-left:9px;letter-spacing:.1em}.mock-result{border:1px solid #4d7767;background:#1e382f;border-radius:8px;padding:10px 13px;max-width:91%}.mock-result>span{color:#77d8aa;font-size:9px;font-weight:800}.mock-result p{font-size:9px;line-height:1.5;color:#b4ccc0;margin:5px 0 0}.mock-footer{height:42px;border-top:1px solid #ffffff14;display:flex;align-items:center;gap:7px;padding:0 19px;color:#a8bdb5;font-size:9px}.mock-footer-dot{width:5px;height:5px;border-radius:50%;background:#30c3a8}.mock-footer>span:last-child{margin-left:auto;color:#59ceaf;font-size:8px;letter-spacing:.12em}
.mobile-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:95px;padding-top:130px;padding-bottom:130px}.mobile-stage{height:540px;position:relative;display:grid;place-items:center;overflow:hidden;background:#e7eee8;border-radius:20px;border:1px solid #dbe5dc}.mobile-orbit{position:absolute;border:1px solid #b9d5c8;border-radius:50%;width:440px;height:440px}.orbit-two{width:580px;height:580px;opacity:.6}.phone{position:relative;z-index:1;width:246px;height:460px;background:#122029;border:7px solid #1d2932;border-radius:33px;color:#e4f2ec;box-shadow:0 25px 45px #1a36333b;overflow:hidden}.phone-island{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:74px;height:15px;background:#050c11;border-radius:0 0 10px 10px}.phone-header{display:flex;align-items:center;gap:5px;padding:26px 14px 12px;font-family:Manrope,sans-serif;font-size:13px;font-weight:800;letter-spacing:-.06em}.phone-header img{width:17px}.phone-header>span:last-child{margin-left:auto;color:#86969b;letter-spacing:.05em}.phone-title{margin:0 12px;background:#1b2a33;padding:13px 12px;border-radius:10px;font-size:12px;font-weight:700}.phone-title small{display:block;margin-top:6px;color:#7bcab4;font-size:8px}.phone-chat{padding:19px 13px}.phone-message{background:#1f3138;border:1px solid #33534e;border-radius:9px;padding:10px 11px;font-size:9px;line-height:1.5;color:#d1e2da}.phone-child{margin-top:11px;border:1px solid #39575a;border-radius:9px;padding:10px}.phone-child small{display:block;color:#6ebcae;font-size:7px;letter-spacing:.13em;font-weight:800}.phone-child strong{display:block;margin:5px 0;font-size:11px}.phone-child span{font-size:8px;color:#9aadaf}.phone-child.done{border-color:#54806a;background:#1b352d}.phone-child.done small{color:#89d1a7}.phone-input{position:absolute;left:11px;right:11px;bottom:12px;border:1px solid #466061;border-radius:8px;padding:10px;font-size:8px;color:#aab9b9}.phone-input span{float:right;color:#6ddac1}.mobile-copy h2{margin-top:19px}.mobile-copy .text-link{margin-top:18px}.mobile-note{margin-top:46px;border-top:1px solid #d4e0db;padding-top:18px;color:#899b9a;font-size:11px;line-height:1.6;max-width:390px}
.closing-section{background:#13252b;color:#f3faf7;padding:93px 0}.closing-inner{display:flex;align-items:end;justify-content:space-between;gap:40px}.closing-section h2{color:white;margin:17px 0 13px}.closing-section h2 em{color:#5bd0b4}.closing-section p{color:#9ab6ad;font-size:14px}.closing-actions{display:flex;align-items:center;gap:25px;padding-bottom:16px}.button-light{background:#5ad3b3;color:#11332e;padding:16px 19px;min-width:185px;font-size:14px}.button-light:hover{background:#8be8ca}.closing-actions>a:last-child{font-size:13px;font-weight:700;color:#b7cfc7;white-space:nowrap}.closing-actions>a:last-child:hover{color:white}
.site-footer{background:#101b23;color:#dce9e4;padding:42px 0}.footer-inner{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.site-footer .brand{font-size:20px}.site-footer .brand img{width:26px}.footer-inner p{color:#8da5a0;font-size:12px;margin:0 auto 0 8px}.footer-inner nav{display:flex;gap:22px;font-size:11px;color:#baccc7}.footer-inner nav a:hover{color:#6ee0c1}.footer-inner small{width:100%;color:#718a85;font-size:10px;margin-top:22px}
.page-hero{padding:94px 0 75px;border-bottom:1px solid #e2e9e5}.page-hero h1{font-size:clamp(49px,5.5vw,76px);line-height:1.08;margin:20px 0}.page-hero p{font-size:17px;line-height:1.7;color:#64747b;max-width:740px}.page-section{padding:75px 0 115px}.page-section h2{font-size:35px;letter-spacing:-.06em;margin-bottom:14px}.page-section>p,.page-section .section-lede{color:#65757a;line-height:1.7;max-width:780px}.install-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;margin-top:42px}.install-card,.info-card{background:white;border:1px solid #dce5e0;border-radius:16px;padding:30px}.install-card h3,.info-card h3{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.04em}.install-card p,.info-card p{font-size:13px;line-height:1.7;color:#6c7d80}.code-block{position:relative;overflow:auto;padding:21px;border-radius:10px;background:#17252e;color:#bff4e2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.8;white-space:pre}.code-block code{font:inherit}.copy-button{position:absolute;right:11px;top:11px;border:1px solid #487065;background:#244239;color:#d8f4e9;border-radius:7px;padding:5px 8px;font-size:10px;cursor:pointer}.copy-button:hover{background:#30604f}.install-note{margin-top:28px;color:#8a9998;font-size:12px}.download-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.download-links a{border:1px solid #d4e0da;border-radius:8px;padding:11px 14px;font-size:12px;font-weight:700}.download-links a:hover{border-color:#1cad94;color:#128a76}.instruction-list{counter-reset:guide;list-style:none;padding:0;max-width:850px}.instruction-list li{counter-increment:guide;position:relative;padding:0 0 35px 56px;border-left:1px solid #d2dfd8;margin-left:18px}.instruction-list li:last-child{border-left-color:transparent}.instruction-list li:before{content:counter(guide);position:absolute;left:-18px;top:-2px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#dff0e7;color:#108b76;font-family:Manrope,sans-serif;font-weight:800;font-size:12px}.instruction-list h3{font-size:17px;font-family:Manrope,sans-serif;letter-spacing:-.03em;margin:0 0 8px}.instruction-list p{color:#6c7b80;font-size:14px;line-height:1.7;margin:0 0 13px}.instruction-list .code-block{max-width:650px}.note-panel{background:#e4f1ea;border:1px solid #bad9c8;padding:22px 24px;border-radius:12px;max-width:850px;color:#31584d;font-size:13px;line-height:1.7}.note-panel strong{display:block;font-family:Manrope,sans-serif;font-size:14px;margin-bottom:4px}
@media(max-width:1050px){.desktop-nav{gap:15px}.hero{gap:22px}.hero h1{font-size:55px}.agent-card{padding:11px 8px}.agent-card h3{font-size:10px}.agent-status{font-size:6px}.signal-layout{gap:30px}.mobile-section{gap:40px}}
@media(max-width:800px){.site-header{height:70px}.desktop-nav{display:none}.header-cta{margin-left:auto}.container{width:min(100% - 36px,610px)}.hero{grid-template-columns:1fr;padding-top:74px;padding-bottom:78px;gap:52px}.hero h1{font-size:clamp(43px,10vw,64px)}.hero-visual{height:430px}.proof-inner{display:block;padding:25px 0}.proof-inner>div{justify-content:space-between;gap:12px;margin-top:18px}.proof-inner strong{font-size:14px}.section-section{padding-top:90px;padding-bottom:90px}.workflow-steps{grid-template-columns:1fr;gap:0;margin-top:50px}.workflow-step,.workflow-step+.workflow-step{border-left:0;border-bottom:1px solid #d7dedb;padding:25px 0;min-height:0}.workflow-step:last-child{border-bottom:0}.signal-section{padding:85px 0}.signal-layout{grid-template-columns:1fr;gap:45px}.signal-mock{transform:none}.mobile-section{grid-template-columns:1fr;gap:50px}.mobile-stage{height:490px}.closing-inner{display:block}.closing-actions{margin-top:34px}.footer-inner p{margin-right:0}.footer-inner nav{width:100%}.install-grid{grid-template-columns:1fr}.page-hero{padding:70px 0 55px}.page-section{padding:60px 0 85px}}
@media(max-width:520px){.container{width:calc(100% - 32px)}.brand{font-size:21px}.brand img{width:28px;height:28px}.header-cta{font-size:11px;padding:11px 12px;gap:8px}.hero{padding-top:59px}.hero h1{font-size:42px}.hero-lede{font-size:15px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-footnote{font-size:10px;line-height:1.5}.hero-visual{height:400px;border-radius:14px}.visual-topline{padding:0 13px;font-size:7px}.visual-prompt{margin:20px 13px 0;padding:11px}.visual-prompt strong{font-size:11px}.thread-lines{top:108px}.agent-grid{left:12px;right:12px;gap:6px;top:186px}.agent-card{min-height:139px;padding:10px 7px}.agent-card-head{margin-bottom:12px}.agent-card>small{font-size:6px}.agent-card h3{font-size:9px}.agent-card p{font-size:8px}.agent-status{font-size:0;gap:0}.agent-status i{width:6px;height:6px}.visual-report{left:12px;right:12px;bottom:14px}.section-section h2,.signal-section h2,.closing-section h2{font-size:43px}.signal-mock{min-height:330px}.mock-body{grid-template-columns:90px minmax(0,1fr);min-height:245px}.mock-rail{font-size:7px;padding:18px 7px}.mock-conversation{padding:17px 10px}.mock-user,.mock-assistant,.mock-tool,.mock-result p{font-size:7px}.mock-tool i{display:none}.mobile-stage{height:485px}.closing-section{padding:70px 0}.closing-actions{align-items:flex-start;flex-direction:column}.footer-inner p{display:none}.footer-inner nav{gap:14px}.page-hero h1{font-size:45px}.install-card,.info-card{padding:21px}.code-block{font-size:11px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.thread-lines{animation:none}.button{transition:none}}
