body { margin:0; background:#f2f6fc; color:#243355; font-family:'Montserrat', Arial, sans-serif; font-size:17px;}
.navbar{width:100%;background:#ffffffee;padding:0;position:sticky;top:0;z-index:100;box-shadow:0 2px 14px #2176ff13;}
.navbar-container{max-width:1250px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:8px 22px;}
.navbar-logo{max-width:66px;background:#eaf2ff;border-radius:50%;box-shadow:0 4px 18px #2176ff13;}
.navbar-menu{list-style:none;display:flex;gap:32px;margin:0;padding:0;}
.navbar-menu li a{text-decoration:none;color:#2176ff;font-weight:600;letter-spacing:1px;font-size:1.07em;transition:color 0.18s;padding:4px 7px;border-radius:4px;}
.navbar-menu li a:hover{background:#2176ff1d;color:#2a3960;}
.hero-section{background:linear-gradient(88deg,#2176ff 65%,#6c757d 100%);padding-top:64px;padding-bottom:38px;color:#fff;text-align:center;}
.hero-content{max-width:600px;margin:0 auto;}
.hero-logo{max-width:115px;background:#fff;border-radius:50%;box-shadow:0 7px 27px #2176ff22;margin-bottom:17px;}
h1{font-size:2.6em;margin-top:0;margin-bottom:9px;font-weight:700;}
.brand-accent{color:#cfe7ff;font-weight:600;font-size:0.98em;}
.hero-text{font-size:1.3em;opacity:0.98;}
.hero-video{margin:38px auto 4px;border-radius:17px;box-shadow:0 4px 31px #2176ff22;max-width:570px;overflow:hidden;}
.hero-video video{width:100%;display:block;border:none;}
.about-section{max-width:1150px;margin:45px auto 33px;background:#fff;box-shadow:0 8px 30px #66b1ff12;border-radius:18px;padding:36px 24px;}
.about-section h2{color:#2176ff;font-size:2em;margin-bottom:19px;}
.about-grid{display:flex;gap:40px;}
.about-grid>div{flex:1 1 0;}
.about-img{max-width:100%;border-radius:15px;box-shadow:0 6px 24px #2176ff19;}
.products-section{max-width:1200px;margin:45px auto 33px;background:#f7fbff;border-radius:17px;box-shadow:0 4px 26px #2176ff12;padding:30px 19px;}
.products-section h2{color:#2176ff;font-size:2em;margin-bottom:19px;}
.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:38px;}
.product-card{background:#fff;border-radius:14px;box-shadow:0 8px 23px #2176ff15;overflow:hidden;padding:19px 14px;text-align:center;transition:box-shadow 0.18s,transform 0.16s;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;}
.product-card:hover{box-shadow:0 13px 35px #2176ff2e;transform:translateY(-7px) scale(1.025);}
.product-card img,.product-card video{border-radius:10px;margin-bottom:15px;width:98%;max-height:140px;object-fit:contain;background:#ecf2fa;box-shadow:0 2px 18px #2176ff1a;}
.product-title{color:#2176ff;font-size:1.16em;font-weight:700;margin-bottom:7px;}
.product-desc{font-size:0.99em;color:#355786;margin-bottom:7px;flex:1 1 auto;}
.brands-section{max-width:1200px;margin:45px auto 33px;background:#fff;border-radius:19px;box-shadow:0 4px 24px #2176ff10;padding:32px 18px;}
.brands-section h2{color:#2176ff;font-size:2em;margin-bottom:18px;}
.brands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:27px;}
.brand-card{background:#f7fbff;border-radius:13px;box-shadow:0 4px 18px #2176ff0a;padding:19px;text-align:center;transition:box-shadow 0.16s;}
.brand-card:hover{box-shadow:0 9px 28px #2176ff25;}
.brand-logo{max-height:58px;max-width:70px;background:#fff;border-radius:50%;margin-bottom:12px;padding:7px;}
.brand-name{font-weight:700;color:#2176ff;font-size:1.1em;}
.brand-info{font-size:0.99em;color:#405087;}
.seo-section{max-width:1200px;margin:45px auto 33px;background:#f1f5fd;border-radius:17px;box-shadow:0 8px 26px #3f87c012;padding:35px 22px;}
.seo-section h2{color:#2176ff;font-size:2em;margin-bottom:21px;}
.seo-grid{display:flex;gap:44px;}
.seo-grid>div{flex:1 1 0;}
.seo-section ul,.seo-section ol{margin-left:20px;margin-bottom:10px;}
.seo-section h3{margin-top:13px;color:#344964;}
.faq-section{max-width:1180px;margin:45px auto 33px;background:#fff;border-radius:17px;box-shadow:0 8px 23px #2176ff12;padding:29px 17px;}
.faq-section h2{font-size:2em;color:#2176ff;margin-bottom:15px}
.faq-list{display:flex;flex-direction:column;gap:18px;}
.faq-item{background:#f1f5fd;border-radius:10px;padding:15px 11px;box-shadow:0 2px 12px #bfdafa29;}
.faq-item h4{font-size:1.08em;color:#2176ff;margin-bottom:3px;}
.faq-item p{font-size:0.97em;color:#344964;}
.contact-section{max-width:1200px;margin:45px auto 35px;background:#ffffff;border-radius:20px;box-shadow:0 8px 31px #4480c015;padding:35px 16px;}
.contact-section h2{color:#2176ff;font-size:2em;margin-bottom:16px;}
.contact-grid{display:flex;gap:55px;}
.contact-box{background:#f3f7fb;border-radius:12px;padding:18px 15px;margin-bottom:14px;font-size:1em;box-shadow:0 2px 8px #bbb7df34;}
.contact-box strong{display:block;margin-bottom:3px;}
.contact-link{color:#2176ff;font-weight:500;text-decoration:none;}
.contact-form{background:#ecf3fb;padding:15px 13px;border-radius:10px;box-shadow:0 2px 12px #92b6e627;max-width:390px;margin-bottom:9px;display:flex;flex-direction:column;gap:11px;}
.contact-form input,.contact-form textarea{border-radius:9px;border:1px solid #cdd9ea;padding:9px;font-size:1em;background:#f4f9ff;margin-bottom:5px}
.contact-form textarea{resize:vertical;min-height:80px;}
.contact-form button{background:linear-gradient(90deg,#2176ff 65%,#4fa8ff 100%);color:#fff;border:none;border-radius:9px;padding:13px 26px;font-size:1.1em;font-weight:700;cursor:pointer;box-shadow:0 0px 12px #cfe7ff42;transition:background 0.12s;}
.contact-form button:hover{background:linear-gradient(90deg,#2176ff 65%,#154e9d 100%);}
.contact-grid iframe{width:99%;border-radius:17px;border:2px solid #bfdafa;min-height:320px;}
footer{background:#2176ff;color:#fff;text-align:center;padding:18px 7px;font-size:1.1em;letter-spacing:0.04em;border-top:1px solid #eaf2fb;margin-top:12px;}
@media (max-width:900px){.navbar-container{flex-direction:column;gap:7px}.navbar-menu{gap:18px}.about-grid,.seo-grid,.contact-grid{flex-direction:column;gap:20px}.products-grid,.brands-grid{grid-template-columns:1fr}.hero-logo{max-width:84px}.hero-section{padding-top:34px;padding-bottom:18px}}