*{margin:0;padding:0;box-sizing:border-box}
body{font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#1c2430;background:#fff}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header{background:#0f3d66;color:#fff;padding:14px 0;position:sticky;top:0;z-index:10}
header .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.logo{font-size:20px;font-weight:700;letter-spacing:.2px}
.logo span{color:#4db2ff}
.phone{font-size:19px;font-weight:700;white-space:nowrap}
.phone small{display:block;font-size:12px;font-weight:400;opacity:.75}
.hero{background:linear-gradient(180deg,#12456f,#0d3454);color:#fff;padding:64px 0}
.hero h1{font-size:38px;line-height:1.2;margin-bottom:16px}
.hero p{font-size:18px;opacity:.9;max-width:620px;margin-bottom:28px}
.btn{display:inline-block;background:#ff8a00;color:#fff;padding:14px 30px;border-radius:6px;text-decoration:none;font-weight:600}
.btn:hover{background:#e87c00}
h2{font-size:28px;margin-bottom:8px}
.sub{color:#6a7684;margin-bottom:28px}
section{padding:56px 0}
.alt{background:#f5f7fa}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:#fff;border:1px solid #e3e8ee;border-radius:8px;padding:22px}
.card h3{font-size:17px;margin-bottom:8px;color:#0f3d66}
.card p{color:#5a6675;font-size:15px}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e3e8ee;border-radius:8px;overflow:hidden}
th,td{padding:13px 16px;text-align:left;border-bottom:1px solid #eef1f5}
th{background:#0f3d66;color:#fff;font-weight:600;font-size:15px}
td:last-child{text-align:right;font-weight:600;white-space:nowrap}
tr:last-child td{border-bottom:none}
.steps{counter-reset:s}
.steps li{list-style:none;counter-increment:s;padding-left:52px;position:relative;margin-bottom:20px}
.steps li:before{content:counter(s);position:absolute;left:0;top:-2px;width:36px;height:36px;background:#ff8a00;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}
.steps b{display:block;margin-bottom:2px}
.steps span{color:#5a6675;font-size:15px}
footer{background:#0d2438;color:#9db0c2;padding:34px 0;font-size:14px}
footer a{color:#4db2ff;text-decoration:none}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:20px}
.fgrid b{color:#fff;display:block;margin-bottom:8px}
.copy{border-top:1px solid #1d3d57;padding-top:16px;opacity:.7;font-size:13px}
.mask{letter-spacing:1px}
.reveal{background:none;border:1px solid currentColor;color:inherit;font:inherit;font-size:12px;font-weight:600;
padding:2px 8px;border-radius:4px;cursor:pointer;opacity:.85;vertical-align:middle;margin-left:4px}
.reveal:hover{opacity:1}
.reveal:disabled{cursor:default;opacity:.4}
.err{display:none;color:#d64545;font-size:12px;font-weight:500;margin-top:4px}
.err.on{display:block}
header .err{color:#ffb3b3}
footer .err{color:#e08a8a;display:none}
footer .err.on{display:inline-block;margin-left:6px}
@media(max-width:600px){.hero h1{font-size:28px}.hero{padding:44px 0}}
footer a{color:#4db2ff;text-decoration:none}
footer a:hover{text-decoration:underline}
.page{padding:56px 0;max-width:780px}
.page h1{font-size:32px;margin-bottom:8px;color:#0f3d66}
.page h2{font-size:20px;margin:28px 0 10px;color:#0f3d66}
.page p,.page li{color:#3d4855;margin-bottom:12px}
.page ul{padding-left:22px}
.page .lead{font-size:18px;color:#5a6675;margin-bottom:24px}
.nf{text-align:center;padding:90px 20px}
.nf .big{font-size:84px;font-weight:800;color:#dbe3ec;line-height:1}
.nf h1{font-size:26px;margin:8px 0 10px;color:#0f3d66}
.nf p{color:#6a7684;margin-bottom:24px}
nav.top a{color:#cfe4f7;text-decoration:none;font-size:14px;margin-left:18px}
nav.top a:hover{color:#fff}
