.tl-how{--navy:#0b1730;--navy2:#14234a;--gold:#e8a740;--green:#6fcf97;color:var(--navy);font-family:Inter,Arial,Helvetica,sans-serif}.tl-how *{box-sizing:border-box}.tl-how h3,.tl-how p{margin:0}.tl-how .hw{align-items:start;display:grid;gap:36px;grid-template-columns:.9fr 1.1fr}.tl-how .tab{background:none;border:3px solid var(--navy);border-radius:22px;color:var(--navy);cursor:pointer;display:block;font:inherit;margin-bottom:12px;overflow:hidden;padding:18px 22px;position:relative;text-align:left;width:100%}.tl-how .tab h3{font-size:19px;font-weight:700;line-height:1.25}.tl-how .tab p{font-size:15px;max-height:0;opacity:0;overflow:hidden;transition:.4s}.tl-how .tab[aria-selected=true]{background:var(--navy);color:#fff}.tl-how .tab[aria-selected=true] p{margin-top:6px;max-height:90px;opacity:.85}.tl-how .tab:after{background:var(--gold);bottom:0;content:"";height:4px;left:0;position:absolute;width:0}.tl-how .tab[aria-selected=true]:after{animation:tlfill 5s linear forwards}.tl-how .tab:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@keyframes tlfill{to{width:100%}}.tl-how .stage{background:var(--navy);border:4px solid var(--gold);border-radius:28px;color:#fff;display:grid;min-width:0;overflow:hidden;padding:26px;position:relative}.tl-how .pane{align-self:start;grid-area:1/1;min-width:0;opacity:0;pointer-events:none;transform:translateY(14px);transition:opacity .5s,transform .5s,visibility .5s;visibility:hidden}.tl-how .pane.on{opacity:1;pointer-events:auto;transform:none;visibility:visible}.tl-how .search{align-items:center;background:var(--navy2);border-radius:16px;display:flex;flex-wrap:wrap;font-size:18px;gap:10px;padding:12px 16px}.tl-how .search span{flex:1}.tl-how .caret{animation:tlblink 1s steps(1) infinite;background:var(--gold);height:20px;width:2px}@keyframes tlblink{50%{opacity:0}}.tl-how .pill{background:none;border:2px solid var(--gold);border-radius:999px;color:#fff;font:600 13px Inter,Arial,sans-serif;padding:6px 14px;white-space:nowrap}.tl-how .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tl-how .chip{background:var(--navy2);border:2px solid var(--gold);border-radius:999px;font-size:13px;padding:6px 14px}.tl-how .hubs{display:block;height:auto;width:100%}.tl-how .hubs-m{display:none}.tl-how .hubs line{animation:tlhf 1s linear infinite}@keyframes tlhf{to{stroke-dashoffset:-12}}.tl-how .hubs .halo{animation:tlhh 2s ease-out infinite;transform-box:fill-box;transform-origin:center}@keyframes tlhh{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@property --p{syntax:"<number>";inherits:true;initial-value:0}.tl-how .rw{align-items:center;background:var(--navy2);border-radius:16px;display:flex;flex-wrap:wrap;gap:10px 14px;margin-bottom:12px;padding:16px}.tl-how .rw .ok{color:var(--green);font-size:13px}.tl-how .ring{animation:tlrf 2.4s ease-out infinite alternate;background:conic-gradient(var(--green) calc(var(--p)*1%),#2a3a66 0);flex:none;height:58px;place-items:center;width:58px}.tl-how .ring,.tl-how .ring b{border-radius:50%;display:grid}.tl-how .ring b{background:var(--navy);font-size:16px;height:44px;place-items:center;width:44px}@keyframes tlrf{0%{--p:0}to{--p:85}}@media (max-width:860px){.tl-how .hw{gap:24px;grid-template-columns:1fr}.tl-how .stage{min-height:0}}@media (max-width:600px){.tl-how .hubs-d{display:none}.tl-how .hubs-m{display:block}.tl-how .tab{border-radius:18px;margin-bottom:10px;padding:14px 16px}.tl-how .tab h3{font-size:17px}.tl-how .tab p{font-size:14px}.tl-how .stage{border-radius:22px;border-width:3px;padding:18px}.tl-how .search{font-size:16px;padding:10px 12px}.tl-how .ring{height:52px;width:52px}.tl-how .ring b{font-size:15px;height:40px;width:40px}}@media (prefers-reduced-motion:reduce){.tl-how *{animation:none!important;transition-duration:.01s!important}.tl-how .hubs .pd{display:none}}.tl-how .tab h3,.tl-how .tab h3 *{color:inherit!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:19px!important;font-weight:700!important;letter-spacing:normal!important;line-height:1.25!important;margin:0!important;padding:0!important;text-align:left!important;text-transform:none!important}@media (max-width:600px){.tl-how .tab h3,.tl-how .tab h3 *{font-size:17px!important}}.tl-how .stage{display:block;transition:height .5s cubic-bezier(.4,0,.2,1)}.tl-how .pane{left:26px;position:absolute;right:26px;top:26px}.tl-how:not(.is-ready) .pane.on{left:auto;position:relative;right:auto;top:auto}@media (max-width:600px){.tl-how .pane{left:18px;right:18px;top:18px}}@media (prefers-reduced-motion:reduce){.tl-how .stage{transition:none!important}}.tl-how .pane svg.hubs{display:block!important;float:none!important;height:auto!important;margin:0 auto!important;max-width:none!important;padding:0!important;position:static!important;transform:none!important;width:100%!important}.tl-how .pane svg.hubs-m{display:none!important}@media (max-width:600px){.tl-how .pane svg.hubs-d{display:none!important}.tl-how .pane svg.hubs-m{display:block!important}}