*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#1c1f26;line-height:1.55;background:#fff}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}
header.hero{background:linear-gradient(135deg,#0b1220,#1d2b4f);color:#fff;padding:56px 0 48px}
.badge{display:inline-block;background:#f5b301;color:#0b1220;font-weight:700;padding:5px 10px;border-radius:4px;font-size:13px;letter-spacing:.04em}
h1{font-size:clamp(28px,5vw,44px);line-height:1.12;margin:16px 0 12px}
.hero p{font-size:19px;color:#d9e2ff;max-width:640px}
.btn{display:inline-block;background:#f5b301;color:#0b1220;font-weight:800;font-size:19px;padding:15px 28px;border-radius:8px;text-decoration:none;margin-top:14px}
.btn:hover{filter:brightness(1.07)}.small{font-size:14px;color:#9fb0d9;margin-top:10px}
section{padding:40px 0;border-bottom:1px solid #e6e9f2}h2{font-size:26px;color:#1d2b4f;margin:0 0 14px}
ul.check{list-style:none;padding:0}ul.check li{padding:6px 0 6px 30px;position:relative}ul.check li:before{content:"✓";position:absolute;left:0;color:#0a8a43;font-weight:800}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.grid{grid-template-columns:1fr}}
.card{border:1px solid #d7deee;border-radius:10px;padding:16px;background:#f8faff}.card h3{margin:0 0 6px;color:#1d2b4f}
.guarantee{background:#fff7e0;border:2px solid #f5b301;border-radius:10px;padding:18px}
details{border:1px solid #d7deee;border-radius:8px;padding:12px 14px;margin:10px 0}summary{font-weight:700;cursor:pointer}
footer{padding:30px 0;color:#667;font-size:13px}.center{text-align:center}