*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#0f172a;background:#fff}
a{color:inherit;text-decoration:none}
.container{max-width:1180px;margin:0 auto;padding:1.25rem}
.header{position:sticky;top:0;background:#ffffffcc;backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid #e5e7eb;z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:.5rem;font-weight:800}
.logo-badge{width:36px;height:36px;border-radius:9999px;border:2px solid #111827;display:grid;place-items:center;font-weight:800}
.navlinks a{margin:.25rem .6rem;padding:.55rem;border-radius:.75rem}
.navlinks a:hover{background:#f3f4f6}
.header-cta{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.phone{font-weight:700}
.btn{padding:.65rem .9rem;border-radius:.9rem;border:1px solid #111827;font-weight:600;display:inline-block}
.btn.primary{background:#111827;color:white}
.btn.ghost{background:white;color:#111827}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:center;padding:2rem 1rem;background:linear-gradient(180deg,#f8fafc,transparent)}
.hero img{width:100%;border-radius:1rem;border:1px solid #e5e7eb}
.section{padding:2rem 0}
.grid{display:grid;gap:1rem}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{border:1px solid #e5e7eb;border-radius:1.1rem;padding:1rem;box-shadow:0 1px 0 #e5e7eb}
.card h3{margin:.3rem 0 .5rem}
.badge{display:inline-block;padding:.25rem .6rem;border:1px solid #111827;border-radius:9999px;font-size:.8rem}
.accordion button{width:100%;text-align:left;background:#fff}
.accordion .panel{padding:.5rem 0}
.footer{margin-top:2rem;border-top:1px solid #e5e7eb;padding:2rem 0;color:#475569;font-size:.95rem}
.notice{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:1rem;padding:1rem}
.table-wrap{overflow:auto;border:1px solid #e5e7eb;border-radius:1rem}
table{width:100%;border-collapse:separate;border-spacing:0}
thead th{background:#f1f5f9;text-align:left;padding:.6rem}
tbody td{border-top:1px solid #e5e7eb;padding:.6rem}
.hero h1{margin-top:0}
blockquote{border-left:4px solid #e5e7eb;padding-left:1rem;color:#475569}
@media (max-width:900px){.hero{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr}}