:root{--blue:#096dff;--ink:#111416;--gray:#57616b;--line:#dee3e9;--light:#f3f6fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #2c8eff;outline-offset:5px}.skip{position:absolute;top:-70px;padding:10px;background:#fff;z-index:20}.skip:focus{top:0}.header{height:98px;max-width:1320px;padding:0 54px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:750;letter-spacing:-1.1px;white-space:nowrap}.brand img{object-fit:contain}.brand-dot,.blue{color:var(--blue)}nav{display:flex;gap:34px;font-size:14px;font-weight:600}nav a:hover,.text-link:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;padding:17px 27px;background:var(--blue);color:white;border:0;border-radius:6px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#0059d8;transform:translateY(-2px)}.button.small{padding:12px 21px}.hero{background:#101316;color:white;overflow:hidden}.hero-inner{max-width:1320px;margin:auto;padding:87px 54px 78px;display:grid;grid-template-columns:1.2fr 1fr;gap:54px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.4px;margin:0 0 25px}.hero .eyebrow{color:#b5c6da}h1{font-size:clamp(48px,5.7vw,82px);font-weight:700;line-height:1.05;letter-spacing:-4px;margin:0 0 28px}h1 span{color:#438dff}.hero-intro{max-width:480px;font-size:18px;line-height:1.65;color:#b7bec8;margin:0 0 34px}.hero-actions{display:flex;gap:25px;align-items:center}.text-link{font-size:14px;font-weight:700;display:inline-block;border-bottom:1px solid #6a737e;padding:7px 0}.hero-foot{margin-top:54px;font-size:12px;color:#9ba6b4;display:flex;gap:21px}.showcase{border:1px solid #3a414a;border-radius:13px;background:#1a2027;box-shadow:0 25px 50px #0005;transform:rotate(-2deg);overflow:hidden}.demo-top,.demo-bottom{padding:18px 23px;display:flex;justify-content:space-between;align-items:center;gap:8px}.demo-brand{font-weight:700;font-size:12px;letter-spacing:1px}.demo-pill{font-size:12px;color:#b5c2d2;border:1px solid #495563;border-radius:20px;padding:3px 9px}.demo-body{margin:0 14px;background:#fff;color:var(--ink);border-radius:7px;padding:24px}.demo-label{font-size:12px;color:#68727e;display:block}.demo-body p{margin:0}.demo-body h2{font-size:25px;letter-spacing:-1px;margin:4px 0 20px}.demo-tabs{display:flex;padding:4px;background:#edf1f6;border-radius:6px;gap:3px}.demo-tabs button{flex:1;font-size:12px;border:0;padding:8px 4px;color:#525e6d;border-radius:4px;background:transparent;cursor:pointer}.demo-tabs [aria-selected=true]{background:white;color:var(--blue);box-shadow:0 1px 5px #0001}.workspace-title{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin:24px 0 16px}.subtle{color:#7b8693;font-weight:400}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric-row strong{display:block;font-size:30px;line-height:1.5}.metric-row strong span{font-size:16px}.bar-chart{height:130px;display:flex;gap:19px;align-items:flex-end;padding:12px 8px 22px;margin:12px 0 18px;border-bottom:1px solid var(--line)}.bar-chart>div{position:relative;width:20%;height:var(--h);background:#dfebff;border-radius:5px 5px 0 0}.bar-chart>div:last-child{background:var(--blue)}.bar-chart span{position:absolute;top:100%;padding-top:3px;left:0;width:100%;text-align:center;font-size:10px;color:#6c7888}.task-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;border-top:1px solid var(--line);padding-top:14px;gap:10px}.tag{font-size:10px;color:#1b61c3;background:#eaf2ff;padding:4px 8px;border-radius:4px}.demo-bottom{font-size:10px;color:#b9c4d2}.demo-bottom span:last-child{letter-spacing:1px}.hero-strip{border-top:1px solid #32383e;display:flex;justify-content:space-between;padding:25px max(54px,calc((100vw - 1212px)/2));font-size:12px;letter-spacing:1.5px;color:#b8c1cc;gap:20px}.section{max-width:1320px;padding:98px 54px;margin:0 auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:48px}h2{font-size:clamp(33px,3.2vw,46px);line-height:1.13;letter-spacing:-1.7px;margin:0;font-weight:650}.section-heading>p{max-width:355px;color:var(--gray);margin:0}.section .eyebrow{margin-bottom:18px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.service{border:1px solid var(--line);padding:30px;border-radius:8px;display:flex;flex-direction:column;align-items:start;transition:border-color .2s}.service:hover{border-color:var(--blue)}.service-number{font-size:12px;font-weight:700;color:#6c7786;letter-spacing:1px}.service svg{width:45px;height:45px;margin:30px 0 19px;fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}h3{font-size:22px;letter-spacing:-.6px;line-height:1.25;margin:0 0 13px}.service p{color:var(--gray);margin:0 0 20px}.service ul{list-style:none;margin:0 0 28px;padding:0;font-size:14px;color:#3b4653}.service li{padding:8px 0;border-bottom:1px solid #edf0f4}.service li:before{content:'+';color:var(--blue);margin-right:10px}.service>a{margin-top:auto;font-size:14px;font-weight:700;color:var(--blue);border-bottom:1px solid #a8c8f6;padding-bottom:4px}.solutions{background:var(--light);max-width:none;display:grid;grid-template-columns:1fr 1.3fr;gap:100px;padding-left:max(54px,calc((100vw - 1212px)/2));padding-right:max(54px,calc((100vw - 1212px)/2))}.solution-intro>p:not(.eyebrow){color:var(--gray);max-width:300px;margin:23px 0}.text-link.dark{color:var(--ink)}.problem-list article{display:flex;gap:25px;padding:24px 0;border-bottom:1px solid #d7dfe8}.problem-list article:first-child{padding-top:0}.problem-list article>span{font-size:13px;color:var(--blue);font-weight:700}.problem-list h3{font-size:21px}.problem-list p{color:var(--gray);margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.steps article{border-top:1px solid var(--line);padding-top:24px}.steps article>span{color:var(--blue);font-size:14px;font-weight:700;display:block;margin-bottom:22px}.steps h3{font-size:19px}.steps p{font-size:15px;color:var(--gray);margin:0}.about{max-width:none;background:var(--blue);color:white;padding-left:max(54px,calc((100vw - 1212px)/2));padding-right:max(54px,calc((100vw - 1212px)/2))}.about h2{font-size:clamp(34px,4.8vw,65px);letter-spacing:-2px;max-width:850px}.about em{font-style:normal;color:#a9d0ff}.about-bottom{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:44px;border-top:1px solid #ffffff4a;padding-top:28px;max-width:960px}.about-bottom p{margin:0;color:#e0edff}.project{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.project>div>p:not(.eyebrow){color:var(--gray);max-width:370px;margin-top:24px}.brief-note{font-size:14px}form{display:flex;flex-direction:column;gap:8px}label{font-size:14px;font-weight:600;margin-top:13px}label:first-child{margin-top:0}input,select,textarea{width:100%;border:1px solid #cbd4df;padding:12px 15px;border-radius:5px;background:#fff;color:var(--ink)}textarea{resize:vertical}form button{margin-top:15px;align-self:start}.form-help{font-size:12px;color:#697480;line-height:1.6;margin:8px 0 0}#brief-status{font-size:14px;color:#195aba;margin:0}.faq{padding-top:0;display:grid;grid-template-columns:1fr 1.8fr;gap:50px}.faq details{border-top:1px solid var(--line);padding:21px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{font-size:17px;font-weight:600;cursor:pointer;list-style:none;padding-right:30px;position:relative}summary:after{content:'+';position:absolute;right:2px;color:var(--blue);font-size:22px;top:-5px}details[open] summary:after{content:'−'}details p{color:var(--gray);max-width:650px;margin-bottom:0}footer{border-top:1px solid var(--line);max-width:1320px;margin:auto;padding:30px 54px;display:flex;align-items:center;gap:30px;justify-content:space-between}footer .brand{font-size:21px}footer p,footer>span{font-size:12px;color:#647080}.mobile-preview{padding:22px 0 5px}.mobile-preview h3{font-size:18px}.preview-item{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;display:flex;justify-content:space-between;gap:10px}.preview-item span:last-child{color:var(--blue);font-size:12px}.preview-foot{font-size:12px;color:var(--gray);margin-top:18px!important}#demo-panel{min-height:285px}
@media(min-width:1500px){.hero-inner{padding-top:110px;padding-bottom:100px}}@media(max-width:1050px){.header,.section{padding-left:30px;padding-right:30px}.hero-inner{padding:65px 30px;gap:30px}.hero-actions{align-items:start;flex-direction:column;gap:10px}h1{letter-spacing:-2.5px}.hero-foot{flex-direction:column;gap:4px;margin-top:30px}.hero-strip{padding:22px 30px;font-size:10px}.services{gap:15px}.service{padding:25px 21px}.solutions,.project{gap:50px}.steps{gap:20px}.demo-body{padding:20px}.demo-bottom{font-size:9px}nav{gap:20px}.section-heading{gap:35px}}@media(max-width:760px){.header{height:80px;padding:0 20px;gap:10px}.header nav{display:none}.brand{font-size:22px;gap:3px}.brand img{width:49px;height:40px}.button.small{font-size:13px;padding:10px 16px}.hero-inner{grid-template-columns:1fr;padding:55px 24px 45px;gap:44px}.hero h1{font-size:clamp(47px,10.8vw,72px);letter-spacing:-2.5px}.hero-intro{font-size:17px}.hero-actions{flex-direction:row;align-items:center;gap:20px;flex-wrap:wrap}.hero-actions .button{padding:14px 20px}.hero-foot{font-size:12px}.showcase{max-width:480px;width:100%;justify-self:center;transform:none}.hero-strip{padding:20px 24px;gap:13px;flex-wrap:wrap;font-size:10px}.hero-strip span:last-child{display:none}.section{padding:65px 24px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px}.services,.solutions,.project,.faq{grid-template-columns:1fr}.services{gap:16px}.service{padding:27px}.service svg{margin-top:22px}.service p{max-width:500px}.solutions{gap:38px}.steps{grid-template-columns:1fr 1fr;gap:28px 22px}.steps h3{font-size:18px}.about-bottom{grid-template-columns:1fr;gap:20px}.project{gap:32px}.project h2{font-size:37px}.faq{padding-top:0;gap:10px}footer{padding:25px 24px;gap:10px;flex-wrap:wrap}footer p{width:100%;order:3;margin:0}footer>span{font-size:11px}.demo-top{padding:15px 20px}.about h2{font-size:40px}.eyebrow{font-size:11px}.hero h1 span{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}