:root{--blue:#3875a0;--navy:#0d283c;--ink:#112c3f;--muted:#6b7e8c;--line:#dce6ed;--soft:#f4f8fb;--teal:#48aeb0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;color:var(--ink);font:15px/1.65 'DM Sans',sans-serif}h1,h2,h3,.brand{font-family:Manrope,sans-serif}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}.section{padding:105px 0}header{position:fixed;inset:0 0 auto;height:74px;background:#fffffff0;backdrop-filter:blur(15px);border-bottom:1px solid var(--line);z-index:20}.nav{height:100%;display:flex;align-items:center;gap:32px}.brand{font-weight:800;letter-spacing:.14em;font-size:20px}.mark{color:var(--blue);font-size:25px;margin-right:7px}.nav nav{margin-left:auto;display:flex;gap:25px}.nav nav a{font-size:13px;font-weight:600;color:#536b79}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 10px 25px #3875a033}.nav-cta{min-height:40px;font-size:12px}.menu{display:none}.hero{padding-top:145px;background:linear-gradient(140deg,#f4f9fc,#fff);overflow:hidden}.hero-grid{display:grid;grid-template-columns:.9fr 1.2fr;gap:55px;align-items:center}.eyebrow{color:var(--blue);font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;margin-bottom:18px}.eyebrow:before{content:'';display:inline-block;width:23px;height:2px;background:currentColor;vertical-align:middle;margin-right:10px}.hero h1,.heading h2,.copy h2{font-size:clamp(38px,4vw,58px);line-height:1.1;letter-spacing:-.045em;margin:0 0 20px}.hero h1 em,.heading h2 em{font-style:normal;color:var(--blue)}.hero-copy>p,.heading p,.copy>p{color:var(--muted);font-size:17px}.actions{display:flex;gap:12px;margin:30px 0}.outline{background:#fff;color:var(--ink);border:1px solid #cbd9e1;box-shadow:none}.hero-copy>small{color:var(--muted)}.hero-copy>small b{color:var(--ink)}.dashboard{position:relative;border:1px solid #d6e1e7;border-radius:15px;overflow:hidden;background:#f5f8fa;box-shadow:0 35px 80px #173f5a2b}.tag{position:absolute;z-index:2;right:12px;top:48px;font-size:7px;letter-spacing:.1em;background:#e8eff3;padding:3px 6px;border-radius:3px}.dtop{height:42px;background:#fff;display:flex;align-items:center;padding:0 14px;font-size:8px}.dtop span{margin:auto;border:1px solid var(--line);border-radius:5px;padding:4px 50px;color:#93a5af}.dtop i{width:23px;height:23px;border-radius:50%;background:#dcecf4;display:grid;place-items:center;color:var(--blue);font-style:normal}.dbody{display:flex;min-height:405px}.dbody>aside{width:42px;background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:center;padding:17px 0;gap:20px}.dbody>aside i{font-style:normal;color:#7690a0}.dmain{padding:20px;flex:1}.dtitle{display:flex;justify-content:space-between}.dtitle span{display:flex;flex-direction:column}.dtitle small,.charts small{font-size:7px;color:#8095a0;letter-spacing:.12em}.dtitle b{font:700 16px Manrope}.dtitle button{height:28px;border:1px solid var(--line);background:#fff;border-radius:5px;font-size:7px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0 9px}.kpis article,.charts article{background:#fff;border:1px solid #e0e8ed;border-radius:7px;padding:12px}.kpis article{display:flex;flex-direction:column}.kpis small{font-size:7px;color:#718691}.kpis b{font:700 15px Manrope}.kpis em{font-size:6px;color:#39967b;font-style:normal}.charts{display:grid;grid-template-columns:1.6fr 1fr;gap:8px}.charts article{height:180px}.charts article>b{display:block;font-size:8px}.bars{height:120px;display:flex;align-items:flex-end;justify-content:space-around;background:repeating-linear-gradient(#fff 0,#fff 29px,#edf2f5 30px)}.bars i{width:10%;height:var(--a,70%);background:var(--blue);border-right:6px solid var(--teal);border-radius:3px 3px 0 0}.bars i:nth-child(2){--a:80%}.bars i:nth-child(3){--a:65%}.bars i:nth-child(4){--a:90%}.bars i:nth-child(5){--a:77%}.bars i:nth-child(6){--a:95%}.donut{width:85px;height:85px;margin:12px auto 5px;border-radius:50%;background:conic-gradient(var(--blue) 0 42%,var(--teal) 42% 78%,#dce5e9 78%);display:grid;place-items:center}.donut:before{content:'';width:57px;height:57px;border-radius:50%;background:#fff}.donut span{position:absolute;display:flex;flex-direction:column;text-align:center}.donut p{font-size:6px}.donutbox p{font-size:6px;color:var(--muted)}.sync{background:#eaf5f2;padding:7px 10px;border-radius:6px;font-size:7px;margin-top:8px}.strip{padding-top:55px;margin-top:65px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#82949f;font-size:11px;letter-spacing:.06em}.heading{max-width:690px;margin-bottom:50px}.center{text-align:center;margin-left:auto;margin-right:auto}.cards,.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article,.benefits article{position:relative;border:1px solid var(--line);border-radius:14px;padding:28px 24px;transition:.25s}.cards article:hover{transform:translateY(-6px);box-shadow:0 25px 55px #1b49671c}.cards article>span,.benefits article>span{font-size:23px;color:var(--blue)}.cards article>small{position:absolute;right:22px;color:#a6b7c1}.cards h3,.benefits h3{margin:28px 0 8px}.cards p,.benefits p{font-size:13px;color:var(--muted)}.cards a{color:var(--blue);font-size:12px;font-weight:700}.cards .featured{background:var(--blue);color:white}.cards .featured span,.cards .featured a{color:white}.cards .featured p,.cards .featured small{color:#d4e5ef}.dark{background:var(--navy);color:white}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:center}.window{background:#f4f7f9;border:7px solid white;border-radius:12px;overflow:hidden;box-shadow:0 30px 70px #0005}.toolbar{height:31px;background:#fff;color:#bbc6cc;padding:6px 10px;font-size:7px}.toolbar span{color:#738995;margin-left:30%}.window-body{height:320px;display:grid;grid-template-columns:35px 1fr}.window-body>aside{background:#153d58}.window-body>div{padding:25px;color:var(--ink)}.window-body small{font-size:7px;color:#78909e}.window-body h3{margin:2px 0 15px}.mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-kpis span{display:flex;flex-direction:column;background:#fff;padding:10px;border:1px solid var(--line);font-size:7px}.mini-kpis b{font-size:13px}.window svg{width:100%;height:150px;background:#fff;margin-top:10px}.window path{fill:none;stroke:var(--blue);stroke-width:3}.panel-art{position:relative}.float{position:absolute;background:white;color:var(--ink);padding:11px 14px;border-radius:8px;font-size:10px;box-shadow:0 15px 30px #0005}.float.one{right:-20px;top:-20px}.float.two{left:-20px;bottom:-20px}.copy .eyebrow{color:#77ced5}.copy h2 em{font-style:normal;color:#77ced5}.copy>p{color:#a8bbc6}.copy ul{list-style:none;padding:0;margin:25px 0}.copy li{display:flex;flex-direction:column;margin:15px 0;padding-left:30px;position:relative}.copy li:before{content:'✓';position:absolute;left:0;color:#77ced5}.copy li span{font-size:12px;color:#8fa7b4}.copy>a{color:#77ced5;font-weight:700}.soft{background:var(--soft)}
.tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.tabs button{padding:17px;border:0;border-bottom:3px solid transparent;background:none;color:#7d909b;font-weight:700}.tabs button.active{color:var(--blue);border-color:var(--blue)}.tabbox{margin-top:35px;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 50px #21465e12}.tab-panel{display:none;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:50px 60px}.tab-panel.active{display:grid}.tab-panel>div>small{color:var(--blue);font-weight:800}.tab-panel h3{font-size:29px;margin:5px 0}.tab-panel p{color:var(--muted)}.tab-panel li{margin:7px 0}.tab-panel li::marker{color:var(--teal)}.feature{background:#eff6f9;border-radius:14px;padding:30px}.feature>span{display:flex;justify-content:space-between}.progress{height:13px;background:#d9e5eb;border-radius:10px;margin:30px 0 45px}.progress i{display:block;height:100%;width:78%;border-radius:10px;background:linear-gradient(90deg,var(--blue),var(--teal))}.feature>div:last-child{display:flex;gap:30px}.feature small{display:flex;flex-direction:column;color:var(--muted)}.feature small b{color:var(--ink)}.flow{display:grid;grid-template-columns:repeat(7,1fr);position:relative;margin:65px 0}.flow:before{content:'';position:absolute;left:7%;right:7%;top:58px;height:2px;background:linear-gradient(90deg,var(--blue),var(--teal),var(--line))}.flow>div{text-align:center;display:flex;flex-direction:column;align-items:center}.flow small{color:#99aab4}.flow i{position:relative;width:50px;height:50px;border:2px solid #cfdee6;background:#fff;border-radius:50%;display:grid;place-items:center;font-style:normal;color:var(--blue);margin:12px 0}.flow b{font-size:11px}.flow span{font-size:9px;color:#91a2ac}.trace{display:grid;grid-template-columns:1fr .85fr;gap:65px;background:#f1f7fa;border-radius:16px;padding:40px}.trace>div>small{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.12em}.trace h3{font-size:24px;margin:5px 0}.trace>div>p{color:var(--muted)}.activity{background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 16px}.activity p{display:grid;grid-template-columns:25px 1fr;position:relative;margin:0;padding:10px;border-bottom:1px solid #edf2f4}.activity p:last-child{border:0}.activity i{grid-row:1/3;width:22px;height:22px;background:#e3f2ec;color:#358f76;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:9px}.activity b{font-size:10px}.activity small{font-size:8px;color:#8da0aa}.benefits article{background:white}.benefits h3{font-size:17px}.demo{background:linear-gradient(120deg,#0d293d,#174967);color:white}.demo-grid{display:grid;grid-template-columns:.85fr 1fr;gap:90px;align-items:center}.demo form{position:relative;background:white;color:var(--ink);padding:34px;border-radius:15px}.demo form h3{font-size:23px;margin:0}.demo form>p{color:var(--muted);margin:0 0 18px}.demo label{display:flex;flex-direction:column;font-size:11px;font-weight:700;margin-bottom:13px}.demo input,.demo select{height:44px;border:1px solid #cddae2;border-radius:7px;padding:0 12px;margin-top:5px}.demo form>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo form>.btn{width:100%}.demo form>small{display:block;text-align:center;color:var(--muted);font-size:9px;margin-top:8px}.demo output{display:none;position:absolute;inset:0;background:#fff;border-radius:15px;align-items:center;justify-content:center;flex-direction:column;text-align:center}.demo output.show{display:flex}.demo output b{font-size:22px;color:var(--blue)}footer{background:#081c2a;color:white;padding-top:60px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:45px}.foot>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.foot p,.foot a:not(.brand){color:#829aa8;font-size:12px}.copyright{border-top:1px solid #173447;padding:18px 0;color:#688697;font-size:10px}.reveal{animation:rise .7s both}@keyframes rise{from{opacity:0;transform:translateY(20px)}}
@media(max-width:900px){.nav nav{gap:12px}.nav nav a{font-size:11px}.hero-grid{grid-template-columns:1fr}.dashboard{width:92%;margin:auto}.cards,.benefits{grid-template-columns:repeat(2,1fr)}.split,.demo-grid{gap:45px}.flow{overflow:auto;grid-template-columns:repeat(7,125px)}.flow:before{width:750px;right:auto}.trace{gap:30px}}
@media(max-width:700px){.container{width:calc(100% - 30px)}.section{padding:75px 0}header{height:64px}.nav nav{position:fixed;inset:64px 0 auto;background:white;flex-direction:column;padding:20px;transform:translateY(-130%);transition:.25s;box-shadow:0 20px 40px #16374d22}.nav nav.open{transform:none}.nav nav a{font-size:14px;padding:8px}.menu{display:block;margin-left:auto;border:0;background:none;font-size:22px}.nav-cta{display:none}.hero{padding-top:110px}.hero h1{font-size:38px}.actions{flex-direction:column}.dashboard{width:116%;margin-left:-8%;}.dbody{min-height:310px}.dmain{padding:12px}.kpis article{padding:7px}.kpis b{font-size:10px}.charts{grid-template-columns:1fr}.charts article{height:135px}.bars{height:85px}.donutbox,.sync{display:none}.strip{display:block;text-align:center}.strip b{display:block;margin-top:12px;font-size:8px}.cards,.benefits,.split,.demo-grid,.trace{grid-template-columns:1fr}.panel-art{order:2}.copy{order:1}.window-body{height:240px}.tabs{grid-template-columns:1fr 1fr}.tab-panel{grid-template-columns:1fr;padding:30px 22px;gap:20px}.flow{margin:45px 0}.trace{padding:27px 20px}.demo form{padding:25px 20px}.demo form>div{grid-template-columns:1fr}.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}.heading h2,.copy h2{font-size:34px}}