@layer components{.phero{text-align:center;padding-block:96px 0}.phero .h1{font-size:clamp(48px,7.5vw,96px)}.phero .lead{margin:20px auto 0}.trial{color:var(--text);flex-wrap:wrap;justify-content:center;gap:10px 24px;margin-top:22px;font-size:14px;display:flex}.trial span{align-items:center;gap:8px;display:inline-flex}.trial svg{color:var(--green)}.cmpwrap{border:1px solid var(--line);border-radius:24px;margin-top:48px;overflow:auto}.cmp{border-collapse:collapse;width:100%;font-size:15px}.cmp th,.cmp td{text-align:center;border-bottom:1px solid var(--hair);padding:16px 20px}.cmp th:first-child,.cmp td:first-child{text-align:left;color:var(--text)}.cmp thead th{background:var(--paper);color:var(--ink);padding-block:22px;font-size:16px;font-weight:600;position:sticky;top:0}.cmp thead th.pop{background:var(--ink);color:var(--on-dark)}.cmp thead th small{color:var(--mute);margin-top:4px;font-size:12px;font-weight:500;display:block}.cmp thead th.pop small{color:var(--on-dark-2)}.cmp td.pop{background:var(--mist)}.cmp tbody tr.grp td{background:var(--paper);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding-top:28px;font-size:12px;font-weight:600}.cmp tbody tr:last-child td{border-bottom:0}.cmp .y{color:var(--green)}.cmp .n{color:var(--dim)}.cmp b{color:var(--ink);font-weight:600}.steps3{counter-reset:st;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px;display:grid}.gs{border:1px solid var(--line);border-radius:24px;flex-direction:column;gap:10px;min-width:0;padding:28px;display:flex}.gs:before{counter-increment:st;content:counter(st);background:var(--brand);width:36px;height:36px;color:var(--ink);border-radius:50%;place-items:center;margin-bottom:6px;font-weight:700;display:grid}.gs h3{margin:0;font-size:18px;font-weight:600}.gs p{color:var(--mute);margin:0;font-size:15px;line-height:1.55}@media (max-width:980px){.steps3{grid-template-columns:minmax(0,1fr)}.phero{padding-top:64px}}@media (max-width:560px){.cmp{font-size:13px}.cmp th,.cmp td{padding:12px 6px}.cmp th:first-child,.cmp td:first-child{padding-left:14px}.cmp thead th{font-size:14px}}.perr{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;max-width:640px;margin:28px auto 0;padding:12px 16px;font-size:14px}}
