:root{--navy:#031b33;--navy2:#062a50;--blue:#0879ef;--blue2:#0b5fc2;--ink:#101828;--muted:#667085;--line:#e6edf5;--soft:#f6f9fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;color:var(--ink);padding-top:74px}.navbar{min-height:74px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:#111;text-decoration:none;line-height:.9}.brand-mark{font-size:31px;color:var(--blue)}.brand small{display:block;font-size:7px;letter-spacing:3px;margin-top:7px}.nav-link{font-size:14px;font-weight:600;color:#27364a!important}.nav-link.active,.nav-link:hover{color:var(--blue)!important}.btn{border-radius:6px;font-weight:600}.btn-primary{background:var(--blue);border-color:var(--blue)}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 35%,#0b4778 0,transparent 26%),linear-gradient(120deg,#03182d,#032444 60%,#041a31);color:#fff}.hero-grid{position:absolute;inset:0;opacity:.11;background-image:linear-gradient(#58a8ff 1px,transparent 1px),linear-gradient(90deg,#58a8ff 1px,transparent 1px);background-size:45px 45px;transform:perspective(500px) rotateX(60deg) scale(1.6);transform-origin:center bottom}.min-vh-75{min-height:640px}.eyebrow,.section-heading>span,.contact-cta>div>div>div>span{font-size:12px;letter-spacing:1.5px;font-weight:800;color:#5eb1ff}.hero h1{font-size:clamp(45px,6vw,74px);font-weight:800;letter-spacing:-3px;line-height:1.02;margin:18px 0}.hero h1 span{color:#168cff}.hero .lead{max-width:680px;color:#d8e6f3;font-size:18px;line-height:1.7}.hero-points{font-size:12px;color:#d8e6f3}.hero-points i{display:block;font-size:24px;color:#24a4ff;margin-bottom:7px}.tech-orbit{width:430px;height:430px;position:relative;margin:auto}.orbit{position:absolute;border:1px solid rgba(54,166,255,.35);border-radius:50%;inset:50%;transform:translate(-50%,-50%)}.o1{width:160px;height:160px}.o2{width:280px;height:280px}.o3{width:400px;height:400px}.core,.sat{position:absolute;display:grid;place-items:center;border-radius:50%;background:#0879ef;box-shadow:0 0 45px #0788ff}.core{width:90px;height:90px;left:170px;top:170px;font-size:38px}.sat{width:55px;height:55px;font-size:23px}.s1{left:65px;top:60px}.s2{right:25px;top:185px}.s3{left:45px;bottom:45px}.s4{right:90px;bottom:40px}.section{padding:85px 0}.section-heading{max-width:780px;margin:0 auto 45px}.section-heading span{color:var(--blue)}.section-heading h2{font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-1px;margin:8px 0}.section-heading p{color:var(--muted)}.service-card{height:100%;padding:28px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 30px rgba(16,24,40,.04);transition:.3s}.service-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(16,24,40,.11);border-color:#b8dcff}.service-card .icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#eaf4ff;color:var(--blue);font-size:23px;margin-bottom:20px}.service-card h3{font-size:18px;font-weight:700}.service-card p{color:var(--muted);font-size:14px;min-height:64px}.service-card a{color:var(--blue);text-decoration:none;font-size:13px;font-weight:700}.benefit{padding:18px 10px}.benefit i{font-size:31px;color:var(--blue)}.benefit h4{font-size:14px;font-weight:700;margin:12px 0 5px}.benefit p{font-size:12px;color:var(--muted)}.process-section{background:linear-gradient(125deg,#03182d,#06335e);color:#fff}.section-heading.light p{color:#c5d6e6}.process-step{text-align:center;padding:15px}.step-icon{width:68px;height:68px;margin:0 auto 15px;border-radius:50%;display:grid;place-items:center;background:var(--blue);font-size:27px;box-shadow:0 0 0 8px rgba(8,121,239,.15)}.process-step b{font-size:11px;color:#65b4ff}.process-step h3{font-size:18px;font-weight:700;margin:6px}.process-step p{color:#c5d6e6;font-size:13px}.stats{padding:38px 0;border-bottom:1px solid var(--line);background:#fff}.stats strong,.stats span{font-size:38px;color:var(--blue);font-weight:800}.stats p{margin:2px 0;font-size:12px;font-weight:600}.industry-grid{display:grid;grid-template-columns:repeat(8,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden}.industry-grid div{text-align:center;padding:25px 10px;border-right:1px solid var(--line)}.industry-grid div:last-child{border:0}.industry-grid i{display:block;font-size:27px;color:var(--blue);margin-bottom:10px}.industry-grid span{font-size:12px;font-weight:600}.tech-section{background:var(--soft);overflow:hidden}.tech-marquee{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.tech-track{display:flex;width:max-content;gap:22px;animation:scroll 28s linear infinite}.tech-track span{width:130px;height:75px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;font-weight:800;font-size:18px;box-shadow:0 4px 18px rgba(16,24,40,.04)}@keyframes scroll{to{transform:translateX(-50%)}}.quote{height:100%;border:1px solid var(--line);border-radius:12px;padding:30px;box-shadow:0 8px 30px rgba(16,24,40,.04)}.quote i{font-size:30px;color:var(--blue)}.quote p{color:var(--muted);line-height:1.7}.quote strong,.quote small{display:block}.quote small{color:var(--muted);margin-top:4px}.contact-cta{padding:65px 0;background:linear-gradient(120deg,#0b62c6,#0879ef);color:#fff}.contact-cta h2{font-size:36px;font-weight:800}.contact-cta p{color:#e7f2ff}.contact-form{background:rgba(255,255,255,.1);padding:20px;border-radius:12px}.contact-form .form-control{border:0;padding:13px}.contact-form .btn{padding:13px;color:#0759b2;font-weight:700}footer{background:#03182d;color:#b8cadb}footer .brand-light{color:#fff}footer h5{color:#fff;font-size:14px;font-weight:700}footer a{display:block;color:#b8cadb;text-decoration:none;font-size:13px;margin:8px 0}footer a:hover{color:#fff}footer p{font-size:13px;max-width:390px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;font-size:12px}#backTop{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border:0;border-radius:50%;background:var(--blue);color:#fff;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 8px 25px rgba(0,0,0,.2)}#backTop.show{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(22px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:991px){.navbar-collapse{padding:18px 0}.hero{text-align:center}.hero .lead{margin:auto}.hero-points{text-align:center}.hero .d-flex{justify-content:center}.industry-grid{grid-template-columns:repeat(4,1fr)}.industry-grid div{border-bottom:1px solid var(--line)}.contact-cta{text-align:center}}@media(max-width:575px){body{padding-top:68px}.navbar{min-height:68px}.brand{font-size:15px}.brand-mark{font-size:25px}.hero h1{letter-spacing:-2px}.min-vh-75{min-height:650px}.section{padding:65px 0}.industry-grid{grid-template-columns:repeat(2,1fr)}.stats strong,.stats span{font-size:30px}.contact-cta h2{font-size:29px}}
.contact-section{background:#f7faff}.contact-info-card{height:100%;background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;transition:.3s;box-shadow:0 8px 25px rgba(16,24,40,.035)}.contact-info-card:hover{transform:translateY(-5px);border-color:#b7dbff;box-shadow:0 16px 35px rgba(16,24,40,.08)}.contact-icon{width:48px;height:48px;border-radius:10px;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;font-size:21px;margin-bottom:18px}.contact-info-card h4{font-size:15px;font-weight:800;margin-bottom:7px}.contact-info-card p{font-size:12px;color:var(--muted);margin-bottom:6px}.contact-info-card a{font-size:13px;font-weight:700;color:var(--blue);text-decoration:none;overflow-wrap:anywhere}.contact-panel{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 20px 55px rgba(16,24,40,.08)}.contact-form-side{padding:42px}.contact-kicker{font-size:11px;letter-spacing:1.5px;color:var(--blue);font-weight:800}.contact-form-side h3{font-size:28px;font-weight:800;margin:8px 0}.contact-form-side>p{color:var(--muted);font-size:14px;margin-bottom:26px}.contact-form-new .form-label{font-size:12px;font-weight:700;color:#344054}.contact-form-new .form-control,.contact-form-new .form-select{border:1px solid #dbe4ee;border-radius:7px;padding:12px;font-size:14px}.map-side{position:relative;min-height:570px;background:#eaf1f7}.map-side iframe{width:100%;height:100%;min-height:570px;border:0}.map-address{position:absolute;left:25px;right:25px;bottom:25px;background:rgba(255,255,255,.97);border-radius:12px;padding:20px;display:flex;gap:15px;box-shadow:0 10px 35px rgba(0,0,0,.16)}.map-pin{flex:0 0 44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:19px}.map-address small{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:1px}.map-address h4{font-size:16px;font-weight:800;margin:4px 0}.map-address p{font-size:12px;color:var(--muted);line-height:1.55;margin-bottom:10px}.dummy-note{font-size:11px;color:#7a8797}@media(max-width:991px){.map-side,.map-side iframe{min-height:500px}.contact-form-side{padding:30px}}@media(max-width:575px){.contact-form-side{padding:22px}.map-side,.map-side iframe{min-height:480px}.map-address{left:12px;right:12px;bottom:12px;padding:15px}}

/* Animated hero technology scene */
.hero-animation{width:470px;height:440px;position:relative;margin:auto;perspective:900px}
.code-window{position:absolute;left:55px;top:85px;width:365px;background:rgba(3,20,39,.88);border:1px solid rgba(93,181,255,.32);border-radius:14px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.38),0 0 50px rgba(8,121,239,.12);transform:rotateY(-8deg) rotateX(3deg);animation:windowFloat 5s ease-in-out infinite}
.window-bar{height:42px;background:rgba(255,255,255,.055);display:flex;align-items:center;gap:7px;padding:0 13px;border-bottom:1px solid rgba(255,255,255,.08)}
.window-bar span{width:8px;height:8px;border-radius:50%;background:#6d8298}.window-bar b{font-size:9px;letter-spacing:.5px;color:#91a9bf;font-weight:600;margin-left:8px}
.code-body{padding:24px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:2.05;color:#d6e8f8}
.code-body em{font-style:normal;color:#506c84;display:inline-block;width:30px}.c-blue{color:#51b5ff}.c-green{color:#73e2bb}.typing-line i{display:inline-block;width:7px;height:15px;background:#51b5ff;margin-left:4px;vertical-align:-3px;animation:blink .8s steps(1) infinite}
.float-node{position:absolute;width:70px;height:70px;border-radius:16px;background:linear-gradient(145deg,rgba(14,72,121,.95),rgba(5,38,69,.95));border:1px solid rgba(91,182,255,.4);box-shadow:0 12px 35px rgba(0,0,0,.28),0 0 24px rgba(8,121,239,.16);display:grid;place-items:center;color:#65bcff;z-index:3;animation:nodeFloat 4s ease-in-out infinite}
.float-node i{font-size:25px}.float-node small{font-size:8px;font-weight:800;letter-spacing:1px;color:#c4dcef;margin-top:-14px}.node-cloud{left:3px;top:35px}.node-ai{right:-2px;top:78px;animation-delay:-1s}.node-data{left:8px;bottom:52px;animation-delay:-2s}.node-mobile{right:8px;bottom:35px;animation-delay:-3s}
.flow-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#31a6ff,transparent);opacity:.65;transform-origin:left center;animation:dataFlow 2.5s linear infinite}.f1{width:160px;left:55px;top:104px;transform:rotate(22deg)}.f2{width:160px;right:48px;top:145px;transform:rotate(155deg)}.f3{width:210px;left:100px;bottom:90px;transform:rotate(-18deg)}
.pulse-ring{position:absolute;border:1px solid rgba(46,163,255,.2);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:pulseOut 4s ease-out infinite}.p1{width:330px;height:330px}.p2{width:410px;height:410px;animation-delay:-2s}
@keyframes windowFloat{0%,100%{transform:rotateY(-8deg) rotateX(3deg) translateY(0)}50%{transform:rotateY(-5deg) rotateX(1deg) translateY(-12px)}}@keyframes nodeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes blink{50%{opacity:0}}@keyframes dataFlow{0%{opacity:.15;filter:brightness(1)}50%{opacity:.9;filter:brightness(1.8)}100%{opacity:.15;filter:brightness(1)}}@keyframes pulseOut{0%{opacity:.1;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.45}100%{opacity:0;transform:translate(-50%,-50%) scale(1.15)}}
@media(prefers-reduced-motion:reduce){.code-window,.float-node,.flow-line,.pulse-ring,.typing-line i{animation:none!important}}
