:root{
  --bg:#0d0e12; --panel:#161822; --ink:#e8ecf1; --sub:#a7b0bd;
  --chip:#232637; --chip-ink:#cfd6e4; --accent:#7b8cff; --ring:#2b2f42;
}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Arial}
a{color:inherit;text-decoration:none}

.hero{position:relative; padding:48px 20px 28px; background:
 radial-gradient(1200px 600px at 50% -200px, #1b1f2f 0%, rgba(13,14,18,0) 60%);}
.hero__inner{max-width:1050px;margin:0 auto;text-align:center}
.dot{width:92px;height:92px;border-radius:999px;background:#fff1;border:1px solid #fff3;margin:0 auto 18px}
.hero__title{margin:0 0 8px;font-weight:800;letter-spacing:.03em;font-size:28px}
.hero__sub{margin:0 0 18px;color:var(--sub)}
.hero__cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn{background:var(--chip);color:var(--ink);padding:12px 18px;border-radius:18px;border:1px solid var(--ring)}
.btn--ghost{background:transparent;border-color:#fff3}

.section{max-width:1050px;margin:26px auto 0;padding:0 16px}
.section__heading{margin:0 0 4px;font-size:24px}
.section__sub{margin:0;color:var(--sub)}
.container{max-width:1050px;margin:12px auto 36px;padding:0 12px}

.wrap{margin-top:22px}
.section__title{margin:12px 8px 10px;font-size:22px;color:#ffd86b}

.cards{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:740px){.cards{grid-template-columns:1fr 1fr}}
.card{border-radius:18px;overflow:hidden;background:var(--panel);border:1px solid var(--ring);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.card__img{width:100%;aspect-ratio:16/11;object-fit:cover;background:#0b0c10}
.card__body{padding:16px}
.card__title{margin:0 0 6px;font-size:20px;font-weight:700}
.chips,.prices{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 0}
.chip{background:var(--chip);color:var(--chip-ink);padding:6px 10px;border-radius:999px;border:1px solid var(--ring);font-size:13px}
.price{background:#0f1222;border:1px solid #273055;border-radius:999px;padding:8px 12px;font-weight:600}
.foot{max-width:1050px;margin:16px auto 60px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;color:var(--sub)}
.foot__cta{margin-left:auto}