.tq-sk-stage{position:relative;perspective:1600px}.tq-sk-toggle{display:flex;justify-content:center;margin-bottom:18px}.tq-sk-tilt{transform-style:preserve-3d;transition:transform .5s var(--tq-ease-out);will-change:transform}.tq-sk-window{height:clamp(400px,33vw,480px)}.tq-sk-chip{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--pa-soft,var(--tq-blue-50));color:var(--pa-ink,var(--tq-blue-deep));font:600 11.5px/1 var(--tq-body);white-space:nowrap}.tq-sk-views{position:absolute;inset:38px 0 0 0}.tq-sk-view{position:absolute;inset:0;overflow:hidden;transition:opacity .55s var(--tq-ease),transform .65s var(--tq-ease-out);font-size:12px}.tq-sk-view[data-active=false]{opacity:0;pointer-events:none}.tq-sk-view--creator[data-active=false]{transform:scale(.965) translateX(-14px)}.tq-sk-view--learner[data-active=false]{transform:scale(1.03) translateX(18px)}@media (max-width:640px){.tq-sk-window{height:440px}.tq-sk-chip{display:none}}@media (prefers-reduced-motion:reduce){.tq-sk-tilt{transform:none!important}}.tq-wk{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(32px,5vw,80px);align-items:start}.tq-wk__steps{list-style:none;margin:0;padding:0;display:grid}.tq-wk__step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 18px;padding:14vh 0;position:relative;transition:opacity .4s var(--tq-ease);opacity:.35}.tq-wk__step:first-child{padding-top:5vh}.tq-wk__step:last-child{padding-bottom:17vh}.tq-wk__step[data-on=true]{opacity:1}.tq-wk__n{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--tq-white);border:1.5px solid var(--tq-line-strong);color:var(--tq-muted);font:800 17px var(--tq-display);transition:background-color .4s,color .4s,border-color .4s}.tq-wk__step[data-on=true] .tq-wk__n{background:var(--pa,var(--tq-blue));border-color:var(--pa,var(--tq-blue));color:#fff}.tq-wk__copy{display:grid;gap:8px}.tq-wk__where{justify-self:start;font:600 12px/1 var(--tq-body);color:var(--tq-teal-ink);background:var(--tq-teal-soft);border-radius:999px;padding:5px 10px}.tq-wk__copy p{color:var(--tq-text);max-width:46ch}.tq-wk__inline{display:none;grid-column:1/-1;margin-top:20px}.tq-wk__stage{position:sticky;top:96px;height:calc(100vh - 112px);max-height:760px}.tq-wk__sticky{position:relative;height:100%}.tq-wk__visual{position:absolute;inset:0 0 32px 0;display:grid;align-content:center;opacity:0;transform:translateY(24px) scale(.98);transition:opacity .5s var(--tq-ease),transform .7s var(--tq-ease-out);pointer-events:none}.tq-wk__visual[data-on=true]{opacity:1;transform:none;pointer-events:auto}.tq-wk__visual>*{zoom:1.1}.tq-wk__dots{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;gap:8px}.tq-wk__dots i{width:8px;height:8px;border-radius:999px;background:var(--tq-line-strong);transition:width .4s var(--tq-ease-out),background-color .3s}.tq-wk__dots i[data-on=true]{width:28px;background:var(--pa,var(--tq-blue))}@media (max-width:1023px){.tq-wk{grid-template-columns:minmax(0,1fr)}.tq-wk__stage{display:none}.tq-wk__step{padding:28px 0;opacity:1}.tq-wk__inline{display:block}}.tq-replay--fill{position:absolute;inset:0}.tq-sk-window .tq-window__url{max-width:none;flex:1}