.landing{--container:1440px;--gutter:var(--space-2xl);--gap-columns:32px;--space-3xl:96px;--space-4xl:144px;--section-gap-s:120px;--section-gap:144px;--text-display:clamp(3rem, 6.5vw + .5rem, 7rem);--text-section:clamp(2rem, 2.5vw + 1rem, 3.25rem);--text-title:clamp(1.25rem, .75vw + .875rem, 1.625rem);--text-lead:clamp(1.125rem, .35vw + 1rem, 1.375rem);--dur-long:.42s;--cut:8px;--cut-l:16px;--frame-line:color-mix(in oklab, var(--color-ink) 9%, transparent);min-height:100dvh;font-family:var(--font-body);font-size:var(--text-md);color:var(--color-ink);background:var(--color-paper);line-height:1.55}@media (width<=60rem){.landing{--gutter:var(--space-md)}}.landing .container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}:where(.landing) h1,:where(.landing) h2,:where(.landing) h3{min-width:0;font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--tracking-display);text-wrap:balance;overflow-wrap:break-word;margin:0}:where(.landing) p{margin:0}.landing :focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.skip{top:calc(-1 * var(--space-3xl));left:var(--space-md);z-index:var(--z-toast);padding:var(--space-xs) var(--space-md);color:var(--color-paper);background:var(--color-ink);position:absolute}.skip:focus-visible{top:var(--space-md)}.key{gap:var(--space-xs);min-height:48px;padding:0 var(--space-lg);font:500 var(--text-md) / 1 var(--font-display);color:var(--color-ink);white-space:nowrap;cursor:pointer;background:var(--color-key-face);border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-input);box-shadow:var(--shadow-key);transition:transform var(--dur-micro) var(--ease-out), box-shadow var(--dur-micro) var(--ease-out), background-color var(--dur-micro) var(--ease-out);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.key:hover{transform:translateY(-1px)}.key:active{box-shadow:var(--shadow-key-press);transform:translateY(2px)}.key:disabled,.key[aria-disabled=true]{cursor:not-allowed;opacity:.55;transform:none}.key--signal{color:var(--color-signal-ink);background:var(--color-signal);border-color:var(--color-signal-edge);box-shadow:var(--shadow-key-signal)}.key--signal:hover{background:var(--color-signal-deep)}.key--small{min-height:40px;padding:0 var(--space-md);font-size:var(--text-sm)}.cut{background:var(--color-paper);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card)}@supports (corner-shape:bevel){.cut{border-radius:var(--cut-l) 4px var(--cut-l) 4px;corner-shape:bevel round bevel round}}.l-nav{top:var(--space-md);z-index:var(--z-sticky);padding-top:var(--space-md);position:sticky}.l-nav__bar{gap:var(--space-md);min-height:64px;padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-md);background:color-mix(in oklab, var(--color-paper) 88%, transparent);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);box-shadow:var(--shadow-card);-webkit-backdrop-filter:saturate(1.4)blur(8px);backdrop-filter:saturate(1.4)blur(8px);justify-content:space-between;align-items:center;display:flex}.l-brand{gap:var(--space-xs);font:var(--display-weight) var(--text-lg) / 1 var(--font-display);color:var(--color-ink);letter-spacing:var(--tracking-display);align-items:center;text-decoration:none;display:inline-flex}.l-brand svg{width:24px;height:24px;color:var(--color-signal);flex-shrink:0}.l-nav__links{gap:var(--space-2xs);align-items:center;margin:0;padding:0;list-style:none;display:flex}.l-nav__link{min-height:40px;padding:0 var(--space-sm);font-size:var(--text-sm);color:var(--color-ink-2);white-space:nowrap;border-radius:var(--radius-input);transition:background-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out);align-items:center;text-decoration:none;display:inline-flex}.l-nav__link:hover{color:var(--color-ink);background:var(--color-paper-2)}.l-nav__link:active{background:var(--color-paper-3)}@media (width<=48rem){.l-nav__link--page{display:none}}.l-hero{min-height:56svh;padding-block:var(--space-xl) var(--space-2xl);flex-direction:column;justify-content:center;display:flex}@media (width<=60rem){.l-hero{min-height:0;padding-block:var(--space-2xl) var(--space-xl)}}.l-hero h1{max-width:20ch;font-size:var(--text-display);line-height:1}.l-hero__lead{max-width:34ch;margin-top:var(--space-xl);font-size:var(--text-lead);color:var(--color-ink-2);line-height:1.45}.l-actions{gap:var(--space-sm);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.l-showcase{padding-top:0}.l-frame{background:var(--color-paper-2);box-shadow:var(--shadow-card);margin:0;padding:0;position:relative;overflow:hidden}.l-frame img{outline:1px solid var(--frame-line);outline-offset:-1px;object-fit:cover;object-position:50% 0;width:100%;height:100%;display:block}.l-showcase .l-frame{aspect-ratio:21/9}@media (width<=48rem){.l-showcase .l-frame{aspect-ratio:4/3}}.l-bands{margin:var(--space-xl) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.l-bands>div{padding-inline:var(--space-lg);border-left:var(--rule-hair) solid var(--color-rule)}.l-bands>div:first-child{border-left:0;padding-left:0}.l-bands dt{font:var(--display-weight) var(--text-title) / 1.15 var(--font-display);letter-spacing:var(--tracking-display)}.l-bands dd{max-width:32ch;margin:var(--space-xs) 0 0;color:var(--color-ink-2)}@media (width<=48rem){.l-bands{grid-template-columns:minmax(0,1fr)}.l-bands>div{padding:var(--space-md) 0;border-top:var(--rule-hair) solid var(--color-rule);border-left:0}.l-bands>div:first-child{border-top:0}}.l-run{padding-top:var(--section-gap)}.l-head h2{max-width:24ch;font-size:var(--text-section);line-height:1.04}.l-head p{max-width:48ch;margin-top:var(--space-md);font-size:var(--text-lead);color:var(--color-ink-2)}.l-run__body{gap:var(--gap-columns);margin-top:var(--space-2xl);grid-template-columns:minmax(0,4fr) minmax(0,8fr);display:grid}.l-steps{counter-reset:step;margin:0;padding:0;list-style:none}.l-step{min-height:60dvh;padding-block:var(--space-xl);counter-increment:step;flex-direction:column;justify-content:center;display:flex}.l-step+.l-step{border-top:var(--rule-hair) solid var(--color-rule)}.l-step h3{gap:var(--space-sm);font-size:var(--text-title);align-items:baseline;line-height:1.15;display:flex}.l-step h3:before{font-variant-numeric:tabular-nums;color:var(--color-signal);content:counter(step)}.l-step p{max-width:46ch;margin-top:var(--space-sm);color:var(--color-ink-2)}.l-step .l-frame{display:none}.l-stage{top:calc(var(--space-3xl) + var(--space-md));aspect-ratio:16/10;align-self:start;position:sticky}.l-stage img{opacity:0;transition:opacity var(--dur-short) var(--ease-out);position:absolute;inset:0}.l-stage img[data-active=true]{opacity:1}@media (width<=60rem){.l-run__body{grid-template-columns:minmax(0,1fr)}.l-stage{display:none}.l-step{min-height:0}.l-step .l-frame{aspect-ratio:16/10;margin-top:var(--space-lg);display:block}}.l-questions{padding-top:var(--section-gap)}.l-questions__body{gap:var(--gap-columns);grid-template-columns:minmax(0,4fr) minmax(0,8fr);display:grid}.l-rows{margin:0}.l-rows>div{gap:var(--gap-columns);padding-block:var(--space-lg);border-top:var(--rule-hair) solid var(--color-rule);grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid}.l-rows>div:last-child{border-bottom:var(--rule-hair) solid var(--color-rule)}.l-rows dt{font:500 var(--text-lg) / 1.3 var(--font-display)}.l-rows dd{max-width:52ch;color:var(--color-ink-2);margin:0}.l-rows code,.l-code{font-family:var(--font-code)}.l-rows code{font-size:.9em}@media (width<=60rem){.l-questions__body,.l-rows>div{grid-template-columns:minmax(0,1fr)}.l-rows>div{gap:var(--space-xs)}.l-questions__body{gap:var(--space-xl)}}.l-close{padding-block:var(--section-gap-s);margin-top:var(--section-gap);color:var(--color-graphite-ink);background:var(--color-graphite)}.l-close .l-head h2{color:var(--color-graphite-ink)}.l-close .l-head p{color:var(--color-graphite-muted)}.l-close__body{gap:var(--gap-columns);margin-top:var(--space-2xl);grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:start;display:grid}.l-file{border:var(--rule-hair) solid var(--color-graphite-2);border-radius:var(--radius-card);margin:0;overflow:hidden}.l-file figcaption{padding:var(--space-sm) var(--space-md);font:var(--text-sm) / 1.4 var(--font-code);color:var(--color-graphite-muted);background:var(--color-graphite-2);border-bottom:var(--rule-hair) solid var(--color-graphite-2)}.l-code{padding:var(--space-lg) var(--space-md);font-size:var(--text-sm);color:var(--color-graphite-ink);tab-size:2;margin:0;line-height:1.65;overflow-x:auto}.l-code:focus-visible{outline-offset:-2px}.l-code .k{color:var(--color-graphite-muted)}.l-code .v{color:var(--color-signal-2)}.l-close__aside h3{font-size:var(--text-title);color:var(--color-graphite-ink);line-height:1.15}.l-close__aside p{margin-top:var(--space-sm);color:var(--color-graphite-muted)}.l-close__aside .l-actions{margin-top:var(--space-lg)}.l-close .key:not(.key--signal){color:var(--color-graphite-ink);background:var(--color-graphite-2);border-color:var(--color-graphite-2);box-shadow:none}@media (width<=60rem){.l-close__body{grid-template-columns:minmax(0,1fr)}}.l-foot{padding-block:var(--space-2xl);font-size:var(--text-sm);color:var(--color-ink-2)}.l-foot__body{gap:var(--gap-columns);grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:start;display:grid}.l-foot__body p{max-width:52ch}.l-foot__links{gap:var(--space-2xs) var(--space-lg);flex-wrap:wrap;justify-content:end;margin:0;padding:0;list-style:none;display:flex}.l-foot a{color:var(--color-ink);text-decoration:underline;-webkit-text-decoration-color:var(--color-rule-2);text-decoration-color:var(--color-rule-2);text-underline-offset:.2em;transition:text-decoration-color var(--dur-micro) var(--ease-out)}.l-foot a:hover{-webkit-text-decoration-color:var(--color-signal);text-decoration-color:var(--color-signal)}.l-foot a:active{color:var(--color-signal)}@media (width<=48rem){.l-foot__body{grid-template-columns:minmax(0,1fr)}.l-foot__links{justify-content:start}}@media (prefers-reduced-motion:reduce){.key,.l-nav__link,.l-stage img,.l-foot a{transition:none}.key:hover,.key:active{transform:none}}
