*{box-sizing:border-box}body{margin:0;background:#02080d;color:#fff;font-family:Arial,Helvetica,sans-serif}
header{height:86px;background:#02070b;display:flex;align-items:center;padding:0 3.4%;border-bottom:1px solid #16242e;position:sticky;top:0;z-index:20}
.logo{width:190px;height:77px;object-fit:cover;object-position:center}
nav{margin-left:auto;display:flex;gap:42px;align-items:center;font-size:14px}
nav a{color:#fff;text-decoration:none;padding:31px 0 17px;white-space:nowrap}
nav a.active{border-bottom:4px solid #ff1b21}
.breadcrumb{height:46px;display:flex;align-items:center;padding:0 3.4%;color:#9aa7b2;background:#07121a;font-size:15px}
.breadcrumb a{color:#9aa7b2;text-decoration:none}.breadcrumb b{color:#fff}.sep{padding:0 11px}
.hero{display:grid;grid-template-columns:56% 44%;min-height:565px;background:#02070b}
.hero-img{background-size:cover;background-position:center}
.copy{padding:32px 6% 18px 5%;background:linear-gradient(90deg,#03080c 0%,#06121a 100%)}
.kicker{letter-spacing:6px;font-size:15px;color:#ddd}.kicker:before{content:"";display:inline-block;width:28px;height:5px;background:var(--accent);margin-right:14px;vertical-align:middle}
h1{font-size:72px;line-height:.95;margin:16px 0 12px;font-weight:900;letter-spacing:1px}
.tag{letter-spacing:5px;font-size:15px;color:#e8e8e8;margin-bottom:18px}.redline{width:52px;height:5px;background:#ff171e;margin:17px 0}
.copy p{font-size:18px;line-height:1.42;color:#eee;margin:0 0 16px}
.specbox{margin:-5px 2.7% 24px;position:relative;background:#06131c;border:1px solid #102b3c;border-radius:8px;padding:12px 14px 14px}
.spectitle{display:flex;align-items:baseline;gap:24px;padding:0 10px 10px}.spectitle h2{font-size:34px;margin:0}.spectitle span{letter-spacing:4px;color:#8f9ca5}
table{width:100%;border-collapse:collapse;text-align:center}th{background:color-mix(in srgb,var(--accent) 42%,#082238);padding:15px 7px;font-size:16px}td{padding:14px 7px;font-size:24px;border:1px solid #17303d}th small{display:block;font-weight:400;color:#d9e4ea;margin-top:3px}
.indexhero{padding:58px 5% 30px;background:linear-gradient(135deg,#06131c,#02070b)}.indexhero h1{font-size:58px}.indexhero p{font-size:20px;color:#b8c4cc}
.section{padding:28px 5% 45px}.section h2{font-size:32px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{height:270px;position:relative;background-size:cover;background-position:center;border:1px solid #203441;border-radius:6px;overflow:hidden;text-decoration:none;color:#fff}
.card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.06) 65%)}
.card .txt{position:absolute;left:22px;right:22px;bottom:20px;z-index:2}.card h3{font-size:27px;margin:0 0 7px}.card span{font-size:13px;letter-spacing:3px}.detailbtn{float:right;border:1px solid #81909a;padding:8px 12px;border-radius:4px;font-size:12px;letter-spacing:1px}
@media(max-width:900px){nav{gap:13px;font-size:10px}.logo{width:150px}.hero{grid-template-columns:1fr}.hero-img{height:390px}.copy{padding:30px}.grid{grid-template-columns:1fr}.specbox{overflow:auto}h1{font-size:52px}}