:root{--ink:#12213a;--muted:#6c788b;--teal:#13b5b1;--blue:#3970e8;--line:#e5edef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}header{height:78px;position:fixed;z-index:50;top:0;width:100%;background:#ffffffdd;backdrop-filter:blur(15px);border-bottom:1px solid #eaf0f3}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;gap:10px;align-items:center;font-size:17px;font-weight:800;line-height:1}.logo>span:last-child b{color:var(--teal)}.logo small{font-size:7px;display:block;letter-spacing:1.8px;color:#8592a3;margin-top:6px}.mark{width:39px;height:39px;background:linear-gradient(135deg,var(--teal),var(--blue));border-radius:11px;color:white;display:grid;place-items:center;font-size:20px;position:relative;box-shadow:0 8px 20px #18aaa839}.mark i{position:absolute;right:6px;top:6px;width:12px;height:12px;border:3px solid #fff;border-left:0;border-bottom:0}.links{display:flex;gap:32px;font-size:13px;font-weight:700;color:#5e6b7d}.links a:hover{color:var(--teal)}.talk,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:bold}.talk{background:var(--ink);color:white;padding:12px 18px;border-radius:10px}.talk svg,.btn svg{width:16px}.nav button{display:none;border:0;background:none}
.hero{padding-top:78px;overflow:hidden;position:relative;background:linear-gradient(120deg,#fff 45%,#f2fbfb)}.glow{position:absolute;width:550px;height:550px;right:-180px;top:20px;border-radius:50%;background:radial-gradient(circle,#cef4f0,transparent 68%)}.heroGrid{height:655px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;position:relative}.heroCopy{animation:rise .8s ease both}.eyebrow,label{font-size:11px;color:#0d9d9b;font-weight:800;letter-spacing:1.5px}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#edfafa;border:1px solid #ccecea;border-radius:30px;padding:9px 13px;letter-spacing:.3px}.eyebrow svg{width:14px}.hero h1{font-size:62px;line-height:1.08;letter-spacing:-3px;margin:23px 0 18px}.hero em,.section em,.cta em{font-style:normal;background:linear-gradient(90deg,var(--teal),var(--blue));background-clip:text;color:transparent}.heroCopy>p{color:var(--muted);font-size:17px;line-height:1.7;max-width:550px}.actions{display:flex;gap:12px;margin:30px 0}.btn{height:51px;padding:0 22px;border-radius:11px;transition:.25s}.btn:hover{transform:translateY(-3px)}.primary{color:white;background:linear-gradient(135deg,var(--teal),#3180d5);box-shadow:0 12px 30px #13aaa737}.ghost{background:#fff;border:1px solid var(--line)}.ghost span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e4f7f6;color:var(--teal)}.ghost span svg{width:12px;fill:currentColor}.trust{display:flex;align-items:center;gap:12px}.faces{display:flex}.faces i{font-style:normal;margin-left:-6px;width:30px;height:30px;border:2px solid white;border-radius:50%;display:grid;place-items:center;background:#d6e8f0;font-size:8px;font-weight:bold}.faces i:first-child{margin:0;background:#ffd7bd}.faces i:nth-child(2){background:#cfe9dd}.faces i:nth-child(3){background:#ded5f3}.faces i:last-child{background:var(--ink);color:#fff}.stars{color:#ffae32;letter-spacing:2px}.trust small{font-size:10px;color:#8190a0}
.visual{height:500px;position:relative;display:grid;place-items:center;perspective:1000px;animation:rise .8s .2s ease both}.orbit{position:absolute;border:1px dashed #b5dddd;border-radius:50%;animation:spin 25s linear infinite}.o1{width:500px;height:410px}.o2{width:390px;height:480px;animation-direction:reverse}.screen{width:470px;height:310px;background:#fff;border:1px solid #dce9eb;border-radius:20px;box-shadow:0 35px 70px #17607420;overflow:hidden;z-index:2;transform:rotateY(-5deg);animation:floatScreen 5s ease-in-out infinite}.screenTop{height:43px;border-bottom:1px solid #e8eef1;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:9px;color:#9aa7b3}.screenTop span{color:#f3ab89}.screenTop b{background:#dff7f5;color:#13a7a4;padding:5px;border-radius:6px}.screenBody{height:267px;display:flex}.screen aside{width:55px;background:#f8fbfc;border-right:1px solid #e9eff1;display:flex;align-items:center;flex-direction:column;gap:18px;padding-top:16px}.screen aside b{font-size:8px;color:white;background:linear-gradient(135deg,var(--teal),var(--blue));padding:6px;border-radius:6px}.screen aside i{width:17px;height:5px;background:#d7e2e6;border-radius:4px}.dash{padding:22px;width:100%}.dash>small{font-size:8px;color:#8996a5}.dash h3{font-size:13px;margin:4px 0 18px}.metrics{display:grid;grid-template-columns:1.1fr 1fr;gap:12px}.metrics article{height:120px;border:1px solid #e5edef;border-radius:12px;padding:13px;position:relative}.metrics small{font-size:7px;color:#8795a2}.metrics strong{font-size:21px;display:block;margin-top:8px}.metrics article:nth-child(2) strong{font-size:13px;color:#12a674}.metrics article>svg{position:absolute;right:13px;bottom:13px;background:#e4f7ef;color:#16a777;padding:8px;width:38px;height:38px;border-radius:50%}.bars{position:absolute;bottom:13px;display:flex;align-items:end;gap:7px}.bars i{width:12px;height:18px;background:#b5e8e4;border-radius:3px}.bars i:nth-child(2){height:27px}.bars i:nth-child(3){height:22px}.bars i:nth-child(4){height:34px;background:#41c1bd}.bars i:nth-child(5){height:29px}.lines{display:grid;gap:7px;margin-top:16px}.lines i{height:6px;background:#eef3f5;border-radius:3px}.lines i:nth-child(2){width:75%}.float{z-index:4;position:absolute;background:#ffffffec;border:1px solid #e1ecec;box-shadow:0 15px 32px #174f6122;border-radius:13px;padding:11px 14px;display:flex;align-items:center;gap:9px;animation:float 4s ease-in-out infinite}.float>svg,.float>span{width:31px;height:31px;padding:7px;border-radius:8px}.float span{background:#e4f7ef;color:#14a56f}.float span svg{width:17px}.float>svg{background:#e7efff;color:#3d70e2}.float b,.float small{display:block}.float b{font-size:11px}.float small{font-size:8px;color:#8b97a4;margin-top:4px}.uptime{left:-6px;top:72px}.cloud{right:-8px;top:120px;animation-delay:.8s}.support{right:30px;bottom:38px;animation-delay:1.4s}.support>svg{background:#f0e8ff;color:#8358d5}.brands{border-top:1px solid #eaf0f2;background:#ffffffaa}.brands .container{height:92px;display:flex;align-items:center;justify-content:space-between;color:#8995a2}.brands span{font-size:10px;text-transform:uppercase;letter-spacing:1px}.brands b{font-size:13px}
.section{padding:105px 0}.services{background:#f8fbfc}.head{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px}.section h2{font-size:43px;line-height:1.16;letter-spacing:-1.8px;margin:12px 0}.head>p{max-width:420px;margin:0;color:var(--muted);font-size:14px;line-height:1.8}.serviceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service{background:#fff;border:1px solid #e6edef;border-radius:17px;padding:27px;position:relative;transition:.3s}.service:hover{transform:translateY(-7px);box-shadow:0 18px 40px #173e5f12}.service>span{width:48px;height:48px;border-radius:13px;display:grid;place-items:center}.service>span svg{width:23px}.purple{background:#f0eaff;color:#8057d8}.blue{background:#e8efff;color:#3e6ee2}.green{background:#e5f8ef;color:#12a672}.orange{background:#fff0df;color:#ef8e29}.pink{background:#fdeaf3;color:#dc5b93}.cyan{background:#e0f8f7;color:#13aaa7}.service>small{position:absolute;right:18px;top:17px;color:#b8c4cb}.service h3{font-size:18px;margin:20px 0 9px}.service p{font-size:12px;line-height:1.7;color:var(--muted)}.service a,.more{font-size:12px;font-weight:bold;color:#13a5a3;display:flex;align-items:center;gap:5px}.service a svg,.more svg{width:15px}
.aboutGrid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.team{height:440px;border-radius:25px;background:#e3f3f3;box-shadow:0 28px 55px #1c55631c;position:relative;overflow:hidden}.photo{height:340px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#e9f8f5,#d7e7f2)}.photo>svg{width:125px;height:125px;color:#fff;filter:drop-shadow(0 12px 15px #35667830)}.photo i{position:absolute;bottom:45px;width:56px;height:56px;border-radius:50%;border:6px solid #ffffff99;background:#568dbb}.photo i:nth-of-type(1){left:70px}.photo i:nth-of-type(2){left:185px;width:68px;height:68px;background:#eba66d}.photo i:nth-of-type(3){right:65px;background:#6b5aa5}.teamLabel{height:100px;background:#fff;display:flex;align-items:center;gap:12px;padding:0 25px}.teamLabel>span,.about li>svg{width:34px;height:34px;padding:8px;border-radius:50%;background:#e1f7ef;color:#11a477}.teamLabel b,.teamLabel small,.about li b,.about li small{display:block}.teamLabel b{font-size:13px}.teamLabel small,.about li small{font-size:10px;color:#8995a2;margin-top:5px}.years{position:absolute;right:10px;top:35px;color:#fff;background:linear-gradient(135deg,var(--teal),var(--blue));padding:17px 20px;border-radius:16px;display:flex;align-items:center;gap:9px;box-shadow:0 15px 30px #159da838;animation:float 4s infinite}.years b{font-size:28px}.years small{font-size:7px;line-height:1.4}.aboutGrid>div:last-child>p{font-size:14px;color:var(--muted);line-height:1.8}.about ul{list-style:none;padding:0;margin:20px 0}.about li{display:flex;align-items:center;gap:13px;margin:17px 0}.about li>svg{padding:9px;flex:none}.about li b{font-size:13px}.process{background:linear-gradient(#f3fbfb,#fff)}.center{text-align:center}.center h2{margin:12px auto}.center p{color:var(--muted);font-size:13px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:50px;margin-top:60px}.steps article{text-align:center;position:relative}.steps article:not(:last-child):after{content:"";position:absolute;top:31px;left:67%;width:80%;border-top:1px dashed #a7d5d4}.steps article>span{width:63px;height:63px;display:grid;place-items:center;margin:auto;background:#fff;border:1px solid #d9e8e9;border-radius:18px;color:var(--teal);font-weight:bold;position:relative;z-index:2;box-shadow:0 10px 25px #1d52600d}.steps article:nth-child(even)>span{background:linear-gradient(135deg,var(--teal),var(--blue));color:#fff}.steps h3{font-size:15px}.steps p{font-size:11px;line-height:1.6;color:var(--muted)}.quote{padding-top:20px}.quote>.container{max-width:850px;text-align:center;padding:42px 65px;border:1px solid #e4eded;border-radius:23px;box-shadow:0 20px 50px #1a51640d}.quote blockquote{font-size:20px;line-height:1.65;font-weight:600;color:#354258}.client{display:flex;justify-content:center;align-items:center;gap:9px}.client>span{width:37px;height:37px;border-radius:50%;background:#dce8f1;display:grid;place-items:center;font-size:9px}.client b,.client small{display:block;text-align:left}.client b{font-size:11px}.client small{font-size:8px;color:#8693a1;margin-top:3px}
.cta{color:#fff;background:linear-gradient(120deg,#08aaa6,#2969da);overflow:hidden}.cta>.container{min-height:340px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px}.cta h2{font-size:44px;line-height:1.15;letter-spacing:-1.5px;margin:13px 0}.cta small{letter-spacing:2px;color:#bff8f4;font-weight:bold}.cta p{color:#dbf5f6;font-size:14px;line-height:1.8}.white{background:#fff;color:#176a98;margin-top:12px}footer{background:#101e34;color:#fff;padding:65px 0 25px}.footerGrid{display:grid;grid-template-columns:1.4fr .7fr .8fr 1.1fr;gap:50px}.footerGrid .logo>span:last-child{color:#fff}.footerGrid>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footerGrid>div>p,.footerGrid a,.footerGrid span{font-size:10px;color:#8fa0b3}.footerGrid>div>b{font-size:12px;margin-bottom:5px}.copy{border-top:1px solid #29384d;margin-top:50px;padding-top:20px;font-size:9px;color:#6f8097}
@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-11px)}}@keyframes floatScreen{50%{transform:rotateY(-3deg) translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
@media(max-width:900px){.links,.talk{display:none}.nav button{display:block}.heroGrid{height:auto;grid-template-columns:1fr;padding:90px 0 40px;text-align:center}.hero h1{font-size:49px}.heroCopy>p{margin:auto}.actions,.trust{justify-content:center}.visual{height:460px}.brands .container{height:auto;padding:20px 0;gap:20px;flex-wrap:wrap;justify-content:center}.head{display:block}.head>p{margin-top:20px}.serviceGrid{grid-template-columns:repeat(2,1fr)}.aboutGrid{grid-template-columns:1fr;gap:55px}.team{order:2}.steps{grid-template-columns:repeat(2,1fr)}.steps article:after{display:none}.cta>.container{gap:30px}.footerGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.container{width:calc(100% - 28px)}header{height:68px;position:absolute}.hero{padding-top:68px}.heroGrid{padding-top:65px}.hero h1{font-size:39px;letter-spacing:-2px}.heroCopy>p{font-size:15px}.actions{flex-direction:column}.btn{width:100%}.visual{height:360px}.screen{width:310px;height:220px}.screenTop{height:34px}.screenBody{height:186px}.screen aside{width:38px;gap:11px;padding-top:9px}.dash{padding:12px}.metrics article{height:78px;padding:8px}.bars{display:none}.lines{margin-top:8px}.float{padding:7px}.uptime{top:40px}.cloud{top:83px}.support{right:7px;bottom:20px}.o1{width:330px;height:280px}.o2{width:260px;height:340px}.brands span{width:100%;text-align:center}.section{padding:75px 0}.section h2{font-size:34px}.serviceGrid{grid-template-columns:1fr}.aboutGrid{gap:40px}.team{height:330px}.photo{height:245px}.photo i{transform:scale(.75)}.photo i:nth-of-type(1){left:30px}.photo i:nth-of-type(2){left:105px}.photo i:nth-of-type(3){right:25px}.steps{grid-template-columns:1fr;gap:30px}.quote>.container{padding:35px 20px}.quote blockquote{font-size:16px}.cta>.container{grid-template-columns:1fr;padding:60px 0;gap:0}.cta h2{font-size:36px}.footerGrid{grid-template-columns:1fr 1fr;gap:35px 20px}.footerGrid>div:first-child,.footerGrid>div:last-child{grid-column:1/-1}}

/* Services dropdown and expanded information section */
.hero .heroVideoOverlay.visible{background:linear-gradient(90deg,rgba(255,255,255,.64) 0%,rgba(255,255,255,.40) 48%,rgba(225,247,249,.18) 100%)}.heroCopy{background:linear-gradient(90deg,rgba(255,255,255,.58),rgba(255,255,255,.18),transparent)}.heroCopy h1,.heroCopy>p{filter:drop-shadow(0 1px 2px #ffffff)}
.videoPlayFallback{position:absolute;z-index:8;right:24px;top:100px;border:0;border-radius:30px;padding:10px 15px;background:#10233de8;color:#fff;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 8px 25px #10233d38}.heroBgVideo{animation:videoPulse 5s ease-in-out infinite}@keyframes videoPulse{0%,100%{filter:saturate(1.2) contrast(1.06) brightness(.94)}50%{filter:saturate(1.45) contrast(1.14) brightness(1.1)}}.heroVideoOverlay.visible{pointer-events:none}
.heroVideoOverlay.visible{background:linear-gradient(90deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.59) 45%,rgba(235,250,250,.48) 100%)}.heroBgVideo{filter:saturate(1.25) contrast(1.08);transform:scale(1.02)}
.heroBgVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.heroVideoOverlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.74) 45%,rgba(240,252,252,.64) 100%)}.hero .glow{z-index:1}.heroGrid,.brands{position:relative;z-index:2}.heroCopy{padding:26px 28px 26px 0;border-radius:22px;text-shadow:0 1px 0 #fff}.heroCopy .eyebrow,.heroCopy .btn,.heroCopy .trust{text-shadow:none}
.videoFrame{width:470px;aspect-ratio:16/10;border-radius:22px;overflow:hidden;position:relative;z-index:2;border:5px solid #fff;box-shadow:0 35px 70px #17607429;transform:rotateY(-4deg);animation:floatScreen 5s ease-in-out infinite;background:#071b33}.videoFrame video{width:100%;height:100%;object-fit:cover;display:block}.videoFrame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#071b3388);pointer-events:none}.videoBadge{position:absolute;left:20px;bottom:18px;z-index:2;color:#fff;display:flex;align-items:center;gap:10px}.videoBadge>span{width:36px;height:36px;border-radius:50%;background:#ffffffea;color:var(--teal);display:grid;place-items:center}.videoBadge svg{width:14px;fill:currentColor}.videoBadge b,.videoBadge small{display:block}.videoBadge b{font-size:12px}.videoBadge small{font-size:8px;color:#bdebe8;margin-top:4px}.dropdownMenu.compact{width:220px}.dropdownMenu.compact a{padding:13px}.dropdownMenu.compact a b{font-size:12px;font-weight:700}
.serviceGrid .service:nth-child(1){background:linear-gradient(145deg,#fff,#f4efff);border-color:#e5d9fa}.serviceGrid .service:nth-child(2){background:linear-gradient(145deg,#fff,#edf4ff);border-color:#d9e5fa}.serviceGrid .service:nth-child(3){background:linear-gradient(145deg,#fff,#ebfaf3);border-color:#d4eee2}.serviceGrid .service:nth-child(4){background:linear-gradient(145deg,#fff,#fff5e9);border-color:#f5e3ce}.serviceGrid .service:nth-child(5){background:linear-gradient(145deg,#fff,#fff0f6);border-color:#f3dbe6}.serviceGrid .service:nth-child(6){background:linear-gradient(145deg,#fff,#eafafa);border-color:#d1eeee}.serviceGrid .service:hover{border-color:transparent;box-shadow:0 20px 45px #365a771c}
@media(max-width:600px){.videoFrame{width:310px}.videoBadge{left:14px;bottom:12px}}
.links{align-items:center}.dropdown{position:relative;height:78px;display:flex;align-items:center}.dropdown>a{display:flex;align-items:center;gap:4px}.dropdown>a svg{width:14px;transition:.2s}.dropdown:hover>a svg{transform:rotate(180deg)}.dropdownMenu{position:absolute;top:67px;left:50%;transform:translate(-50%,10px);width:270px;background:#fff;border:1px solid #e3ecef;border-radius:15px;padding:9px;box-shadow:0 22px 50px #173e5f1f;opacity:0;visibility:hidden;transition:.22s}.dropdown:hover .dropdownMenu,.dropdown:focus-within .dropdownMenu{opacity:1;visibility:visible;transform:translate(-50%,0)}.dropdownMenu a{display:flex;align-items:center;gap:10px;padding:9px;border-radius:9px;color:#48576b}.dropdownMenu a:hover{background:#effafa}.dropdownMenu a span{width:30px;height:30px;border-radius:8px;background:#e8f7f6;color:var(--teal);display:grid;place-items:center}.dropdownMenu a span svg{width:15px}.dropdownMenu a>svg{width:13px;margin-left:auto;color:#9aa7b3}.expertise{background:#fff;padding-top:90px}.seoIntro{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.seoIntro h2{max-width:520px}.seoIntro p{color:var(--muted);font-size:14px;line-height:1.85;margin:0 0 14px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:45px}.benefits article{border:1px solid #e4eeee;background:linear-gradient(145deg,#fff,#f8fcfc);border-radius:15px;padding:22px}.benefits b{font-size:13px}.benefits p{font-size:11px;line-height:1.65;color:var(--muted);margin-bottom:0}@media(max-width:900px){.seoIntro{grid-template-columns:1fr;gap:20px}.benefits{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.benefits{grid-template-columns:1fr}}
/* TOP CONTACT BAR */

.topContactBar{
    background:#10223d;
    color:#fff;
    font-size:14px;
}

.topContactInner{
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:24px;
}

.topContactInner a{
    color:#fff;
    text-decoration:none;
    font-weight:600;
    transition:.2s ease;
}

.topContactInner a:hover{
    color:#20c7c2;
}

/* Mobile */

@media(max-width:700px){

    .topContactInner{
        min-height:auto;
        padding:8px 14px;
        justify-content:center;
        gap:8px 16px;
        flex-wrap:wrap;
        text-align:center;
    }

    .topContactInner a{
        font-size:12px;
    }
}