@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){[data-reveal]{animation-name:journey-reveal;animation-duration:auto;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both;animation-timeline:view();animation-range:entry 5% entry 75%}[data-draw]{view-timeline-name:--sheet}[data-draw] [pathLength]:not(.centre){stroke-dasharray:1;animation-name:draw;animation-duration:auto;animation-timing-function:cubic-bezier(.65,0,.35,1);animation-fill-mode:both;animation-timeline:--sheet;animation-range:entry 10% cover 40%}[data-draw] [data-layer="2"] [pathLength]:not(.centre){animation-range:entry 45% cover 50%}[data-draw] [data-layer="3"] [pathLength]:not(.centre){animation-range:cover 25% cover 55%}[data-draw] .centre,[data-draw] text{animation-name:figure-in;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--sheet;animation-range:cover 30% cover 55%}[data-rule]{transform-origin:0;animation-name:rule-draw;animation-duration:auto;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both;animation-timeline:view();animation-range:entry}[data-turn]{animation-name:turn;animation-duration:auto;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both;animation-timeline:view();animation-range:entry cover 55%}[data-channel] .accent{stroke-dasharray:.012 .006;animation-name:water-run;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0 100vh}[data-channel-end] .accent{stroke-dasharray:.012 .006;animation-name:water-run;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry exit}[data-name]{animation-name:name-rise;animation-duration:auto;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both;animation-timeline:view();animation-range:entry}@media (width>=64rem){[data-progress]{animation-name:read-progress;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);display:block}[data-hero-view]{animation-name:hero-face;animation-duration:auto;animation-timing-function:ease-out;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0 75vh}[data-float=tasks]{animation-name:float-near;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0 100vh}[data-float=assistant]{animation-name:float-far;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0 100vh}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes figure-in{0%{opacity:0}to{opacity:1}}@keyframes rule-draw{0%{transform:scaleX(0)}to{transform:none}}@keyframes turn{0%{transform:rotate(-7deg)scale(.96)}to{transform:none}}@keyframes water-run{to{stroke-dashoffset:-.36px}}@keyframes read-progress{0%{transform:scaleX(0)}to{transform:none}}@keyframes name-rise{0%{transform:translateY(32%)}to{transform:none}}@keyframes hero-face{0%{transform:rotateY(-9deg)rotateX(3deg)}to{transform:none}}@keyframes float-near{0%{transform:translateY(0)}to{transform:translateY(-5rem)}}@keyframes float-far{0%{transform:translateY(0)}to{transform:translateY(-9rem)}}@keyframes journey-reveal{0%{transform:translateY(var(--rise,14px))}to{transform:none}}}}.mock{--m-paper:color-mix(in srgb, var(--color-cream) 55%, white);--m-panel:color-mix(in srgb, var(--color-cream) 16%, white);--m-side:color-mix(in srgb, var(--color-travertine) 45%, var(--color-cream));--m-line:color-mix(in srgb, var(--color-ink) 13%, transparent);--m-muted:color-mix(in srgb, var(--color-ink) 74%, var(--m-panel));container-type:inline-size}.mock-root{font-size:clamp(7px, var(--m-scale,1.32cqi), 16px);color:var(--color-ink);font-variant-numeric:tabular-nums;line-height:1.35}.mock-root b,.mock-root strong{font-weight:400}.mock-window{background:var(--m-paper);aspect-ratio:16/10.4;border-radius:.9em;flex-direction:column;display:flex;overflow:hidden}.mock-bar{background:color-mix(in srgb, var(--color-ink) 92%, var(--color-cream));color:var(--color-cream);align-items:center;gap:.45em;padding:.8em 1.1em;display:flex}.mock-dot{background:color-mix(in srgb, var(--color-cream) 30%, transparent);border-radius:50%;width:.7em;height:.7em}.mock-tab{background:color-mix(in srgb, var(--color-cream) 14%, transparent);border-radius:.5em;margin-left:1.2em;padding:.25em .9em;font-size:.85em}.mock-body{flex:1;grid-template-columns:13.5em minmax(0,1fr);min-height:0;display:grid}.mock-side{background:var(--m-side);border-right:1px solid var(--m-line);flex-direction:column;gap:1.1em;padding:1.1em .9em;display:flex}.mock-brand{align-items:center;gap:.7em;display:flex}.mock-logo{background:var(--color-ink);width:2.3em;height:2.3em;color:var(--color-cream);border-radius:.55em;place-items:center;font-weight:400;display:grid}.mock-brand b{font-size:.95em;font-weight:400;display:block}.mock-brand small{color:var(--m-muted);font-size:.78em;display:block}.mock-search{background:var(--m-panel);border:1px solid var(--m-line);color:var(--m-muted);border-radius:.55em;padding:.5em .75em;font-size:.85em}.mock-group p{letter-spacing:.04em;color:var(--m-muted);margin:0 0 .35em .6em;font-size:.75em}.mock-nav{border-radius:.5em;align-items:center;gap:.65em;padding:.42em .6em;font-size:.9em;display:flex;position:relative}.mock-nav.is-active{background:var(--m-panel);font-weight:400;box-shadow:0 .1em .4em #0e191e14}.mock-nav.is-active:before{content:"";background:var(--color-orange);border-radius:0 .2em .2em 0;width:.22em;position:absolute;top:.35em;bottom:.35em;left:-.9em}.mock-ico{opacity:.28;background:currentColor;border-radius:.28em;flex:none;width:.9em;height:.9em}.mock-nav.is-active .mock-ico{opacity:.85}.mock-main{flex-direction:column;gap:1.1em;min-width:0;padding:1.3em 1.5em;display:flex}.mock-head{justify-content:space-between;align-items:center;gap:1em;display:flex}.mock-title{letter-spacing:-.02em;align-items:baseline;gap:.7em;margin:0;font-size:1.55em;font-weight:400;display:flex}.mock-chip{letter-spacing:0;background:var(--m-side);border-radius:1em;padding:.25em .75em;font-size:.5em;font-weight:400}.mock-btn{background:var(--color-ink);color:var(--color-cream);white-space:nowrap;border-radius:.55em;align-items:center;gap:.45em;padding:.5em 1em;font-size:.85em;font-weight:400;display:inline-flex}.mock-btn.is-quiet{color:var(--color-ink);border:1px solid var(--m-line);background:0 0}.mock-stages{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8em;display:grid}.mock-stage{background:var(--m-panel);border:1px solid var(--m-line);border-radius:.75em;flex-direction:column;gap:.5em;padding:.95em 1em 1.05em;display:flex;position:relative}.mock-stage:not(:last-child):after{content:"";border-top:1.5px solid var(--m-muted);border-right:1.5px solid var(--m-muted);width:.45em;height:.45em;position:absolute;top:50%;right:-.62em;transform:translateY(-50%)rotate(45deg)}.mock-stage-label{color:var(--m-muted);margin:0;font-size:.78em}.mock-stage-value{letter-spacing:-.02em;justify-content:space-between;align-items:baseline;gap:.5em;margin:0;font-size:1.65em;font-weight:400;display:flex}.mock-stage-value span{letter-spacing:0;color:var(--m-muted);font-size:.45em;font-weight:400}.mock-meter{background:var(--m-line);border-radius:1em;height:.28em;overflow:hidden}.mock-meter:before{content:"";border-radius:inherit;background:var(--color-orange);width:30%;height:100%;display:block}.mock-stage:nth-child(2) .mock-meter:before{width:16%}.mock-stage:nth-child(3) .mock-meter:before{width:58%}.mock-stage:nth-child(4) .mock-meter:before{width:84%}.mock-grid{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:1em;display:grid}.mock-card{background:var(--m-panel);border:1px solid var(--m-line);border-radius:.75em;padding:.95em 1.05em}.mock-card-head{justify-content:space-between;align-items:baseline;margin:0 0 .6em;font-weight:400;display:flex}.mock-card-head span{color:var(--m-muted);font-size:.8em;font-weight:400}.mock-row{border-top:1px solid var(--m-line);grid-template-columns:minmax(0,2.1fr) minmax(0,1fr) minmax(0,.7fr) minmax(0,.9fr);align-items:center;gap:.6em;padding:.55em 0;font-size:.85em;display:grid}.mock-row.is-head{color:var(--m-muted);border-top:0;padding-top:0;font-size:.75em}.mock-row>:last-child{text-align:right}.mock-row>:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mock-status{border:1px solid var(--m-line);border-radius:1em;justify-self:start;padding:.15em .6em;font-size:.85em}.mock-status.is-sent{background:var(--m-side);border-color:#0000}.mock-status.is-accepted{background:var(--color-ink);color:var(--color-cream);border-color:#0000}.mock-assistant{flex-direction:column;gap:.75em;display:flex}.mock-spark{background:var(--color-orange);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);width:.8em;height:.8em;margin-right:.45em;display:inline-block}.mock-assistant p{margin:0;font-size:.88em}.mock-assistant .mock-assistant-title{justify-content:flex-start;align-items:center;font-size:1.1em;font-weight:400}.mock-actions{gap:.5em;display:flex}.mock-metric{border-top:1px solid var(--m-line);justify-content:space-between;gap:.6em;padding-top:.7em;font-size:.82em;display:flex}.mock-metric b{font-weight:400}.mock-task{border-top:1px solid var(--m-line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8em;padding:.6em 0;display:grid}.mock-task b{font-size:.92em;font-weight:400;display:block}.mock-task small{color:var(--m-muted);font-size:.8em;display:block}.mock-task-owner{color:var(--m-muted);white-space:nowrap;font-size:.8em}.mock-part{background:var(--m-paper);border-radius:.9em;padding:1.1em}.mock-part.is-side{width:17em;max-width:100%;padding:0;overflow:hidden}.mock-part.is-side .mock-side{border-right:0}@container (width<=640px){.mock-window{aspect-ratio:auto;font-size:clamp(9px,2.6cqi,14px)}.mock-window .mock-body{grid-template-columns:minmax(0,1fr)}.mock-window .mock-side,.mock-window .mock-assistant-card,.mock-window .mock-tasks-card{display:none}.mock-window .mock-grid{grid-template-columns:minmax(0,1fr)}.mock-window .mock-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.mock-window .mock-stage:after{display:none}}.mock-window.is-lean{aspect-ratio:auto}.mock-window.is-lean .mock-grid{grid-template-columns:minmax(0,1fr)}.mock-part{font-size:clamp(9.5px, var(--m-scale,2cqi), 16px)}@container (width<=480px){.mock-part .mock-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.mock-part .mock-stage:after{display:none}.mock-part.mock-root{--m-scale:3.4cqi}}.mock-live .mock-part{font-size:clamp(13px,2cqi,16px)}.mock-filter{border:0;flex-wrap:wrap;gap:.5rem;margin:0 0 .9em;padding:0;display:flex}.mock-filter legend{float:left;width:100%;margin-bottom:.6em}.mock-pick{background:var(--m-side);cursor:pointer;min-height:2.5rem;transition:background-color var(--dur-hover) var(--ease-out), color var(--dur-hover) var(--ease-out);border-radius:999px;align-items:center;padding:0 .9rem;font-size:.875rem;display:inline-flex;position:relative}.mock-pick input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.mock-pick:hover{background:color-mix(in srgb, var(--m-side) 70%, var(--color-ink) 12%)}.mock-pick:has(input:checked){background:var(--color-ink);color:var(--color-cream)}.mock-pick:has(input:focus-visible){outline:2px solid var(--color-ink);outline-offset:3px}.mock-table{border-collapse:collapse;width:100%;font-size:.9em}.mock-table th{text-align:left;color:var(--m-muted);padding:0 0 .5em;font-size:.85em;font-weight:400}.mock-table td{border-top:1px solid var(--m-line);padding:.6em .6em .6em 0}.mock-table th:last-child,.mock-table td:last-child{text-align:right;padding-right:0}.mock-live:has(input[value=draft]:checked) tbody tr:not([data-tone=draft]),.mock-live:has(input[value=sent]:checked) tbody tr:not([data-tone=sent]),.mock-live:has(input[value=accepted]:checked) tbody tr:not([data-tone=accepted]){display:none}