@keyframes phone-module__wo1stW__andy-ripple{0%{opacity:.9;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.phone-module__wo1stW__ripple{background:var(--andy-color-acting-glow);width:56px;height:56px;animation:phone-module__wo1stW__andy-ripple var(--andy-motion-ripple) var(--andy-motion-ease-decelerate) forwards;z-index:4;pointer-events:none;border-radius:50%;position:absolute;top:194px;left:180px}.phone-module__wo1stW__heroFrame{--phone-pw:260;--phone-ps:calc((var(--phone-pw) - 20) / 360);box-sizing:border-box;width:calc(var(--phone-pw) * 1px);height:calc(780px * var(--phone-ps) + 20px);max-width:100%}@media (min-width:64rem){.phone-module__wo1stW__heroFrame{--phone-pw:320}}.phone-module__wo1stW__heroScreen{width:calc(var(--phone-pw) * 1px - 20px);height:calc(780px * var(--phone-ps))}.phone-module__wo1stW__heroCanvas{transform:scale(var(--phone-ps))}
.how-module__gMtkba__list{gap:var(--andy-space-grid-gap);margin:0;padding:0;list-style:none;display:grid}.how-module__gMtkba__step{background:var(--andy-color-surface);border:1px solid var(--andy-color-border);border-radius:var(--andy-radius-card);padding:var(--andy-space-card-padding);gap:16px;display:grid}.how-module__gMtkba__row{grid-template-columns:40px minmax(0,1fr);gap:14px;display:grid}.how-module__gMtkba__num{background:var(--andy-color-primary-subtle);width:40px;height:40px;color:var(--andy-color-primary-subtle-foreground);border-radius:50%;place-items:center;font-weight:700;display:grid}.how-module__gMtkba__text{gap:6px;display:grid}.how-module__gMtkba__title{font-size:var(--andy-type-h4-size);line-height:var(--andy-type-h4-line-height);margin:0;font-weight:600}.how-module__gMtkba__body{font-size:var(--andy-type-body-sm-size);line-height:var(--andy-type-body-sm-line-height);color:var(--andy-color-foreground-muted);margin:0}.how-module__gMtkba__cardPhone{background:var(--andy-color-surface-muted);border-radius:var(--andy-radius-input);justify-items:center;padding:8px 0 4px;display:grid}.how-module__gMtkba__cardPhoneInner{padding:16px 0 8px}.how-module__gMtkba__figure{display:none}.how-module__gMtkba__cap{font-size:var(--andy-type-caption-size);color:var(--andy-color-foreground-muted)}@media (min-width:1024px){.how-module__gMtkba__layout{gap:var(--andy-hero-gap);align-items:flex-start;display:flex}.how-module__gMtkba__list{flex:1 1 0;gap:0;min-width:0}.how-module__gMtkba__step{background:0 0;border:0;border-radius:0;align-items:center;gap:0;min-height:62vh;padding:0;display:flex}.how-module__gMtkba__row{grid-template-columns:48px minmax(0,1fr);gap:20px;max-width:30em}.how-module__gMtkba__num{font-variant-numeric:tabular-nums;background:var(--andy-color-surface);width:48px;height:48px;color:var(--andy-color-foreground-muted);box-shadow:inset 0 0 0 1px var(--andy-color-border-strong);transition:background-color var(--andy-motion-duration-crossfade) var(--andy-motion-ease-standard);font-size:18px}.how-module__gMtkba__layout[data-active="0"] .how-module__gMtkba__step[data-step="0"] .how-module__gMtkba__num,.how-module__gMtkba__layout[data-active="1"] .how-module__gMtkba__step[data-step="1"] .how-module__gMtkba__num,.how-module__gMtkba__layout[data-active="2"] .how-module__gMtkba__step[data-step="2"] .how-module__gMtkba__num{background:var(--andy-color-primary);color:var(--andy-color-primary-foreground);box-shadow:inset 0 0 0 1px #0000}.how-module__gMtkba__text{gap:10px}.how-module__gMtkba__title{font-size:var(--andy-type-h3-size);line-height:var(--andy-type-h3-line-height);font-weight:var(--andy-type-h3-weight)}.how-module__gMtkba__body{font-size:var(--andy-type-body-size);line-height:var(--andy-type-body-line-height);text-wrap:pretty}.how-module__gMtkba__cardPhone{display:none}.how-module__gMtkba__figure{flex:none;justify-items:center;gap:12px;margin:0;padding:0 48px;display:grid;position:sticky;top:calc(50vh - 335px)}}
.scenario-module__q07tlG__tab{box-shadow:inset 0 0 0 var(--sc-bw) var(--sc-bc);transition:box-shadow var(--andy-scenario-card-transition-duration) var(--andy-motion-ease-standard)}.scenario-module__q07tlG__tab:hover{box-shadow:inset 0 0 0 1.5px var(--andy-scenario-card-border-hover), var(--andy-shadow-raised)}