.hero{padding-block:28px 40px}
.hero-grid{display:grid;gap:22px}
.hero h1 em{display:block}
.hero .lead{margin:12px 0 20px}
.hero-img{aspect-ratio:4/3}
.hero-proof{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:14px;font-size:13.5px;color:var(--soft)}
.hero-proof b{color:var(--ink)}
.prod{display:grid;gap:18px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;text-align:left;margin-top:22px}
.prod .ph{aspect-ratio:1/1}
.prod h3{font-size:21px;margin:4px 0 6px}
.prod-price{display:flex;flex-direction:column;gap:6px;margin:14px 0 18px}
.prod-price div{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14.5px}
.prod-price div.hi{border-color:var(--brand);background:var(--brand-soft)}
.prod-price b{font-family:var(--f-head);font-weight:800;color:var(--ink);white-space:nowrap}
.prod-price small{color:var(--ok);font-weight:700;font-size:12.5px;display:block;text-align:right}
.uses{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.uses .ph{aspect-ratio:1/1;font-weight:700;color:var(--ink)}
.team{display:grid;gap:22px;align-items:center}
.team .ph{aspect-ratio:4/3}
.rev-slot{margin-top:20px;border:2px dashed #BFCBE0;border-radius:var(--r);padding:28px 18px;color:var(--soft);font-size:14px;background:#fff}
.final{background:var(--brand-soft)}
@media (min-width:900px){
  .hero{padding-block:56px 70px}
  .hero-grid{grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
  .prod{grid-template-columns:1fr 1.1fr;gap:40px;padding:28px;align-items:center;max-width:980px;margin-left:auto;margin-right:auto}
  .uses{grid-template-columns:repeat(4,1fr)}
  .team{grid-template-columns:1fr 1fr;gap:60px}
  .rev-slot{max-width:820px;margin-left:auto;margin-right:auto}
}