*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#183047;background:#fff;line-height:1.65}.container{width:min(1180px,92%);margin:auto}.topbar{background:#07549a;color:#fff;font-size:14px}.topbar-inner{display:flex;justify-content:space-between;padding:8px 0}.nav-wrap{background:#fff;border-bottom:1px solid #e7eef5;position:sticky;top:0;z-index:20}.nav{min-height:76px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:900;color:#07549a;text-decoration:none;letter-spacing:.4px}.brand>span:last-child span{color:#0878d1}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#0878d1;color:#fff;font-size:15px}.nav nav{display:flex;gap:20px;align-items:center;flex:1}.nav nav a{color:#183047;text-decoration:none;font-weight:650;font-size:15px}.nav nav a:hover{color:#0878d1}.search-mini{display:flex;border:1px solid #d8e5ef;border-radius:10px;overflow:hidden}.search-mini input{width:145px;border:0;padding:9px 10px;outline:0}.search-mini button{border:0;background:#0878d1;color:#fff;width:40px}.menu-toggle{display:none}.hero{background:linear-gradient(135deg,#eaf6ff,#fff);padding:72px 0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.eyebrow{color:#0878d1;font-weight:800;text-transform:uppercase;letter-spacing:1.2px}.hero h1{font-size:48px;line-height:1.12;margin:12px 0 18px;color:#07549a}.hero p{font-size:18px;color:#587084;max-width:650px}.btn{display:inline-block;background:#0878d1;color:#fff!important;text-decoration:none;padding:13px 21px;border-radius:10px;font-weight:800;margin:8px 8px 0 0}.btn.secondary{background:#fff;color:#07549a!important;border:1px solid #b9d8ee}.hero-visual{min-height:350px;border-radius:30px;background:radial-gradient(circle at 30% 20%,#fff 0 20%,transparent 21%),linear-gradient(145deg,#bde6ff,#0878d1);position:relative;overflow:hidden;box-shadow:0 25px 60px #0878d126}.roll{position:absolute;width:220px;height:220px;border-radius:50%;right:70px;top:55px;background:repeating-radial-gradient(circle,#fff 0 7px,#d7f0ff 8px 12px);box-shadow:0 20px 30px #07549a55}.section{padding:68px 0}.section.alt{background:#f7fbfe}.section-head{text-align:center;max-width:720px;margin:0 auto 35px}.section h2{font-size:34px;color:#07549a;margin:0 0 8px}.section-head p{color:#64788a}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid #e3edf4;border-radius:18px;padding:25px;box-shadow:0 8px 30px #07549a0a}.card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #07549a14}.icon{width:54px;height:54px;border-radius:15px;background:#eaf6ff;color:#0878d1;display:grid;place-items:center;font-size:25px}.card h3{color:#07549a;margin:16px 0 7px}.card a{text-decoration:none;color:inherit}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{border:1px solid #e2ebf2;border-radius:18px;overflow:hidden;background:#fff}.product-card img{width:100%;height:210px;object-fit:cover;background:#eaf6ff}.placeholder{height:210px;background:linear-gradient(135deg,#eaf6ff,#d7efff);display:grid;place-items:center;color:#0878d1;font-weight:900;font-size:26px}.product-body{padding:18px}.product-body h3{margin:0 0 8px;font-size:19px}.product-body h3 a{color:#183047;text-decoration:none}.muted{color:#718397}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{padding:22px;text-align:center;background:#fff;border:1px solid #e2edf5;border-radius:16px}.stat strong{font-size:32px;color:#0878d1;display:block}.cta{background:#07549a;color:#fff;border-radius:25px;padding:48px;text-align:center}.cta h2{color:#fff}.breadcrumb{padding:18px 0;font-size:14px;color:#6a7d8d}.breadcrumb a{color:#0878d1;text-decoration:none}.page-title{padding:45px 0 30px;background:#f7fbfe}.page-title h1{margin:0;color:#07549a;font-size:38px}.content{max-width:850px}.content h2,.content h3{color:#07549a}.article-grid{display:grid;grid-template-columns:1fr 320px;gap:40px}.article img{max-width:100%;border-radius:15px}.specs{border-collapse:collapse;width:100%}.specs td{border:1px solid #e1eaf0;padding:11px}.specs td:first-child{font-weight:700;width:32%;background:#f7fbfe}footer{background:#062f57;color:#cfe3f3;margin-top:60px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:50px 0}.footer-brand{font-size:25px;font-weight:900;color:#fff}.footer-grid h3{color:#fff}.footer-grid a{display:block;color:#cfe3f3;text-decoration:none;margin:7px 0}.copyright{border-top:1px solid #ffffff20;text-align:center;padding:18px}.admin-body{background:#f3f7fa}.admin-wrap{max-width:1180px;margin:35px auto}.admin-nav{background:#07549a;padding:15px;color:#fff}.admin-nav a{color:#fff;margin-right:18px;text-decoration:none}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:11px;border-bottom:1px solid #e5edf2;text-align:left}.form-card{background:#fff;padding:25px;border-radius:14px}.field{margin-bottom:15px}.field label{display:block;font-weight:700;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:11px;border:1px solid #d7e3eb;border-radius:8px;font:inherit}.field textarea{min-height:150px}.notice{padding:12px;border-radius:8px;background:#eaf6ff;margin-bottom:15px}.danger{color:#b42318}.login{max-width:430px;margin:10vh auto;background:#fff;padding:30px;border-radius:18px;box-shadow:0 15px 50px #07549a15}@media(max-width:900px){.nav nav{display:none}.menu-toggle{display:block;margin-left:auto;border:0;background:#eaf6ff;color:#07549a;font-size:22px}.menu-open .nav nav{display:flex;position:absolute;top:76px;left:0;right:0;background:#fff;padding:18px;flex-direction:column;box-shadow:0 12px 30px #0001}.search-mini{display:none}.hero-grid,.article-grid{grid-template-columns:1fr}.cards,.product-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.hero h1{font-size:39px}}@media(max-width:600px){.topbar-inner{flex-direction:column;gap:2px}.cards,.product-grid,.stats,.footer-grid{grid-template-columns:1fr}.hero{padding:45px 0}.hero h1{font-size:34px}.section{padding:48px 0}.section h2{font-size:28px}}