
:root{font-family:system-ui,-apple-system,'Microsoft JhengHei',sans-serif;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#142235;line-height:1.78}
a{color:#195bb6}header{background:#0a1730;color:white;padding:16px max(22px,calc((100vw - 1020px)/2))}
header a{color:white;text-decoration:none;font-weight:700}.wrap{max-width:1020px;margin:auto;padding:28px 20px 75px}
nav{font-size:14px;color:#64748b;margin-bottom:16px}nav a{color:#435c7b}
.hero{background:linear-gradient(130deg,#14284f,#105d9f);color:white;border-radius:20px;padding:36px 34px}
.hero .eyebrow{color:#9fd9ff;font-size:14px;font-weight:700;margin:0}
h1{font-size:clamp(29px,4.4vw,44px);line-height:1.27;margin:8px 0}h2{margin:0 0 10px;font-size:23px}
.sub{font-size:18px;margin:9px 0 0}.price{font-weight:800;background:#fff;color:#174c8b;display:inline-block;padding:7px 14px;border-radius:9px;margin-top:17px}
.actions{margin:22px 0 5px;display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;text-decoration:none;background:#1b72d0;color:white;font-weight:700;padding:12px 20px;border-radius:10px}.btn.alt{background:white;color:#174c8b;border:1px solid #ccd9e8}
article{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.panel{background:white;border:1px solid #e0e8f0;border-radius:14px;padding:24px}
.faq{margin-top:24px}.faq .panel{margin-top:12px}h3{font-size:18px;margin:0 0 4px}p{margin:6px 0}.note{font-size:14px;color:#506176}
footer{border-top:1px solid #d7dfe9;margin-top:35px;padding-top:19px;color:#536477;font-size:14px}
@media(max-width:680px){article{grid-template-columns:1fr}.hero{padding:27px 22px}.panel{padding:20px}}
