
:root{--bg:#f6f9fd;--surface:#fff;--text:#071936;--muted:#53667d;--line:#d9e4f0;--blue:#0649b8;--blue2:#0069e8;--cyan:#00b7ff;--navy:#061a33;--navy2:#08284d;--radius:18px;--shadow:0 18px 45px rgba(5,30,70,.12);--max:1220px}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e8eef6;box-shadow:0 4px 18px rgba(0,0,0,.04)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:96px;gap:22px}.brand-logo{height:82px;width:auto;display:block}.main-nav{display:flex;align-items:center;gap:28px}.main-nav>a,.dropdown-toggle{font-size:.88rem;font-weight:900;text-transform:uppercase;color:#081b38;letter-spacing:.02em;padding:36px 0 28px}.main-nav>a.active{color:var(--blue);border-bottom:3px solid var(--blue)}.has-dropdown{position:relative}.has-dropdown.active>.dropdown-toggle{color:var(--blue)}.dropdown-menu{position:absolute;top:100%;left:0;min-width:310px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 38px rgba(5,30,70,.18);padding:10px;display:none;z-index:100}.dropdown-menu a{display:block;padding:11px 13px;border-radius:10px;color:#10213a;font-weight:800;text-transform:none}.dropdown-menu a:hover{background:#eef6ff;color:var(--blue)}.has-dropdown:hover .dropdown-menu,.has-dropdown:focus-within .dropdown-menu,.has-dropdown.open .dropdown-menu{display:block}.header-actions{display:flex;align-items:center;gap:18px}.phone-link{color:var(--blue);font-size:1rem;font-weight:900;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:4px;background:linear-gradient(135deg,var(--blue),#003c9e);color:#fff!important;font-weight:900;text-transform:uppercase;letter-spacing:.02em;border:1px solid var(--blue);box-shadow:0 8px 18px rgba(0,62,160,.22)}.nav-cta{padding:13px 24px}.btn-outline,.btn-outline-light{background:transparent!important;color:var(--blue)!important;border:1px solid var(--blue);box-shadow:none}.btn-outline-light{color:#fff!important;border-color:rgba(255,255,255,.75)}.menu-toggle{display:none;background:#fff;border:1px solid var(--line);font-size:1.4rem;padding:8px 12px;border-radius:8px}.hero,.page-hero{position:relative;padding:82px 0;background:linear-gradient(100deg,rgba(6,26,51,.92),rgba(6,26,51,.70) 42%,rgba(6,26,51,.08) 72%),url('images/hero-home-bg.jpg') center/cover no-repeat;color:#fff}.home-hero{min-height:520px;display:flex;align-items:center}.hero-content{position:relative;z-index:1;max-width:680px}.eyebrow{display:inline-block;margin:0 0 14px;font-size:.86rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}h1{margin:0 0 16px;font-size:clamp(2.5rem,5vw,4.25rem);line-height:1.08;letter-spacing:-.035em}h2{margin:0 0 12px;font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.15;letter-spacing:-.02em}h3{line-height:1.2}.hero-text,.page-intro{font-size:1.12rem;max-width:780px;color:rgba(255,255,255,.94)}.page-hero .page-intro{color:rgba(255,255,255,.9)}.hero-text.small{font-size:1.04rem}.hero-bold{font-weight:900;font-size:1.08rem;margin:18px 0 0}.hero-actions,.cta-actions{display:flex;gap:18px;flex-wrap:wrap;margin:28px 0 0}.icon-strip{background:#fff;padding:18px 0 22px;border-bottom:1px solid var(--line);box-shadow:0 8px 22px rgba(5,30,70,.05)}.icon-strip h2{text-align:center;font-size:1.55rem;color:#062763;margin:0 0 14px}.icon-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:0}.icon-grid a{min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#062763;border-left:1px solid #ccd8e6;font-size:.86rem}.icon-grid a:first-child{border-left:0}.icon-grid span{font-size:2rem;line-height:1;margin-bottom:6px;color:var(--blue)}.section{padding:76px 0}.section.alt{background:#eef5fb}.section-dark{padding:76px 0;background:linear-gradient(180deg,var(--navy2),var(--navy));color:#fff}.section-head{max-width:830px;margin-bottom:30px}.section-head p,.card p,.info-box p,.feature-card p{color:var(--muted)}.section-dark p,.section-dark .card p{color:#d4e1ee}.card-grid{display:grid;gap:24px}.card-grid.two{grid-template-columns:repeat(2,1fr)}.card-grid.three{grid-template-columns:repeat(3,1fr)}.card-grid.four{grid-template-columns:repeat(4,1fr)}.card,.hero-card,.stack-box,.contact-panel,.info-box,.feature-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.link-card:hover{transform:translateY(-4px)}.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:#e8f3ff;color:var(--blue);font-weight:900;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.service-card{min-height:230px;display:flex;flex-direction:column;justify-content:space-between}.service-cta{font-weight:900;color:var(--blue)}.stack-box{overflow:hidden;padding:0}.stack-box div{padding:17px 20px;border-bottom:1px solid var(--line);font-weight:800}.stack-box div:last-child{border-bottom:0}.photo-card,.tile{border-radius:var(--radius);background-size:cover;background-position:center;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.7);position:relative;overflow:hidden}.photo-card{min-height:330px}.photo-card:after,.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,26,51,.05),rgba(6,26,51,.48))}.photo-card span,.tile span{position:absolute;left:20px;bottom:20px;z-index:1;color:#fff;font-weight:900}.photo-engineering{background-image:url('images/photo-rack-main.jpg')}.photo-field{background-image:url('images/tile-hospitality.jpg')}.photo-fiber{background-image:url('images/photo-fiber-panel.jpg')}.checklist{display:grid;gap:12px;margin:0;padding:0;list-style:none}.checklist li{position:relative;padding-left:30px}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:900}.pill-row{display:flex;gap:10px;flex-wrap:wrap}.pill-row span{padding:8px 11px;border:1px solid var(--line);background:#fff;border-radius:999px;color:var(--muted);font-weight:700}.cta-band{padding:64px 0;background:linear-gradient(135deg,var(--blue),#083a7a 55%,#061a33);color:#fff}.cta-band p,.cta-band .eyebrow{color:rgba(255,255,255,.85)}.cta-wrap{display:flex;justify-content:space-between;gap:30px;align-items:center}.site-footer{background:linear-gradient(180deg,#08284d 0%,#061a33 100%);color:#fff;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1.15fr 1.25fr 1.25fr;gap:30px}.footer-logo-img{width:210px;height:auto;display:block;margin-bottom:16px}.site-footer h4{color:#fff;margin:0 0 14px;text-transform:uppercase;font-size:.94rem}.site-footer a{display:block;color:#eff6ff;margin-bottom:8px}.site-footer p{color:#e2edf8;margin:0 0 12px}.footer-button{border:1px solid rgba(255,255,255,.7);border-radius:4px;padding:12px 15px;text-align:center;font-weight:900;text-transform:uppercase;margin-top:14px}.social-row{display:flex;gap:10px;margin-top:18px}.social-row span{width:28px;height:28px;background:#fff;color:#08284d;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:900}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:#d6e4f2;font-size:.9rem}.footer-bottom a{display:inline;color:#fff}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.contact-form{display:grid;gap:16px}.contact-form label{display:grid;gap:8px;font-weight:800}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:14px;border-radius:12px;border:1px solid var(--line);background:#fff;font:inherit}.notice{padding:14px 16px;border-radius:14px;background:#eef8ff;border:1px solid #d7ebfa;color:#36506c}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;color:rgba(255,255,255,.78);font-size:.95rem;margin-bottom:18px}.breadcrumbs a{color:#fff;font-weight:800}.service-photo{height:230px;border-radius:16px;margin:-2px -2px 18px;background-size:cover;background-position:center;box-shadow:inset 0 -60px 100px rgba(0,0,0,.18)}.service-photo.cabling{background-image:url('images/svc-cabling.jpg')}.service-photo.fiber{background-image:url('images/svc-fiber.jpg')}.service-photo.network{background-image:url('images/svc-network.jpg')}.service-photo.wifi{background-image:url('images/svc-wifi.jpg')}.service-photo.tvphone{background-image:url('images/svc-tv.jpg')}.service-photo.access{background-image:url('images/svc-access.jpg')}.service-photo.surveillance{background-image:url('images/svc-surveillance.jpg')}.service-photo.repair{background-image:url('images/svc-repair.jpg')}.service-photo.das{background-image:url('images/svc-das.jpg')}.service-photo.ghn{background-image:url('images/svc-ghn.jpg')}
@media(max-width:1180px){.nav-wrap{flex-wrap:wrap}.header-actions{margin-left:auto}.icon-grid{grid-template-columns:repeat(3,1fr)}.icon-grid a{border-top:1px solid #ccd8e6}.footer-grid{grid-template-columns:1fr 1fr}.card-grid.four,.card-grid.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.menu-toggle{display:block}.nav-wrap{min-height:auto;padding:14px 0}.brand-logo{height:68px}.main-nav{display:none;width:100%;order:4;flex-direction:column;align-items:flex-start;gap:0}.main-nav.open{display:flex}.main-nav>a,.dropdown-toggle{padding:12px 0}.has-dropdown{width:100%}.dropdown-menu{position:static;box-shadow:none;width:100%;min-width:0;margin-bottom:10px}.header-actions{order:3;width:100%;justify-content:space-between}.hero,.page-hero{padding:58px 0}.home-hero{min-height:480px}.split,.contact-grid,.cta-wrap,.card-grid.two,.card-grid.three,.card-grid.four{grid-template-columns:1fr;display:grid}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.icon-grid{grid-template-columns:repeat(2,1fr)}.icon-grid a{border-left:0;border-top:1px solid #ccd8e6}}@media(max-width:560px){.container{width:min(var(--max),calc(100% - 30px))}.header-actions{flex-direction:column;align-items:flex-start}.brand-logo{height:58px}h1{font-size:2.25rem}.icon-grid{grid-template-columns:1fr}.icon-grid a{min-height:75px}.btn{width:100%}.hero-actions{width:100%}}

.form-note{font-size:.92rem;color:#5b677a;margin-top:.85rem;line-height:1.5;}
