.pad-page{--pad-highlight:#ad5e2c;--pad-header:54px}.pad-intro{gap:16px;padding-top:64px;padding-bottom:24px;display:grid}.pad-intro__body{max-width:420px}.pad-scene__track{height:960vh;position:relative}.pad-scene__stage{top:var(--pad-header);height:calc(100vh - var(--pad-header));padding-right:var(--gutter-right);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 360px;gap:0 40px;display:grid;position:sticky;overflow:hidden}.pad-scene__visual{min-width:0;position:relative}.pad-scene[data-still=true] .pad-scene__visual{visibility:hidden}.pad-scene[data-still=true] .pad-timeline{display:none}.pad-scene__canvas,.pad-scene__leaders{width:100%;height:100%;display:block;position:absolute;inset:0}.pad-scene__leaders{pointer-events:none;overflow:visible}.pad-leader{stroke:#1c1a1952;stroke-width:1px}.pad-scene__tags{pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.pad-tag{border:1px solid var(--rule-tag);color:var(--ink);white-space:nowrap;opacity:0;will-change:transform, opacity;background:#fffefcf2;border-radius:6px;align-items:baseline;gap:8px;padding:5px 9px 6px;font-size:12.5px;line-height:1.3;display:inline-flex;position:absolute;top:0;left:0;box-shadow:0 1px 2px #1c1a190f}.pad-tag__code{font-family:var(--mono);font-size:11.5px;font-weight:500}.pad-tag__text{color:var(--ink-soft)}.pad-tag--quiet{box-shadow:none;color:var(--muted);font-family:var(--mono);background:0 0;border:0;padding:0;font-size:10.5px}.pad-tag--quiet .pad-tag__code{display:none}.pad-tag--quiet .pad-tag__text{color:inherit}.pad-tag[data-flag=true]{border-color:var(--pad-highlight)}.pad-tag[data-flag=true] .pad-tag__code,.pad-tag[data-flag=true] .pad-tag__text{color:var(--pad-highlight)}.pad-timeline{border:1px solid var(--rule);height:34px;color:var(--muted);font-family:var(--mono);border-radius:6px;grid-column:1/-1;align-items:center;gap:14px;margin:12px 0 0 16px;padding:0 10px 0 4px;font-size:10.5px;line-height:1;display:flex}.pad-timeline button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.pad-timeline button:focus-visible{outline:2px solid var(--pad-highlight);outline-offset:2px;border-radius:3px}.pad-timeline .pad-timeline__play{width:26px;height:26px;color:var(--ink);flex:none;place-items:center;display:grid}.pad-timeline__icon{fill:currentColor;width:11px;height:11px}.pad-timeline[data-state=playing] .pad-timeline__icon--play,.pad-timeline:not([data-state=playing]) .pad-timeline__icon--pause{display:none}.pad-timeline__bar{cursor:pointer;flex:1;min-width:80px;height:20px;position:relative}.pad-timeline__bar:before{background:var(--rule-tag);content:"";height:1px;position:absolute;top:50%;left:0;right:0}.pad-timeline__fill{background:var(--pad-highlight);width:0;height:2px;position:absolute;top:calc(50% - 1px);left:0}.pad-timeline .pad-timeline__tick{border:1px solid var(--rule-button);background:var(--paper);border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute;top:50%}.pad-timeline .pad-timeline__tick[data-done=true]{border-color:var(--pad-highlight);background:var(--pad-highlight)}.pad-timeline__speed{flex:none;gap:2px;display:flex}.pad-timeline .pad-timeline__speed button{color:var(--faint);padding:4px 5px}.pad-timeline .pad-timeline__speed button[aria-pressed=true]{color:var(--ink)}.pad-steps{flex-direction:column;justify-content:flex-start;gap:22px;min-height:0;padding-top:clamp(20px,9vh,96px);display:flex}.pad-steps__list{margin:0;padding:0;list-style:none}.pad-steps__item{border-top:1px solid var(--rule);color:#b3aea8;padding:12px 0 13px;transition:color .24s}.pad-steps__item:last-child{border-bottom:1px solid var(--rule)}.pad-steps__button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block}.pad-steps__button:focus-visible{outline:2px solid var(--pad-highlight);outline-offset:6px;border-radius:2px}.pad-steps__item:not([data-active=true]):hover{color:#857f78}.pad-steps__title{letter-spacing:-.02em;align-items:baseline;gap:12px;font-size:24px;font-weight:500;line-height:1.15;display:flex}.pad-steps__detail{grid-template-rows:0fr;transition:grid-template-rows .26s;display:grid}.pad-steps__inner{visibility:hidden;min-height:0;transition:visibility 0s linear .26s;overflow:hidden}.pad-steps__item[data-active=true] .pad-steps__detail{grid-template-rows:1fr}.pad-steps__item[data-active=true] .pad-steps__inner{visibility:visible;transition-delay:0s}.pad-steps__text{max-width:330px;color:var(--ink-soft);margin:6px 0 0;font-size:15px;line-height:1.55}.pad-steps__features{margin-top:14px}.pad-steps a.landing-chapter{transition:background-color .15s}.pad-steps a.landing-chapter:hover,.pad-steps a.landing-chapter:focus-visible{background:var(--tint)}.pad-steps a.landing-chapter:focus-visible{outline:2px solid var(--pad-highlight);outline-offset:2px}.pad-steps__item[data-active=true]{color:var(--ink)}@media (height<=900px) and (width>=900px){.pad-steps__item{padding:8px 0 9px}.pad-steps__title{font-size:21px}.pad-steps__text{font-size:14px}.pad-steps__features{margin-top:10px}}@media (prefers-reduced-motion:reduce){.pad-steps__item,.pad-steps__detail,.pad-steps__inner{transition:none}}@media (width<=899px){.pad-intro{padding-top:40px;padding-bottom:16px}.pad-scene__track{height:800vh}.pad-scene__stage{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:0;padding-right:0}.pad-steps{gap:0;padding:12px 16px 24px}.pad-steps__item{border:0;padding:0;display:none}.pad-steps__item:last-child{border:0}.pad-steps__item[data-active=true]{display:block}.pad-steps__title{font-size:22px}.pad-steps__link{display:none}.pad-tag{gap:6px;padding:4px 7px 5px;font-size:11px}.pad-tag__code{font-size:10.5px}.pad-timeline{gap:8px;margin:10px 10px 0}}