.tf-tabs-scroll{scrollbar-width:none;margin-inline:-16px;padding:4px 16px;overflow-x:auto}.tf-tabs-scroll::-webkit-scrollbar{display:none}.tf-tabs{background-color:#f5f5f7;border-radius:999px;gap:2px;padding:5px;display:inline-flex;position:relative}.tf-tab{z-index:1;color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:10px 19px;font-size:15px;font-weight:600;line-height:1.35;transition:color .3s,background-color .25s;position:relative}.tf-tab[aria-selected=true]{color:#fff}.tf-tabs:not([data-ready]) .tf-tab[aria-selected=true]{background-color:#111}.tf-tabs__pill{z-index:0;opacity:0;background-color:#111;border-radius:999px;transition:transform .52s cubic-bezier(.22,1,.36,1),width .52s cubic-bezier(.22,1,.36,1);position:absolute;top:5px;bottom:5px;left:0}.tf-tabs[data-ready] .tf-tabs__pill{opacity:1}@media (hover:hover) and (pointer:fine){.tf-tab[aria-selected=false]:hover{background-color:#0000000e}}.tf-tab:focus-visible,.tf-step:focus-visible,.tf-play:focus-visible{outline:2px solid var(--color-brand-deep);outline-offset:2px}.tf-layout{flex-direction:column;gap:22px;display:flex}.tf-head,.tf-steps{animation:.52s cubic-bezier(.22,1,.36,1) both tf-copy-in}.tf-steps{animation-delay:70ms}@keyframes tf-copy-in{0%{opacity:0;transform:translateY(10px)}}.tf-tile{isolation:isolate;aspect-ratio:520/640;--tf-k:.66;background-color:#f5f5f7;border-radius:30px;width:100%;max-height:640px;position:relative;overflow:hidden}@media (min-width:640px){.tf-tile{--tf-k:.95}}@media (min-width:1024px){.tf-layout{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:26px 56px;display:grid}.tf-head{grid-area:1/1;padding-top:14px}.tf-steps{grid-area:2/1}.tf-tile{aspect-ratio:auto;--tf-k:1.05;border-radius:40px;grid-area:1/2/span 2;height:clamp(540px,100vh - 150px,760px);max-height:none;position:sticky;top:96px}}.tf-canvas{width:520px;height:640px;transform:scale(var(--tf-k));transform-origin:50%;margin:-320px 0 0 -260px;position:absolute;top:50%;left:50%}.tf-shot{animation:.42s both tf-shot-in;position:absolute;inset:0}.tf-shot.is-leaving{opacity:0;transition:opacity .42s}@keyframes tf-shot-in{0%{opacity:0}}@media (min-width:768px){.tf-tile.tf-band{aspect-ratio:auto;border-radius:40px;height:clamp(520px,66vh,680px);max-height:none}}@media (min-width:1024px){.tf-tile.tf-band{grid-area:auto;position:relative;top:auto}}.tf-band__dots{justify-content:center;gap:7px;margin-top:18px;display:flex}.tf-band__dot{cursor:pointer;background-color:#1113;border-radius:999px;width:8px;height:8px;transition:width .42s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.tf-band__dot[aria-current=step]{width:44px}.tf-band__dot:after{content:"";position:absolute;inset:-14px -3px}.tf-band__fill{transform-origin:0;background-color:#111;border-radius:999px;animation:linear forwards tf-band-fill;position:absolute;inset:0}@keyframes tf-band-fill{0%{transform:scaleX(0)}}.tf-band__dot:focus-visible{outline:2px solid var(--color-brand-deep);outline-offset:3px}.tf-play{z-index:5;cursor:pointer;color:#111;-webkit-backdrop-filter:blur(14px)saturate(1.6);backdrop-filter:blur(14px)saturate(1.6);background-color:#ffffffc7;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background-color .2s,transform .2s;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:inset 0 0 0 1px #ffffff80,0 0 0 1px #0000000f,0 8px 18px -10px #00000059}@media (hover:hover) and (pointer:fine){.tf-play:hover{background-color:#fff;transform:scale(1.06)}}.tf-tile[data-paused=true] .tf-shot *,.tf-tile[data-paused=true] .tf-shot :before,.tf-tile[data-paused=true] .tf-shot :after{animation-play-state:paused!important}.tf-step{text-align:left;cursor:pointer;border-radius:22px;align-items:flex-start;gap:14px;width:100%;padding:14px 16px;transition:background-color .3s;display:flex}.tf-step[aria-current=step]{background-color:#f5f5f7}@media (hover:hover) and (pointer:fine){.tf-step:not([aria-current]):hover{background-color:#fafafb}}.tf-step__num{font-variant-numeric:tabular-nums;width:30px;height:30px;color:var(--ink);background-color:#f5f5f7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:background-color .3s,color .3s;display:flex;position:relative}.tf-step[aria-current=step] .tf-step__num{color:#fff;background-color:#111}.tf-ring{stroke-dasharray:100;stroke-dashoffset:100px;animation:linear forwards tf-ring-fill}@keyframes tf-ring-fill{to{stroke-dashoffset:0}}@keyframes tf-from{0%{opacity:var(--fo,0);transform:translate(var(--fx,0px), var(--fy,0px)) scale(var(--fs,1)) rotate(var(--fr,0deg))}}@keyframes tf-to{to{opacity:var(--to,0);transform:translate(var(--tx,0px), var(--ty,0px)) scale(var(--ts,1)) rotate(var(--tr,0deg))}}@keyframes tf-clip{0%{clip-path:var(--fc)}}@keyframes tf-sx{0%{transform:scaleX(var(--f,0))}}@keyframes tf-sy{0%{transform:scaleY(var(--f,0))}}@keyframes tf-sx-to{to{transform:scaleX(var(--t,1))}}@keyframes tf-sy-to{to{transform:scaleY(var(--t,1))}}@keyframes tf-bar3{0%{transform:scaleY(0)}10%,33.8%{transform:scaleY(var(--h1))}42%,66.2%{transform:scaleY(var(--h2))}74.5%,to{transform:scaleY(var(--h3))}}@keyframes tf-dash{0%{stroke-dashoffset:var(--fd,100)}}@keyframes tf-press{0%{transform:scale(1)}38%{transform:scale(.93)}to{transform:scale(1)}}@keyframes tf-settle{0%{transform:scale(1)}32%{transform:scale(.972)}to{transform:scale(1)}}@keyframes tf-flash{0%{opacity:0}10%{opacity:.95}to{opacity:0}}@keyframes tf-blink{50%{opacity:0}}@keyframes tf-spin{to{transform:rotate(360deg)}}@keyframes tf-halo{0%{box-shadow:0 0 0 0 var(--halo,#34c75980)}to{box-shadow:0 0 0 14px #0000}}@keyframes tf-tap{0%{opacity:0;transform:scale(.5)}22%{opacity:1;transform:scale(1)}52%{opacity:1;transform:scale(.84)}to{opacity:0;transform:scale(1.3)}}@keyframes tf-shine{0%{transform:translate(-140%)skew(-18deg)}to{transform:translate(340%)skew(-18deg)}}@keyframes tf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes tf-drop{0%{opacity:0;transform:translateY(0)}15%,82%{opacity:1}to{opacity:0;transform:translateY(var(--d,100px))}}@keyframes tf-travel{0%{offset-distance:0%;opacity:0}12%{opacity:1}88%{opacity:1}to{offset-distance:100%;opacity:0}}.tf-tap{z-index:30;opacity:0;pointer-events:none;background-color:#11111124;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;animation:.64s ease-out both tf-tap;position:absolute;box-shadow:inset 0 0 0 2px #ffffffeb,0 0 0 1px #11111124,0 6px 14px -6px #00000059}.tf-tap--light{background-color:#ffffff4d;box-shadow:inset 0 0 0 2px #fffffff2,0 6px 14px -6px #00000080}.tf-caret{vertical-align:-.16em;background-color:currentColor;width:2px;height:1.1em;margin-left:2px;animation:1s step-end infinite tf-blink;display:inline-block}@media (prefers-reduced-motion:reduce){.tf-canvas *,.tf-canvas :before,.tf-canvas :after,.tf-shot,.tf-head,.tf-steps{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.tf-ring{stroke-dashoffset:0;animation:none}.tf-band__fill{animation:none}.tf-tabs__pill{transition:none}.tf-play,.tf-tap{display:none}}