*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#222;line-height:1.65}
a{color:#0b5cab}.topbar{background:#0b2a4a;color:#fff;padding:9px 16px;font-size:14px}
.topbar a{color:#fff}header{border-bottom:2px solid #e8a020;background:#fff}
.navwrap{max-width:1180px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:24px}
.logo{font-weight:700;font-size:20px;color:#0b2a4a;white-space:nowrap;text-decoration:none}
.logo span{color:#e8a020}nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;flex-wrap:wrap}
nav li{position:relative}nav li>a{display:block;padding:16px 10px;text-decoration:none;color:#222;font-size:15px}
@media (hover:hover){nav li>a:hover{background:#f2f2f2}}a:active{opacity:.75}.menu{display:none;position:absolute;left:0;top:100%;background:#fff;
border:1px solid #ddd;min-width:230px;z-index:50;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.menu a{display:block;padding:10px 14px;text-decoration:none;color:#222;border-bottom:1px solid #eee}
@media (hover:hover){.has-menu:hover .menu{display:block}}.has-menu:focus-within .menu{display:block}
.hamb{display:none}main{max-width:1180px;margin:0 auto;padding:24px 16px}
.hero{background:linear-gradient(120deg,#0b2a4a,#14507e);color:#fff;padding:44px 32px;border-radius:8px}
.hero h1{margin:0 0 10px;font-size:34px}.hero p{font-size:18px;max-width:760px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:24px 0}
.card{border:1px solid #ddd;border-radius:8px;padding:18px;min-width:0}.card h3{margin:0 0 8px}
.card h3 a{text-decoration:none}table{border-collapse:collapse;width:100%;margin:16px 0}
th,td{border:1px solid #ccc;padding:9px 12px;text-align:left}th{background:#0b2a4a;color:#fff}
.specnote{background:#fff8e1;border-left:4px solid #e8a020;padding:12px 16px;margin:16px 0}
.inquiry{background:#eef5fb;border:1px solid #bcd6ea;border-radius:8px;padding:20px;margin:28px 0}
footer{background:#0b2a4a;color:#fff;padding:28px 16px;margin-top:32px}
footer a{color:#ffd970}.foot{max-width:1180px;margin:0 auto}
.tag{display:inline-block;background:#e8a020;color:#111;padding:2px 10px;border-radius:20px;font-size:13px}
.modellist{columns:2;column-gap:28px}.modellist li{margin-bottom:6px}
@media(max-width:760px){nav ul{display:none;flex-direction:column;width:100%}
.hamb{display:block;margin-left:auto;font-size:26px;cursor:pointer;background:none;border:0}
#navtoggle:checked ~ nav ul{display:flex}.menu{position:static;box-shadow:none}
.hero{padding:28px 18px}.hero h1{font-size:26px}.modellist{columns:1}}
@media(min-width:761px){li.lang-menu .menu{left:auto;right:0}}