@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{--red:#ed292d;--ink:#202321;--muted:#686e69;--paper:#f8f9f5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #f55;outline-offset:5px}.wrap{max-width:1280px;width:88%;margin:auto}header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd}.brand{font:800 29px 'Manrope',Arial,sans-serif;letter-spacing:-1.7px}.brand span{color:var(--red)}nav{display:flex;align-items:center;gap:32px;font-weight:600;font-size:13px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;background:var(--red);color:white;padding:16px 23px;border:0;cursor:pointer;font-weight:600;border-radius:4px}.button:hover{background:#cd171e}.small{padding:11px 21px}#menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-top:70px;padding-bottom:60px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 25px;display:flex;align-items:center;gap:10px}.eyebrow i,.visual-bottom i{width:7px;height:7px;border-radius:50%;background:var(--red);display:inline-block}h1,h2,h3{font-family:'Manrope',Arial,sans-serif;line-height:1.13;letter-spacing:-2px;margin:0;font-weight:800}h1{font-size:clamp(48px,4.9vw,73px);letter-spacing:-3.5px}em{font-style:normal;color:var(--red)}.intro{font-size:16px;color:var(--muted);max-width:440px;margin:25px 0 30px}.actions{display:flex;gap:25px;align-items:center;font-size:12px;font-weight:600}.hero-note{border-top:1px solid #dcded7;margin-top:42px;padding-top:20px;font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between;color:#777}.visual{height:490px;background:radial-gradient(ellipse at 50% 60%,#e3e9de,transparent 70%);position:relative;overflow:hidden;border-radius:8px}.visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#d3d9cf55 1px,transparent 1px),linear-gradient(90deg,#d3d9cf55 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse,black,transparent 75%)}.visual-title{position:absolute;top:10px;left:28px;font-size:9px;letter-spacing:2px;color:#727b70}.orbit{position:absolute;border:1px dashed #b0bca9;border-radius:50%;width:430px;height:270px;top:110px;left:30px;transform:rotate(-28deg)}.orbit.second{transform:rotate(30deg);border-color:#eaafa8}.building{position:absolute;left:42%;top:115px;width:130px;height:250px;background:linear-gradient(90deg,#c7cec4,#eef1ea);transform:skewY(-10deg);box-shadow:22px 14px 0 #a7b3a1,35px 30px 40px #56624b33;border-top:10px solid #a4b29d}.windows{position:absolute;inset:17px;background:repeating-linear-gradient(0deg,transparent 0 18px,#d4dcd0 18px 27px),repeating-linear-gradient(90deg,#688479 0 14px,#d4dcd0 14px 24px)}.core{position:absolute;top:205px;left:32%;width:150px;height:130px;border:1px solid #fff;border-radius:18px;background:#fffffff2;box-shadow:0 20px 45px #36493025;text-align:center;font:bold 62px 'Manrope';padding:11px}.core span{color:var(--red)}.core small{display:block;font-size:8px;letter-spacing:3px}.node{position:absolute;background:#ffffffed;border:1px solid #e2e5df;box-shadow:0 10px 25px #38472a10;padding:15px 18px;border-radius:7px}.node b{display:block;font-size:11px}.node small{display:block;font-size:9px;color:var(--muted);padding-top:4px}.cloud{top:65px;left:21%}.edge{top:285px;left:5%}.software{bottom:65px;right:0}.visual-bottom{position:absolute;bottom:0;left:28px;font-size:8px;letter-spacing:1.8px}.strip{border-block:1px solid #dedfd7;background:#f0f2eb;padding:24px 0}.strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.strip small{font-size:8px;letter-spacing:1px;max-width:100px;color:#74796f}.strip b{font-size:12px;font-weight:500}.section{padding-top:95px;padding-bottom:95px}.heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:35px}h2{font-size:clamp(32px,3.3vw,47px)}h2 span{color:#7d857a}.heading>p{max-width:330px;color:var(--muted);font-size:13px}.filters{display:flex;gap:8px;margin:32px 0}.filters button{border:1px solid #ddd;background:transparent;color:#656d61;padding:10px 18px;font-size:11px;border-radius:30px;cursor:pointer}.filters .active{background:var(--ink);color:white;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{background:#fff;border:1px solid #e1e4dc;border-radius:6px;padding:27px;display:flex;flex-direction:column;transition:transform .2s,border .2s}.service:hover{transform:translateY(-4px);border-color:#ee9e96}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;color:#8b9288}.service-top span{font-size:24px;color:var(--red)}h3{font-size:19px;letter-spacing:-.6px}.service p{color:var(--muted);font-size:12px;flex:1;margin:15px 0}.tech{color:#798275;font-size:9px}.service>a{display:flex;justify-content:space-between;border-top:1px solid #eceee7;margin-top:22px;padding-top:17px;font-size:10px;font-weight:700}.service>a span{color:var(--red);font-size:18px}.solutions{background:#202a25;color:#fff}.solutions h2{font-size:48px}.solutions .eyebrow{color:#b4c3b5}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;gap:40px}.solution-grid article{border-top:1px solid #5c695e;padding-top:28px}.solution-grid small{color:#bec7b9;font-size:9px;letter-spacing:1.5px}.solution-grid h3{font-size:24px;margin-top:20px}.solution-grid p,.solution-grid li{color:#bec7c0;font-size:12px}.solution-grid ul{padding-left:17px;line-height:2.3}.about{display:grid;grid-template-columns:1fr 1.1fr;gap:85px;align-items:center}.about-art{background:#e9ede3;padding:32px}.logo{background:white;padding:20px;display:flex;justify-content:center}.logo img{width:100%;max-width:300px;height:190px;object-fit:contain}.experience{display:flex;align-items:center;gap:22px;padding-top:28px}.experience b{font:800 68px 'Manrope';letter-spacing:-4px}.experience p{font-size:12px;line-height:1.5}.about>div>p:not(.eyebrow){color:var(--muted);font-size:13px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.tags span{font-size:10px;padding:5px 9px;border:1px solid #d9dfd2}.note{display:block;font-size:9px;color:#80857b;margin-top:20px}.process{border-top:1px solid #ddd;display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.process ol{margin:0;padding-left:30px}.process li{padding:0 0 20px 15px;border-bottom:1px solid #ddd;margin-bottom:22px}.process li::marker{color:var(--red);font-size:12px}.process p{font-size:12px;color:var(--muted)}.contact{background:#ecede6}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.contact h2{font-size:42px}.contact p{color:var(--muted)}.contact a{display:block;font-size:15px;margin-top:13px;overflow-wrap:anywhere}.contact form{display:grid;gap:16px}.contact label{font-size:10px;font-weight:700;display:grid;gap:5px}.contact input,.contact select,.contact textarea{border:1px solid #d5dacd;background:#f8f9f5;padding:11px;width:100%;border-radius:3px;color:var(--ink);font-size:12px}.contact form small{font-size:9px;color:var(--muted)}#form-status{font-size:11px;margin:0}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:32px}footer p,footer a:not(.brand),footer small{font-size:10px;color:var(--muted)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:900px){.service:last-child{grid-column:2}}@media(max-width:1000px){.hero{gap:10px}.visual{height:450px}.node{padding:10px}.about{gap:40px}.contact-grid{gap:40px}.actions{gap:15px}.strip b{font-size:10px}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.wrap{width:88%}header{height:80px}.brand{font-size:25px}#menu{display:block;border:0;background:transparent;font-size:24px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--paper);padding:25px 6%;z-index:5;border-bottom:1px solid #ddd}nav.open{display:flex;flex-direction:column;align-items:start;gap:18px}.hero{grid-template-columns:1fr;padding-top:45px;gap:25px}h1{font-size:53px}.hero-note{font-size:8px;gap:10px}.intro{font-size:15px}.visual{height:400px}.building{top:80px;height:235px}.core{top:170px}.cloud{top:30px}.edge{top:250px}.software{bottom:35px}.orbit{width:350px;left:0}.strip .wrap{flex-wrap:wrap;justify-content:start;gap:15px 25px}.strip small{max-width:none;width:100%}.strip b{font-size:10px}.section{padding-block:60px}.heading{display:block}.heading>p{max-width:none;margin-top:20px}.filters{overflow-x:auto;padding-bottom:5px}.filters button{white-space:nowrap}.grid,.solution-grid,.about,.process,.contact-grid{grid-template-columns:1fr}.service{padding:24px}.solution-grid{gap:28px}.solutions h2{font-size:39px}.about{gap:35px}.about-art{padding:24px}.process{gap:30px}.contact h2{font-size:35px}footer{flex-wrap:wrap}footer p{order:3;width:100%;margin:0}.actions{font-size:10px;gap:20px}.actions .button{padding:14px 16px;gap:10px}h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.whatsapp-contact{display:inline-flex!important;background:#147d43;color:white;padding:10px 18px;border-radius:5px;width:fit-content;font-weight:600}.whatsapp-contact:hover,.whatsapp-float:hover{background:#0d6334}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:20;display:flex;align-items:center;gap:14px;background:#147d43;color:white;padding:12px 20px;border-radius:30px;box-shadow:0 5px 20px #0003;font-size:13px;font-weight:700}.whatsapp-float span{font-size:20px}@media(max-width:700px){.whatsapp-float{right:14px;bottom:14px;padding:10px 16px}}

.whatsapp-icon{width:25px;height:25px;flex-shrink:0}.whatsapp-contact{align-items:center;gap:11px}.whatsapp-float{background:#128c4a;border:1px solid #ffffff55;box-shadow:0 6px 24px #128c4a40}.whatsapp-float .whatsapp-icon{width:26px;height:26px}

.whatsapp-contact .whatsapp-icon,.whatsapp-float .whatsapp-icon{display:block;width:18px!important;height:18px!important;min-width:18px;max-width:18px;flex:0 0 18px;fill:#fff!important;color:#fff!important}.whatsapp-contact,.whatsapp-float{background-color:#128c4a!important;color:#fff!important;gap:8px}.whatsapp-float{padding:9px 14px;font-size:12px}.whatsapp-float span{font-size:15px}

