*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1f2933;line-height:1.6;background:#f7f9fb}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}header{background:#0b3d5c;color:#fff;padding:14px 0}header a{color:#fff;text-decoration:none}nav a{margin-left:16px;font-size:.95rem}
.top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.hero{background:#124e74;color:#fff;padding:56px 0}.hero h1{font-size:2rem;margin:0 0 12px;line-height:1.25}
.btn{display:inline-block;background:#f5a623;color:#1f2933;padding:12px 22px;border-radius:6px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-size:1rem}
section{padding:44px 0}section:nth-of-type(even){background:#fff}h2{color:#0b3d5c;margin-top:0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:#fff;border:1px solid #dde3ea;border-radius:10px;padding:22px}
.price{font-size:2rem;font-weight:800;color:#0b3d5c}.sample{border-left:5px solid #f5a623;background:#fffaf0;padding:18px;border-radius:6px}
.note{font-size:.9rem;color:#52606d}label{display:block;margin:12px 0 4px;font-weight:600}input,select,textarea{width:100%;padding:10px;border:1px solid #bcc7d3;border-radius:6px;font:inherit}
footer{background:#1f2933;color:#cbd2d9;padding:24px 0;font-size:.9rem}footer a{color:#fff}
@media(max-width:600px){.hero h1{font-size:1.5rem}nav a{margin:0 12px 0 0}}