@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f7f8f3;--ink:#172e39;--muted:#667571;--orange:#117d75;--line:#d4dcd2;--green:#d7e1d1}
body{font-family:'DM Sans',Arial,sans-serif;background:var(--paper);color:var(--ink)}
::selection{background:#c0d8ad;color:#172e39}h1,h2,h3,.mini-dashboard h4,.response,.focus-disc strong{font-family:Manrope,Arial,sans-serif;font-weight:500}em{font-family:Georgia,serif;font-weight:400}header{border:0}nav{height:92px}.wrap{max-width:1500px}.brand{color:var(--ink)}.brand i{background:var(--teal,#117d75)}.brand span{color:#117d75}.eyebrow{font-family:'DM Sans',sans-serif;font-weight:600;line-height:1.8}.eyebrow:before{border-radius:50%;background:#117d75}.button,.button.outline{border-radius:40px;padding:18px 24px;font-family:inherit}.button.outline{padding:13px 21px;border-color:#c4cfca}.button:hover{background:#245c57}.button.outline:hover{background:#e9eee5}.section{padding-top:110px;padding-bottom:110px}h2{line-height:1.15;letter-spacing:-2.6px}h3{letter-spacing:-1px}
.hero.wrap{position:relative;isolation:isolate;overflow:hidden;max-width:none;margin:0 20px;border-radius:10px;padding:65px 5% 0;background:#0c393b;color:white}.hero #flow,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-shade{z-index:-1;background:linear-gradient(90deg,#061c238c,transparent 85%)}.hero>.eyebrow{color:#d6eccd}.hero>.eyebrow:before{background:#a3ddbd}.hero-top{display:block;margin:25px 0 46px}h1{font-size:clamp(64px,7.5vw,112px);line-height:1.04;letter-spacing:-5px}h1 em{color:#d6eccd;letter-spacing:-.055em}.hero-copy{display:flex;justify-content:space-between;align-items:end;gap:50px;max-width:1100px;margin-top:40px}.hero-copy p{font-size:17px;line-height:1.65;color:#e1e9e5;max-width:580px;margin:0}.hero .button{background:var(--paper);color:var(--ink);border:0;flex-shrink:0}.hero .button:hover{background:#d6eccd}.hero-image{height:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:visible;background:transparent;border-top:1px solid #ffffff30;padding:23px 0}.image-label{position:static;font-size:10px;color:#d0ddd2;letter-spacing:1px}.insight-card{position:static;background:transparent;box-shadow:none;width:auto;padding:0;display:flex;gap:30px;align-items:center}.insight-card .eyebrow{color:#c0d8ad;font-size:8px}.insight-card .eyebrow:before{background:#a3ddbd}.insight-card h3{font-size:20px;margin:0}.insight-card p{color:#d0ddd2;font-size:11px}.signal-rule{display:none}.caption{border-top:1px solid #ffffff30;color:#d0ddd2;font-size:8px;align-items:center;gap:20px;padding:20px 0}.caption button{border:0;background:none;color:inherit;cursor:pointer;font-size:10px;white-space:nowrap}.promise{padding-top:70px;padding-bottom:80px;gap:55px}.promise h3{font-size:28px}
.services{background:#e9eee5}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.service{background:transparent;padding:0}.service h3{font-size:25px}.service footer{line-height:1.6}.mini-dashboard,.automation,.ai-panel{border-radius:8px;height:240px}.mini-dashboard{background:#123b3b;color:#eff9ee;border:0;padding:25px}.mini-dashboard p{color:#afd6c9}.bars i{background:linear-gradient(#b5d8b1,#276c62);border-radius:3px 3px 0 0}.bars i:last-child{background:#b5d8b1}.automation{background:#d7e1d1}.flow-node{border-radius:30px;background:#f4f7ef;border-color:#bdcaba}.flow-node.last{background:#123b3b}.flow-node b{color:#117d75}.ai-panel{background:#162f36;padding:25px}.ai-panel small,.source{color:#c0d8ad}.question{border-color:#557770}.source{border-color:#557770}.people{background:#162f36;color:#edf4e7}.people h2 em{color:#b7d5b3}.people p{color:#bdcdc8}.people-list li{border-color:#47605e}.people-list span{color:#b7d5b3}.orbit{border-color:#6b999b70}.focus-disc{background:#d7e1d1;color:#172e39}.task-tag{background:#234c4b;border-color:#63857a;border-radius:40px}.task-tag b{color:#b7d5b3}.task-tag.tag4{background:#d7e1d1;color:#172e39;border-color:#d7e1d1}.demo-section{background:var(--paper)}.tabs button{border-radius:40px;font-family:inherit}.example{background:#e9eee5;border-color:#cbd6cb;border-radius:8px}.example p,.example-foot{color:#52635e}.example-top,.example-foot{border-color:#bdcaba}.flow span{border-radius:30px;background:#f7f8f3;border-color:#bdcaba}.about{padding-top:65px;padding-bottom:80px}.contact{background:radial-gradient(ellipse at 100% 0,#86ab7255,transparent 65%),#153e3d;color:#f3f8e9;border-radius:10px;margin-bottom:35px}.contact:before{display:none}.contact .eyebrow:before{background:#a3ddbd}.contact h2 em{color:#c0d8ad}.contact p,.contact .form-note{color:#d0ddd2}.contact input,.contact textarea{background:#f6f8f1;color:#19333a;border:1px solid #b8cbbd;border-radius:8px;padding:14px;font-size:16px}.contact .button{background:var(--paper);color:var(--ink);border:0}.contact .button:hover{background:#d6eccd}.footer{padding-top:10px;padding-bottom:30px}
@media(max-width:1050px){.hero-copy{gap:25px}.hero-copy p{max-width:460px}.hero-copy .button{font-size:12px;padding:18px}.service-grid{gap:20px}.insight-card{gap:18px}}
@media(max-width:760px){nav{height:85px}.hero.wrap{margin:0 10px;padding:45px 6% 0}.hero-top{margin-top:23px;margin-bottom:35px}h1{font-size:clamp(45px,9.7vw,72px);letter-spacing:-2.5px}.hero-copy{display:block;margin-top:30px}.hero-copy p{font-size:16px;max-width:none;margin-bottom:25px}.hero-copy .button{font-size:13px;padding:18px 22px}.hero-image{display:block}.image-label{font-size:8px}.insight-card{display:flex;margin-top:24px;gap:20px}.insight-card .eyebrow{max-width:100px;font-size:7px;letter-spacing:1px}.insight-card h3{font-size:18px}.insight-card p{font-size:10px}.caption{font-size:7px;gap:12px;flex-wrap:wrap}.caption span:nth-child(2){max-width:45%}.caption button{margin-left:auto}.promise{padding-top:45px;padding-bottom:55px;gap:28px}.section{padding-top:75px;padding-bottom:75px}.service-grid{grid-template-columns:1fr;gap:35px}.service{padding:0}.service h3{font-size:27px}.mini-dashboard,.automation,.ai-panel{height:240px}.about{padding-top:45px;padding-bottom:55px}.contact{padding:35px 25px}.contact h2{font-size:47px}.contact .button{font-size:12px}.footer{gap:25px}.hero>.eyebrow{font-size:9px}}
@media(max-width:380px){.insight-card{flex-wrap:wrap}.insight-card .eyebrow{max-width:none;width:100%}.caption span:nth-child(2){display:none}.hero-copy .button{gap:15px;font-size:12px}.hero h1{font-size:42px}.contact h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
