:root{--navy:#0f2a44;--green:#1f5135;--red:#c8102e;--bg:#f6f8fa}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#1c2833;line-height:1.6}
.wrap{max-width:1100px;margin:auto;padding:72px 24px}.nav{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;position:sticky;top:0;background:#fffe;border-bottom:1px solid #e5e9ee;z-index:5}.logo{height:46px;width:auto;display:block}.nav nav a{margin-left:22px;color:var(--navy);text-decoration:none;font-weight:600}
.hero{background:linear-gradient(135deg,var(--navy),var(--green));color:#fff}.hero .wrap{padding:110px 24px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:13px;opacity:.8}.eyebrow:before{content:"";display:inline-block;width:24px;height:3px;background:var(--red);vertical-align:middle;margin-right:10px}
h1{font-family:Georgia,serif;font-size:clamp(34px,6vw,58px);line-height:1.1;margin:10px 0 20px}h2{font-family:Georgia,serif;color:var(--navy);font-size:36px;margin:0}.lead{max-width:560px;font-size:19px;opacity:.9}.sub{color:#5b6b7a;margin:6px 0 36px}
.btn{display:inline-block;margin:18px 10px 0 0;padding:13px 26px;border-radius:999px;background:var(--red);color:#fff;text-decoration:none;font-weight:700}.btn.ghost{background:transparent;border:2px solid #fff8}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}
.card{background:var(--bg);border-radius:20px;padding:32px;text-align:center}.tub{width:190px}.card h3{color:var(--navy);margin:8px 0}.price{display:inline-block;margin-top:8px;padding:6px 16px;border-radius:999px;background:#fff;border:1px solid var(--red);color:var(--red);font-weight:700;font-size:14px}
.band{background:var(--bg)}.q{background:#fff;border-radius:16px;padding:24px;border-top:4px solid var(--green)}.q b{color:var(--navy)}.q p{margin:8px 0 0;color:#5b6b7a;font-size:15px}
.c{display:block;padding:24px;border:1px solid #e1e6ec;border-radius:16px;color:#1c2833;text-decoration:none;word-break:break-word}.c b{display:block;color:var(--green);font-size:13px;text-transform:uppercase;letter-spacing:2px}
footer{background:var(--navy);color:#fffc;padding:24px;display:flex;justify-content:space-between;font-size:14px}
@media(max-width:800px){.grid,.four,.three{grid-template-columns:1fr}.nav nav{display:none}.wrap{padding:52px 20px}.hero .wrap{padding:72px 20px}h2{font-size:28px}}