:root{--navy:#14324f;--navy-2:#1f4b73;--orange:#f4662f;--ink:#1c2430;--muted:#5b6673;--line:#dfe5ec;--bg:#f5f7fa;--card:#fff;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--navy-2)}img{max-width:100%;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.topbar{background:var(--navy);color:#cfd9e4;font-size:14px}.topbar .wrap{display:flex;justify-content:space-between;gap:16px;padding:6px 20px;flex-wrap:wrap}.topbar a{color:#fff;text-decoration:none;font-weight:600}@media(max-width:720px){.topbar .addr{display:none}.topbar .wrap{justify-content:center}}
header.site{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:16px}
.brand{text-decoration:none;color:var(--navy);line-height:1.15}.brand b{display:block;font-size:20px;letter-spacing:.02em}.brand span{font-size:13px;color:var(--muted)}
nav.main ul{list-style:none;margin:0;padding:0;display:flex;gap:4px}nav.main a{display:block;padding:8px 12px;border-radius:6px;text-decoration:none;color:var(--ink);font-weight:500}nav.main a:hover{background:var(--bg)}nav.main a[aria-current]{color:var(--orange);font-weight:600}
.menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-size:20px;line-height:1;cursor:pointer}
@media(max-width:720px){.menu-btn{display:block}nav.main{display:none;width:100%}nav.main.open{display:block}nav.main ul{flex-direction:column}header.site .wrap{flex-wrap:wrap}}
.hero{position:relative;min-height:460px;display:flex;align-items:flex-end;color:#fff;background:#000 center/cover no-repeat}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,25,40,.85) 0%,rgba(10,25,40,.25) 60%,rgba(10,25,40,0) 100%)}
.hero .wrap{position:relative;z-index:1;padding:40px 20px}.hero h1{font-size:clamp(28px,5vw,46px);margin:0 0 6px;line-height:1.1}.hero p{font-size:clamp(16px,2.2vw,20px);margin:0 0 18px;max-width:640px;color:#e6edf3}
.btn{display:inline-block;background:var(--orange);color:#fff;text-decoration:none;font-weight:600;padding:11px 20px;border-radius:6px;border:0;font-size:16px;cursor:pointer}.btn:hover{background:#d9541f}.btn.ghost{background:transparent;border:2px solid #fff}.btn.ghost:hover{background:rgba(255,255,255,.12)}
.btn-row{display:flex;gap:12px;flex-wrap:wrap}
section{padding:48px 0}section.alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
h2{font-size:28px;margin:0 0 6px;color:var(--navy)}h2+.lead{margin:0 0 24px;color:var(--muted)}h3{margin:0 0 8px;font-size:18px;color:var(--navy)}
.grid{display:grid;gap:20px}.grid.c2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid.c3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid.two{grid-template-columns:1fr 1fr}@media(max-width:720px){.grid.two{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:22px}.card p:last-child{margin-bottom:0}
.card.photo{padding:0;overflow:hidden}.card.photo img{aspect-ratio:3/2;object-fit:cover;width:100%}.card.photo div{padding:16px 20px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:500}
table.fuel{width:100%;border-collapse:collapse;margin:8px 0}table.fuel th,table.fuel td{padding:8px 6px;border-bottom:1px solid var(--line);text-align:left}table.fuel td.n{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;font-size:18px}
.small{font-size:13px;color:var(--muted)}
.wx-big{font-size:34px;font-weight:600;line-height:1;margin:6px 0}
ul.check{list-style:none;padding:0;margin:0}ul.check li{padding:6px 0 6px 28px;position:relative;border-bottom:1px solid var(--line)}ul.check li::before{content:"";position:absolute;left:4px;top:12px;width:12px;height:6px;border:solid var(--orange);border-width:0 0 3px 3px;transform:rotate(-45deg)}ul.check li:last-child{border:0}
.diagram{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px}.diagram img{margin:0 auto;max-height:360px}
form.req input,form.req select,form.req textarea{width:100%;padding:10px;border:1px solid #b9c3cd;border-radius:6px;font:inherit;background:#fff}form.req .full{grid-column:1/-1}form.req fieldset{border:0;padding:0;margin:0}form.req fieldset label{display:inline-block;margin-right:16px;font-weight:400}
.notice{padding:14px 16px;border-radius:8px;background:#eef6ff;border:1px solid #b9d6f5;margin-top:16px}.notice.ok{background:#eefbf0;border-color:#a9dfb3}.notice.err{background:#fff1ee;border-color:#f3b8a9}
footer.site{background:var(--navy);color:#cfd9e4;padding:40px 0 24px;font-size:15px}footer.site h4{color:#fff;margin:0 0 8px;font-size:15px;text-transform:uppercase;letter-spacing:.06em}footer.site a{color:#fff}footer.site .grid{gap:28px}footer.site .copy{border-top:1px solid rgba(255,255,255,.15);margin-top:28px;padding-top:16px;font-size:13px;color:#9fb0c1}