*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,Segoe UI,Arial,sans-serif;background-color:#f5f7fa;color:#0d1f40;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4{line-height:1.2;font-weight:700}.container{width:100%;max-width:1140px;margin:0 auto;padding:0 1.5rem}.site-header{background-color:#0054cc;padding:0 1.5rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px #0003}.header-inner{max-width:1140px;margin:0 auto;padding:1rem 0;display:flex;align-items:center;justify-content:center;position:relative}.header-logo{display:flex;align-items:center}.header-logo img{height:116px;width:auto}.lang-switcher{position:absolute;right:0;display:flex;align-items:center;gap:.15rem}.lang-btn{color:#ffffff8c;font-size:.78rem;font-weight:700;padding:.3rem .45rem;border-radius:.3rem;letter-spacing:.05em;transition:color .2s,background .2s}.lang-btn:hover{color:#fff;background:#ffffff1f}.lang-btn.active{color:#fff;background:#ffffff2e}.hero{background:linear-gradient(135deg,#003d99,#0054cc,#1a6de0);color:#fff;padding:5rem 1.5rem 4rem;text-align:center}.hero-badge{display:inline-block;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:2rem;padding:.35rem 1rem;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.5rem}.hero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;margin-bottom:1rem;color:#fff}.hero h1 span{color:#a8caff}.hero-desc{font-size:1.1rem;color:#ffffffbf;max-width:560px;margin:0 auto 2.5rem}.btn-primary{display:inline-flex;align-items:center;gap:.6rem;background:#fff;color:#0054cc;font-size:1rem;font-weight:700;padding:.85rem 2rem;border-radius:.5rem;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 20px #0003}.btn-primary:hover{background:#e8f0ff;transform:translateY(-2px);box-shadow:0 6px 24px #00000047}.btn-primary svg{width:20px;height:20px;flex-shrink:0}.hero-note{margin-top:1.2rem;font-size:.82rem;color:#ffffff80}.services{padding:4.5rem 1.5rem;background-color:#f5f7fa}.services-title{text-align:center;font-size:clamp(1.4rem,3vw,2rem);font-weight:800;color:#0054cc;margin-bottom:.5rem}.services-subtitle{text-align:center;color:#5a6a8a;font-size:1rem;margin-bottom:3rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:2rem;max-width:1140px;margin:0 auto}.service-card{border-radius:1rem;padding:2.2rem 2rem;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;gap:1rem}.service-card:hover{transform:translateY(-4px)}.service-card.maxihoster{background:#5546c9;box-shadow:0 4px 24px #5546c940}.service-card.maxihoster:hover{box-shadow:0 8px 32px #5546c966}.service-card.maxiconnect{background:#832ba2;box-shadow:0 4px 24px #832ba240}.service-card.maxiconnect:hover{box-shadow:0 8px 32px #832ba266}.service-card-logo{height:80px;width:auto;object-fit:contain;margin-bottom:.8rem}.service-card p{font-size:.95rem;color:#ffffffbf;flex:1}.btn-card{display:inline-flex;align-items:center;gap:.5rem;color:#fff;font-weight:600;font-size:.9rem;margin-top:.5rem;transition:gap .2s}.btn-card:hover{gap:.8rem}.btn-card svg{width:16px;height:16px}.site-footer{background-color:#0d0d0d;color:#ffffffb3;padding:3rem 1.5rem 2rem;margin-top:auto}.footer-inner{max-width:1140px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.8rem}.footer-logo{height:73px;width:auto;object-fit:contain;display:block}.footer-columns{display:flex;gap:4rem;flex-wrap:wrap;justify-content:center}.footer-col{display:flex;flex-direction:column;gap:.9rem}.footer-contact-row{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:#ffffffbf;text-align:left}.footer-contact-row svg{width:20px;height:20px;flex-shrink:0;margin-top:.15rem;color:#ffffff73}.footer-contact-row p{margin:0;line-height:1.6}.footer-copy{width:100%;font-size:.78rem;color:#ffffff4d;border-top:1px solid rgba(255,255,255,.08);padding-top:1.2rem;text-align:center}@media(max-width:768px){.header-inner{flex-direction:column;gap:.75rem;padding:.75rem 0}.lang-switcher{position:static}.header-logo img{height:70px}.hero{padding:3rem 1.5rem 2.5rem}.hero-desc{font-size:1rem}.btn-primary{width:100%;justify-content:center}.services{padding:3rem 1.5rem}.footer-columns{gap:2rem}}