.how-it-works{--how-accent-rgb: 47, 111, 143;--how-link: #235a72;--how-rule: rgba(var(--border-color-rgb), .2);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3.4vw,40px);margin:0;padding:0;list-style:none;counter-reset:how-it-works-step}.dark-mode .how-it-works{--how-accent-rgb: 143, 222, 208;--how-link: #8fded0;--how-rule: rgba(var(--border-color-rgb), .32)}.themed-screen--dark,.dark-mode .themed-screen--light{display:none}.dark-mode .themed-screen--dark{display:block}.how-it-works__step{display:flex;flex-direction:column;min-width:0;counter-increment:how-it-works-step}.how-it-works__media{aspect-ratio:16 / 10;margin-bottom:20px;overflow:hidden;border:1px solid var(--how-rule);border-radius:8px;background:rgba(var(--surface-tint-rgb),.6);box-shadow:0 10px 24px #0f172a14}.how-it-works__image{width:100%;height:100%;object-fit:cover;object-position:top left}.how-it-works__text{display:flex;flex:1;flex-direction:column;align-items:flex-start}.how-it-works__title{display:flex;align-items:center;gap:10px;margin:0 0 8px;color:var(--text-color);font-size:1.18rem;font-weight:700;line-height:1.3}.how-it-works__title:before{content:counter(how-it-works-step);display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:rgba(var(--how-accent-rgb),.14);color:var(--how-link);font-size:.85rem;font-weight:800}.how-it-works__body{margin:0 0 4px;color:var(--text-muted-color);font-size:1rem;line-height:1.62}.how-it-works__link{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:auto;color:var(--how-link);font-weight:650;text-decoration:none}.how-it-works__link svg{flex:none;transition:transform .18s ease}.how-it-works__link:hover,.how-it-works__link:focus-visible{text-decoration:underline;text-underline-offset:4px}.how-it-works__link:hover svg{transform:translate(3px)}.how-it-works__link:focus-visible{outline:2px solid rgba(var(--how-accent-rgb),.9);outline-offset:3px;border-radius:4px}@media(max-width:1023px){.how-it-works{grid-template-columns:minmax(0,1fr);gap:36px}.how-it-works__step{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:28px;align-items:start}.how-it-works__media{margin-bottom:0}.how-it-works__link{margin-top:4px}}@media(max-width:760px){.how-it-works__step{display:flex}.how-it-works__media{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){.how-it-works__link svg{transition:none}}