:root{--navy:#071633;--blue:#155cff;--purple:#5415f6;--green:#16a765;--red:#e52323;--light:#f7f8ff;--muted:#667085;--border:#e5ebf8}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:#fff}a{text-decoration:none;color:inherit}.container{max-width:1210px;margin:auto;padding:0 20px}
.top{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 12px #eef1f7}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:32px;font-weight:900;color:var(--navy)}.logo span{color:var(--blue);font-size:18px;display:block;letter-spacing:3px}.menu{display:flex;gap:28px;align-items:center}.menu a{font-weight:600;color:#18264a}.menu a:hover{color:var(--blue)}.phone{background:var(--purple);color:#fff;padding:13px 22px;border-radius:9px;font-weight:800}
.hero{background:linear-gradient(180deg,#f8fbff,#fff);padding:32px 0}.hero img{width:100%;display:block;border-radius:0;box-shadow:0 18px 50px #dfe7f5}.hero-fallback{min-height:440px;background:#f7fbff;border-radius:25px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:60px}.hero-fallback h1{font-size:54px;line-height:1.08}.hero-fallback b{color:var(--blue)}
.section{padding:58px 0}.title{text-align:center;font-size:46px;margin:0 0 10px}.subtitle{text-align:center;font-size:29px;margin:0 0 35px}.lead{font-size:20px;color:var(--muted);line-height:1.65}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:45px 54px}.product{text-align:center}.product img{width:100%;height:260px;object-fit:contain}.product h3{font-size:17px;min-height:40px}.product p{color:var(--muted);font-size:14px;line-height:1.5}.btn{display:inline-block;background:var(--purple);color:white;padding:15px 31px;border-radius:6px;font-weight:900;border:0;cursor:pointer}.btn.dark{background:#050505}.btn.green{background:#57a62d}.btn.blue{background:#2366e8}.btn.red{background:var(--red)}
.campaign{background:#091327;color:#fff;padding:50px 0}.campaign .container{display:flex;align-items:center;justify-content:space-between}.campaign h2{font-size:30px}
.footer{background:#071327;color:#dce7ff;padding:55px 0 20px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:30px}.footer h3{color:white}.footer a{display:block;color:#dce7ff;margin:9px 0}.copy{border-top:1px solid #223456;margin-top:30px;padding-top:18px;text-align:center;color:#9badcd}
.breadcrumb{color:#667085;margin:22px 0}.detail{display:grid;grid-template-columns:1fr 1fr;gap:30px}.gallery{display:grid;grid-template-columns:92px 1fr;gap:14px}.thumbs img{width:92px;height:78px;object-fit:cover;border:1px solid #e3e8f5;border-radius:8px;margin-bottom:10px}.mainimg{width:100%;height:430px;object-fit:contain;background:#f6f8ff;border-radius:12px}.price{font-size:34px;color:#2366e8;font-weight:900}.kdv{font-size:20px;color:#667085}.options label{display:block;margin:10px 0}.notice{background:#eaf2ff;border-radius:10px;padding:18px;margin:20px 0}.support{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.support .box{background:#fff;border:1px solid #e4e9f5;border-radius:12px;padding:18px}.content{line-height:1.75;font-size:17px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.feature{background:#f7f9ff;border:1px solid #e5ebf8;border-radius:14px;padding:18px}
.form{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 8px 30px #e8edf6}.field{margin-bottom:14px}.field label{font-weight:800;display:block;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;padding:12px;border:1px solid #d8e0ee;border-radius:8px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.wa{position:fixed;right:20px;bottom:20px;background:#18b566;color:#fff;border-radius:50px;padding:14px 18px;font-weight:900;z-index:99}
@media(max-width:900px){.menu{display:none}.products,.detail,.footgrid,.features,.support,.grid2{grid-template-columns:1fr}.campaign .container{display:block}.gallery{grid-template-columns:1fr}.thumbs{display:none}.title{font-size:34px}.hero-fallback{grid-template-columns:1fr}.hero-fallback h1{font-size:38px}}