.site{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-surface);color:var(--color-text-primary);--site-gutter: clamp(var(--space-4xl), 5vw, var(--space-7xl));--site-width: calc(var(--grid-column-wide) + var(--space-8xl))}.site>main{flex:1;display:flex;flex-direction:column}.site a{color:inherit}.site-bar,.site-foot{width:100%;max-width:var(--site-width);margin:0 auto;padding-inline:var(--site-gutter);display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.site-bar{min-height:var(--grid-topbar);margin-block:var(--space-lg)}.site-bar__name{font-size:var(--type-title-size);font-weight:var(--font-weight-semibold);text-decoration:none}.site-bar__acts{display:flex;align-items:center;gap:var(--space-sm)}.site-foot{padding-block:var(--space-5xl);border-top:var(--size-hairline) solid var(--color-border);font-size:var(--type-meta-size);color:var(--color-text-muted)}.site-foot nav{display:flex;gap:var(--space-2xl)}.site-h1{margin:0;max-width:18ch;font-size:clamp(var(--type-display-size),7vw,calc(var(--type-display-size) * 1.75));line-height:1.05;font-weight:var(--font-weight-bold);letter-spacing:var(--type-display-tracking);text-wrap:balance}.site-h2{margin:0;font-size:clamp(var(--type-headline-size),5vw,calc(var(--type-display-size) * 1.125));line-height:1.15;font-weight:var(--font-weight-bold);letter-spacing:var(--type-display-tracking);text-wrap:balance}.site-lede{margin:0;font-size:calc(var(--type-body-size) * 1.2);line-height:1.5;color:var(--color-text-secondary)}.site-acts{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-lg) var(--space-2xl)}.site-screen{width:100%;max-width:var(--site-width);margin:0 auto;padding:var(--space-8xl) var(--site-gutter);min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;text-align:center;gap:var(--space-5xl)}.site-screen[data-first]{min-height:calc(100vh - var(--grid-topbar) - var(--space-lg) - var(--space-lg));padding-block:var(--space-5xl) var(--space-8xl)}.site-screen+.site-screen{border-top:var(--size-hairline) solid var(--color-border)}.site-screen[data-split]{display:flex;flex-wrap:wrap;align-items:center;align-content:center;gap:var(--space-7xl);text-align:left}.site-screen[data-split]>:first-child{flex:1 1 calc(var(--grid-aside) * .8);min-width:0}.site-screen[data-split]>.site-stage{flex:1.6 1 calc(var(--grid-aside) * 1.5)}.site-screen[data-split] .site-lede{margin-top:var(--space-4xl)}.site-gripes{list-style:none;margin:var(--space-6xl) 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-lg) var(--space-7xl);font-size:calc(var(--type-body-size) * 1.2);color:var(--color-text-muted)}.site-mark{position:relative;display:block;width:min(100%,var(--grid-aside));height:auto;aspect-ratio:1;overflow:hidden;margin-block:calc(var(--space-7xl) * -1) calc(var(--space-7xl) * -.5);-webkit-mask-image:radial-gradient(closest-side,black 78%,transparent);mask-image:radial-gradient(closest-side,black 78%,transparent)}.site-mark[data-small]{width:calc(var(--grid-aside) * .6);margin-block:calc(var(--space-5xl) * -1)}.site-mark img,.site-mark canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:0;transform:scale(.92);transition:opacity calc(var(--motion-slide) * 3) var(--motion-ease),transform calc(var(--motion-slide) * 4) var(--motion-ease)}.site-mark canvas{filter:invert(1) hue-rotate(180deg)}.site-mark[data-phase=live] canvas,.site-mark[data-phase=still]>img,.site-mark noscript img{opacity:1;transform:none}.site-stage{display:grid;gap:var(--space-2xl);padding:clamp(var(--space-lg),2vw,var(--space-5xl));border-radius:var(--radius-card);background:var(--color-bg-page);align-content:start;min-width:0}.site-demo__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-5xl)}.site-task{display:grid;gap:var(--space-lg)}.site-stage>*,.site-drawn>*{min-width:0}.site-demo__head{flex-wrap:wrap}.site-file{display:flex;align-items:center;gap:var(--space-lg);min-width:0}.site-file>span:last-child{display:grid}.site-file__icon{display:grid;place-items:center;flex:none;width:var(--size-tile-lg);height:var(--size-tile-lg);border-radius:var(--radius-tile-lg);background:var(--color-accent-soft);color:var(--color-accent)}.site-page{position:relative;width:100%;aspect-ratio:1 / .92;overflow:hidden;border:var(--size-hairline) solid var(--color-border);border-radius:var(--radius-inset);background:var(--color-bg-surface)}.site-page__sheet{width:calc(var(--size-doc-measure) + var(--size-doc-pad) * 2);transform-origin:top left;transform:scale(var(--site-page-scale, .75))}.site-page__sheet .ds-doc{border:0;border-radius:0}.site-page:after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(to bottom,transparent,var(--color-bg-surface));pointer-events:none}@keyframes site-draw{0%{opacity:0;transform:translateY(var(--space-sm))}}.site-drawn .ds-steps>*{animation:site-draw var(--motion-slide) var(--motion-ease) backwards}.site-drawn .ds-steps>:nth-child(2){animation-delay:calc(var(--motion-fast) * 1)}.site-drawn .ds-steps>:nth-child(3){animation-delay:calc(var(--motion-fast) * 2)}.site-drawn .ds-steps>:nth-child(4){animation-delay:calc(var(--motion-fast) * 3)}.site-drawn .ds-steps>:nth-child(5){animation-delay:calc(var(--motion-fast) * 4)}.site-drawn .ds-steps>:nth-child(6){animation-delay:calc(var(--motion-fast) * 5)}.site-drawn .ds-steps>:nth-child(n+7){animation-delay:calc(var(--motion-fast) * 6)}.site-crew{list-style:none;padding:0;width:100%;max-width:var(--grid-column-wide);margin-top:var(--space-6xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(var(--size-tile-lg) * 2.75),1fr));gap:var(--space-lg)}.site-member{display:grid;justify-items:center;gap:var(--space-lg);padding:var(--space-5xl) var(--space-sm)}.site[data-motion] .site-screen:not([data-first])>*{opacity:0;transform:translateY(var(--space-2xl));transition:opacity var(--motion-slide) var(--motion-ease),transform var(--motion-slide) var(--motion-ease)}.site[data-motion] .site-screen[data-seen]>*{opacity:1;transform:none}.site>main.site-access{width:100%;max-width:var(--site-width);margin:0 auto;padding:var(--space-7xl) var(--site-gutter) var(--space-8xl);display:grid;align-content:center;justify-items:center}.site-q{width:100%;max-width:var(--grid-column);display:grid;justify-items:center;text-align:center;gap:var(--space-6xl);animation:site-draw var(--motion-slide) var(--motion-ease) backwards}.site-q .ds-progress{width:calc(var(--size-figure) * .5)}.site-answer{width:100%;padding:var(--space-lg) 0;border:0;border-bottom:var(--size-rail) solid var(--color-border);border-radius:0;background:none;color:inherit;font:inherit;font-size:clamp(var(--type-headline-size),5vw,calc(var(--type-display-size) * .875));text-align:center;outline:none;box-shadow:none;transition:border-color var(--motion-mid) var(--motion-ease)}.site-answer:focus,.site-answer:focus-visible{border-bottom-color:var(--color-accent);outline:none;box-shadow:none}.site-answer[aria-invalid=true]{border-bottom-color:var(--color-danger-text)}.site-wrong{margin:calc(var(--space-4xl) * -1) 0 0;min-height:var(--space-5xl);font-size:var(--type-body-sm-size);color:var(--color-danger-text)}.site-notice{margin:0;font-size:var(--type-meta-size);color:var(--color-text-muted)}.site-trap{position:absolute;left:-100vw;width:var(--size-hairline);height:var(--size-hairline);opacity:0}@media (pointer: coarse){.site-hint{display:none}}@media (prefers-reduced-motion: reduce){.site-drawn .ds-steps>*,.site-q{animation:none}.site-mark img,.site-mark canvas{transition:none;transform:none}html{scroll-behavior:auto}}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}@media (orientation: portrait){.site-screen[data-split]>:first-child{text-align:center}}.site-screen[data-first] .site-h1{max-width:22ch}