*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1b2430;line-height:1.55}
a{color:#0f2a44}.wrap{max-width:1040px;margin:auto;padding:0 20px}
header{position:sticky;top:0;background:#0f2a44;color:#fff;z-index:9}header .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
.brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;font-weight:800;font-size:1.15rem}.brand img{width:34px}
.btn{display:inline-block;background:#f5a623;color:#0f2a44;font-weight:700;padding:13px 22px;border-radius:10px;text-decoration:none;border:0;font-size:1rem;cursor:pointer}
.btn.sm{padding:8px 14px}.hero{background:linear-gradient(160deg,#0f2a44,#1d4a73);color:#fff;padding:56px 0 64px}
.hero h1{font-size:clamp(2rem,6vw,3.3rem);line-height:1.1;margin:0 0 16px}.hero p{font-size:1.15rem;max-width:620px;opacity:.92}
.hero .alt{color:#fff;margin-left:14px}section{padding:56px 0}h2{font-size:1.9rem;margin:0 0 24px}
.grid{display:grid;gap:18px}@media(min-width:760px){.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:1fr 1fr}}
.card{border:1px solid #e3e8ef;border-radius:14px;padding:22px;background:#fff}.step{font-weight:800;color:#f5a623;font-size:1.6rem}
.gray{background:#f5f7fa}.price{font-size:2.2rem;font-weight:800;color:#0f2a44}.card.hl{border:2px solid #f5a623}
details{border-bottom:1px solid #e3e8ef;padding:14px 0}summary{font-weight:700;cursor:pointer}
form{display:grid;gap:14px}label{font-weight:600;font-size:.95rem}input,select,textarea{width:100%;padding:12px;border:1px solid #c9d2de;border-radius:8px;font:inherit;margin-top:4px}
.note{font-size:.85rem;color:#5a6676}footer{background:#0f2a44;color:#c9d6e4;padding:30px 0;font-size:.9rem}footer a{color:#fff}