.p6-wall{--tile:32px}@media (min-width:48rem){.p6-wall{--tile:40px}}@media (min-width:80rem){.p6-wall{--tile:48px}}.p6-wall-row{border-top:1px solid var(--color-line);gap:1rem;padding-block:1.5rem 1.75rem;display:grid}@media (min-width:40rem){.p6-wall-row{gap:1.25rem;padding-block:1.75rem 2rem}}@media (min-width:64rem){.p6-wall-row{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:3rem;padding-block:2rem}.p6-wall-label{min-height:var(--tile);grid-column:span 3/span 3;align-self:start;align-items:center;display:flex}.p6-wall-list{grid-column:4/span 9}}.p6-wall-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;display:grid}@media (min-width:40rem){.p6-wall-list{grid-template-columns:repeat(15, var(--tile));justify-content:space-between;gap:1rem 6px}}.p6-tile{align-items:center;gap:.75rem;min-width:0;display:flex;position:relative}@media (min-width:40rem){.p6-tile{display:block}}.p6-mark{width:var(--tile);height:var(--tile);border-radius:calc(var(--tile) * .28);box-shadow:var(--tone-paper-edge);flex-shrink:0}.p6-tip{z-index:10;pointer-events:auto;display:none;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.p6-tip[data-edge=start]{left:0;transform:none}.p6-tip[data-edge=end]{left:auto;right:0;transform:none}.p6-tip:after{content:"";inset-inline:0;height:10px;position:absolute;top:100%}@media (min-width:40rem) and (max-width:63.999rem){.p6-tip[data-first]{top:calc(100% + 5px);bottom:auto}.p6-tip[data-first]:after{top:auto;bottom:100%}}@media (hover:hover) and (min-width:40rem){.p6-tile:hover .p6-tip{animation:fade var(--duration-quick) var(--ease-out);display:block}[data-tips-off] .p6-tile:hover .p6-tip{display:none}}.p6-computer{--page-top:30px;--page-h:420px;--overlap:80px;--digit-w:36px;--digit-h:44px;--digit-gap:6px;height:700px;position:relative}@media (min-width:22.5rem){.p6-computer{--digit-w:40px;--digit-h:48px;height:674px}}@media (min-width:40rem){.p6-computer{--digit-gap:8px;height:678px}}@media (min-width:64rem){.p6-computer{--page-h:440px;--digit-w:44px;--digit-h:52px;height:590px}}.p6-page{top:var(--page-top);height:var(--page-h);border-radius:var(--radius-card);flex-direction:column;display:flex;position:absolute;left:0;right:0;overflow:hidden}@media (min-width:64rem){.p6-page{border-radius:var(--radius-card) 0 0 var(--radius-card);right:-24px}}.p6-page-bar{border-bottom:1px solid var(--color-line);background:var(--color-rail);height:44px;color:var(--color-fg-2);font-size:var(--text-ui);line-height:var(--text-ui--line-height);flex-shrink:0;align-items:center;gap:8px;padding-inline:20px;display:flex}.p6-page-body{flex:1;justify-content:center;align-items:flex-start;padding:24px 16px 0;display:flex}@media (min-width:40rem){.p6-page-body{padding-top:28px}}@media (min-width:64rem){.p6-page-body{align-items:center;padding:0 56px 8px 32px}}.p6-form{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:22rem;display:flex}.p6-form-disc{background:var(--color-surface-2);width:36px;height:36px;color:var(--color-fg-2);border-radius:9999px;justify-content:center;align-items:center;display:flex}.p6-form-title{color:var(--color-fg);letter-spacing:-.01em;margin-top:12px;font-size:1.125rem;font-weight:600;line-height:1.3}.p6-form-text{color:var(--color-fg-2);font-size:var(--text-ui);margin-top:6px;line-height:1.45}@media (min-width:64rem){.p6-form-disc{width:40px;height:40px}.p6-form-title{margin-top:14px;font-size:1.25rem}}.p6-digits{gap:var(--digit-gap);margin-top:18px;display:flex}.p6-digit{width:var(--digit-w);height:var(--digit-h);border:1px solid var(--color-edge);color:var(--color-fg);border-radius:10px;justify-content:center;align-items:center;font-size:1.375rem;font-weight:600;line-height:1;display:flex}.p6-digit[data-on=true]{border-color:var(--color-fg);box-shadow:inset 0 0 0 1px var(--color-fg);transition:border-color var(--duration-quick) var(--ease-out), box-shadow var(--duration-quick) var(--ease-out)}.p6-form-button{width:calc(var(--digit-w) * 6 + var(--digit-gap) * 5);background:var(--color-fg);height:40px;color:var(--color-canvas);border-radius:10px;justify-content:center;align-items:center;margin-top:14px;font-size:.9375rem;font-weight:500;display:flex}@media (min-width:64rem){.p6-digits{margin-top:22px}.p6-form-button{height:44px;margin-top:16px}}.p6-outline{top:var(--page-top);height:var(--page-h);border-radius:var(--radius-card);box-shadow:0 0 0 2px var(--color-fg);opacity:0;pointer-events:none;position:absolute;left:0;right:0}@media (min-width:64rem){.p6-outline{border-radius:var(--radius-card) 0 0 var(--radius-card);right:-24px}}.p6-outline[data-on=true]{opacity:1;transition:opacity var(--duration-base) var(--ease-out)}.p6-control{z-index:2;top:calc(var(--page-top) - 30px);pointer-events:none;justify-content:center;display:flex;position:absolute;left:0;right:0}.p6-control-pill{background:var(--color-surface-1);height:40px;color:var(--color-fg);font-size:var(--text-close-meta);font-weight:500;line-height:var(--text-close-meta--line-height);border-radius:9999px;align-items:center;gap:10px;padding-inline:14px 4px;display:inline-flex}@media (prefers-reduced-motion:no-preference){[data-armed] [data-on=true] .p6-session-dot{animation:p6-breathe .9s var(--ease-in-out) 2}}@keyframes p6-breathe{50%{opacity:.35}}.p6-control-dot{background:var(--color-positive);border-radius:9999px;flex-shrink:0;width:6px;height:6px}@media (max-width:23.999rem){.p6-control-pill{gap:8px;padding-left:12px}.p6-control-dot{display:none}}.p6-pieces{z-index:3;top:calc(var(--page-top) + var(--page-h) - var(--overlap));flex-direction:column;align-items:flex-start;gap:10px;width:min(26rem,100%);display:flex;position:absolute;left:0}@media (min-width:64rem){.p6-pieces{width:26rem;top:auto;bottom:0;left:max(-22rem,min(100vw - 5rem,75rem)/-3 - 1rem)}}.p6-ask{border-radius:var(--radius-bubble);background:var(--color-surface-2);width:100%;box-shadow:inset 0 0 0 1px var(--color-line-strong), var(--tone-float);font-size:var(--text-close);line-height:var(--text-close--line-height);padding:12px 16px}@media (prefers-reduced-motion:no-preference){[data-armed] .p6-dot[data-reveal][data-on=true]{animation:p6-type .14s var(--ease-out) both}}@keyframes p6-type{0%{opacity:0;transform:translateY(3px)}}.p5j{border-top:1px solid var(--color-line);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:64rem){.p5j{border-top:0;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:1.5rem}}.p5j-stop{grid-template-columns:7.5rem minmax(0,1fr);align-items:center;column-gap:1.25rem;padding-block:.5rem;display:grid;position:relative}@media (min-width:40rem){.p5j-stop{grid-template-columns:9rem minmax(0,1fr)}}@media (min-width:64rem){.p5j-stop{flex-direction:column;align-items:stretch;padding-block:0;display:flex}}.p5j-fig{z-index:1;aspect-ratio:240/200;display:block;position:relative}.p5j-art{width:100%;height:100%;color:var(--line-lit);fill:none;stroke:currentColor;stroke-linejoin:round;stroke-linecap:round;display:block;overflow:visible}.p5j-art *{vector-effect:non-scaling-stroke;stroke-width:1px}.p5j-solid,.p5j-top{fill:var(--color-page)}.p5j-fine{stroke-opacity:.45}.p5j-lit{fill:var(--line-lit-fill)}.p5j-dot{fill:currentColor;stroke:none}.p5j-text{flex-direction:column;gap:.125rem;min-width:0;display:flex}@media (min-width:64rem){.p5j-text{border-top:1px solid var(--color-line);margin-top:1rem;padding-top:1rem}}.p5j-tool{color:var(--color-fg);font-size:var(--text-h3);font-weight:500;line-height:var(--text-h3--line-height)}.p5j-act{color:var(--color-fg-2);font-size:var(--text-copy)}.p5j-stop:not(:last-child):after{content:"";background-color:var(--color-fg-3);transform-origin:top;width:1px;height:calc(100% - 5.5rem);position:absolute;top:calc(50% + 2.75rem);left:3.75rem}@media (min-width:40rem){.p5j-stop:not(:last-child):after{height:calc(100% - 7rem);top:calc(50% + 3.5rem);left:4.5rem}}@media (min-width:64rem){.p5j-stop:not(:last-child):after{content:none}.p5j-stop:not(:last-child) .p5j-fig:after{content:"";background-color:var(--color-fg-3);transform-origin:0;width:calc(100% - 5rem);height:1px;position:absolute;top:79%;left:calc(50% + 3.25rem)}}@media (prefers-reduced-motion:no-preference){html.js .p5j[data-play=still] .p5j-art,.p5j[data-play=armed] .p5j-art{color:var(--line-ink)}html.js .p5j[data-play=still] .p5j-lit,.p5j[data-play=armed] .p5j-lit{fill:var(--color-page)}html.js .p5j[data-play=still] .p5j-stop:after,.p5j[data-play=armed] .p5j-stop:after{transform:scaleY(0)}html.js .p5j[data-play=still] .p5j-fig:after,.p5j[data-play=armed] .p5j-fig:after{transform:scaleX(0)}.p5j[data-play=play] .p5j-art{animation:p5j-light .42s var(--ease-out) calc(var(--i) * .8s) both}.p5j[data-play=play] .p5j-lit{animation:p5j-fill .42s var(--ease-out) calc(var(--i) * .8s) both}.p5j[data-play=play] .p5j-stop:after{animation:p5j-run-y .64s var(--ease-in-out) calc(var(--i) * .8s + .2s) both}.p5j[data-play=play] .p5j-fig:after{animation:p5j-run-x .64s var(--ease-in-out) calc(var(--i) * .8s + .2s) both}}@keyframes p5j-light{0%{color:var(--line-ink)}}@keyframes p5j-fill{0%{fill:var(--color-page)}}@keyframes p5j-run-y{0%{transform:scaleY(0)}}@keyframes p5j-run-x{0%{transform:scaleX(0)}}@media (forced-colors:active){.p5j-art{color:canvastext}.p5j-stop:after,.p5j-fig:after{background-color:canvastext}}