.wrap,.band,.hero,.site-header,.site-footer{--gutter:clamp(1.25rem, 5vw, 4rem)}.site-header{justify-content:space-between;align-items:center;gap:var(--space-m);padding:var(--space-m) var(--gutter);border-bottom:1px solid var(--rule);display:flex}.wordmark{font-size:var(--step-1);letter-spacing:-.04em;font-weight:700;text-decoration:none}.wordmark span{color:var(--signal-error)}.site-header nav{align-items:center;gap:clamp(var(--space-s), 2.5vw, var(--space-l));font-size:var(--step--1);display:flex}.site-header nav a{color:var(--trace);white-space:nowrap;text-decoration:none;transition:color .12s}.site-header nav a:hover{color:var(--paper)}@media (max-width:30rem){.site-header nav .section-link{display:none}}.nav-cta{border:1px solid var(--rule);border-radius:var(--radius);padding:.35rem var(--space-s);color:var(--paper)!important}.nav-cta:hover{border-color:var(--trace)}.hero{gap:var(--space-xl);padding:clamp(var(--space-xl), 8vw, var(--space-2xl)) var(--gutter);align-items:center;display:grid}@media (min-width:62rem){.hero{gap:var(--space-2xl);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}.eyebrow{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.11em;color:var(--trace);margin-bottom:var(--space-m)}.hero h1{font-size:var(--step-4);margin-bottom:var(--space-m);text-wrap:balance}.lede{color:var(--trace);font-size:var(--step-1);max-width:40ch;line-height:1.5}.hero-actions{gap:var(--space-s);margin-top:var(--space-l);flex-wrap:wrap;display:flex}.button{padding:.7rem var(--space-m);border:1px solid var(--rule);border-radius:var(--radius);color:var(--paper);font-size:var(--step-0);text-decoration:none;transition:border-color .12s,background .12s;display:inline-block}.button:hover{border-color:var(--trace)}.button-primary{background:var(--paper);border-color:var(--paper);color:var(--ink);font-weight:700}.button-primary:hover{background:#fff;border-color:#fff}.capture{background:var(--ink-raised);border:1px solid var(--rule);border-radius:var(--radius-lg);margin:0;overflow:hidden;box-shadow:0 24px 60px -30px #000000e6}.capture-chrome{align-items:center;gap:var(--space-xs);padding:var(--space-s) var(--space-m);border-bottom:1px solid var(--rule);font-family:var(--font-mono);font-size:var(--step--1);color:var(--trace);display:flex}.rec{background:var(--signal-error);border-radius:50%;flex:none;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.timeline{padding:var(--space-xs) 0;font-family:var(--font-mono);font-size:var(--step--1);margin:0;list-style:none;overflow-x:auto}.ev{gap:var(--space-s);padding:.42rem var(--space-m);white-space:nowrap;border-left:2px solid #0000;grid-template-columns:6.9em 5.2em minmax(0,1fr);display:grid}.ev .t{color:var(--trace);font-variant-numeric:tabular-nums}.ev .k{color:var(--trace)}.ev .d{color:var(--paper);text-overflow:ellipsis;overflow:hidden}.ev[data-kind=error]{background:var(--signal-error-wash);border-left-color:var(--signal-error)}.ev[data-kind=error] .k,.ev[data-kind=error] .d{color:var(--signal-error)}.ev[data-kind=request]{background:var(--signal-warn-wash);border-left-color:var(--signal-warn)}.ev[data-kind=request] .k{color:var(--signal-warn)}.ev[data-kind=request] .d b{color:var(--signal-warn);font-weight:500}.ev[data-kind=shot]{border-left-color:var(--signal-ok)}.ev[data-kind=shot] .k{color:var(--signal-ok)}.timeline[data-animate=on] .ev{opacity:0;animation:.42s cubic-bezier(.2,.7,.3,1) forwards land;animation-delay:var(--delay,0s)}@keyframes land{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.capture figcaption{padding:var(--space-m);border-top:1px solid var(--rule);color:var(--trace);font-size:var(--step--1);line-height:1.55}.band{padding:var(--space-2xl) var(--gutter);border-top:1px solid var(--rule)}.band h2{font-size:var(--step-2);margin-bottom:var(--space-s)}.section-lede{color:var(--trace);max-width:52ch;margin-bottom:var(--space-xl)}.loop{gap:var(--space-l);counter-reset:none;margin:0;padding:0;list-style:none;display:grid}@media (min-width:40rem){.loop{grid-template-columns:repeat(2,1fr)}}@media (min-width:68rem){.loop{grid-template-columns:repeat(3,1fr)}}.loop li{border-top:1px solid var(--rule);padding-top:var(--space-m)}.loop .n{font-family:var(--font-mono);font-size:var(--step--1);color:var(--signal-warn);margin-bottom:var(--space-xs);display:block}.loop h3{font-size:var(--step-0);margin-bottom:var(--space-2xs)}.loop p{color:var(--trace);font-size:var(--step--1);line-height:1.55}.band-split{gap:var(--space-xl);display:grid}@media (min-width:56rem){.band-split{gap:var(--space-2xl);grid-template-columns:repeat(2,minmax(0,1fr))}}.ticks{margin:var(--space-m) 0 0;gap:var(--space-s);padding:0;list-style:none;display:grid}.ticks li{color:var(--trace);font-size:var(--step--1);padding-left:1.6rem;line-height:1.55;position:relative}.ticks li:before{content:"";background:var(--signal-ok);width:9px;height:2px;position:absolute;top:.55em;left:0}.ticks-off li:before{background:var(--signal-error)}.aside{margin-top:var(--space-m);padding-left:var(--space-m);border-left:1px solid var(--rule);color:var(--trace);font-size:var(--step--1);line-height:1.55}.steps{gap:var(--space-l);counter-reset:step;margin:0;padding:0;list-style:none;display:grid}@media (min-width:52rem){.steps{grid-template-columns:repeat(3,1fr)}}.steps li{counter-increment:step;border-top:1px solid var(--rule);padding-top:var(--space-m)}.steps li:before{content:counter(step, decimal-leading-zero);font-family:var(--font-mono);font-size:var(--step--1);color:var(--signal-warn);margin-bottom:var(--space-xs);display:block}.steps h3{font-size:var(--step-0);margin-bottom:var(--space-2xs)}.steps p{color:var(--trace);font-size:var(--step--1);line-height:1.55}code{font-family:var(--font-mono);background:var(--ink-sunken);border:1px solid var(--rule);border-radius:4px;padding:.1em .4em;font-size:.92em}.download{margin-bottom:var(--space-xl);font-size:var(--step-0)}.repo-note{margin-top:var(--space-xl);color:var(--trace);font-size:var(--step--1)}.site-footer{align-items:center;gap:var(--space-m);padding:var(--space-l) var(--gutter);border-top:1px solid var(--rule);color:var(--trace);font-size:var(--step--1);flex-wrap:wrap;display:flex}.site-footer p{margin-right:auto}.site-footer nav{gap:var(--space-m);display:flex}.site-footer a{color:var(--trace);text-decoration:none}.site-footer a:hover{color:var(--paper)}