.hero{background:var(--g900);color:#fff;padding-block:72px 0;overflow:hidden}
.hero .grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}
@media(max-width:900px){.hero .grid{grid-template-columns:1fr}}
.hero .phone{margin-bottom:-60px;width:min(300px,100%)}
.store{display:flex;gap:10px;flex-wrap:wrap}
.store span{border:1px solid rgba(255,255,255,.35);border-radius:10px;padding:10px 14px;font-size:.85rem;display:inline-flex;gap:8px;align-items:center}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
@media(max-width:900px){.feature{grid-template-columns:1fr}}
.feature.rev>div:first-child{order:2}
@media(max-width:900px){.feature.rev>div:first-child{order:0}}
.chat{display:grid;gap:10px;font-size:.78rem}
.chat .m{padding:8px 10px;border-radius:12px;max-width:90%}
.chat .u{background:var(--mint);justify-self:end;border-bottom-right-radius:4px}
.chat .a{background:#F1F1F1;border-bottom-left-radius:4px}
.spark{height:70px;display:flex;align-items:flex-end;gap:4px}
.spark i{flex:1;background:var(--g300);border-radius:3px 3px 0 0}
.spark i.on{background:var(--g600)}
.grid6{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:800px){.grid6{grid-template-columns:1fr}}