*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Georgia,'Times New Roman',serif;color:#2c3e50;background:#fdfaf4;line-height:1.6}
header{background:linear-gradient(135deg,#0b4f6c,#1282a2);color:#fff;padding:22px 0}
.wrap{max-width:1060px;margin:0 auto;padding:0 20px}
.head-in{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.logo{font-size:26px;font-weight:bold;letter-spacing:.5px;text-decoration:none;color:#fff}
.logo span{color:#f6c453}
nav a{color:#e8f4f8;text-decoration:none;margin-left:18px;font-size:15px}
nav a:hover{color:#f6c453}
.hero{background:linear-gradient(160deg,#1282a2,#79c2c9);color:#fff;text-align:center;padding:70px 20px}
.hero h1{font-size:38px;margin-bottom:14px}
.hero p{font-size:18px;opacity:.95;max-width:640px;margin:0 auto 24px}
.btn{display:inline-block;background:#f6c453;color:#0b4f6c;font-family:Arial,sans-serif;font-weight:bold;padding:12px 28px;border-radius:6px;text-decoration:none;font-size:16px}
.btn:hover{background:#ffd97a}
section{padding:46px 0}
h2{font-size:26px;margin-bottom:22px;color:#0b4f6c;text-align:center}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(11,79,108,.12)}
.ph{height:150px;display:flex;align-items:center;justify-content:center;font-size:46px}
.ph1{background:linear-gradient(120deg,#79c2c9,#a8dadc)}
.ph2{background:linear-gradient(120deg,#f4a261,#f6bd7a)}
.ph3{background:linear-gradient(120deg,#90be6d,#b7e4a5)}
.ph4{background:linear-gradient(120deg,#8e9aaf,#cbc0d3)}
.ph5{background:linear-gradient(120deg,#f9c74f,#f8961e)}
.ph6{background:linear-gradient(120deg,#43aa8b,#90be6d)}
.card-body{padding:16px}
.card h3{font-size:17px;margin-bottom:6px;color:#0b4f6c}
.price{color:#c0392b;font-weight:bold;font-family:Arial,sans-serif}
.meta{font-size:13px;color:#7f8c8d;margin:6px 0}
.card a{display:inline-block;margin-top:8px;color:#1282a2;text-decoration:none;font-size:14px;font-family:Arial,sans-serif}
.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;list-style:none}
.feats li{background:#fff;padding:18px;border-left:4px solid #f6c453;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.feats b{color:#0b4f6c}
.obj-hero{height:260px;display:flex;align-items:center;justify-content:center;font-size:80px;background:linear-gradient(120deg,#79c2c9,#1282a2);border-radius:10px}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}
th,td{padding:12px 14px;text-align:left;border-bottom:1px solid #ecf0f1;font-size:15px}
th{background:#0b4f6c;color:#fff;font-family:Arial,sans-serif}
.contacts p{margin-bottom:10px;font-size:16px}
.contacts a{color:#1282a2}
footer{background:#0b4f6c;color:#bcd7e2;text-align:center;padding:22px;font-size:14px}
.breadcrumb{font-size:13px;color:#7f8c8d;margin:16px 0}
.breadcrumb a{color:#1282a2}
article{background:#fff;padding:26px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.07)}
article p{margin-bottom:12px}
article h3{color:#0b4f6c;margin:16px 0 8px}
.note{background:#fef9e7;border-left:4px solid #f6c453;padding:14px;border-radius:6px;font-size:14px}