@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#061a2b;--navy2:#09263d;--blue:#078cff;--blue2:#35a7ff;--ink:#10253a;--muted:#607286;--light:#f5f9fc;--white:#fff;--line:#dfe9f1;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{min-height:92px;padding:8px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #edf2f6}.brand{display:flex;align-items:center;line-height:0;flex-shrink:0}.brand img{display:block;width:180px;height:auto;max-height:76px;object-fit:contain;object-position:left center}.site-nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.site-nav a{position:relative}.site-nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:var(--blue);transform:scaleX(0);transition:.2s}.site-nav a:hover:after,.site-nav a.active:after{transform:scaleX(1)}.nav-cta{background:var(--blue);color:#fff;padding:11px 20px;border-radius:999px;box-shadow:0 8px 20px #078cff33}.menu-toggle{display:none;background:none;border:0;font-size:25px}.hero{background:linear-gradient(110deg,#061827 0%,#082943 58%,#0b3554 100%);color:#fff;overflow:hidden}.hero-grid{max-width:1250px;margin:auto;min-height:550px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:60px 28px}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.25em;color:var(--blue);margin:0 0 12px}.hero .eyebrow{color:#d7ebfa}.hero h1{font-size:clamp(46px,6vw,76px);line-height:1.03;letter-spacing:-.05em;margin:0 0 22px;max-width:720px}.hero h1 span{color:var(--blue)}.hero-text{font-size:18px;color:#d5e2ec;max-width:600px}.button-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 23px;border-radius:999px;font-weight:700;font-size:14px;border:1px solid transparent;cursor:pointer}.button.primary{background:var(--blue);color:#fff;box-shadow:0 10px 25px #078cff3d}.button.primary:hover{background:#269cff}.button.secondary{border-color:#fff;color:#fff}.button.secondary:hover{background:#fff;color:var(--navy)}.button.secondary.blue{border-color:var(--blue);color:var(--blue)}.button.secondary.blue:hover{background:var(--blue);color:#fff}.hero-device{height:400px;position:relative}.server-rack{position:absolute;right:25%;top:45px;width:110px;height:300px;border-radius:9px;background:linear-gradient(90deg,#071521,#15344b);box-shadow:0 25px 80px #0008;padding:22px 14px}.server-rack i{display:block;height:34px;border:1px solid #31516a;margin-bottom:13px;border-radius:4px;position:relative}.server-rack i:after{content:"";width:6px;height:6px;border-radius:50%;background:#31a8ff;position:absolute;right:8px;top:13px;box-shadow:-12px 0 #52df9a}.laptop{position:absolute;right:-10px;bottom:45px;width:410px;transform:perspective(500px) rotateY(-10deg);filter:drop-shadow(0 30px 25px #0007)}.laptop .screen{height:230px;border:12px solid #132c3f;border-radius:13px 13px 5px 5px;background:radial-gradient(circle at 70% 35%,#2ca8ff,#06467a 38%,#071c2e 70%);display:grid;place-items:center;font-size:80px;font-weight:800;color:#fff}.laptop .base{height:18px;background:#8aa0ae;border-radius:0 0 30px 30px;margin:0 -25px}.desk-glow{position:absolute;inset:auto 0 15px 5%;height:80px;background:#078cff66;filter:blur(40px)}.section{max-width:1250px;margin:auto;padding:90px 28px}.section-heading{text-align:center;max-width:720px;margin:0 auto 44px}.section-heading h2,.section h2{font-size:38px;line-height:1.1;letter-spacing:-.03em;margin:0 0 12px}.section-heading>p:last-child{color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:0 12px 30px #12304d08;transition:.2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #12304d14;border-color:#b8dcf4}.service-card .icon{width:52px;height:52px;border-radius:50%;background:#e6f4ff;color:var(--blue);display:grid;place-items:center;font-size:17px;font-weight:800;margin-bottom:20px}.service-card h3,.service-card h2{font-size:18px;line-height:1.3;margin:0 0 8px}.service-card p{color:var(--muted);margin:0}.services-preview{background:var(--light);max-width:none;padding-left:max(28px,calc((100vw - 1194px)/2));padding-right:max(28px,calc((100vw - 1194px)/2))}.services-preview .card-grid{max-width:1194px;margin:auto}.trust-section{display:grid;grid-template-columns:.85fr 1.4fr;background:var(--navy);color:#fff;min-height:430px}.trust-image{position:relative;min-height:420px;background:radial-gradient(circle at 35% 50%,#1a496b,#071d30 65%);overflow:hidden}.monitor-shape{position:absolute;width:380px;height:250px;border:18px solid #102f47;border-radius:18px;left:12%;top:70px;transform:rotate(-7deg);box-shadow:0 30px 80px #0008}.coffee{position:absolute;left:20%;bottom:55px;background:#f7f7f7;color:#20384b;border-radius:0 0 14px 14px;padding:14px 20px;font-size:12px;box-shadow:0 15px 30px #0005}.trust-copy{padding:75px 6vw}.trust-copy h2{font-size:37px;line-height:1.1;margin:0 0 35px}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.trust-grid>div{border-left:1px solid #ffffff24;padding-left:16px}.trust-grid b{color:var(--blue);font-size:12px}.trust-grid h3{font-size:14px;margin:12px 0 6px}.trust-grid p{font-size:12px;color:#b8cad7;margin:0}.contact-preview{display:grid;grid-template-columns:1.3fr .9fr .9fr;gap:30px;align-items:center}.location-copy p:not(.eyebrow){color:var(--muted)}.area-card{padding:30px;background:var(--light);border:1px solid var(--line);border-radius:16px}.area-card p{margin:7px 0;color:#496176;font-size:13px}.pin{color:var(--blue);font-size:32px;margin-bottom:10px}.contact-card{background:var(--navy);color:#fff;border-radius:16px;padding:30px}.contact-card h2{font-size:26px!important}.contact-card p:not(.eyebrow){color:#bdcfdb;font-size:13px}.site-footer{background:#061a2b;color:#d8e5ee;padding:50px max(28px,5vw) 25px}.footer-grid{max-width:1194px;margin:auto;display:grid;grid-template-columns:1.3fr .8fr .9fr .9fr;gap:45px;padding-bottom:40px}.footer-grid h3{font-size:12px;color:#fff;margin:0 0 10px}.footer-grid>div>a,.footer-grid>div>p{display:block;color:#9eb2c2;font-size:12px;margin:5px 0}.footer-brand img{width:170px;max-height:80px}.footer-brand strong{color:#fff}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:20px;max-width:1194px;margin:auto;display:flex;justify-content:space-between;gap:20px;color:#7f98aa;font-size:11px}.footer-bottom a:hover{color:#fff}.page-hero{background:linear-gradient(120deg,var(--navy),#0c3859);color:#fff;padding:100px max(28px,8vw);text-align:center}.page-hero h1{font-size:clamp(40px,6vw,65px);line-height:1.05;letter-spacing:-.04em;max-width:900px;margin:0 auto 18px}.page-hero>p:last-child{color:#c9d9e5;max-width:650px;margin:auto}.service-page-grid{grid-template-columns:repeat(2,1fr)}.cta-band{background:var(--light);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:55px max(28px,8vw)}.cta-band h2{margin:0;font-size:32px}.split-section{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:start}.split-section p:not(.eyebrow){color:var(--muted)}.feature-panel{background:var(--navy);color:#fff;border-radius:18px;padding:34px}.feature-panel span{color:var(--blue);font-weight:800;font-size:12px}.feature-panel h3{display:inline;margin:0 0 4px 10px}.feature-panel p{color:#b9cbd8!important;margin:4px 0 22px 25px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-info>p:not(.eyebrow){color:var(--muted)}.contact-detail{display:flex;flex-direction:column;padding:15px 0;border-bottom:1px solid var(--line)}.contact-detail span{color:var(--muted);font-size:14px}.contact-form{background:var(--light);padding:35px;border-radius:18px}.contact-form label{display:block;font-weight:700;font-size:13px;margin-bottom:17px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #cfdde7;border-radius:10px;padding:12px;font:inherit;background:#fff}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #078cff33;border-color:var(--blue)}.form-note{font-size:11px;color:var(--muted);margin:12px 0 0}.form-status{font-size:13px;font-weight:600;margin:10px 0 0;color:var(--blue)}.optional{font-weight:400;color:var(--muted)}

