@property --x{syntax:"<length>";inherits:false;initial-value:-999px}@property --y{syntax:"<length>";inherits:false;initial-value:-999px}@property --decay{syntax:"<number>";inherits:false;initial-value:0}:root{--bg:#fafaf9;--fg:#1c1917;--muted:#57534e;--line:#e7e5e4;--card:#f5f5f4;--accent:#4d7c0f;--ai:#4d7c0f;--human:#0969da;--rot:#c2410c;--mono:var(--font-mono), ui-monospace, "Cascadia Code", Consolas, monospace;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#121212;--fg:#e7e5e4;--muted:#a8a29e;--line:#292524;--card:#1a1a19;--accent:#a3e635;--ai:#a3e635;--human:#58a6ff;--rot:#fb923c}}body{background:var(--bg);color:var(--fg);margin:0;font:1.0625rem/1.65 system-ui,-apple-system,Segoe UI,sans-serif}header,section,footer{--pad:clamp(1rem, 8vw, 7rem);--fade:min(2.5rem, var(--pad) - 1rem);z-index:1;max-width:44rem;padding:4rem var(--pad);margin:0 auto;position:relative}@media (width>=78rem){header,section,footer{--pad:11rem}}:is(header,section,footer):before{content:"";z-index:-1;background:linear-gradient(to right, transparent, var(--panel,var(--bg)) var(--fade) calc(100% - var(--fade)), transparent);position:absolute;inset:0}header{--panel:color-mix(in srgb, var(--bg) 90%, transparent)}section,footer{border-top:1px solid;border-image:linear-gradient(to right, transparent, var(--line) var(--fade) calc(100% - var(--fade)), transparent) 1}h1,h2,h3{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.03em}h2{margin:.5rem 0 1.5rem;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800;line-height:1.1}h3{margin:0 0 .35rem;font-size:1.2rem;font-weight:700;line-height:1.3}p{margin:0 0 1rem}a{color:var(--accent)}code,.mono{font-family:var(--mono)}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{font:600 .8125rem var(--mono);color:var(--accent);margin:0}.eyebrow span{color:var(--muted);margin-right:.75rem}.muted{color:var(--muted)}header{padding-bottom:4.5rem}.wordmark{font:600 1.125rem var(--mono);letter-spacing:-.02em;align-items:center;gap:.5rem;margin:0 0 3.5rem;display:flex}.wordmark svg{width:1.6em;height:1.6em;fill:var(--accent)}.wordmark svg .r{fill:var(--rot)}.wordmark b{color:var(--rot);font-weight:inherit}.legend{font:.8125rem var(--mono);color:var(--muted);margin:0 0 1.25rem}.legend span{white-space:nowrap;margin-right:1.25rem}.dot{background:currentColor;border-radius:50%;width:.6em;height:.6em;margin-right:.45em;display:inline-block}h1{letter-spacing:-.045em;margin:0 0 1.5rem;font-size:clamp(2.6rem,9vw,4.75rem);font-weight:800;line-height:1}h1 em{color:var(--ai);text-shadow:0 0 2.5rem color-mix(in srgb, var(--ai) 35%, transparent);font-style:normal}.rot-word span{white-space:nowrap}h1 em i{color:color-mix(in srgb, var(--rot) calc(var(--decay) * 100%), var(--ai));opacity:calc(1 - var(--decay) * .4);transform:translateY(calc(var(--decay) * .1em)) rotate(calc(var(--decay) * var(--tilt,0deg)));filter:blur(calc(var(--decay) * .8px));text-shadow:0 0 2.5rem color-mix(in srgb, currentColor 35%, transparent);font-style:normal;transition:--decay 1.4s ease-in;display:inline-block}.sweep i{transition-duration:.45s;transition-timing-function:ease-out}.lead{color:var(--muted);max-width:36rem;margin-bottom:2rem;font-size:clamp(1.125rem,2.5vw,1.3rem)}.lead strong{color:var(--fg);font-weight:600}.signup{flex-wrap:wrap;gap:.6rem;max-width:30rem;margin:0 0 .9rem;display:flex}.signup input{border:1px solid var(--line);background:var(--bg);min-width:0;color:var(--fg);font:inherit;border-radius:.6rem;flex:10rem;padding:.8rem 1rem}.signup input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cta{background:var(--accent);color:var(--bg);cursor:pointer;font:700 1.05rem var(--font-display), system-ui, sans-serif;border:0;border-radius:.6rem;padding:.85rem 1.4rem;transition:box-shadow .2s,transform .2s}.cta:hover,.cta:focus-visible{box-shadow:0 0 2.5rem -.25rem var(--accent);transform:translateY(-1px)}.fine{font:.8125rem var(--mono);color:var(--muted);margin:0}@media (width<=74rem){header{padding-bottom:12rem}header:before{mask-image:linear-gradient(#000 calc(100% - 12rem),#0000 calc(100% - 8rem))}}.card{border:1px solid var(--line);background:radial-gradient(20rem circle at var(--mx,-20rem) var(--my,-20rem), color-mix(in srgb, var(--accent) 9%, transparent), transparent 70%), var(--card);border-radius:.9rem;padding:1.25rem;transition:border-color .2s;position:relative}.card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.problems{gap:1rem;display:grid}.problem{grid-template-columns:7.5rem 1fr;align-items:start;gap:1.25rem;display:grid}.problem p{color:var(--muted);margin:0}.stat{font:600 1.05rem/1.2 var(--mono);color:var(--ai);padding-top:.15rem}.stat.big{font:800 3rem/.9 var(--font-display), system-ui, sans-serif;letter-spacing:-.04em}@media (width<=34rem){.problem{grid-template-columns:1fr;gap:.5rem}}.steps{counter-reset:step;gap:1.25rem;margin:0 0 1.5rem;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;grid-template-columns:3rem 1fr;display:grid}.steps li:before{content:"0" counter(step);font:600 .9rem/1.9 var(--mono);color:var(--accent)}.steps p{color:var(--muted);margin:0}pre.card{font:.85rem/1.7 var(--mono);margin:0;overflow-x:auto}pre .c{color:var(--muted)}pre .k{color:var(--ai)}pre .s{color:var(--rot)}.flow{font:.875rem var(--mono);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.node{border:1px solid var(--line);background:var(--bg);border-radius:.5rem;padding:.5rem .75rem}.node.us{border-color:var(--accent)}.edge{color:var(--muted)}.edge.ok{color:var(--accent)}.attr{font:.875rem var(--mono);grid-template-columns:1fr auto;gap:.6rem 1.5rem;display:grid}.attr code{color:var(--muted);overflow-wrap:anywhere}.attr b{font-weight:600}.attr hr{border:0;border-top:1px dashed var(--line);grid-column:1/-1;width:100%;margin:.25rem 0}.wide{margin-inline:calc(50% + max(100%,min(60rem,100vw - 22rem))/-2)}.chart{margin-block:0 .75rem;padding:1.25rem 1.5rem 1rem}.chart figcaption{font:.875rem var(--mono);flex-wrap:wrap;align-items:baseline;gap:.5rem 1.25rem;margin-bottom:1rem;display:flex}.tabs{flex-wrap:wrap;gap:.5rem;display:flex}.tabs button:disabled{cursor:default}.tabs button:disabled:not([aria-pressed=true]){display:none}.readout{font:600 .8125rem/1.5 var(--mono);flex-wrap:wrap;gap:0 1.25rem;min-height:2lh;margin:0 0 1.5rem;display:flex}.readout .muted{flex-basis:100%;font-weight:400}@media (width<=34rem){.readout{min-height:4lh}}.plot{cursor:crosshair;touch-action:pan-y;position:relative}.plot:focus-visible{outline:2px solid var(--accent);outline-offset:.5rem;border-radius:.25rem}.scrub{background:color-mix(in srgb, var(--muted) 45%, transparent);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.scrub i{width:.6rem;height:.6rem;box-shadow:0 0 0 3px var(--card);background:currentColor;border-radius:50%;position:absolute;left:0;transform:translate(-50%,-50%)}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart .line{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart .line.ai{stroke:var(--ai)}.chart .line.human{stroke:var(--human)}.chart .gap{fill:color-mix(in srgb, var(--rot) 18%, transparent)}.axis{font:.75rem var(--mono);color:var(--muted);justify-content:space-between;margin-top:.6rem;display:flex}.reveal .chart svg{clip-path:inset(0 100% 0 0);transition:clip-path 2s ease-out .4s}.reveal.in .chart svg{clip-path:inset(0)}.reveal :is(.readout,.scrub){opacity:0;transition:opacity .6s 2.2s}.reveal.in :is(.readout,.scrub){opacity:1}:is(.tabs,.quiz) button,.copy{font:600 .875rem var(--mono);color:var(--accent);cursor:pointer;background:0 0;border:1px solid;border-radius:999px;padding:.35rem 1rem}:is(.tabs,.quiz) button:hover,:is(.tabs,.quiz) button:focus-visible{background:color-mix(in srgb, var(--accent) 14%, transparent)}.tabs button[aria-pressed=true]{background:var(--accent);color:var(--bg)}.quiz,.round,.pair{gap:1rem;display:grid}.quiz{margin-bottom:1.5rem}.round:focus{outline:none}@media (width>=80rem){.pair{grid-template-columns:1fr 1fr}}.quiz figure{grid-template-rows:auto 1fr auto auto;justify-items:start;gap:.75rem;margin:0;display:grid}.quiz pre{font:.68rem/1.6 var(--mono);font-variant-ligatures:none;justify-self:stretch;margin:0;overflow-x:auto}.quiz figcaption{font:.8125rem var(--mono);color:var(--muted)}.quiz:not(.ready) button,.round.done button,.quiz.ready .round:not(.done) :is(figcaption,.lesson){display:none}.quiz p{margin:0}.quiz .next{justify-self:start}.verdict{font-weight:700}.score:focus{outline:none}.copy{background:var(--card);padding:.15rem .7rem;font-size:.75rem;position:absolute;top:.6rem;right:.6rem}@media (width<=34rem){.yaml{padding-top:2.75rem}}.copy:hover,.copy:focus-visible{background:color-mix(in srgb, var(--accent) 14%, var(--card))}.term .off{visibility:hidden}.caret{vertical-align:-.2em;background:var(--accent);width:.55em;height:1.1em;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.caret{animation:none}}.pill{font:600 .75rem var(--mono);color:var(--rot);vertical-align:.35em;letter-spacing:0;border:1px solid;border-radius:999px;margin-left:.75rem;padding:.15rem .6rem;display:inline-block}#waitlist .card{border-color:var(--accent);box-shadow:0 0 4rem -1.5rem var(--accent);padding:2rem 1.5rem}#waitlist h2{margin-top:0}#waitlist input[type=email],.ask{flex-basis:100%}.ask{font:.8125rem var(--mono);color:var(--muted);margin-top:.4rem}.thanks{color:var(--accent);max-width:30rem;margin:0 0 .9rem;font-weight:600}.thanks:focus{outline:none}footer{color:var(--muted);font:.875rem var(--mono);justify-content:space-between;padding-block:2rem;display:flex}.reveal>*{opacity:0;transition:opacity .7s,transform .7s,border-color .2s;transform:translateY(1.5rem)}.reveal.in>*{opacity:1;transform:none}.code{z-index:0;pointer-events:none;font:13px/20px var(--mono);white-space:pre;color:var(--muted);position:fixed;inset:0;overflow:hidden}.code-base{opacity:.03;filter:blur(2px)}.code-base .ann{visibility:hidden}.code-lens{opacity:.2;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y), #000 65%, transparent);position:absolute;inset:0}.code-base>div,.code-lens>div{height:20px}.cell{box-sizing:border-box;vertical-align:top;border-right:6ch solid #0000;width:74ch;padding-left:1ch;display:inline-block;overflow:hidden}.cell.tab{font-weight:600}.ln{text-align:right;opacity:.5;width:4ch;margin-right:2ch;display:inline-block}.t-k,.t-f{color:var(--fg)}.t-c{opacity:.6}.ann{font-size:11px}.code-lens .by-ai{box-shadow:inset 3px 0 var(--ai)}.code-lens .by-human{box-shadow:inset 3px 0 var(--human)}.code-lens .rotting{background:color-mix(in srgb, var(--rot) 12%, transparent) padding-box}.ai{color:var(--ai)}.human{color:var(--human)}.rot{color:var(--rot)}.lens-label{z-index:0;pointer-events:none;position:fixed;top:0;left:0}.lens-label:not(:empty){font:12px/18px var(--mono);color:var(--muted);white-space:nowrap;background:var(--bg);border:1px solid var(--line);opacity:.75;will-change:transform;border-radius:.5rem;padding:4px 10px}