:root{--ink:#1d2b2b;--accent:#0e7c66;--accent-dark:#0b5e4e;--muted:#6b7c7a;--bg:#f6f4ef;--card:#fff}
*{box-sizing:border-box}
body{margin:0;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}
a{color:var(--accent)}
header.site{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:50}
header.site .row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}
.brand{font-weight:800;font-size:20px;color:var(--accent);text-decoration:none;letter-spacing:.2px}
nav a{margin-left:10px}
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;
  padding:13px 22px;border-radius:12px;border:0;font-size:16px;cursor:pointer;
  box-shadow:0 6px 18px rgba(14,124,102,.30)}
.btn:hover{background:var(--accent-dark)}
.btn.small{padding:8px 14px;font-size:14px;box-shadow:none}
.btn.full{width:100%;text-align:center;margin-top:6px}
.hero{background:linear-gradient(135deg,#0e7c66,#0b5e4e);color:#fff;padding:64px 0 56px}
.hero h1{margin:0 0 12px;font-size:34px;line-height:1.15}
.hero .lead{font-size:18px;opacity:.95;max-width:620px}
.cta-row{margin:22px 0 10px}
.hero .btn{background:#fff;color:var(--accent-dark);box-shadow:0 6px 18px rgba(0,0,0,.18)}
.trust{opacity:.85;font-size:14px;margin:8px 0 0}
.how{display:flex;gap:16px;flex-wrap:wrap;margin:34px auto}
.how .step{flex:1;min-width:220px;background:var(--card);border-radius:14px;padding:18px;
  box-shadow:0 4px 16px rgba(0,0,0,.06)}
.form-wrap{padding:34px 20px 60px}
.form-wrap h1{font-size:28px;margin:0 0 6px}
.lead{color:#33403e;font-size:17px;margin:0 0 18px}
.card{background:var(--card);border-radius:16px;padding:22px;box-shadow:0 6px 24px rgba(0,0,0,.08)}
.card.center{text-align:center}
.form label{display:block;font-weight:600;margin:14px 0 0;font-size:15px}
.form input{display:block;width:100%;margin-top:6px;padding:12px 13px;border:1px solid #ccc;
  border-radius:10px;font-size:16px;background:#fff;font-weight:400}
.form .grid2{display:flex;gap:14px;flex-wrap:wrap}
.form .grid2 label{flex:1;min-width:160px}
.opt{color:var(--muted);font-weight:400;font-size:13px}
.hint{display:block;color:var(--muted);font-size:13px;margin-top:5px;font-weight:400}
.reassure{color:var(--muted);font-size:13px;text-align:center;margin:12px 0 0}
.error{background:#fdecec;border:1px solid #f3c2c2;color:#9b2c2c;padding:12px 14px;border-radius:10px;margin:0 0 14px}
footer.site{color:var(--muted);font-size:14px;padding:26px 0 40px;text-align:center}
.navlink{margin-left:4px;color:var(--ink);text-decoration:none;font-weight:600;font-size:15px}
.row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:14px 0 26px}
.tcard{background:var(--card);border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.06);
  text-decoration:none;color:var(--ink);display:flex;flex-direction:column}
.tcard img{width:100%;height:150px;object-fit:cover;background:#dfe7e4;display:block}
.tcard-b{padding:12px 14px}
.tcard-name{font-weight:700;font-size:15px;line-height:1.25}
.tcard-meta{color:var(--muted);font-size:13px;margin-top:4px}
.grp{font-size:20px;margin:22px 0 2px}
.back{display:inline-block;margin:0 0 10px;text-decoration:none;font-weight:600}
.detail-hero{width:100%;max-height:320px;object-fit:cover;border-radius:16px;margin:0 0 16px;background:#dfe7e4}
.chips{margin:0 0 12px}
.chip{display:inline-block;background:#e8f1ee;color:var(--accent);border-radius:999px;padding:3px 11px;font-size:12px;margin:0 6px 6px 0}
.cols{display:flex;gap:28px;flex-wrap:wrap;margin:10px 0}
.cols h4{margin:8px 0 4px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.cols ul{margin:0;padding-left:18px;font-size:14px}
.price-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin-top:16px;padding-top:14px;border-top:1px solid #eee}
.price-big{font-size:20px;font-weight:700;color:var(--accent)}
.pp{color:var(--muted);font-size:13px;font-weight:400}
@media(max-width:560px){.hero h1{font-size:27px}.hero{padding:46px 0 40px}}