@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#061a35;--deep:#031225;--blue:#0b5ea9;--cyan:#34b8f2;--green:#7cc043;--orange:#ee8a2b;--white:#fff;--muted:#d8e4ef;--ink:#0b203b;--max:1760px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--ink);background:#f4f8fc;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,96px);background:rgba(4,20,41,.98);color:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(71,185,241,.3);box-shadow:0 8px 28px rgba(0,0,0,.18)}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:53px;height:53px;display:grid;place-items:center;border:2px solid #38bdf8;border-radius:50%;position:relative;background:radial-gradient(circle at 35% 30%,#168bd4,#061a35 70%)}.brand-mark:after,.brand-mark:before{content:"";position:absolute;width:5px;height:5px;background:#6dd5ff;border-radius:50%;box-shadow:36px 4px #6dd5ff,-4px 31px #6dd5ff,30px 38px #6dd5ff}.brand-mark span{font-size:25px;font-weight:900;font-style:italic}.brand-copy strong{display:block;font-size:12px;letter-spacing:2px}.brand-copy strong b{display:block;font-size:20px;letter-spacing:.7px}.brand-copy small{font-size:7px;letter-spacing:4px;color:#a9c7df}.topbar nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.topbar nav a{position:relative}.topbar nav a:not(.social-link):after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--cyan);transition:.25s}.topbar nav a:hover:after{width:100%}.social-link{padding:11px 17px;border:1px solid #2a91d5;border-radius:999px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:27px;height:2px;background:#fff;margin:6px}.hero{min-height:calc(100vh - 86px);height:clamp(680px,calc(100vh - 86px),980px);position:relative;display:flex;align-items:center;overflow:hidden;background:var(--deep)}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,13,29,.96) 0%,rgba(4,20,42,.83) 34%,rgba(4,20,42,.15) 70%),linear-gradient(0deg,rgba(3,18,37,.65),transparent 45%)}.hero-content{position:relative;z-index:1;max-width:820px;margin-left:max(5vw,calc((100vw - var(--max))/2));padding:42px clamp(24px,4vw,72px);color:#fff}.eyebrow,.section-heading p{text-transform:uppercase;letter-spacing:3px;font-size:13px;font-weight:700;color:var(--cyan)}.hero h1{font-size:clamp(40px,5.6vw,92px);line-height:.98;text-transform:uppercase;margin:20px 0 28px;letter-spacing:-2px}.hero h1 span{color:#53c8fa}.media-tags{display:flex;align-items:center;gap:14px;text-transform:uppercase;background:rgba(7,36,70,.82);width:max-content;max-width:100%;padding:10px 15px;border-left:4px solid var(--cyan);font-size:clamp(12px,1.1vw,18px)}.media-tags i{width:5px;height:5px;border-radius:50%;background:var(--cyan)}.media-tags b:nth-of-type(3){color:#ff9d3d}.lead{max-width:650px;font-size:clamp(17px,1.5vw,22px);line-height:1.55;font-weight:500}.hero-actions{display:flex;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:6px;font-weight:700;font-size:14px}.btn.primary{background:#138bcb;color:#fff;box-shadow:0 10px 30px rgba(19,139,203,.35)}.btn.ghost{border:1px solid rgba(255,255,255,.6);color:#fff}.benefits,.process{padding:88px clamp(24px,5vw,96px);max-width:1920px;margin:auto}.section-heading{text-align:center;margin:0 auto 42px}.section-heading p{margin:0 0 12px}.section-heading h2{font-size:clamp(28px,3vw,48px);margin:0;color:#09264a;text-transform:uppercase}.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;max-width:var(--max);margin:auto}.benefit-grid article{background:#fff;padding:30px 24px;min-height:180px;border-top:4px solid #1298d3;box-shadow:0 12px 35px rgba(7,37,69,.09);display:flex;gap:18px;align-items:flex-start}.benefit-grid .icon{font-size:42px;color:#0d71b8;line-height:1}.benefit-grid h3{color:#0878ba;text-transform:uppercase;font-size:15px;margin:2px 0 10px}.benefit-grid p{font-size:14px;line-height:1.5;margin:0}.services{background:linear-gradient(135deg,#031426,#062c4d);padding:88px clamp(20px,4vw,76px)}.section-heading.light h2{color:#fff}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:var(--max);margin:auto}.service-card{border:2px solid var(--accent);border-radius:12px;overflow:hidden;background:rgba(2,18,35,.8);color:#fff;box-shadow:0 16px 40px rgba(0,0,0,.25)}.service-card header{display:flex;align-items:flex-start;gap:16px;padding:24px 25px;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}.service-card h3{text-transform:uppercase;color:var(--accent);font-size:clamp(17px,1.35vw,23px);margin:0 0 8px}.service-card header p{margin:0;font-size:13px;line-height:1.5}.cable-icon{font-size:45px;color:var(--accent)}.fiber{--accent:#39bdf2}.utp{--accent:#82c84a}.coax{--accent:#ef8d32}.service-card ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr)}.service-card li{min-height:118px;padding:23px;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);display:flex;gap:12px;align-items:flex-start}.service-card li b{display:grid;place-items:center;min-width:32px;height:32px;background:var(--accent);color:#051728;border-radius:50%;font-size:12px}.service-card li span{text-transform:uppercase;font-size:12px;line-height:1.5;font-weight:600}.process-line{padding:0;list-style:none;display:grid;grid-template-columns:repeat(6,1fr);max-width:var(--max);margin:auto;position:relative}.process-line:before{content:"";position:absolute;top:29px;left:8%;right:8%;height:2px;background:#aad4ec}.process-line li{text-align:center;padding:0 13px;position:relative}.process-line li>span{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 20px;background:#083e70;color:#fff;border:5px solid #d8effb;border-radius:50%;font-weight:800}.process-line h3{font-size:14px;text-transform:uppercase;line-height:1.4;margin:0 0 8px}.process-line p{font-size:12px;color:#5c6f82;line-height:1.5}.capabilities{display:grid;grid-template-columns:repeat(7,1fr);background:#e8eef4;border-top:1px solid #ccd8e4;padding:0 clamp(20px,4vw,70px)}.capabilities div{text-align:center;padding:38px 12px;border-right:1px solid #b9c8d8}.capabilities div:last-child{border:0}.capabilities span{font-size:40px;color:#083e70}.capabilities p{text-transform:uppercase;font-size:12px;font-weight:700;line-height:1.45}.footer-main{background:#061a35;color:#fff;padding:34px clamp(28px,6vw,120px);display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:34px}.contact-block,.site-block{display:flex;align-items:center;gap:16px}.wa-circle{display:grid;place-items:center;width:58px;height:58px;border:4px solid #fff;border-radius:50%;background:#25d366;color:#fff;font-size:27px}.contact-block small,.site-block small{display:block;color:#64d9ff;font-weight:600;font-size:15px}.contact-block a{display:block;font-size:clamp(24px,2.7vw,44px);font-weight:800}.site-block>span{font-size:58px;color:#4ac6f7}.site-block strong{font-size:clamp(15px,1.7vw,27px);color:#3cb6ef}.footer-brand{justify-self:end}.footer-bottom{background:#031225;color:#50bde9;padding:15px clamp(28px,6vw,120px);display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font-weight:600;letter-spacing:1px;font-size:13px;border-top:1px solid #1e5c86}.floating-wa{position:fixed;right:26px;bottom:24px;z-index:60;display:flex;align-items:center;gap:10px;background:#25d366;color:white;padding:10px 17px 10px 10px;border-radius:999px;box-shadow:0 10px 35px rgba(0,0,0,.28);font-weight:700}.floating-wa span{display:grid;place-items:center;background:#fff;color:#25ad58;width:35px;height:35px;border-radius:50%}.floating-wa em{font-style:normal}
@media(max-width:1100px){.benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid article:last-child{grid-column:span 2}.service-grid{grid-template-columns:1fr}.process-line{grid-template-columns:repeat(3,1fr);gap:34px 0}.process-line:before{display:none}.capabilities{grid-template-columns:repeat(4,1fr)}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1;justify-self:center}.topbar nav{gap:18px}}
@media(max-width:760px){.topbar{height:72px;padding:0 18px}.topbar .brand-mark{width:44px;height:44px}.brand-copy strong{font-size:9px}.brand-copy strong b{font-size:16px}.brand-copy small{font-size:6px}.menu-toggle{display:block}.topbar nav{display:none;position:absolute;top:72px;left:0;right:0;background:#061a35;padding:20px;flex-direction:column;align-items:stretch;box-shadow:0 18px 30px rgba(0,0,0,.3)}.topbar nav.open{display:flex}.topbar nav a{padding:10px}.hero{min-height:720px;height:auto}.hero-image{object-position:64% center}.hero-shade{background:linear-gradient(0deg,rgba(2,13,29,.97) 8%,rgba(4,20,42,.73) 70%,rgba(4,20,42,.35))}.hero-content{margin:0;padding:260px 22px 55px;align-self:flex-end}.hero h1{letter-spacing:-1px}.media-tags{flex-wrap:wrap;width:100%}.hero-actions{flex-direction:column;align-items:stretch}.benefits,.process,.services{padding:62px 18px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article:last-child{grid-column:auto}.service-card ol{grid-template-columns:1fr 1fr}.service-card li{padding:18px 14px}.process-line{grid-template-columns:1fr}.process-line li{display:flex;text-align:left;gap:16px}.process-line li>span{margin:0;flex:0 0 58px}.capabilities{grid-template-columns:repeat(2,1fr);padding:0}.capabilities div:nth-child(even){border-right:0}.footer-main{grid-template-columns:1fr;padding:34px 24px}.footer-brand{grid-column:auto;justify-self:start}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px;padding:20px 24px}.floating-wa{right:15px;bottom:15px}.floating-wa em{display:none}}
@media(max-width:420px){.service-card ol{grid-template-columns:1fr}.service-card li{min-height:auto}.media-tags{gap:8px}.media-tags i{display:none}.hero h1{font-size:38px}.section-heading h2{font-size:26px}.contact-block a{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.footer-bottom{gap:24px}.footer-bottom p{margin:0}.powered-by{color:#d8e4ef;text-transform:none;letter-spacing:.4px;white-space:nowrap}.powered-by strong{color:#50bde9}.powered-by:hover strong{color:#fff}