:root{--navy:#111827;--blue:#0868b5;--cyan:#08a9df;--green:#48b649;--red:#ed1c24;--text:#26364d;--muted:#6c7b90;--light:#f5f8fc;--white:#fff;--line:#e4ebf3;--shadow:0 18px 50px rgba(8,26,51,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 36px));margin:auto}.topbar{background:#075a9c;color:#eaf7ff;font-size:13px}.topbar-inner{height:38px;display:flex;align-items:center;justify-content:space-between}.topbar-links{display:flex;gap:22px}.site-header{position:sticky;top:0;z-index:1000;box-shadow:0 8px 26px rgba(8,26,51,.08)}.navbar{position:relative;z-index:2;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(228,235,243,.9)}.nav-inner{height:82px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand-logo{display:block;width:250px;height:62px;object-fit:contain;object-position:left center}.footer-logo{width:280px;height:72px;background:#fff;border-radius:8px;padding:5px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:linear-gradient(145deg,var(--blue),var(--cyan));color:#fff;font-weight:800;box-shadow:0 9px 22px rgba(23,105,255,.28)}.brand-text{font-size:23px;color:var(--navy);line-height:1}.brand-text strong{font-weight:800}.brand-text>span{display:block;margin-top:6px;font-size:9px;letter-spacing:.7px;color:#73839a;text-transform:uppercase}.nav-links{list-style:none;display:flex;align-items:center;gap:27px;margin:0 0 0 auto;padding:0}.nav-links a,.dropdown-btn{font:inherit;font-size:14px;font-weight:600;color:#33465f;background:none;border:0;cursor:pointer;padding:28px 0}.nav-links a:hover,.dropdown-btn:hover{color:var(--blue)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:68px;left:-18px;width:275px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:none}.dropdown-menu a{display:block;padding:11px 13px;border-radius:9px}.dropdown-menu a:hover{background:#f1f6ff}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:13px 21px;font-weight:700;font-size:14px;border:1px solid transparent;transition:.2s}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;box-shadow:0 10px 25px rgba(23,105,255,.25)}.btn-primary:hover{transform:translateY(-2px)}.btn-outline{border-color:rgba(255,255,255,.65);color:#fff;background:rgba(255,255,255,.06)}.btn-dark{background:var(--navy);color:#fff}.menu-toggle{display:none;margin-left:auto;font-size:25px;border:0;background:none}.hero{position:relative;min-height:720px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(4,17,36,.92),rgba(4,17,36,.66)),url('../images/hero.svg') center/cover no-repeat;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -10% -45% auto;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(37,184,230,.25),transparent 65%)}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center}.eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--blue);margin-bottom:12px}.hero .eyebrow{color:#7ad8f7}.hero h1{font-size:58px;line-height:1.08;margin:0 0 20px;letter-spacing:-2px;max-width:760px}.hero h1 span{color:#65d5f5}.hero-copy>p{font-size:18px;color:#d4e2ef;max-width:720px}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-metrics{display:flex;gap:44px;margin-top:45px}.hero-metrics div{display:flex;flex-direction:column}.hero-metrics strong{font-size:27px}.hero-metrics span{font-size:12px;color:#a8b9ca}.hero-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.17);padding:32px;border-radius:22px;backdrop-filter:blur(14px);box-shadow:0 25px 60px rgba(0,0,0,.22)}.hero-card-badge{display:inline-block;background:#57d4f8;color:#08213a;font-weight:800;font-size:11px;padding:7px 10px;border-radius:20px;text-transform:uppercase}.hero-card h3{font-size:28px;line-height:1.3;margin:18px 0 10px}.hero-card p{color:#d3dfeb}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.mini-grid span{padding:11px;background:rgba(255,255,255,.08);border-radius:9px;font-size:12px}.trust-strip{background:linear-gradient(90deg,#075a9c,#087fb3);color:#e7f7fa}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.trust-grid span{padding:18px 10px;border-right:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:600}.section{padding:95px 0}.section-heading{max-width:700px;margin-bottom:42px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2,.about-copy h2,.contact-info h2{font-size:40px;line-height:1.2;color:var(--navy);margin:0 0 15px;letter-spacing:-1px}.section-heading p,.about-copy p,.contact-info>p{color:var(--muted)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{padding:30px;background:#fff;border:1px solid var(--line);border-radius:16px;transition:.25s;box-shadow:0 8px 25px rgba(12,40,70,.04)}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#c9dcff}.service-card .icon{font-size:32px;width:58px;height:58px;display:grid;place-items:center;border-radius:14px;background:#eff6ff}.service-card h3{color:var(--navy);font-size:19px;margin:20px 0 9px}.service-card p{font-size:14px;color:var(--muted);min-height:92px}.service-card a{font-size:13px;color:var(--blue);font-weight:700}.about-section{background:var(--light)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-visual{position:relative;min-height:520px}.about-img{position:absolute;border-radius:20px;background-size:cover;background-position:center;box-shadow:var(--shadow)}.about-img.main{width:82%;height:420px;left:0;top:0;background-image:url('../images/about.svg')}.about-img.small{width:52%;height:250px;right:0;bottom:0;background-image:url('../images/network.svg');border:8px solid var(--light)}.experience-badge{position:absolute;left:35px;bottom:22px;background:var(--blue);color:#fff;padding:18px 22px;border-radius:14px;display:flex;flex-direction:column;box-shadow:0 15px 30px rgba(23,105,255,.3)}.experience-badge strong{font-size:22px}.experience-badge span{font-size:11px}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0 28px;font-size:13px;font-weight:600;color:#30445f}.stats-section{background:linear-gradient(110deg,#075a9c,#0a6da5 55%,#329c52);color:#fff;padding:58px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid div{text-align:center;border-right:1px solid rgba(255,255,255,.12)}.stats-grid strong{display:block;font-size:30px}.stats-grid span{font-size:12px;color:#9fb5cb}.projects-section{background:#fff}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{height:390px;border-radius:18px;position:relative;overflow:hidden;background-size:cover;background-position:center;box-shadow:var(--shadow)}.project-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(4,17,36,.92) 92%)}.project-card.p1{background-image:url('../images/project-network.svg')}.project-card.p2{background-image:url('../images/project-code.svg')}.project-card.p3{background-image:url('../images/project-support.svg')}.project-content{position:absolute;left:26px;right:26px;bottom:24px;color:#fff}.project-content span{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#72d8f4;font-weight:800}.project-content h3{font-size:21px;line-height:1.35;margin:7px 0}.project-content p{font-size:13px;color:#cfdae6;margin:0}.process-section{background:#f6f9fd}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-grid div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px}.process-grid span{font-size:28px;color:#c5d8f8;font-weight:800}.process-grid h3{color:var(--navy);margin:10px 0 6px}.process-grid p{font-size:13px;color:var(--muted);margin:0}.contact-section{background:linear-gradient(135deg,#eef5ff,#f7fbff)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:start}.contact-list{display:grid;gap:18px;margin-top:30px}.contact-list div{display:flex;gap:14px}.contact-list>div>span{width:42px;height:42px;background:#fff;border:1px solid var(--line);border-radius:11px;display:grid;place-items:center}.contact-list p{margin:0;font-size:14px}.contact-list strong{display:block;color:var(--navy)}.contact-list a{color:var(--blue)}.contact-form{background:#fff;border:1px solid var(--line);padding:32px;border-radius:18px;box-shadow:var(--shadow)}.contact-form h3{margin-top:0;color:var(--navy);font-size:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{display:block;font-size:12px;font-weight:700;color:#465a74;margin-bottom:14px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:7px;border:1px solid #dbe5ef;border-radius:9px;padding:12px 13px;font:inherit;font-size:14px;color:#243a54;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,105,255,.08)}.form-note{font-size:11px;color:#8a99aa;margin-bottom:0}.footer{background:#071a2a;color:#bdcad9;padding-top:65px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:45px;padding-bottom:48px}.footer-brand .brand-text{color:#fff}.footer-grid>div>p{font-size:13px;color:#8fa4bb}.footer h4{color:#fff;margin:5px 0 14px}.footer-grid>div>a:not(.brand){display:block;font-size:13px;color:#9bb0c6;margin:8px 0}.footer-grid>div>a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08)}.footer-bottom .container{display:flex;justify-content:space-between;padding:18px 0;font-size:11px;color:#71879f}.reveal{animation:fadeUp .8s ease both}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(max-width:980px){.nav-cta{display:none}.nav-links{gap:18px}.hero-content,.about-grid,.contact-grid{grid-template-columns:1fr}.hero{padding:90px 0}.hero-card{max-width:650px}.services-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:30px}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topbar{display:none}.navbar{position:relative}.nav-inner{height:72px}.menu-toggle{display:block}.nav-links{position:absolute;top:72px;left:0;right:0;background:#fff;border-top:1px solid var(--line);display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px 22px 20px}.nav-links.open{display:flex}.nav-links a,.dropdown-btn{display:block;width:100%;text-align:left;padding:12px 0}.dropdown-menu{position:static;width:100%;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 0 14px;display:none}.dropdown.open .dropdown-menu{display:block}.hero h1{font-size:41px}.hero-content{gap:35px}.hero-metrics{gap:22px;flex-wrap:wrap}.trust-grid,.services-grid,.projects-grid,.process-grid,.footer-grid{grid-template-columns:1fr}.trust-grid span{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.section{padding:70px 0}.section-heading h2,.about-copy h2,.contact-info h2{font-size:32px}.about-visual{min-height:430px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid div{border:0}.form-row{grid-template-columns:1fr}.footer-bottom .container{flex-direction:column;gap:5px}.project-card{height:350px}.mini-grid{grid-template-columns:1fr}}

/* Data One Technologies logo color integration */
.navbar{border-top:3px solid var(--green)}
.service-card{border-top:3px solid transparent}.service-card:hover{border-top-color:var(--green)}
.service-card .icon{background:linear-gradient(145deg,#eef8ff,#effbed)}
.project-content span{color:#72e184}
@media(max-width:760px){.brand-logo{width:190px;height:54px}.footer-logo{width:245px;height:66px}}

.form-alert{margin:0 0 18px;padding:13px 15px;border-radius:10px;font-size:13px;font-weight:600}.form-alert.success{background:#edf9ef;border:1px solid #bfe5c6;color:#23733a}.form-alert.error{background:#fff0f0;border:1px solid #f2c4c4;color:#a52a2a}.website-field{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.site-header+main{scroll-margin-top:120px}section[id]{scroll-margin-top:125px}@media(max-width:760px){section[id]{scroll-margin-top:72px}}