.how-layout[data-astro-cid-cmgpsf2k]{display:flex;flex-direction:column;gap:2.5rem}@media (min-width: 768px){.how-layout[data-astro-cid-cmgpsf2k]{flex-direction:row;align-items:center;gap:3rem}}.how-left[data-astro-cid-cmgpsf2k]{flex-shrink:0}@media (min-width: 768px){.how-left[data-astro-cid-cmgpsf2k]{width:280px}}@media (min-width: 1024px){.how-left[data-astro-cid-cmgpsf2k]{width:320px}}.how-right[data-astro-cid-cmgpsf2k]{flex:1;min-width:0}.how-heading[data-astro-cid-cmgpsf2k]{font-size:1.5rem;font-weight:600;margin-bottom:1.75rem;text-align:center}@media (min-width: 768px){.how-heading[data-astro-cid-cmgpsf2k]{font-size:1.75rem;text-align:left;margin-bottom:2rem}}.timeline[data-astro-cid-cmgpsf2k]{display:flex;flex-direction:column}.timeline-step[data-astro-cid-cmgpsf2k]{display:flex;gap:.875rem}.timeline-marker-col[data-astro-cid-cmgpsf2k]{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:28px}.timeline-number[data-astro-cid-cmgpsf2k]{position:relative;overflow:hidden;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:600;flex-shrink:0;color:#475569;border:1px solid rgba(108,160,208,.4);background:radial-gradient(ellipse 80% 90% at 18% -10%,rgba(139,92,246,.12) 0%,rgba(139,92,246,.04) 45%,transparent 70%),linear-gradient(108deg,#ffffffd1,#f2fcff99 36%,#cbedff8c,#bae0fb9e);box-shadow:0 3px 8px #609ac74d,inset 0 1px 1px #ffffffe6,inset 0 0 0 1px #ffffff8c;transition:color .35s ease,border-color .35s ease,box-shadow .35s ease}.timeline-number-text[data-astro-cid-cmgpsf2k]{position:relative;z-index:1}.timeline-step[data-astro-cid-cmgpsf2k].is-active .timeline-number[data-astro-cid-cmgpsf2k]{color:#0f172a;border-color:#528ac08c;box-shadow:0 4px 10px #609ac773,inset 0 1px 1px #fffffff2,inset 0 0 0 1px #ffffffa6;animation:breath-number .9s cubic-bezier(.4,0,.2,1) 1 forwards}.timeline-step[data-astro-cid-cmgpsf2k].is-active .timeline-content[data-astro-cid-cmgpsf2k]{animation:breath-text .9s cubic-bezier(.4,0,.2,1) 1 forwards}@keyframes breath-number{0%{transform:scale(1)}35%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes breath-text{0%{transform:translate(0)}35%{transform:translate(4px)}to{transform:translate(0)}}.timeline-line[data-astro-cid-cmgpsf2k]{width:1.5px;flex:1;min-height:1rem;background:#e2e8f0;border-radius:1px}.timeline-content[data-astro-cid-cmgpsf2k]{padding-bottom:1.25rem;padding-top:.175rem}.timeline-step[data-astro-cid-cmgpsf2k]:last-child .timeline-content[data-astro-cid-cmgpsf2k]{padding-bottom:0}.timeline-title[data-astro-cid-cmgpsf2k]{font-size:.9375rem;font-weight:500;color:#64748b;line-height:1.4;transition:color .35s ease,font-weight .35s ease}.timeline-step[data-astro-cid-cmgpsf2k].is-active .timeline-title[data-astro-cid-cmgpsf2k]{color:#0f172a;font-weight:600}.timeline-desc[data-astro-cid-cmgpsf2k]{margin-top:.25rem;font-size:.8125rem;line-height:1.5;color:#94a3b8;transition:color .35s ease}.timeline-step[data-astro-cid-cmgpsf2k].is-active .timeline-desc[data-astro-cid-cmgpsf2k]{color:#475569}.browser-frame[data-astro-cid-cmgpsf2k]{border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 8px 40px #0000001f,0 2px 8px #0000000f}.browser-toolbar[data-astro-cid-cmgpsf2k]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f5f5f7;border-bottom:1px solid rgba(0,0,0,.08)}.browser-dots[data-astro-cid-cmgpsf2k]{display:flex;gap:8px;flex-shrink:0}.dot[data-astro-cid-cmgpsf2k]{width:12px;height:12px;border-radius:50%}.dot--red[data-astro-cid-cmgpsf2k]{background:#ff5f57}.dot--yellow[data-astro-cid-cmgpsf2k]{background:#febc2e}.dot--green[data-astro-cid-cmgpsf2k]{background:#28c840}.browser-address-bar[data-astro-cid-cmgpsf2k]{flex:1;display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border-radius:6px;border:1px solid rgba(0,0,0,.08);min-width:0}.browser-lock-icon[data-astro-cid-cmgpsf2k]{width:14px;height:14px;color:#8e8e93;flex-shrink:0}.browser-url[data-astro-cid-cmgpsf2k]{font-size:13px;color:#8e8e93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.browser-viewport[data-astro-cid-cmgpsf2k]{position:relative;background:#000;line-height:0;overflow:hidden}.browser-video[data-astro-cid-cmgpsf2k]{display:block;width:100%;height:auto}.video-play-toggle[data-astro-cid-cmgpsf2k]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000;border:none;cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease}.browser-viewport[data-astro-cid-cmgpsf2k]:hover .video-play-toggle[data-astro-cid-cmgpsf2k]{opacity:1;background:#00000040}.video-toggle-icon[data-astro-cid-cmgpsf2k]{width:48px;height:48px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.video-toggle-icon--play[data-astro-cid-cmgpsf2k],.browser-viewport[data-astro-cid-cmgpsf2k].is-paused .video-toggle-icon--pause[data-astro-cid-cmgpsf2k]{display:none}.browser-viewport[data-astro-cid-cmgpsf2k].is-paused .video-toggle-icon--play[data-astro-cid-cmgpsf2k]{display:block}.browser-viewport[data-astro-cid-cmgpsf2k].is-paused .video-play-toggle[data-astro-cid-cmgpsf2k]{opacity:1;background:#00000059}.browser-frame--bare[data-astro-cid-cmgpsf2k]{box-shadow:0 12px 36px #0f172a29}.how-layout[data-astro-cid-cmgpsf2k].is-compact{gap:3rem}.how-layout[data-astro-cid-cmgpsf2k].is-compact .timeline-marker-col[data-astro-cid-cmgpsf2k]{width:24px}.how-layout[data-astro-cid-cmgpsf2k].is-compact .timeline-number[data-astro-cid-cmgpsf2k]{width:24px;height:24px;font-size:.75rem}.how-layout[data-astro-cid-cmgpsf2k].is-compact .timeline-title[data-astro-cid-cmgpsf2k]{font-size:.875rem}.how-layout[data-astro-cid-cmgpsf2k].is-compact .timeline-desc[data-astro-cid-cmgpsf2k]{font-size:.78rem;margin-top:.2rem}.how-layout[data-astro-cid-cmgpsf2k].is-compact .timeline-content[data-astro-cid-cmgpsf2k]{padding-bottom:.9rem}@media (min-width: 768px){.how-layout[data-astro-cid-cmgpsf2k].is-compact .how-left[data-astro-cid-cmgpsf2k]{width:185px}}@media (min-width: 1024px){.how-layout[data-astro-cid-cmgpsf2k].is-compact .how-left[data-astro-cid-cmgpsf2k]{width:185px}}@media (max-width: 640px){.browser-frame[data-astro-cid-cmgpsf2k]{border-radius:8px}.browser-toolbar[data-astro-cid-cmgpsf2k]{padding:8px 10px;gap:8px}.dot[data-astro-cid-cmgpsf2k]{width:10px;height:10px}.browser-dots[data-astro-cid-cmgpsf2k]{gap:6px}.browser-address-bar[data-astro-cid-cmgpsf2k]{padding:5px 10px}.browser-url[data-astro-cid-cmgpsf2k]{font-size:12px}}