.tk{padding:clamp(56px,7vw,112px) 0 clamp(96px,10vw,144px)}.tk-grid{display:grid;grid-template-columns:minmax(0,1fr) 560px;grid-template-areas:"intro cal" "steps cal";gap:48px 72px;align-items:start}.tk-intro{grid-area:intro}.tk-intro .h1{max-width:18ch}.tk-intro .lead{max-width:600px;margin-top:var(--space-24)}.tk-steps{grid-area:steps;display:flex;flex-direction:column;gap:var(--space-16)}.tk-cal{grid-area:cal;position:sticky;top:104px}.tk-note{display:flex;gap:var(--space-16);align-items:flex-start;margin-top:var(--space-32);padding:var(--space-20) var(--space-24);border-radius:var(--radius-lg);background:var(--wash-blue);box-shadow:0 0 0 1px var(--head-line);font:400 17px/1.5 var(--font-sans)}.tk-note__i{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--surface);color:var(--blue-700);box-shadow:var(--e1)}.vsteps{display:flex;flex-direction:column}.vsteps li{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--space-16);padding-bottom:var(--space-24)}.vsteps li:last-child{padding-bottom:0}.vsteps li::before{content:"";position:absolute;left:19px;top:44px;bottom:4px;width:2px;border-radius:1px;background:var(--blue-100);transform-origin:top}.vsteps li:last-child::before{display:none}.vsteps .num{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--surface);box-shadow:0 0 0 1px var(--blue-100),var(--e1);color:var(--blue-700);font:600 17px/1 var(--font-sans);font-variant-numeric:tabular-nums}.vsteps h3{font:590 19px/1.3 var(--font-sans);padding-top:8px}html.js .vsteps:not(.is-drawn) li::before{transform:scaleY(0);animation:tk-line-failsafe 1ms linear 4s forwards}.vsteps.is-drawn li::before{animation:tk-line 600ms var(--ease-out) backwards}.vsteps.is-drawn li:nth-child(2)::before{animation-delay:250ms}@keyframes tk-line{from{transform:scaleY(0)}}@keyframes tk-line-failsafe{to{transform:none}}.tk-glow{inset:-60px -80px;width:auto;height:auto;border-radius:50%;background:radial-gradient(closest-side,rgba(90,180,255,.22),rgba(90,180,255,0))}.tk-frame{position:relative;z-index:1;padding:var(--space-12);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--e2),var(--ring)}.tk-stage{position:relative;height:640px;border-radius:var(--radius-md);background:var(--canvas-2);overflow:hidden}.tk-block{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:var(--space-12);padding:var(--space-24);color:var(--ink-2);font:500 15px/1.4 var(--font-sans);text-align:center}.tk-block .ico{color:var(--ink-3)}.tk-skel{justify-items:start;align-content:start;padding:var(--space-32);background:var(--canvas);text-align:left}.tk-bar{display:block;height:14px;border-radius:7px}.tk-bar--1{width:46%}.tk-bar--2{width:70%}.tk-bar--3{width:58%}.tk-skel .label{margin-top:var(--space-16)}.tk-msg{color:var(--ink)}.tk-open .ico{color:inherit}.tk-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff;opacity:0;transition:opacity var(--duration-slow) var(--ease-out)}.tk-skip:not(:focus){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tk-skip{position:relative;z-index:2;display:inline-block;margin-bottom:var(--space-8);padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--ring-input);color:var(--link);font:590 15px/1.2 var(--font-sans)}.tk-credit{margin-top:var(--space-12);text-align:center;animation:fade 480ms var(--ease-out) 1000ms both}.tk-credit+.tk-credit{margin-top:var(--space-4)}html:not(.js) .tk-skel{display:none}html:not(.js) .tk-stage{height:240px}html:not(.js) .tk-open{background:var(--blue-500);color:var(--on-blue);padding:0 var(--space-20)}html:not(.js) .tk-open .ico{color:inherit}html.js .tk-stage:not([data-state="failed"]) .tk-fallback{display:none}html.js .tk-stage[data-state="failed"] .tk-skel,html.js .tk-stage[data-state="loaded"] .tk-skel{display:none}html.js .tk-stage[data-state="loaded"] .tk-iframe{opacity:1}html.js .tk-stage[data-state="failed"] .tk-iframe{visibility:hidden}html.js .tk-stage[data-state="idle"] .tk-skel{animation:tk-hide 1ms linear 12s forwards}html.js .tk-stage[data-state="idle"] .tk-fallback{display:grid;visibility:hidden;animation:tk-show 1ms linear 12s forwards}@keyframes tk-hide{to{visibility:hidden}}@keyframes tk-show{to{visibility:visible}}@media (max-width:1023px){.tk-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "cal" "steps";gap:40px}.tk-cal{position:static;max-width:640px}}@media (max-width:759px){.tk{padding-top:var(--space-16)}.tk-glow{inset:-30px -10px}.tk-note{padding:var(--space-20)}}@media (prefers-reduced-motion:reduce){html.js .vsteps:not(.is-drawn) li::before{transform:none;animation:none}.vsteps.is-drawn li::before{animation:none}.tk-iframe{transition:none}.tk-credit{animation:none}}.tk{overflow-x:clip}.tk-alt{margin-top:var(--space-12);text-align:center;color:var(--ink-2)}.tk-anyway{display:none;appearance:none;border:0;background:none;padding:var(--space-8) var(--space-12);color:var(--link);font:590 15px/1.2 var(--font-sans);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.tk-stage[data-why="slow"] .tk-anyway{display:inline-block}