@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#06162d;--navy2:#0b2444;--blue:#008ff5;--cyan:#29c6ff;--ink:#14223a;--muted:#617088;--light:#f2f7fc;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.header{position:sticky;top:0;z-index:50;background:rgba(5,19,40,.97);border-bottom:1px solid #254261;backdrop-filter:blur(14px)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:20px}.logo{display:flex;align-items:center;gap:13px;color:white}.monogram{font:900 29px 'Barlow Condensed',sans-serif;letter-spacing:-3px;background:linear-gradient(130deg,#1dc7ff,#0875dd);padding:7px 10px;border-radius:12px;box-shadow:0 0 0 3px #ffffff18}.brandtext{font:900 23px/.79 'Barlow Condensed',sans-serif;letter-spacing:1px}.brandtext b{color:#16a5ff}.brandtext small{display:block;font:600 8px/1.5 Inter,sans-serif;letter-spacing:1.1px;margin-top:8px;color:#cddbea}.nav nav{display:flex;align-items:center;gap:28px;color:#e8f2ff;font-size:13px;font-weight:700}.nav nav>a:hover{color:#44b8ff}.nav-button{padding:13px 18px;border-radius:8px;background:#098df3;color:white!important}.menu-toggle{display:none;border:1px solid #3a5d82;background:transparent;color:white;border-radius:8px;padding:8px 12px;font-size:22px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 77% 42%,#174777 0%,#091e39 43%,#041327 85%);color:white}.glow{position:absolute;inset:0;background:linear-gradient(130deg,transparent 45%,#039cfd1c);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:590px;gap:30px;padding:72px 0 80px}.pill{display:inline-block;border:1px solid #2e668f;border-radius:100px;padding:10px 14px;font-size:11px;font-weight:800;letter-spacing:1px;color:#8cdeff}.hero h1,.section h2,.why h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;letter-spacing:.1px;line-height:.99}.hero h1{font-size:clamp(55px,6vw,91px);margin:24px 0}.hero h1 em,.section h2 em,.why h2 em{font-style:normal;color:#19a8ff}.hero-copy>p{font-size:16px;line-height:1.8;color:#d4e1ef;max-width:560px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 22px;border-radius:9px;font-weight:800;font-size:13px;border:0;cursor:pointer;transition:transform .2s,filter .2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn.primary{background:linear-gradient(110deg,#0084ef,#20b8ff);color:white;box-shadow:0 10px 25px #008ff52b}.btn.outline{border:1px solid #6483a6;color:white;background:#ffffff0c}.mini-benefits{display:flex;flex-wrap:wrap;gap:12px 20px;color:#b8d5eb;font-size:11px;font-weight:700}.hero-visual{position:relative;height:460px;perspective:900px}.halo{position:absolute;width:390px;height:390px;border:1px solid #37b5ff4a;border-radius:50%;top:0;left:15%;box-shadow:0 0 0 42px #1592ee0c,0 0 0 85px #1592ee07}.laptop{position:absolute;width:78%;top:110px;right:1%;filter:drop-shadow(0 25px 25px #0008)}.laptop-screen{height:260px;border:12px solid #111d30;border-bottom-width:19px;border-radius:15px;background:radial-gradient(circle at 60% 20%,#179de6,#104482 46%,#051a36 80%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px #53657a}.screen-symbol{font-size:60px;color:#67dcff}.screen-text{text-align:center;font:900 36px/.9 'Barlow Condensed',sans-serif;letter-spacing:2px}.screen-text strong{color:#42c4ff}.laptop-base{height:17px;margin:0 -25px;background:linear-gradient(#d2dce7,#53657b);border-radius:0 0 50% 50%}.phone{position:absolute;left:6%;top:130px;width:135px;height:260px;border:9px solid #101824;border-radius:25px;background:linear-gradient(140deg,#082b63 8%,#19b9ff 52%,#7427bc 90%);box-shadow:8px 18px 30px #0009, inset 0 0 0 2px #8e9db1;transform:rotate(-7deg);display:flex;align-items:end;justify-content:center;padding-bottom:22px;font-size:13px;font-weight:900;letter-spacing:2px}.notch{position:absolute;top:0;background:#101824;width:65px;height:13px;border-radius:0 0 10px 10px}.phone-crack{position:absolute;top:50px;font-size:85px;color:#ffffff77;font-weight:100}.router{position:absolute;right:0;bottom:22px;width:190px;height:67px;background:linear-gradient(#233952,#050e1d);border-radius:8px;border:2px solid #3b5269;box-shadow:0 15px 20px #0008;color:#19c5ff;padding:25px}.router i{position:absolute;width:7px;height:100px;bottom:45px;background:#111d30;border:1px solid #6b7e91;border-radius:6px}.router i:first-child{left:20px}.router i:nth-child(2){right:20px}.floating-label{position:absolute;top:35px;right:15px;padding:13px 18px;border:1px solid #2b94ce;background:#09294ddc;border-radius:8px;color:#bfeaff;font-size:11px;font-weight:800}.ribbon{background:linear-gradient(90deg,#0378d5,#12adff);color:white}.ribbon-inner{display:flex;justify-content:space-around;flex-wrap:wrap;gap:18px;padding:20px 0;font:800 18px 'Barlow Condensed',sans-serif;letter-spacing:1px}.section{padding:100px 0}.section-head{text-align:center;margin:0 auto 45px;max-width:740px}.kicker{font-size:11px;font-weight:900;letter-spacing:2px;color:#0786e3}.section h2,.why h2{font-size:clamp(43px,5vw,65px);margin:16px 0}.section-head p{color:var(--muted);line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.service{--accent:#008ff5;display:flex;flex-direction:column;border:1px solid #e2eaf3;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 12px 35px #061b3210;transition:transform .2s}.service:hover{transform:translateY(-5px)}.service.red{--accent:#ed2753}.service.green{--accent:#03a66b}.service.purple{--accent:#7439c6}.service-title{background:var(--accent);min-height:100px;color:white;display:flex;align-items:center;gap:12px;padding:17px}.service-title h3{font:800 23px/1 'Barlow Condensed',sans-serif;margin:0;text-transform:uppercase}.service-icon{font-size:30px;background:#ffffff2e;width:51px;height:51px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.service-art{height:145px;display:grid;place-items:center;font-size:86px;background:radial-gradient(circle at 60% 30%,color-mix(in srgb,var(--accent) 40%,white),#091e3a);text-shadow:0 14px 25px #0005}.service ul{list-style:none;padding:22px 20px;margin:0;flex:1}.service li{position:relative;padding:0 0 15px 23px;font-size:12px;line-height:1.5;font-weight:600}.service li:before{content:'✓';position:absolute;left:0;top:0;background:var(--accent);color:#fff;border-radius:50%;width:16px;height:16px;text-align:center;font-size:11px}.service-link{margin:0 20px 20px;border-radius:7px;background:color-mix(in srgb,var(--accent) 10%,white);color:var(--accent);font-size:12px;font-weight:800;padding:13px;display:flex;justify-content:space-between}.why{background:#061b36;color:white;padding:80px 0}.why h2{max-width:730px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}.why-grid>div{border:1px solid #284d75;background:#0c294b;border-radius:13px;padding:26px}.why-grid span{font-size:36px;color:#2bb9ff}.why-grid h3{font-size:15px}.why-grid p{color:#b9cee3;font-size:12px;line-height:1.8}.business{background:#f1f7fc}.business-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.business p,.contact p{line-height:1.8;color:#596c83}.business-panel{background:linear-gradient(140deg,#092d5a,#07162d);color:white;border-radius:18px;padding:32px;box-shadow:0 20px 40px #092c5128}.business-panel>span{color:#54d1ff;font-size:12px;font-weight:800;letter-spacing:2px}.business-lines{margin-top:25px}.business-lines div{display:flex;align-items:center;gap:20px;border-top:1px solid #ffffff25;padding:18px 0;font-size:14px;font-weight:700}.business-lines b{color:#28b8ff;font:900 28px 'Barlow Condensed',sans-serif}.contact{background:white}.contact-number{display:block;font:900 39px 'Barlow Condensed',sans-serif;color:#0085e8;margin:30px 0 10px}.domain{display:block;font-weight:800;color:#18385d}.location{font-size:12px;margin-top:30px}.quote-form{display:flex;flex-direction:column;gap:11px;background:#f2f7fc;border:1px solid #dfeaf4;padding:30px;border-radius:15px}.quote-form label{font-size:12px;font-weight:800}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #cad9e8;border-radius:8px;padding:14px;background:white;color:#132942;outline-color:#009cff}.quote-form button{margin-top:9px}.quote-form small{font-size:10px;color:#6d7f91;line-height:1.6}footer{background:#041427;color:#d9e9fa;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:35px}.footer-grid>div{display:flex;flex-direction:column;align-items:start;gap:12px;font-size:12px}.footer-logo{font:900 28px 'Barlow Condensed',sans-serif;color:white}.footer-logo b{color:#169eff}.footer-grid p{color:#94afc7}.footer-grid a:hover{color:#27b4ff}.copyright{margin-top:45px;border-top:1px solid #28415b;padding-top:22px;color:#87a3bc;font-size:11px}.whatsapp-float{position:fixed;bottom:23px;right:23px;background:#15bf63;color:white;border:3px solid white;box-shadow:0 5px 20px #0003;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:34px;z-index:30}
@media(max-width:1020px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:65px}.nav nav{gap:14px}.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.wrap{width:min(100% - 30px,520px)}.nav{min-height:72px}.menu-toggle{display:block}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:#06162d;padding:24px;flex-direction:column;align-items:stretch;gap:20px}.nav nav.open{display:flex}.hero-grid{grid-template-columns:1fr;padding:60px 0 40px;gap:0}.hero h1{font-size:clamp(53px,13vw,77px)}.hero-visual{height:360px;transform:scale(.82);transform-origin:center top;margin-bottom:-65px}.ribbon-inner{font-size:14px}.section{padding:65px 0}.service-grid,.business-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr 1fr;gap:10px}.why-grid>div{padding:17px}.why{padding:60px 0}.contact-grid,.business-grid{gap:30px}.service-art{height:120px}.service-title{min-height:80px}.footer-grid{gap:25px}.whatsapp-float{width:55px;height:55px;font-size:30px}.contact-number{font-size:33px}}@media(max-width:420px){.why-grid{grid-template-columns:1fr}.hero-visual{transform:scale(.67);margin-left:-45px;margin-bottom:-120px}.mini-benefits{display:grid}.actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}