body{color:#0d1b4b;background:#fff;min-width:320px;margin:0;font-family:Inter,sans-serif}a{color:inherit}button,input,textarea,select{font:inherit}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0d1b4b;--navy-mid:#1a2e6e;--navy-light:#2a4a99;--cyan:#00c2cb;--orange:#e87722;--white:#fff;--off-white:#f4f7fc;--light-gray:#e2e8f4;--text-dark:#0d1b4b;--text-mid:#3d4a6b;--text-light:#6b7a9d}html{scroll-behavior:smooth}body{background:var(--white);color:var(--text-dark);font-family:Inter,sans-serif;overflow-x:hidden}img{max-width:100%;display:block}#root{min-height:100vh}nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1b4bf2;border-bottom:1px solid #00c2cb26;justify-content:space-between;align-items:center;width:100%;height:68px;padding:0 5%;display:flex;position:fixed;top:0;left:0}.nav-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.logo-badge img{background:var(--orange);color:#fff;border-radius:4px;justify-content:center;align-items:center;width:48px;height:30px;font-family:Syne,sans-serif;font-size:13px;font-weight:800;display:flex}.logo-text{color:var(--white);font-family:Syne,sans-serif;font-size:15px;font-weight:700;line-height:1.2}.logo-text span{color:var(--cyan);letter-spacing:2px;text-transform:uppercase;font-size:10px;font-weight:400;display:block}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:#ffffffbf;letter-spacing:.5px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--cyan)}.nav-cta{background:var(--orange);color:#fff;border-radius:6px;padding:9px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .2s}.nav-cta:hover{opacity:.85}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:#fff;border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}#hero{background:var(--navy);flex-direction:column;justify-content:center;min-height:100vh;padding:120px 5% 140px;display:flex;position:relative;overflow:hidden}#heroCanvas{opacity:.35;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-content{z-index:2;max-width:680px;position:relative}.hero-eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--cyan);align-items:center;gap:8px;margin-bottom:20px;font-size:11px;font-weight:600;display:inline-flex}.hero-eyebrow:before{content:"";background:var(--cyan);flex-shrink:0;width:28px;height:2px}h1{color:var(--white);margin-bottom:24px;font-family:Syne,sans-serif;font-size:clamp(38px,6vw,68px);font-weight:800;line-height:1.07}h1 em{color:var(--cyan);font-style:normal}.hero-sub{color:#ffffffa6;max-width:520px;margin-bottom:36px;font-size:16px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.btn-primary{background:var(--orange);color:#fff;border-radius:7px;padding:14px 28px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-block}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-outline{color:var(--cyan);border:1.5px solid #00c2cb80;border-radius:7px;padding:14px 28px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:inline-block}.btn-outline:hover{border-color:var(--cyan);background:#00c2cb14}.hero-stats{z-index:2;gap:2px;width:100%;margin-top:56px;display:flex;position:relative}.stat-pill{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;flex:1;padding:16px 20px}.stat-pill:first-child{border-radius:10px 4px 4px 10px}.stat-pill:last-child{border-radius:4px 10px 10px 4px}.stat-num{color:var(--white);margin-bottom:4px;font-family:Syne,sans-serif;font-size:26px;font-weight:800;line-height:1}.stat-num span{color:var(--cyan)}.stat-label{color:#ffffff73;letter-spacing:.5px;font-size:11px}section{padding:90px 5%}.section-eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--cyan);margin-bottom:10px;font-size:11px;font-weight:600}h2{color:var(--navy);margin-bottom:16px;font-family:Syne,sans-serif;font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.12}#products h2,#managed h2,#contact h2{color:var(--white)}.section-lead{color:var(--text-mid);max-width:560px;margin-bottom:48px;font-size:15px;line-height:1.7}#products .section-lead,#managed .section-lead{color:#ffffff8c}#about{background:var(--off-white)}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.about-left h2{margin-bottom:20px}.about-desc{color:var(--text-mid);margin-bottom:28px;font-size:15px;line-height:1.75}.about-pills{flex-wrap:wrap;gap:10px;display:flex}.pill{background:var(--white);border:1px solid var(--light-gray);color:var(--text-mid);border-radius:20px;padding:7px 14px;font-size:12px;font-weight:600}.vm-cards{flex-direction:column;gap:16px;display:flex}.vm-card{background:var(--white);border:1px solid var(--light-gray);border-radius:12px;padding:24px 26px;transition:border-color .25s,box-shadow .25s}.vm-card:hover{border-color:var(--cyan);box-shadow:0 8px 32px #00c2cb1a}.vm-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:12px;font-size:18px;display:flex}.vm-card h3{color:var(--navy);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;font-family:Syne,sans-serif;font-size:14px;font-weight:700}.vm-card p{color:var(--text-mid);font-size:13px;line-height:1.65}#products{background:var(--navy)}.products-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.product-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;padding:28px;transition:background .25s,border-color .25s,transform .25s}.product-card:hover{background:#ffffff17;border-color:#00c2cb66;transform:translateY(-3px)}.product-icon{border-radius:10px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:16px;font-size:22px;display:flex}.product-card h3{color:var(--white);margin-bottom:10px;font-family:Syne,sans-serif;font-size:16px;font-weight:700}.product-card p{color:#ffffff80;margin-bottom:16px;font-size:13px;line-height:1.6}.product-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{color:#fff9;background:#ffffff14;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500}#website-services{background:linear-gradient(#f4f7fc 0%,#ecf3ff 100%)}.website-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.ws-card{background:var(--white);border:1px solid var(--light-gray);border-radius:14px;padding:28px 22px;transition:transform .25s,border-color .25s,box-shadow .25s;box-shadow:0 10px 28px #0c1b4b0a}.ws-card:hover{border-color:#00c2cb73;transform:translateY(-3px);box-shadow:0 18px 32px #00c2cb1f}.ws-icon{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:14px;font-size:20px;display:flex}.ws-card h3{color:var(--navy);margin-bottom:8px;font-family:Syne,sans-serif;font-size:16px;font-weight:700}.ws-card p{color:var(--text-mid);font-size:13px;line-height:1.6}#cloud{background:var(--off-white)}.cloud-grid{grid-template-columns:1fr 1fr;align-items:start;gap:56px;display:grid}.cloud-visual{background:var(--navy);border-radius:16px;flex-direction:column;justify-content:flex-end;min-height:380px;padding:40px 36px;display:flex;position:relative;overflow:hidden}.cloud-canvas-wrap{position:absolute;inset:0}#cloudCanvas{opacity:.5;width:100%;height:100%;display:block}.cloud-visual-content{z-index:2;position:relative}.cloud-visual h3{color:var(--white);margin-bottom:10px;font-family:Syne,sans-serif;font-size:28px;font-weight:800}.cloud-visual p{color:#ffffff8c;font-size:14px;line-height:1.6}.cloud-services{flex-direction:column;gap:14px;display:flex}.cloud-service{background:var(--white);border:1px solid var(--light-gray);border-radius:10px;align-items:flex-start;gap:16px;padding:20px;transition:border-color .2s,box-shadow .2s;display:flex}.cloud-service:hover{border-color:var(--cyan);box-shadow:0 4px 20px #00c2cb14}.cs-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.cloud-service h4{color:var(--navy);margin-bottom:4px;font-family:Syne,sans-serif;font-size:14px;font-weight:700}.cloud-service p{color:var(--text-mid);font-size:13px;line-height:1.55}#managed{background:var(--navy)}.managed-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.ms-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:26px 24px;transition:background .2s,border-color .2s}.ms-card:hover{background:#ffffff14;border-color:#e8772273}.ms-icon{background:#e8772226;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:14px;font-size:18px;display:flex}.ms-card h3{color:var(--white);margin-bottom:8px;font-family:Syne,sans-serif;font-size:15px;font-weight:700}.ms-card p{color:#ffffff7a;font-size:13px;line-height:1.6}#why{background:var(--white)}.why-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.why-card{border:1px solid var(--light-gray);border-radius:14px;padding:30px 26px;transition:border-color .25s,box-shadow .25s}.why-card:hover{border-color:var(--cyan);box-shadow:0 8px 32px #00c2cb1a}.why-num{color:var(--light-gray);margin-bottom:12px;font-family:Syne,sans-serif;font-size:40px;font-weight:800;line-height:1}.why-card h3{color:var(--navy);margin-bottom:10px;font-family:Syne,sans-serif;font-size:16px;font-weight:700}.why-card p{color:var(--text-mid);font-size:13px;line-height:1.65}#contact{background:var(--navy);text-align:center;padding:90px 5%}.not-found-page{background:linear-gradient(180deg, var(--navy) 0%, #0c163d 100%);justify-content:center;align-items:center;min-height:100vh;padding:120px 5% 60px;display:flex}.not-found-card{text-align:center;background:#ffffff0a;border:1px solid #00c2cb33;border-radius:20px;max-width:700px;padding:56px 32px;box-shadow:0 20px 60px #0003}.not-found-eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--cyan);margin-bottom:16px;font-size:12px;font-weight:700;display:inline-block}.not-found-card h1{margin-bottom:18px}.not-found-card p{color:#ffffffb8;margin-bottom:30px;font-size:17px;line-height:1.7}.not-found-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}#contact .section-eyebrow{display:block}.contact-sub{color:#ffffff80;max-width:480px;margin:0 auto 40px;font-size:15px;line-height:1.7}.contact-cards{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:40px;display:flex}.contact-card{text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;min-width:200px;padding:22px 28px}.cc-label{letter-spacing:2px;text-transform:uppercase;color:var(--cyan);margin-bottom:6px;font-size:11px;font-weight:600}.cc-value{color:var(--white);font-size:14px;font-weight:500;line-height:1.55}.cc-value a{color:var(--white);text-decoration:none}.cc-value a:hover{color:var(--cyan)}.contact-cta{background:var(--orange);color:#fff;border-radius:8px;padding:16px 36px;font-family:Syne,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-block}.contact-cta:hover{opacity:.88;transform:translateY(-2px)}.whatsapp-float{z-index:1000;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:22px;right:22px}.whatsapp-menu{background:#0a142df5;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;gap:8px;min-width:290px;padding:10px;display:flex;box-shadow:0 12px 30px #00000047}.whatsapp-link{color:var(--white);background:#ffffff0a;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.4;text-decoration:none;transition:background .2s;display:block}.whatsapp-link:hover{background:#00c2cb1f}.whatsapp-trigger{cursor:pointer;background:#01aa3e;border:none;border-radius:50%;place-items:center;width:58px;height:58px;transition:transform .2s,box-shadow .2s;display:grid}.whatsapp-trigger:hover{transform:translateY(-2px);box-shadow:0 14px 28px #25d36680}.whatsapp-trigger svg{fill:#fff;width:28px;height:28px}footer{text-align:center;color:#ffffff4d;background:#07112e;padding:20px 5%;font-size:12px}footer span{color:var(--cyan)}.reveal{opacity:1;transition:opacity .55s,transform .55s;transform:none}.reveal.hidden{opacity:0;transform:translateY(22px)}@media (width<=960px){.about-grid,.cloud-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){nav .nav-links{display:none}nav .nav-links.open{background:var(--navy);z-index:99;border-bottom:1px solid #ffffff14;flex-direction:column;gap:0;padding:16px 24px;display:flex;position:fixed;top:68px;left:0;right:0}nav .nav-links.open li a{border-bottom:1px solid #ffffff0f;padding:12px 0;display:block}.hamburger{display:flex}.nav-cta{display:none}.why-grid{grid-template-columns:1fr}section{padding:60px 5%}.hero-stats{flex-wrap:wrap}.stat-pill{flex:calc(50% - 2px)}.contact-cards{flex-direction:column;align-items:stretch}.contact-card{min-width:unset}}@media (prefers-reduced-motion:reduce){.reveal,.reveal.hidden{transition:none!important}}