
:root{
  --bg:#0b0f0c; --fg:#e9f5ee; --muted:#a7c9b7; --brand:#19a55a; --brand-2:#123a24; --card:#0f1511; --stroke:#1a231c;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.topbar{position:sticky;top:0;background:rgba(11,15,12,.9);backdrop-filter:saturate(150%) blur(10px);border-bottom:1px solid var(--stroke);z-index:10}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-weight:800;letter-spacing:.5px}
.logo span{color:var(--brand)}
.nav a{margin-left:14px;text-decoration:none;color:var(--fg);opacity:.9}
.nav a.btn,.btn{padding:10px 14px;border-radius:10px;border:1px solid var(--stroke);display:inline-block}
.btn-ghost{background:transparent}
.btn{background:var(--brand);border-color:transparent;color:#02160b;font-weight:700}
.btn-outline{background:transparent;border-color:var(--brand);color:var(--fg)}
.btn-big{padding:14px 20px;font-size:1.05rem;border-radius:12px}
.btn-block{display:block;width:100%;text-align:center;margin-top:10px}
.hero{padding:40px 0 20px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:26px}
.video-wrap{position:relative;padding-top:56.25%;border-radius:14px;overflow:hidden;border:1px solid var(--stroke);background:#000}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%}
.trust{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}
.badge{font-size:.85rem;background:var(--card);border:1px solid var(--stroke);padding:6px 10px;border-radius:999px;color:var(--muted)}
.gallery{padding:26px 0}
.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.grid-5 img{width:100%;height:170px;object-fit:cover;border-radius:10px;border:1px solid var(--stroke)}
.offers{padding:10px 0 30px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:var(--card);border:1px solid var(--stroke);border-radius:14px;overflow:hidden}
.card img{width:100%;height:190px;object-fit:cover;border-bottom:1px solid var(--stroke)}
.card-body{padding:14px}
.card-body h3{margin:.2rem 0 .4rem}
.price{font-size:1.6rem;margin-top:6px}
.center{text-align:center;margin-top:14px}
.footer{border-top:1px solid var(--stroke);padding:24px 0 35px}
.foot-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}
.links a{display:block;margin:6px 0;color:var(--muted);text-decoration:none}
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr}
  .grid-5{grid-template-columns:repeat(2,1fr)}
  .cards{grid-template-columns:1fr}
}
