@charset "UTF-8";
:root{font-family:"Segoe UI",Arial,sans-serif;color:#173e34;background:#fafbf8;font-synthesis:none;--green:#217a52;--ink:#123d32;--muted:#61746d;--line:#dce5dd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-decoration:none}p{line-height:1.7;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.055em;line-height:1.08;font-weight:600}h1{font-size:clamp(44px,5.1vw,72px);margin:22px 0}h1 span{color:var(--green)}h2{font-size:clamp(32px,3.6vw,48px);margin-bottom:22px}h3{font-size:21px;letter-spacing:-.025em;line-height:1.3}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.preview{text-align:center;background:#e7eee5;color:#49604f;font-size:12px;padding:7px}.header{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;font-weight:700;font-size:24px;letter-spacing:-1.2px;white-space:nowrap}.brand-icon{background:var(--ink);color:#fff;width:34px;height:34px;border-radius:11px 11px 11px 2px;display:grid;place-items:center;font-size:25px;margin-right:9px;letter-spacing:-3px;padding-right:3px}.brand-dot{color:#67a981}.header nav{display:flex;gap:26px;font-size:14px;color:#52685f}.header nav a:hover,.text-link:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:17px 24px;background:var(--green);color:#fff;border-radius:8px;font-size:14px;font-weight:600;line-height:1.4;transition:background .15s,transform .15s}.button:hover{background:#195e40;transform:translateY(-1px)}.button-small{font-size:13px;padding:12px 18px}.button-outline{border:1px solid #c7d7cb;color:var(--ink);background:transparent}.button-outline:hover{background:#eaf1e9}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:68px;padding-bottom:65px}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:700;color:#49785d;display:flex;align-items:center;gap:9px;margin-bottom:0}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#55a474;flex-shrink:0}.lead{font-size:17px;max-width:510px;line-height:1.8}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.text-link{font-size:13px;font-weight:600;display:inline-flex;gap:10px;align-items:center}.hero-note{font-size:12px;margin:17px 0 0}.product{background:#fff;border:1px solid #d5e0d7;border-radius:14px;box-shadow:0 20px 65px #18392d12;overflow:hidden;transform:rotate(-1deg)}.product-top{display:flex;gap:20px;align-items:center;padding:16px;border-bottom:1px solid #e5eae4;font-size:11px;color:#6c7d71}.window-dots{color:#bac9bc;font-size:10px;letter-spacing:2px}.demo-tag{margin-left:auto;background:#edf2eb;padding:4px 8px;border-radius:4px}.product-body{display:flex;min-height:360px}.product-rail{width:57px;flex-shrink:0;background:#f4f6f1;border-right:1px solid #e4e9e1;display:flex;align-items:center;flex-direction:column;gap:25px;padding-top:18px;font-size:20px;color:#819287}.rail-brand{background:var(--ink);color:white;border-radius:8px;padding:0 8px 3px;font-size:23px}.rail-selected{color:var(--green);background:#e0ecdf;padding:1px 10px;border-radius:6px}.product-chat{flex:1;min-width:0}.chat-top{display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf0e9;padding:15px}.avatar{width:34px;height:34px;background:#efe4d6;color:#7c6346;border-radius:50%;display:grid;place-items:center;font-size:11px}.chat-top b{font-size:12px}.chat-top small{display:block;font-size:10px;color:#718575;margin-top:4px}.chat-status{margin-left:auto;color:#3a9864;font-size:9px}.chat-content{padding:17px 22px;background:#f9faf6;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.date{align-self:center;font-size:9px;color:#829184;margin-bottom:5px}.bubble{max-width:86%;padding:12px 13px;background:white;border:1px solid #e5e9e1;border-radius:9px 9px 9px 2px;font-size:11px;line-height:1.6}.bubble small{display:block;font-size:8px;color:#758a7c;text-align:right;margin-top:5px}.outgoing{align-self:flex-end;background:#e4efde;border-color:#d8e7d1;border-radius:9px 9px 2px 9px}.file{display:flex;align-items:center;gap:12px;min-width:190px}.file small{text-align:left}.file-icon{font-size:25px;color:#4d7859}.voice{font-size:16px;color:#708b6b;min-width:190px;letter-spacing:1px}.voice small{letter-spacing:0}.demo-composer{display:flex;gap:15px;align-items:center;margin:12px 17px;font-size:11px;color:#8a998d}.demo-composer>span:first-child{font-size:20px}.send-icon{margin-left:auto;background:var(--green);color:#fff;padding:4px 8px;border-radius:5px}.product-bottom{display:flex;gap:7px;align-items:center;border-top:1px solid #e6ece2;padding:12px 18px;color:#6a7f6e;font-size:10px}.capabilities{display:flex;justify-content:space-between;gap:18px;border-block:1px solid var(--line);padding-block:24px;color:#587160;font-size:12px}.capabilities span::before{content:'✓';margin-right:10px;color:#4e8b5c}.section{padding-block:95px}.section-heading{max-width:620px}.section-heading .eyebrow{margin-bottom:23px}.section-heading>p:last-child{max-width:470px;font-size:15px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px;display:flex;flex-direction:column}.card-icon{font-size:25px;background:#eef3e9;width:45px;height:45px;display:grid;place-items:center;border-radius:12px;margin-bottom:28px}.card h3{font-size:20px}.card p{font-size:14px}.card-label{font-size:11px;color:#56775e;margin-top:auto;padding-top:12px}.card .text-link{margin-top:auto;padding-top:12px}.connection-section{background:#edf2e9;padding-block:75px}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.connection-grid h2,.integration-grid h2,.faq-grid h2{margin-top:23px}.connection-grid>div>p:not(.eyebrow){max-width:430px;font-size:15px}.connection-grid .button{margin-top:14px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:24px;padding-block:23px;border-bottom:1px solid #d3dfcf}.steps li:first-child{padding-top:8px}.steps li:last-child{border-bottom:0}.steps li>span{font-size:12px;color:#668866;border:1px solid #bfcfba;border-radius:50%;height:33px;min-width:33px;display:grid;place-items:center}.steps h3{margin:4px 0 8px;font-size:18px}.steps p{font-size:13px;margin-bottom:0}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.integration-grid>div>p:not(.eyebrow){font-size:14px}.muted{font-size:12px!important;color:#738579}.api-card{background:var(--ink);color:#ecf3e9;padding:32px;border-radius:12px}.api-top{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:600}.api-card>p{color:#9eb8a7;font-size:12px}.api-card>p:first-of-type{margin-top:7px}.api-card dl{margin-top:25px}.api-card dl>div{padding:19px 0;border-bottom:1px solid #31574a}.api-card dt{font:12px Consolas,monospace;overflow-wrap:anywhere}.api-card dt span{color:#b0d5a2;margin-right:12px;font-size:10px}.api-card dd{font-size:11px;color:#9db7a6;margin:8px 0 0}.api-note{margin:24px 0 0;line-height:1.7}.expectations{border:1px solid #d7e0ce;border-radius:12px;padding:32px 40px;background:#f3f5ed}.expectations h2{font-size:26px;margin:15px 0;letter-spacing:-.035em}.expectations p{font-size:13px;max-width:990px;margin-bottom:0}.faq-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:15px;padding:24px 25px 24px 0;position:relative;list-style:none;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';position:absolute;right:0;top:23px;color:#71976f}.faq details[open] summary::after{content:'−'}.faq details p{font-size:13px;margin-bottom:24px;padding-right:24px}.final-cta{background:var(--ink);color:#f3f7ed;text-align:center;border-radius:16px;padding:60px 30px}.final-cta .eyebrow{justify-content:center;color:#a9c69e}.final-cta h2{font-size:clamp(30px,3.5vw,46px);margin-top:23px}.button-light{background:#d5e7bd;color:var(--ink);margin-top:8px}.button-light:hover{background:#e1f1cc}.footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;padding-block:50px 32px}.footer p{font-size:12px;margin:0}.footer>a:last-of-type{font-size:12px}.footer small{grid-column:1/-1;color:#7d8c7e;font-size:10px;border-top:1px solid var(--line);padding-top:25px;line-height:1.7}.skip{position:absolute;left:16px;top:-70px;z-index:10;background:var(--ink);color:white;padding:14px;border-radius:4px}.skip:focus{top:16px}a:focus-visible,summary:focus-visible{outline:3px solid #83a759;outline-offset:5px;border-radius:4px}section[id]{scroll-margin-top:20px}@media(min-width:1500px){.hero{gap:90px}}@media(max-width:1000px){.header nav{gap:15px;font-size:12px}.hero{gap:32px}.actions{gap:18px}.connection-grid,.integration-grid{gap:40px}.product{transform:none}.card{padding:23px}.footer{grid-template-columns:1fr auto}.footer p{grid-column:1/-1;grid-row:2}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{min-height:85px;flex-wrap:wrap;gap:15px;padding-block:18px}.header nav{order:3;width:100%;justify-content:space-between;padding-top:5px}.header .brand{font-size:21px}.header .button{font-size:11px;padding:10px 12px;gap:8px}.hero{grid-template-columns:1fr;padding-top:40px;gap:38px;padding-bottom:40px}.hero-copy{max-width:560px}.lead{font-size:16px}.hero h1{font-size:clamp(43px,8vw,60px)}.actions{margin-top:24px}.hero-note{font-size:11px}.product{max-width:540px;width:100%;justify-self:center}.capabilities{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:11px}.capabilities span::before{margin-right:6px}.section{padding-block:60px}.cards{grid-template-columns:1fr;gap:14px;margin-top:26px}.card-icon{margin-bottom:20px}.card{padding:26px}.connection-grid,.integration-grid,.faq-grid{grid-template-columns:1fr;gap:35px}.connection-section{padding-block:50px}.expectations{padding:27px}.faq-grid{gap:15px}.faq summary{font-size:14px}.api-card{padding:27px}.final-cta{padding:45px 22px;border-radius:12px}.final-cta .eyebrow{font-size:9px;letter-spacing:1px}.footer{padding-top:35px;gap:20px}.footer .brand{font-size:20px}.eyebrow{font-size:10px;letter-spacing:1.3px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
/* Product-led hero: actual application capture, restrained depth and light. */
.hero{position:relative;grid-template-columns:.85fr 1.3fr;gap:48px;padding-top:72px;padding-bottom:72px;isolation:isolate}
.hero-copy{position:relative;z-index:2;animation:hero-enter .9s cubic-bezier(.22,1,.36,1) both}
.hero h1{font-size:clamp(44px,4.4vw,66px);letter-spacing:-.055em}
.hero .lead{font-size:16px;line-height:1.8}
.hero .actions{gap:20px}.hero .button{box-shadow:0 8px 24px #246b4920}
.workspace-stage{position:relative;margin:0;min-width:0;perspective:1400px;animation:workspace-enter 1.2s cubic-bezier(.22,1,.36,1) both}
.workspace-glow{position:absolute;z-index:-1;inset:-14% -8%;background:radial-gradient(ellipse at 65% 35%,#b4d8b177,transparent 65%),radial-gradient(ellipse at 30% 70%,#d5dfbe77,transparent 60%);filter:blur(30px);pointer-events:none;animation:light-drift 12s ease-in-out infinite alternate}
.workspace-window{overflow:hidden;background:#fff;border:1px solid #ffffff;border-radius:14px;box-shadow:0 35px 65px -25px #173e3540,0 8px 20px -10px #173e3526,0 0 0 1px #214e3214;transform:rotateY(-5deg) rotateX(3deg);transition:transform .7s cubic-bezier(.22,1,.36,1);will-change:transform}
.workspace-chrome{height:39px;display:flex;align-items:center;gap:15px;padding:0 14px;background:linear-gradient(#fff,#f5f7f3);border-bottom:1px solid #e4eae3;font-size:9px;color:#7a897e}
.chrome-dots{display:flex;gap:5px}.chrome-dots i{width:6px;height:6px;border-radius:50%;background:#dce3db}.chrome-dots i:first-child{background:#dbc4b7}.chrome-dots i:nth-child(2){background:#dfd5b5}.chrome-dots i:last-child{background:#b6d2bd}
.workspace-address{letter-spacing:.04em}.workspace-live{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:8px}.workspace-live .status-dot{width:5px;height:5px}
.workspace-screen{display:block;width:100%;height:auto}.workspace-stage figcaption{display:flex;justify-content:center;align-items:center;gap:7px;color:#627b69;font-size:10px;margin-top:24px}.workspace-stage figcaption>span:last-child{color:#8b998d}.workspace-stage figcaption .status-dot{width:5px;height:5px}
@keyframes hero-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes workspace-enter{from{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes light-drift{from{transform:translate3d(-8px,4px,0);opacity:.7}to{transform:translate3d(10px,-8px,0);opacity:1}}
@media(min-width:1500px){.hero{gap:60px}}
@media(max-width:1000px){.hero{gap:28px;grid-template-columns:.9fr 1.1fr}.hero h1{font-size:46px}.workspace-window{transform:none}.workspace-live{display:none}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:38px;padding-top:38px;padding-bottom:42px}.hero h1{font-size:clamp(43px,8vw,60px)}.workspace-stage{width:100%;max-width:620px;justify-self:center}.workspace-window{transform:none!important;border-radius:10px}.workspace-chrome{height:30px}.workspace-stage figcaption{font-size:9px;margin-top:17px;gap:5px}.workspace-glow{inset:-8% 0}.workspace-live{display:flex}}
@media(prefers-reduced-motion:reduce){.hero-copy,.workspace-stage,.workspace-glow{animation:none}.workspace-window{transform:none!important;transition:none;will-change:auto}}
/* Feature section: staggered reveal and small product stories. */
#features{position:relative}#features .section-heading{position:relative}#features .section-heading::before{content:'';display:block;width:42px;height:3px;border-radius:9px;background:linear-gradient(90deg,#217a52,#a6c7a1);margin-bottom:25px}
#features .cards{gap:22px}#features .card{position:relative;overflow:hidden;padding:27px;border-radius:18px;background:linear-gradient(155deg,#fff 25%,#f6f9f3);border-color:#dce6da;box-shadow:0 4px 12px #173e3403;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s,border-color .5s}
#features .card::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 0,#d6e8ce80,transparent 65%);opacity:0;transition:opacity .5s;pointer-events:none}
#features .card>*{position:relative}#features .card-icon{width:36px;height:36px;font-size:21px;border:1px solid #dfebda;border-radius:10px;margin-bottom:20px;background:#eef5e9;color:#367a50}#features .card h3{font-size:21px;margin-bottom:12px}#features .card p{line-height:1.8}#features .card-label,#features .text-link{margin-top:auto}
.feature-scene{height:138px;margin:0 -5px 26px;padding:17px;border:1px solid #e2eade;border-radius:12px;background:#f0f5ed;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #173e3403}
.scene-chat{flex-direction:column;align-items:flex-start;gap:9px}.scene-message{font-size:10px;padding:9px 11px;border-radius:9px 9px 9px 2px;background:#fff;color:#526a59;box-shadow:0 3px 9px #173e3406;transition:transform .5s}.scene-reply{align-self:flex-end;background:#dcecd5;border-radius:9px 9px 2px 9px}.scene-reply i{font-style:normal;color:#4a8b70;margin-left:7px}.scene-typing{display:flex;gap:3px;background:#fff;padding:8px 10px;border-radius:8px}.scene-typing i{width:4px;height:4px;border-radius:50%;background:#89a084}
.scene-media{flex-direction:column;justify-content:center;gap:12px}.scene-document{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid #e0e9da;border-radius:9px;font-size:10px;box-shadow:0 4px 10px #173e3405}.scene-document>b{font-size:23px;font-weight:400;color:#4d7b50}.scene-document small{display:block;font-size:8px;color:#8c9a8b;margin-top:3px}.scene-document>i{margin-left:auto;font-style:normal;color:#4d8d5e}.scene-audio{display:flex;align-items:center;gap:9px;padding-inline:8px;color:#5e835d}.scene-audio>b{font-size:11px}.scene-audio>small{font-size:9px;margin-left:auto}.scene-wave{height:30px;display:flex;align-items:center;gap:3px}.scene-wave i{width:3px;height:12px;border-radius:3px;background:#8dac81;transform-origin:center}.scene-wave i:nth-child(3n){height:24px}.scene-wave i:nth-child(4n){height:17px}.scene-wave i:nth-child(5n){height:29px}
.scene-connect{align-items:center;justify-content:center;padding-bottom:38px;gap:0}.scene-node{width:66px;height:66px;background:#fff;border:1px solid #dce8d6;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;box-shadow:0 5px 10px #173e3406;z-index:1}.scene-node small{font-size:8px;color:#688166}.node-crm b{font-size:25px;color:#487b4b;line-height:28px}.scene-wire{height:1px;background:#b8ceb0;position:relative;width:58px;display:flex;justify-content:space-evenly}.scene-wire i{width:4px;height:4px;background:#5b9c64;border-radius:50%;position:relative;top:-1.5px}.scene-sync{position:absolute;bottom:12px;font-size:8px;color:#5e815f;letter-spacing:.02em}
@media(hover:hover) and (pointer:fine){#features .card:hover{transform:translateY(-7px);border-color:#b9d1b0;box-shadow:0 24px 40px -18px #173e342c}#features .card:hover::before{opacity:1}#features .card:hover .scene-reply{transform:translateX(-4px)}#features .card:hover .scene-typing i{animation:feature-dot 1s ease-in-out infinite}#features .card:hover .scene-typing i:nth-child(2){animation-delay:.15s}#features .card:hover .scene-typing i:nth-child(3){animation-delay:.3s}#features .card:hover .scene-wave i{animation:feature-wave .9s ease-in-out infinite alternate}#features .card:hover .scene-wave i:nth-child(3n){animation-delay:-.4s}#features .card:hover .scene-wave i:nth-child(2n){animation-delay:-.65s}#features .card:hover .scene-wire i{animation:feature-transfer 1.6s ease-in-out infinite}#features .card:hover .scene-wire i:nth-child(2){animation-delay:.2s}#features .card:hover .scene-wire i:nth-child(3){animation-delay:.4s}}
#features .card:focus-within{border-color:#a4c698;box-shadow:0 12px 32px -15px #173e3433}
#features .feature-reveal{animation:feature-reveal .9s cubic-bezier(.22,1,.36,1) both}#features .card.feature-reveal:nth-child(2){animation-delay:.12s}#features .card.feature-reveal:nth-child(3){animation-delay:.24s}
@keyframes feature-reveal{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}@keyframes feature-dot{0%,70%,100%{transform:translateY(0);opacity:.5}35%{transform:translateY(-3px);opacity:1}}@keyframes feature-wave{from{transform:scaleY(.5)}to{transform:scaleY(1)}}@keyframes feature-transfer{0%{transform:translateX(-8px);opacity:0}35%,65%{opacity:1}100%{transform:translateX(8px);opacity:0}}
@media(max-width:1000px){#features .card{padding:22px}.feature-scene{padding:12px}.scene-message{font-size:9px;padding:8px}.scene-wave{gap:2px}}
@media(max-width:760px){#features .cards{gap:18px}#features .card{padding:26px}.feature-scene{height:145px;margin-bottom:24px;padding:17px}.scene-message{font-size:11px}.scene-wave{gap:4px}.scene-wire{width:80px}}
@media(prefers-reduced-motion:reduce){#features .feature-reveal,#features .card .feature-scene *{animation:none!important}#features .card,#features .card::before,#features .scene-message{transition:none}#features .card:hover,#features .card:hover .scene-reply{transform:none}}