:root{--navy:#12355B;--yel:#FFC20E;--ora:#F28C28;--tile:#EEF3F8;--text:#2B2B2B}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.55}
a{color:var(--navy)}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header.top{background:var(--navy);color:#fff}
.bar{display:flex;justify-content:space-between;align-items:center;padding-top:14px;padding-bottom:14px;gap:12px;flex-wrap:wrap}
.brand{color:var(--yel);font-weight:800;letter-spacing:.04em;text-decoration:none;font-size:15px}
.bar a.call{background:var(--yel);color:var(--navy);font-weight:700;text-decoration:none;padding:8px 14px;border-radius:6px;white-space:nowrap}
.hero{padding-top:40px;padding-bottom:56px;position:relative}
.hero h1{font-size:clamp(36px,7vw,64px);line-height:1.05;margin:0 0 14px}
.hero p{font-size:clamp(17px,2.4vw,21px);margin:0 0 24px;max-width:560px}
.badge{display:inline-block;background:var(--ora);color:#fff;font-weight:700;padding:6px 12px;border-radius:20px;margin-bottom:18px;font-size:14px}
.stripe{height:14px;background:var(--yel)}
.btn{display:inline-block;background:var(--yel);color:var(--navy);font-weight:800;text-decoration:none;padding:14px 22px;border-radius:8px;font-size:18px}
section{padding:48px 0}
h2{color:var(--navy);font-size:28px;margin:0 0 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.tile{background:var(--tile);border-left:6px solid var(--ora);border-radius:8px;padding:16px 18px}
.tile h3{margin:0 0 4px;color:var(--navy);font-size:17px}
.tile p{margin:0;font-size:15px}
.note{margin-top:22px;font-size:18px}
.note strong{color:var(--navy)}
.adv{background:var(--tile)}
.adv ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.adv li{background:#fff;border-radius:8px;padding:14px 16px}
.adv li b{display:block;color:var(--navy)}
.contact{background:var(--yel);color:var(--navy);text-align:center}
.contact .phone{font-size:clamp(34px,7vw,56px);font-weight:800;text-decoration:none;color:var(--navy);display:block;margin:8px 0}
.contact a.mail{color:var(--navy);font-size:18px;overflow-wrap:anywhere;font-size:clamp(15px,4vw,18px)}
footer{background:var(--navy);color:#cfd8e3;font-size:14px;padding:22px 0}
footer a{color:#fff;margin-right:16px}
.legal h1{color:var(--navy)}
.legal h2{font-size:20px;margin-top:28px}
.legal{padding-top:32px;padding-bottom:56px}