:root{--navy:#061a38;--blue:#0868f5;--cyan:#23d8ff;--sky:#eff7ff;--ink:#162542;--muted:#62728a;--line:#dce8f5;--white:#fff;--green:#25d58d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.6}.container{width:min(1160px,92%);margin:auto}.topbar{background:#04142d;color:#cfe2ff;font-size:.83rem}.topbar .container,.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}.topbar .container{padding:.5rem 0}.topbar a{color:#fff;text-decoration:none}.site-header{position:sticky;top:0;z-index:50;background:#fffffff2;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{height:76px}.brand{color:var(--navy);font-weight:800;font-size:1.15rem;text-decoration:none;letter-spacing:-.5px}.brand span{color:var(--blue)}.nav-links{display:flex;align-items:center;gap:1.3rem;margin:0;padding:0;list-style:none}.nav-links a{color:#33425e;font-size:.9rem;font-weight:700;text-decoration:none}.nav-links a:hover,.nav-links a.active{color:var(--blue)}.menu{display:none;border:0;background:transparent;font-size:1.6rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:8px;padding:.8rem 1.15rem;font-weight:800;font-size:.88rem;text-decoration:none;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 25px #0868f52b}.btn-light{background:#fff;color:var(--blue)}.btn-outline{border-color:#bfe0ff;color:#fff;background:#ffffff0c}.hero{overflow:hidden;position:relative;background:radial-gradient(circle at 78% 19%,#1891f5 0,transparent 24%),linear-gradient(120deg,#051632,#063f9d 62%,#0870ee);color:#fff}.hero:after{content:"";position:absolute;width:620px;height:620px;border:1px solid #b6e8ff48;border-radius:50%;right:-340px;bottom:-410px;box-shadow:0 0 0 72px #b6e8ff12,0 0 0 144px #b6e8ff0a}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center;min-height:590px}.eyebrow{color:var(--blue);font-size:.75rem;letter-spacing:1.2px;font-weight:800;text-transform:uppercase}.hero .eyebrow{display:inline-block;padding:.42rem .75rem;border:1px solid #9ddfff7a;border-radius:3rem;color:#d9f6ff;background:#dbf4ff14}.hero h1{max-width:720px;margin:1rem 0;font-size:clamp(2.7rem,5.1vw,4.2rem);line-height:1.05;letter-spacing:-2.5px}.hero h1 span{color:#61e7ff}.hero p{max-width:580px;margin:0 0:1.6rem;color:#d9eaff;font-size:1.1rem}.hero .actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.trust{margin-top:1.5rem;color:#d7e9ff;font-size:.83rem}.trust:before{content:"";display:inline-block;width:.6rem;height:.6rem;margin-right:.5rem;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #25d58d31}.hero-visual{position:relative;width:min(405px,100%);height:370px;margin:auto}.orb{position:absolute;right:35px;top:18px;width:285px;height:285px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8af0ff,#0974e8 47%,#092c82 75%);box-shadow:0 0 80px #33c6ff8c;animation:float 5s ease-in-out infinite}.orb:before,.orb:after{content:"";position:absolute;border:1px solid #c3f6ff9b;border-radius:50%}.orb:before{inset:42px 10px}.orb:after{inset:11px 48px}.speed-card{position:absolute;top:95px;left:0;width:230px;padding:1.35rem;border:1px solid #b8edff80;border-radius:15px;background:#06225bd9;box-shadow:0 18px 35px #001841a6;backdrop-filter:blur(8px);animation:float 4s ease-in-out infinite}.speed-card small,.speed-card p{color:#d4edff}.speed-card p{font-size:.73rem;margin:.2rem 0}.speed{margin:.35rem 0;font-size:3.1rem;font-weight:800;line-height:1}.speed span{font-size:1rem}.bars{display:flex;gap:3px;margin:1rem 0}.bars i{height:5px;flex:1;background:#fff3;border-radius:5px}.bars i:nth-child(-n+5){background:#5de8ff}.stat-strip{background:#fff;box-shadow:0 10px 28px #163b7412}.stats{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:1.55rem .75rem;text-align:center;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat b{display:block;color:var(--blue);font-size:1.55rem}.stat span{color:var(--muted);font-size:.8rem}section{padding:5.4rem 0}.section-head{max-width:700px;margin:0 auto 2.7rem;text-align:center}.section-head h2,.content-title{margin:.45rem 0 .65rem;font-size:clamp(2rem,4vw,2.65rem);line-height:1.13;letter-spacing:-1.3px}.section-head p,.lead{color:var(--muted);margin:0}.solutions{background:var(--sky)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem}.card{padding:1.7rem;border:1px solid var(--line);border-radius:14px;background:#fff;transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #174a8619}.service-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:1rem;border-radius:12px;background:#e8f4ff;color:var(--blue);font-size:1.35rem}.card h3{margin:0 0:.45rem;font-size:1.15rem}.card p{margin:0;color:var(--muted);font-size:.9rem}.two-col{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:4rem}.about-art{height:355px;position:relative;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 75% 15%,#47dafa,transparent 27%),linear-gradient(145deg,#061a3e,#075cbe);box-shadow:inset 0 0 70px #00112d}.about-art:before{content:"V SOLUTION HUB\A NETWORK • CLOUD • IT";white-space:pre;position:absolute;z-index:2;left:9%;top:15%;color:#e6faff;font:800 .8rem/1.75 Arial;letter-spacing:1.2px}.about-art:after{content:"";position:absolute;width:220px;height:220px;border:22px solid #40ddff;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;right:-35px;bottom:-45px;transform:rotate(-45deg)}.facts{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1.5rem}.fact{padding:1rem;border:1px solid var(--line);border-radius:10px}.fact b{display:block;color:var(--blue)}.fact span{font-size:.79rem;color:var(--muted)}.cta{background:linear-gradient(135deg,#04152e,#0746a7);color:#fff}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:2rem}.cta h2{margin:.4rem 0;font-size:clamp(2rem,3.5vw,2.7rem);line-height:1.1}.cta p{margin:0;color:#cbdffb}.page-hero{padding:4.8rem 0;background:linear-gradient(120deg,#061a38,#0754bd);color:#fff}.page-hero h1{margin:.6rem 0;font-size:clamp(2.5rem,5vw,3.8rem);letter-spacing:-2px}.page-hero p{max-width:680px;margin:0;color:#d9eaff}.contact-section{background:#f7fbff}.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:3.5rem}.info-list{padding:0;list-style:none}.info-list li{margin:1rem 0}.info-list a{color:var(--ink);font-weight:700;text-decoration:none}.form-card{padding:1.5rem;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 15px 30px #174a8610}.form-label{font-weight:700;font-size:.85rem}.form-control,.form-select{padding:.75rem}.choice{display:flex;gap:.8rem;padding:.8rem;margin:.7rem 0;border:1px solid var(--line);border-radius:8px;cursor:pointer}.choice:has(input:checked){border-color:var(--blue);background:#f0f7ff}.notice{padding:.85rem 1rem;border-radius:8px;background:#fff4d8;color:#765813;font-size:.83rem}.whatsapp-float{position:fixed;right:1.35rem;bottom:1.35rem;z-index:45;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;font-size:1.45rem;text-decoration:none;box-shadow:0 12px 28px #052d1880}footer{padding:1.4rem 0;background:#030d1e;color:#a9c0e0;font-size:.82rem}.footer-row{display:flex;justify-content:space-between;gap:1rem}.footer-row a{color:#e0efff;text-decoration:none}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}@media(max-width:850px){.menu{display:block}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;padding:1.2rem 4%;flex-direction:column;align-items:flex-start;background:#fff;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.hero-grid,.two-col,.contact-grid{grid-template-columns:1fr}.hero-grid{padding:3.8rem 0}.hero-visual{height:315px}.card-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.cta-row{display:block}.cta-row .btn{margin-top:1.3rem}}@media(max-width:540px){.topbar .tagline{display:none}.nav{height:68px}.nav-links{top:68px}.hero h1{font-size:2.55rem}.hero-visual{height:280px}.orb{width:240px;height:240px;right:5px}.speed-card{width:210px;top:75px}.card-grid,.facts{grid-template-columns:1fr}.about-art{height:270px}section{padding:4rem 0}.footer-row{display:block;text-align:center}.footer-row p{margin:.3rem}}