*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #0056b3;--primary-dark: #003d82;--primary-light: #1a73e8;--accent: #1565c0;--accent-light: #1a73e8;--dark: #1a1a2e;--dark-2: #16213e;--text: #333333;--text-light: #666666;--text-muted: #999999;--bg: #ffffff;--bg-light: #f8f9fa;--bg-grey: #f0f4f8;--border: #e0e6ed;--shadow: 0 4px 20px rgba(0,0,0,.08);--shadow-hover: 0 8px 40px rgba(0,86,179,.15);--radius: 12px;--radius-lg: 20px;--transition: all .3s ease}html{scroll-behavior:smooth}body{font-family:Inter,Segoe UI,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;line-height:1.3}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}ul{list-style:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-header{text-align:center;margin-bottom:60px}.section-tag{display:inline-block;background:linear-gradient(135deg,#0056b31a,#1a73e81a);color:var(--primary);font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:6px 18px;border-radius:50px;margin-bottom:16px;border:1px solid rgba(0,86,179,.2)}.section-title{font-size:clamp(28px,4vw,42px);font-weight:700;color:var(--dark);margin-bottom:16px}.section-title span{color:var(--primary)}.section-desc{font-size:16px;color:var(--text-light);max-width:600px;margin:0 auto;line-height:1.8}.divider{width:60px;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:4px;margin:20px auto 0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}::selection{background:#0056b333;color:var(--dark)}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.hero{position:relative;width:100%;display:block}.hero-img{width:100%;height:auto;display:block}.hero-btns{position:absolute;bottom:8%;left:50%;transform:translate(-50%);display:flex;gap:18px;justify-content:center;white-space:nowrap}.btn-primary{background:#1976d2;color:#fff;padding:13px 36px;border-radius:6px;font-size:15px;font-weight:600;border:none;cursor:pointer;font-family:Inter,Segoe UI,sans-serif;box-shadow:0 4px 18px #1976d28c;transition:background .2s,transform .2s}.btn-primary:hover{background:#1565c0;transform:translateY(-2px)}.btn-outline{background:#ffffff1a;color:#fff;padding:12px 36px;border-radius:6px;font-size:15px;font-weight:600;border:2px solid rgba(255,255,255,.8);cursor:pointer;font-family:Inter,Segoe UI,sans-serif;transition:background .2s,transform .2s}.btn-outline:hover{background:#ffffff2e;transform:translateY(-2px)}@media (max-width: 600px){.hero-btns{gap:10px;bottom:6%}.btn-primary,.btn-outline{padding:10px 22px;font-size:13px}}.partners-section{padding:32px 20px 36px;background:linear-gradient(180deg,#e8eef6,#f0f4f9)}.partners-container{max-width:900px;margin:0 auto;text-align:center}.partners-heading{font-size:15px;font-weight:400;color:#6b7a99;margin-bottom:22px;font-family:Inter,sans-serif;letter-spacing:.2px}.partners-heading strong{font-weight:700;color:#1a2a4a}.brands-row{display:flex;align-items:center;justify-content:center;gap:44px;flex-wrap:wrap}.brand-item{display:flex;align-items:center;justify-content:center;opacity:.85;transition:opacity .2s}.brand-item:hover{opacity:1}.brand-dell{font-size:22px;font-weight:900;color:#1a6faf;font-family:Arial Black,Poppins,sans-serif;letter-spacing:2px;font-style:italic}.dell-e{color:#1a6faf}.brand-hp-wrap{width:38px;height:38px;border-radius:50%;background:#4a90c4;display:flex;align-items:center;justify-content:center}.brand-hp{font-size:17px;font-weight:800;color:#fff;font-family:Arial,sans-serif;letter-spacing:.5px}.brand-lenovo{font-size:22px;font-weight:700;color:#50a3cc;font-family:Arial,Inter,sans-serif;letter-spacing:.5px}.brand-cisco-wrap{flex-direction:column;gap:2px}.cisco-dots{display:flex;gap:3px;justify-content:center;margin-bottom:1px}.cisco-dots span{width:4px;height:4px;border-radius:50%;background:#1ba0d8;display:inline-block}.cisco-dots span:nth-child(1){height:6px}.cisco-dots span:nth-child(2){height:9px}.cisco-dots span:nth-child(3){height:11px}.cisco-dots span:nth-child(4){height:9px}.cisco-dots span:nth-child(5){height:6px}.cisco-dots span:nth-child(6){height:6px}.cisco-dots span:nth-child(7){height:9px}.cisco-dots span:nth-child(8){height:11px}.cisco-dots span:nth-child(9){height:9px}.cisco-dots span:nth-child(10){height:6px}.brand-cisco{font-size:13px;font-weight:600;color:#4a5568;letter-spacing:2px;font-family:Arial,sans-serif}.brand-siemens{font-size:20px;font-weight:700;color:#1a2a4a;letter-spacing:2px;font-family:Arial,Inter,sans-serif}.brand-peendal{font-size:15px;font-weight:600;color:#7a8aaa;letter-spacing:1.5px;font-family:Arial,Inter,sans-serif;border:1.5px solid #c0c8d8;padding:3px 8px;border-radius:3px}@media (max-width: 600px){.brands-row{gap:24px}}.services-section{padding:60px 20px;background:#fff}.services-container{max-width:1000px;margin:0 auto}.section-header{text-align:center;margin-bottom:38px}.section-title{font-size:32px;font-weight:700;color:#1a1a2e;font-family:Poppins,Inter,sans-serif}.section-title .highlight{color:#1976d2}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:68px;margin-top:15px}.service-card{background:#fff;border:1px solid #e8edf5;border-radius:14px;padding:110px 28px 36px;text-align:center;box-shadow:0 2px 16px #0000000d;transition:box-shadow .25s,transform .25s;position:relative;overflow:visible}.service-card:hover{box-shadow:0 10px 36px #1976d21f;transform:translateY(-5px)}.service-img-wrap{width:130px;height:130px;border-radius:50%;overflow:hidden;background:#deeeff;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:absolute;top:-50px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #1976d226;border:4px solid #fff}.service-img{width:100%;height:100%;object-fit:contain;padding:4px;filter:brightness(.95) saturate(1.3);transition:transform .3s ease}.service-card:hover .service-img{transform:scale(1.08)}.service-img-wrap.img-fallback:after{content:"Image";font-size:11px;color:#90caf9;font-weight:500}.service-title{font-size:18px;font-weight:700;color:#1a1a2e;margin-bottom:12px;font-family:Poppins,Inter,sans-serif}.service-desc{font-size:13.5px;color:#777;line-height:1.7;margin-bottom:20px}.learn-more{color:#1976d2;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}@media (max-width: 800px){.services-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}}.about-section{padding:60px 20px;background:linear-gradient(180deg,#eef4fb,#f5f8ff)}.about-container{max-width:1100px;margin:0 auto}.section-title-why{font-size:32px;font-weight:700;color:#1a1a2e;font-family:Poppins,Inter,sans-serif;text-align:center;margin-bottom:50px}.section-title-why .highlight{color:#1976d2}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.why-card{background:#fff;border:1px solid #e0eaf5;border-radius:14px;padding:40px 24px 36px;box-shadow:0 2px 12px #0000000d;transition:box-shadow .25s,transform .25s;display:flex;flex-direction:column;align-items:center;text-align:center}.why-card:hover{box-shadow:0 8px 28px #0000001a;transform:translateY(-4px)}.why-img-wrap{width:160px;height:160px;border-radius:50%;overflow:hidden;flex-shrink:0;margin-bottom:24px;transition:transform .3s ease}.why-card:hover .why-img-wrap{transform:scale(1.06)}.why-img-custom{width:100%;height:100%;object-fit:contain;border-radius:50%}.why-card-body{display:flex;flex-direction:column;align-items:center}.why-title{font-size:18px;font-weight:700;color:#1a1a2e;margin-bottom:12px;font-family:Poppins,Inter,sans-serif;line-height:1.4}.why-desc{font-size:15px;color:#777;line-height:1.7;margin-bottom:18px}.learn-more{color:#1976d2;font-size:15px;font-weight:600;text-decoration:none;transition:color .2s}.learn-more:hover{color:#1565c0;text-decoration:underline}@media (max-width: 1000px){.why-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.why-grid{grid-template-columns:1fr;max-width:360px;margin:0 auto}}.products-section{padding:68px 20px;background:#f5f8ff}.products-container{max-width:1200px;margin:0 auto}.products-section .section-header{text-align:center;margin-bottom:50px}.products-section .section-title{font-size:32px;font-weight:700;color:#1a1a2e;font-family:Poppins,Inter,sans-serif;margin-bottom:10px}.products-section .highlight{color:#1976d2}.section-subtitle{font-size:15px;color:#666;margin-top:6px}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.product-card{position:relative;background:#fff;border:1px solid #e0eaf5;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #00000012;transition:box-shadow .25s ease,transform .25s ease;display:flex;flex-direction:column}.product-card:hover{box-shadow:0 12px 36px #1976d226;transform:translateY(-5px)}.product-img-wrap{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;flex-shrink:0;background:#def}.product-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.product-card:hover .product-img{transform:scale(1.05)}.product-tag{position:absolute;top:10px;left:10px;background:#1976d2e0;color:#fff;font-size:11px;font-weight:700;letter-spacing:.6px;padding:4px 10px;border-radius:20px;text-transform:uppercase;pointer-events:none}.product-info{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}.product-title{font-size:17px;font-weight:700;color:#1a1a2e;margin-bottom:8px;font-family:Poppins,Inter,sans-serif;line-height:1.4;text-align:center}.product-desc{font-size:13px;color:#777;line-height:1.65;flex:1;margin-bottom:18px;text-align:center}.btn-view-details{display:block;text-align:center;background:linear-gradient(135deg,#1976d2,#1a73e8);color:#fff;padding:10px 0;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer;width:100%;text-decoration:none;transition:background .2s ease,transform .15s ease,box-shadow .2s ease;box-shadow:0 3px 10px #1976d240}.btn-view-details:hover{background:linear-gradient(135deg,#1565c0,#1976d2);transform:translateY(-1px);box-shadow:0 6px 18px #1976d259}@media (max-width: 1024px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.products-grid{grid-template-columns:1fr}.products-section{padding:60px 16px}}.contact-section{padding:90px 0;background:#f5f8ff}.contact-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:60px;align-items:start}.contact-form-side{background:#fff;border-radius:16px;padding:48px 44px;box-shadow:0 4px 30px #0056b314}.contact-title{font-size:28px;font-weight:700;color:var(--dark);margin-bottom:32px}.contact-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input-icon-wrap{position:relative;display:flex;align-items:center;background:#f2f4f8;border:1.5px solid #e0e6f0;border-radius:8px;transition:border-color .2s,box-shadow .2s}.input-icon-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #0056b31a}.input-icon{display:flex;align-items:center;padding:0 12px;flex-shrink:0;color:var(--primary)}.input-icon svg{width:16px;height:16px}.input-icon-wrap input,.input-icon-wrap textarea{flex:1;background:transparent;border:none;outline:none;font-size:12px;font-weight:600;letter-spacing:.8px;color:var(--text);padding:14px 14px 14px 0;font-family:inherit;resize:vertical}.input-icon-wrap input::placeholder,.input-icon-wrap textarea::placeholder{color:#aab4c4;font-size:12px;font-weight:600;letter-spacing:.8px}.phone-wrap{padding-left:0}.phone-prefix{display:flex;align-items:center;gap:4px;padding:0 10px 0 12px;border-right:1.5px solid #e0e6f0;font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;cursor:default;flex-shrink:0}.phone-prefix .flag{font-size:16px}.phone-prefix svg{color:var(--text-muted)}.phone-input{padding-left:12px!important}.textarea-wrap{align-items:flex-start}.textarea-icon{padding-top:14px}.submit-btn{display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;padding:15px 32px;border-radius:8px;font-size:13px;font-weight:700;letter-spacing:1.2px;transition:var(--transition);width:fit-content;min-width:180px;box-shadow:0 4px 15px #0056b34d}.submit-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px #0056b366}.submit-btn:disabled{opacity:.75;cursor:not-allowed}.spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.contact-info-side{background:#fff;border-radius:16px;padding:40px 36px;box-shadow:0 4px 30px #0056b314;display:flex;flex-direction:column}.info-item{display:flex;gap:16px;align-items:flex-start;padding:20px 0}.info-item:first-child{padding-top:0}.info-icon{width:42px;height:42px;background:#0056b314;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary)}.info-icon svg{width:20px;height:20px}.info-label{font-size:14px;font-weight:700;color:var(--primary);margin-bottom:6px}.info-value{display:block;font-size:13.5px;color:var(--text-light);line-height:1.7}.info-value.link{color:var(--primary-light);transition:color .2s}.info-value.link:hover{color:var(--primary-dark)}.info-divider{height:1px;background:var(--border)}.form-success{padding:60px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.success-icon{width:72px;height:72px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #0056b34d}.form-success h3{font-size:24px;font-weight:700;color:var(--dark)}.form-success p{font-size:15px;color:var(--text-light);max-width:300px;line-height:1.7}.form-success button{background:var(--primary);color:#fff;padding:12px 28px;border-radius:50px;font-size:14px;font-weight:600;transition:var(--transition)}.form-success button:hover{background:var(--primary-dark);transform:translateY(-2px)}@media (max-width: 900px){.contact-grid{grid-template-columns:1fr}}@media (max-width: 600px){.contact-section{padding:60px 0}.contact-form-side{padding:30px 20px}.contact-info-side{padding:28px 20px}.form-row{grid-template-columns:1fr}.contact-title{font-size:22px}}.footer{background:linear-gradient(135deg,#0d1b3e,#0e2252,#112a6b);color:#fff;position:relative;overflow:hidden}.footer-dots-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.07) 1.5px,transparent 1.5px);background-size:40px 40px;pointer-events:none;z-index:0}.footer-top{padding:70px 0 50px;border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.footer-grid{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:60px;align-items:start}.footer-col h4{font-size:15px;font-weight:800;color:#fff;letter-spacing:1.5px;margin-bottom:28px;text-transform:uppercase}.footer-col ul{display:flex;flex-direction:column}.footer-col ul li{border-bottom:1px solid rgba(255,255,255,.1);padding:10px 0}.footer-col ul li:first-child{border-top:1px solid rgba(255,255,255,.1)}.footer-col ul li button{background:none;font-size:14px;color:#fff9;transition:var(--transition);text-align:left;padding:0;width:100%}.footer-col ul li button:hover{color:#fff}.footer-col-right,.footer-col-right ul li button{text-align:right}.footer-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}.footer-logo{margin-bottom:6px}.footer-logo-img{height:80px;width:200px;object-fit:contain;border-radius:8px;background:#fff;padding:10px 16px}.footer-contact-item{display:flex;align-items:flex-start;justify-content:center;gap:10px;font-size:13.5px;color:#ffffffa6;line-height:1.7;text-align:center}.footer-contact-item a{color:#ffffffa6;transition:color .2s}.footer-contact-item a:hover{color:#fff}.footer-icon{flex-shrink:0;margin-top:3px;color:var(--primary-light);display:flex}.footer-icon svg{width:16px;height:16px}.footer-socials{display:flex;gap:14px;margin-top:4px}.footer-socials a{width:40px;height:40px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffffb3;transition:var(--transition)}.footer-socials a:hover{background:var(--primary-light);border-color:var(--primary-light);color:#fff;transform:translateY(-3px)}.footer-socials svg{width:15px;height:15px}.footer-bottom{padding:22px 0;position:relative;z-index:1}.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-bottom-inner p{font-size:13px;color:#fff6}.footer-bottom-links{display:flex;align-items:center;gap:10px}.footer-bottom-links span{font-size:13px;color:#fff6;cursor:pointer;transition:color .2s}.footer-bottom-links span:hover:not(.dot-sep){color:#fffc}.dot-sep{color:#fff3!important}.footer-made{font-size:13px;color:#fff6}@media (max-width: 900px){.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-center{grid-column:1 / -1;order:-1}.footer-col-right,.footer-col-right ul li button{text-align:left}}@media (max-width: 600px){.footer-top{padding:50px 0 40px}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-center{grid-column:auto;order:0}.footer-bottom-inner{flex-direction:column;text-align:center}.footer-bottom-links{flex-wrap:wrap;justify-content:center}}.menu-wrapper{position:fixed;top:20px;right:24px;z-index:1000}.menu-btn{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:#ffffff2e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.35);border-radius:10px;padding:10px;cursor:pointer;box-shadow:0 4px 16px #00000026;transition:background .25s ease,box-shadow .25s ease}.menu-btn:hover{background:#ffffff4d;box-shadow:0 6px 20px #0003}.menu-btn span{display:block;width:100%;height:2.5px;border-radius:2px;background:#fff;transition:transform .3s ease,opacity .3s ease}.menu-btn.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.menu-btn.open span:nth-child(2){opacity:0}.menu-btn.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.menu-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border-radius:14px;box-shadow:0 8px 32px #00000024;border:1px solid #e8edf5;padding:8px;min-width:180px;display:flex;flex-direction:column;gap:2px;animation:dropIn .2s ease}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-item{background:none;border:none;outline:none;text-align:left;width:100%;padding:11px 16px;border-radius:8px;font-family:Inter,Segoe UI,sans-serif;font-size:14.5px;font-weight:500;color:#333;cursor:pointer;transition:background .2s ease,color .2s ease}.menu-item:hover{background:#1976d214;color:#1976d2}.menu-item.active{background:#1976d21a;color:#1976d2;font-weight:600}.pd-page{min-height:100vh;background:#f5f7fa;padding:100px 0 60px}.pd-container{max-width:1100px;margin:0 auto;padding:0 24px}.pd-back{background:none;border:none;color:#1565c0;font-size:.95rem;cursor:pointer;padding:0;margin-bottom:24px;display:inline-flex;align-items:center;gap:6px;font-weight:500;transition:color .2s}.pd-back:hover{color:#0d47a1}.pd-top-card{background:#fff;border:1px solid #dde3ed;border-radius:8px;display:flex;gap:40px;padding:32px;margin-bottom:36px}.pd-img-box{flex:0 0 380px;background:#eef2f7;border-radius:6px;display:flex;align-items:center;justify-content:center;min-height:240px;overflow:hidden}.pd-img{width:100%;height:100%;object-fit:contain;max-height:280px}.pd-info{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px}.pd-title{font-size:1.8rem;font-weight:700;color:#1a1a2e;margin:0}.pd-desc{font-size:1rem;color:#5a7da0;line-height:1.6;margin:0}.pd-divider{border:none;border-top:1px solid #dde3ed;margin:4px 0}.pd-availability{font-size:1rem;color:#1a1a2e;margin:0;font-weight:500}.pd-stock{color:#1976d2;font-weight:600}.pd-tabs-section{background:#fff;border:1px solid #dde3ed;border-radius:8px;overflow:hidden}.pd-tabs{display:flex}.pd-tab{padding:14px 36px;font-size:.85rem;font-weight:700;letter-spacing:.08em;cursor:pointer;border:1px solid #dde3ed;border-bottom:none;background:#fff;color:#1a1a2e;transition:background .2s,color .2s}.pd-tab:first-child{border-left:none}.pd-tab:hover:not(.pd-tab-active){background:#eef2f7}.pd-tab-active{background:#1565c0;color:#fff;border-color:#1565c0}.pd-tab-bar{height:4px;background:#1a1a2e;width:100%}.pd-tab-content{background:#eef2f7;padding:28px 32px}.pd-tab-content p{font-size:.97rem;color:#4a6a8a;line-height:1.75;margin:0}.pd-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}@media (max-width: 768px){.pd-top-card{flex-direction:column;gap:24px}.pd-img-box{flex:unset;width:100%;min-height:200px}.pd-tab{padding:12px 20px;font-size:.78rem}}