.hero-home{background:#061a2b}
.hero-home .hero-grid{max-width:1400px;grid-template-columns:1fr 1.05fr;min-height:570px;padding:54px 34px 54px 50px;gap:24px}
.hero-home .hero-copy{padding:15px 0}
.hero-home .hero-divider{color:#078cff;padding:0 5px}
.hero-home h1{font-size:clamp(42px,5vw,68px);max-width:680px;margin-bottom:18px}
.hero-home .hero-text{max-width:620px;font-size:17px;line-height:1.65}
.hero-features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:650px;margin-top:30px}
.hero-features>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;color:#fff;font-size:11px;line-height:1.35}
.hero-features strong{font-weight:700}
.feature-icon{width:54px;height:54px;border:2px solid var(--blue);border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:24px;box-shadow:0 0 20px #078cff22}
.hero-map-wrap{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:22px}
.hero-map{position:absolute;inset:0;background-image:linear-gradient(90deg,#061a2b 0%,transparent 28%),url('/images/service-area-map.png');background-size:cover;background-position:center;border-radius:22px;opacity:.98}
.hero-map:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#061a2bcc 100%);pointer-events:none}
.hero-map-label{position:absolute;right:24px;bottom:22px;display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid #078cff;border-radius:14px;background:#061a2be8;color:#fff;box-shadow:0 10px 30px #0006;min-width:255px}
.hero-map-label .map-pin{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--blue);font-size:12px;box-shadow:0 0 20px #078cff88}
.hero-map-label small,.hero-map-label strong,.hero-map-label em{display:block}
.hero-map-label small{font-size:9px;letter-spacing:.16em;color:var(--blue);font-weight:800}
.hero-map-label strong{font-size:15px;margin-top:2px}
.hero-map-label em{font-size:11px;color:#a9c4d8;font-style:normal;margin-top:2px}
.service-area-section{padding-top:75px;padding-bottom:85px}
.service-area-layout{display:grid;grid-template-columns:1.45fr .75fr;gap:34px;align-items:stretch;max-width:1194px;margin:auto}
.service-area-map-card{border-radius:20px;overflow:hidden;background:#061a2b;box-shadow:0 18px 50px #10253a18;min-height:420px}
.service-area-map-card img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.service-area-copy{background:var(--navy);color:#fff;border-radius:20px;padding:42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.area-kicker{font-size:11px;letter-spacing:.2em;color:var(--blue);font-weight:800}
.service-area-copy h2{font-size:40px;line-height:1.05;margin:10px 0 16px}
.service-area-copy p{color:#bed0dc;font-size:14px}
.area-list{display:flex;flex-direction:column;gap:10px;margin:15px 0 26px;color:#fff;font-size:13px}
.area-list span::first-letter{color:var(--blue)}
.service-area-about{padding-top:20px}
.about-map-card{max-width:1194px;margin:auto;border-radius:20px;overflow:hidden;background:#061a2b;box-shadow:0 18px 50px #10253a18}
.about-map-card img{display:block;width:100%;max-height:540px;object-fit:cover}

@media(max-width:900px){.site-nav{gap:16px}.hero-home .hero-grid{grid-template-columns:1fr;padding:50px 28px}.hero-map-wrap{min-height:400px}.service-area-layout{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr}.hero-device{display:none}.card-grid,.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-section{grid-template-columns:1fr}.trust-image{min-height:260px}.contact-preview,.split-section,.contact-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.hero-features{grid-template-columns:repeat(2,1fr);max-width:100%}.hero-map-wrap{min-height:310px}.hero-map-label{left:14px;right:14px;bottom:14px}.service-area-copy{padding:30px}.service-area-copy h2{font-size:34px}.site-header{min-height:68px;height:68px;padding:5px 20px}.brand img{width:125px;max-height:58px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:stretch;box-shadow:0 15px 30px #0001}.site-nav.open{display:flex}.site-nav .nav-cta{text-align:center}.hero-grid{padding-top:70px;padding-bottom:80px}.hero h1{font-size:48px}.section{padding-top:65px;padding-bottom:65px}.card-grid,.service-page-grid,.trust-grid,.footer-grid{grid-template-columns:1fr}.trust-copy{padding:55px 28px}.footer-bottom{flex-direction:column}.cta-band{align-items:flex-start;flex-direction:column}.page-hero{padding:75px 28px}}