/* lamponi.ai homepage: Dictation, iPhone app and Enterprise sections. Every visual is code (no screenshots). */
.hx{padding-block:88px}
.hx-g{display:grid;gap:36px}
.hx-copy,.hx-vis{min-width:0}
.hx-lead{margin-top:16px;color:var(--ink2);max-width:36rem}
.hx .note{margin-top:20px;display:flex;gap:8px;flex-wrap:wrap}
.hx-eh{display:grid;gap:12px;margin-bottom:36px}
.hx-pts{display:grid;gap:16px;margin-top:28px}
.hx-pt{padding-top:14px;border-top:1px solid var(--line)}
.hx-pt h3{font-family:var(--ui);font-weight:600;font-size:1rem;line-height:1.4;color:var(--ink)}
.hx-pt p{margin-top:4px;color:var(--ink2);font-size:.9375rem;line-height:1.55}
.hx-soon svg{width:14px;height:14px;margin-right:6px;vertical-align:-2px}
.hx-cta{margin-top:20px;display:inline-flex}
.hx-tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:22px}
.hx-tabs button{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line2);background:#fff;color:var(--ink2);font:inherit;font-size:.9375rem;cursor:pointer}
.hx-tabs button[aria-selected="true"]{background:var(--r500);border-color:var(--r500);color:#fff}
/* stage: a fixed design size scaled to the column (everything inside is vector, so it stays sharp) */
.hx-stage{position:relative;width:100%;overflow:hidden}
.hx-stage[hidden]{display:none}
.hx-sc{position:absolute;left:0;top:0;transform-origin:0 0}
@media(min-width:720px){.hx-pts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}}
@media(min-width:900px){
}
@media(min-width:1024px){
 .hx{padding-block:112px}
 .hx-g{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(40px,4vw,88px)}
 .hx-eh{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:end;gap:clamp(40px,4vw,96px)}
 .hx-pts4{grid-template-columns:repeat(4,minmax(0,1fr))}
 .hx-pts3{grid-template-columns:repeat(3,minmax(0,1fr))}
}