*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1d2330;background:#f7f5f0;line-height:1.55}
a{color:#1f4e79}header{background:#fff;border-bottom:1px solid #e3e0d8}nav{max-width:1080px;margin:auto;display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding:14px 20px}
nav .brand{font-weight:800;font-size:20px;text-decoration:none;color:#1d2330;margin-right:auto}main{max-width:1080px;margin:auto;padding:24px 20px 60px}
.hero{padding:40px 0 24px}.hero h1{font-size:clamp(30px,5vw,48px);line-height:1.1;margin:0 0 12px}.hero p{font-size:19px;max-width:640px;color:#444}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.card{background:#fff;border:1px solid #e3e0d8;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.card img{width:100%;display:block}.card .b{padding:16px 18px;display:flex;flex-direction:column;gap:6px;flex:1}.price{font-weight:700;font-size:20px}
.btn{display:inline-block;background:#1f4e79;color:#fff;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:600;border:0;cursor:pointer;margin-top:auto;text-align:center}
.btn.alt{background:#fff;color:#1f4e79;border:2px solid #1f4e79}.bundle{background:#1f4e79;color:#fff;border-radius:16px;padding:28px;margin:36px 0}.bundle .btn{background:#fff;color:#1f4e79}
.feat{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:30px 0}.feat div{background:#fff;border:1px solid #e3e0d8;border-radius:12px;padding:16px}
footer{border-top:1px solid #e3e0d8;background:#fff}footer div{max-width:1080px;margin:auto;padding:20px;display:flex;flex-wrap:wrap;gap:16px;font-size:14px;color:#555}
.note{font-size:13px;color:#666}.doc{background:#fff;border:1px solid #e3e0d8;border-radius:14px;padding:28px;max-width:780px}.pp{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;align-items:start}