.trial-card.hooks{gap:8px}.hook-row{border-radius:12px;grid-template-columns:24px 1fr 56px;grid-template-areas:"id line line"".bar pct";align-items:center;gap:6px 10px;padding:8px 10px;display:grid}.hook-row.win{background:var(--blue-soft)}.hook-id{background:var(--cloud);border-radius:7px;grid-area:id;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.hook-row.win .hook-id{background:var(--blue);color:#fff}.hook-line{color:var(--ink);grid-area:line;margin:0;font-size:13.5px;font-weight:600;line-height:1.35}.hook-row .bar{background:var(--cloud);border-radius:999px;grid-area:bar;height:8px;overflow:hidden}.hook-row.win .bar{background:#fff}.hook-row .bar i{background:#a9b6ff;border-radius:999px;height:100%;display:block}.hook-row.win .bar i{background:var(--blue)}.hook-row b{text-align:right;color:var(--muted);grid-area:pct;font-size:12.5px}.hook-row.win b{color:var(--blue)}
#hero-site{scroll-margin-top:140px}.demo-note{max-width:560px;color:var(--muted);text-align:center;margin:12px auto 0;font-size:13px;line-height:1.5}.export-row{flex-wrap:wrap}
.matrix-list{display:none}.mobile-cta{transition:transform .25s}body.hero-form-visible .mobile-cta{transform:translateY(110%)}@media (max-width:640px){.matrix{display:none}.matrix-list{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);margin:24px 0 0;padding:0;list-style:none;display:grid}.matrix-list li{border-bottom:1px solid var(--line);gap:8px;padding:14px 18px;display:grid}.matrix-list li:last-child{border-bottom:0}.matrix-list b{font-size:16px}.matrix-list span{color:var(--blue);flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}}