*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#202630}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #ffae47;outline-offset:5px}.top{background:#222;color:#ccc;padding:16px 5%;display:flex;justify-content:space-between;font-size:13px}header{padding:30px 5%;display:flex;align-items:center;justify-content:space-between;background:white}.brand{font-size:25px;letter-spacing:1px;font-weight:800}.brand span{display:block;font-size:12px;color:#7d8795;font-weight:400;letter-spacing:0;margin-top:6px}nav{display:flex;gap:38px;font-size:17px}nav a:hover{color:#2054b7}.hero{min-height:560px;padding:95px 5%;background:linear-gradient(115deg,#061a2b,#0b345b 65%,#155482);color:white;display:flex;align-items:center;position:relative;overflow:hidden}.hero>div{z-index:1;width:65%}.hero img{width:37%;max-height:350px;object-fit:contain;filter:drop-shadow(0 30px 35px #0008)}.eyebrow{letter-spacing:2px;font-size:13px;font-weight:bold}h1{font-size:clamp(38px,4.5vw,70px);line-height:1.1;margin:24px 0}h2{font-size:40px;line-height:1.2;margin:16px 0}.hero p:not(.eyebrow){font-size:18px;line-height:1.7;color:#d4e1ef}.button,.outline{display:inline-block;padding:16px 25px;margin-top:18px;background:#2457b8;color:white;font-weight:bold;font-size:14px}.outline{background:transparent;border:1px solid #8198b0;margin-left:12px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);background:#f3f5f8;padding:40px 5%;gap:35px}.benefits b{font-size:20px}.benefits p,.intro{color:#687386;line-height:1.6}.section{padding:85px 5%;text-align:center}.blue{color:#2457b8}.filters{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:35px 0}.filters button{padding:12px 22px;background:white;border:1px solid #dce2eb;color:#354258;cursor:pointer}.filters .active{background:#2457b8;color:white;border-color:#2457b8}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left}.card{border:1px solid #e1e5eb;padding:24px;background:white}.card img{width:100%;height:180px;object-fit:contain}.card small{display:block;color:#2457b8;margin-top:20px;font-weight:bold}.card h3{font-size:20px;line-height:1.4}.card p{color:#687386;line-height:1.7;font-size:14px}.card a{font-weight:bold;color:#2457b8;font-size:14px}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:80px 5%;background:#0a243d;color:white}.about p{line-height:1.8;color:#c5d4e2}.contact p{color:#687386;line-height:1.8}footer{padding:45px 5%;background:#222;color:#aaa;font-size:13px}footer b{color:white}footer a{color:#b9d0fa}@media(max-width:760px){.top{font-size:11px;gap:10px}header{padding:24px 5%;display:block}nav{gap:17px;font-size:13px;flex-wrap:wrap;margin-top:22px}.hero{padding:55px 5%;min-height:0;display:block}.hero>div{width:100%}.hero img{width:75%;display:block;margin:40px auto 0}.hero p:not(.eyebrow){font-size:16px}.outline{margin-left:0;margin-right:10px}.button{margin-right:10px}.benefits,.grid,.about{grid-template-columns:1fr}.benefits{gap:20px}.section{padding:55px 5%}h2{font-size:32px}.about{padding:55px 5%;gap:20px}}
.search-label{display:block;color:#536174;font-size:14px;margin-bottom:12px}#product-search{width:min(100%,560px);padding:14px;font:inherit;border:1px solid #cbd3e0}#product-count{color:#687386;font-size:13px;margin-bottom:28px}.card h3 a{font-size:20px;color:#202630}.accessory{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;text-align:left;background:#f3f5f8}.accessory img{width:100%;object-fit:contain}.accessory p{line-height:1.8;color:#536174}.product-main{max-width:1300px;margin:auto;padding:35px 5% 60px}.breadcrumb{color:#687386;font-size:14px}.breadcrumb a{color:#2457b8}.product-head{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:40px 0 60px}.product-head h1{font-size:38px}.product-head ul{padding-left:20px;color:#536174;line-height:1.8}.product-media img{width:100%;max-height:420px;object-fit:contain}.catalog-preview,.product-help{padding:35px;background:#f3f5f8;line-height:1.8}.product-download{display:block;margin-top:20px;color:#2457b8}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:16px 20px;border:1px solid #e1e5eb;text-align:left;line-height:1.6}th{width:25%;background:#f3f5f8}td{overflow-wrap:anywhere}.spec-note{color:#687386;font-size:13px;line-height:1.8}.product-help{margin-top:50px}.product-help h2{font-size:28px}@media(max-width:760px){.product-head,.accessory{grid-template-columns:1fr;gap:25px}.product-head h1{font-size:30px}th,td{padding:12px;font-size:13px}}
.card-pair{display:flex;justify-content:center;align-items:center;gap:20px;height:180px}.card-pair img{width:42%;height:180px;object-fit:contain}.product-pair{display:flex;justify-content:center;align-items:center;gap:25px}.product-pair figure{margin:0;width:45%;text-align:center}.product-pair img{height:320px;object-fit:contain}.product-pair figcaption{color:#687386;font-size:13px;margin-top:15px}
.distance-guide{padding:25px 30px;background:#edf3fc;border-left:4px solid #2457b8;margin:0 0 35px;line-height:1.8}.distance-guide h2{font-size:23px}.original-photos{font-size:13px;line-height:1.8;text-align:center;color:#2457b8}
.contact-page h1{font-size:clamp(32px,4vw,52px)}.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}.contact-options article{border:1px solid #dce2eb;padding:30px;line-height:1.8}.contact-options h2{font-size:25px}.contact-email{display:block;width:100%;max-width:360px;padding:12px;border:1px solid #cbd3e0;font:inherit;color:#202630}.contact-options button{border:0;cursor:pointer;font-family:inherit}.email-note,#copy-status{font-size:14px;color:#536174}#inquiry-model{background:#edf3fc;padding:15px;color:#2457b8}.contact-page ul{padding-left:20px}@media(max-width:760px){.contact-options{grid-template-columns:1fr}.contact-options article{padding:22px}}
.home-header{padding-top:12px;padding-bottom:12px;gap:28px}.home-logo{display:block;flex:0 0 220px;width:220px;height:146px;overflow:hidden}.home-logo img{display:block;width:220px;height:auto;max-width:none;transform:translateY(-39px)}@media(max-width:760px){.home-header{padding-top:12px;padding-bottom:20px}.home-logo{width:200px;height:133px}.home-logo img{width:200px;transform:translateY(-35px)}.home-header nav{margin-top:16px}}
