@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#171916;--paper:#f2f1e9;--muted:#999c91;--acid:#d7fb50;--line:#373a31;--mono:'Consolas','Courier New',monospace;--font:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif;color-scheme:dark;font-family:var(--font);font-size:16px;background:var(--ink);color:var(--paper)}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--acid);outline-offset:6px}.skip-link{position:fixed;top:-70px;left:20px;z-index:100;background:var(--acid);color:var(--ink);padding:14px}.skip-link:focus{top:10px}.site-header{height:98px;margin:0 4.1%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{font-family:var(--display);font-size:29px;font-weight:700;letter-spacing:-1.5px;text-decoration:none;display:flex;align-items:center;gap:9px}.brand img{width:30px;height:30px}.brand-period{color:var(--acid);margin-left:-9px}.site-header nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:8px}.site-header nav a{font-size:14px;text-decoration:none;border-radius:30px;padding:11px 23px;color:#b3b6ab;transition:background .2s,color .2s}.site-header nav a[aria-current=page]{color:var(--ink);background:var(--paper)}.site-header nav a:hover{color:var(--acid)}.site-header nav a[aria-current=page]:hover{color:var(--ink);background:var(--acid)}.header-note,.label,.eyebrow,.lab-topline,.lab-bottomline,.page-footer,.doc-label,.doc-kicker,.code-caption,.scroll-cue,.spider-tag{font-family:var(--mono);font-size:12px;letter-spacing:1px}.header-note{font-size:11px;letter-spacing:1.2px;color:var(--muted)}.playground{display:grid;grid-template-columns:1fr 1.02fr;gap:5.5%;padding:49px 4.1% 37px;min-height:calc(100svh - 157px);max-width:1800px;margin:auto}.intro{padding:30px 0 0;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{color:var(--acid);display:flex;align-items:center;gap:12px;font-size:11px}.tiny-cross{font-size:23px}h1{font-family:var(--display);font-size:clamp(56px,5.7vw,100px);font-weight:500;line-height:1.07;letter-spacing:-5px;margin:29px 0 28px}.web-word{color:var(--acid);position:relative}.web-word svg{position:absolute;left:0;bottom:-13px;width:100%;height:24px;overflow:visible;fill:none;stroke:var(--acid);stroke-width:2}.intro-copy{font-size:17px;line-height:1.75;color:#b7b9af;margin:0}.scroll-prompt{display:flex;align-items:center;gap:12px;font-size:14px;margin-top:33px}.scroll-icon{width:21px;height:30px;border:1px solid #767a6d;border-radius:12px;position:relative}.scroll-icon:after{content:'';position:absolute;top:6px;left:9px;width:2px;height:6px;background:var(--acid);animation:scroll 2s infinite}@keyframes scroll{60%{transform:translateY(7px);opacity:0}61%{transform:translateY(0);opacity:0}100%{opacity:1}}.field-notes{margin-top:65px;border-top:1px solid var(--line);padding-top:23px;width:min(420px,100%)}.label{color:#8f9385;font-size:10px;margin:0 0 21px;letter-spacing:1.1px}.effect-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 16px;font-size:13px;color:#b2b6a9}.effect-legend>span{display:flex;align-items:center;gap:10px}.effect-legend i{font-style:normal;display:inline-flex;align-items:center;justify-content:center;font-size:16px;width:27px;height:24px;color:var(--paper)}.effect-legend .sample-highlight{background:var(--acid);color:var(--ink)}.effect-legend .sample-link{color:#86a8ff;text-decoration:underline}.effect-legend .sample-grow{font-size:22px}.effect-legend .sample-tilt{transform:rotate(-15deg)}.effect-legend .sample-outline{border:1px solid #94998b;border-radius:3px}.effect-legend .sample-fall{transform:rotate(20deg) translateY(4px);opacity:.65}.simulation-note{font-size:12px;color:#888e7e;line-height:1.7;margin:28px 0 0}.lab{min-width:0;display:flex;flex-direction:column}.lab-topline{display:flex;justify-content:space-between;margin:0 1px 15px;font-size:10px;color:#bfc3b4}.lab-topline>span:first-child{display:flex;align-items:center;gap:8px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid);flex:none}.specimen{color:#818778}.document-window{border:1px solid #555a49;border-radius:10px;overflow:hidden;background:var(--paper);color:var(--ink);box-shadow:0 25px 65px #0002}.document-toolbar{height:43px;background:#e4e5d9;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid #c9ccbd;font-family:var(--mono);font-size:10px;gap:12px;color:#717768}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border:1px solid #949989;border-radius:50%}.document-url{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-stage{position:relative;height:clamp(490px,calc(100svh - 310px),720px);isolation:isolate}.document-scroll{height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b6be9f transparent;color-scheme:light;outline-offset:-3px!important}.web-document{padding:35px 36px 65px;line-height:1.65}.doc-kicker{font-size:9px;letter-spacing:.7px;display:flex;justify-content:space-between;color:#787f6c}.web-document h2{font-family:var(--display);font-size:clamp(44px,4.7vw,78px);font-weight:500;line-height:1.02;letter-spacing:-4px;margin:25px 0 22px;position:relative}.doc-asterisk{position:absolute!important;right:0;top:15px;font-size:66px;color:#7c8c54}.document-lead{font-size:14px;line-height:1.8;color:#616a56;margin:0}.document-rule{height:1px;background:#d0d2c5;margin:29px 0}.doc-two-column{display:grid;grid-template-columns:1fr 1fr;gap:23px}.doc-label{font-size:9px;color:#7a816e;letter-spacing:.7px}.web-document h3{font-family:var(--display);font-size:24px;line-height:1.2;letter-spacing:-1px;font-weight:500;margin:12px 0}.doc-two-column>p{font-size:13px;color:#667058;line-height:1.85;margin:0}.code-block{margin:27px 0;background:#e6e8dc;border:1px solid #d3d8c4;border-radius:5px;padding:13px 17px;color:#546441;overflow:hidden}.code-caption{font-size:9px;color:#6e7860;margin-bottom:13px;display:flex;justify-content:space-between;letter-spacing:0}.code-block code{font-family:var(--mono);font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.list-section{align-items:center}.web-document ul{padding-left:15px;font-size:14px;line-height:2}.web-document li::marker{color:#95a279}.giant-number{text-align:center}.giant-number>span{font-family:var(--display);font-size:110px;line-height:1;letter-spacing:-8px;color:#8b9970}.giant-number p{font-family:var(--mono);font-size:10px;color:#727c62}.web-document blockquote{border-top:1px solid #cdd2c0;border-bottom:1px solid #cdd2c0;padding:27px 0;margin:32px 0;font-family:var(--display);font-size:40px;line-height:1.12;letter-spacing:-2px}.web-document cite{display:block;font-family:var(--mono);font-size:10px;letter-spacing:1px;font-style:normal;margin-top:20px;color:#7d866e}.number-row{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0 35px;gap:14px}.number-row>div{display:flex;flex-direction:column}.number-row b{font-size:33px;font-family:var(--display);font-weight:500}.number-row div>span{font-family:var(--mono);font-size:11px;color:#6a735e}.web-document .big-doc-heading{font-size:33px}.web-document>p:not(.document-lead){font-size:15px;color:#616b54}.end-note{text-align:center;border-top:1px solid #ccd1be;margin-top:40px;padding-top:40px}.end-note>span{font-size:15px}.end-note strong{display:block;font-family:var(--display);font-size:55px;font-weight:500;line-height:1.3}.end-note p{font-size:12px;color:#707b60}.crawlable{display:inline-block;position:relative;transform-origin:50% 80%;border-radius:2px;will-change:transform}.spider-layer{pointer-events:none;position:absolute;inset:0;z-index:3;overflow:hidden}.spider-mount{position:absolute;width:245px;height:245px;left:55%;top:48%;transform:translate(-50%,-50%);filter:drop-shadow(10px 16px 8px #20281238)}.spider-mount canvas{display:block;width:100%;height:100%}.spider-tag{position:absolute;color:#405329;font-size:8px;letter-spacing:1px;left:62%;top:67%;border:1px solid #849467;padding:3px 6px;background:#f2f1e9d9}.scroll-cue{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);pointer-events:none;padding:7px 11px;border:1px solid #ccd0be;border-radius:30px;background:#f2f1e9ed;font-size:8px;color:#667453;white-space:nowrap;box-shadow:0 3px 15px #26351812}.scroll-cue span{margin-left:9px;font-size:12px}.lab-controls{display:flex;align-items:center;justify-content:space-between;min-height:49px;padding:0 16px;border-top:1px solid #cdd2bd;background:#e9ecdf;font-family:var(--mono);font-size:10px;color:#606e4d}.crawl-status{display:flex;gap:7px;align-items:center}.crawl-status .live-dot{background:#839b4b}.control-actions{display:flex;gap:16px}.control-actions button{border:none;background:none;color:#505d40;padding:8px 0;display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px}.control-actions button:hover{color:#111}.control-actions button:focus-visible{outline-color:#536831}.control-actions button>span:first-child{font-size:17px}.lab-bottomline{display:flex;justify-content:space-between;gap:10px;margin-top:15px;font-size:9px;color:#828b77;letter-spacing:.6px}.lab-bottomline b{font-size:11px;color:var(--acid);font-weight:400;margin-right:7px}.lab-bottomline .scroll-progress b{color:#bbc3ad;margin:0 0 0 7px}.page-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);min-height:59px;align-items:center;margin:0 4.1%;font-size:9px;letter-spacing:1px;color:#828978;gap:16px}.page-footer a{letter-spacing:0;font-family:var(--font);font-size:12px;color:#afb7a3;text-decoration:none;border-bottom:1px solid #59624b;padding:4px 0}.page-footer a:hover{color:var(--acid)}.transition-curtain{position:fixed;inset:0;z-index:80;background:var(--acid);color:var(--ink);display:flex;align-items:center;justify-content:center;transform:translateY(101%);font-family:var(--display);font-size:clamp(30px,5vw,80px);letter-spacing:-2px;pointer-events:none}.curtain-dot{color:#65732d}.effect-ring{position:absolute;border:1px solid #8da04b;border-radius:50%;width:30px;height:30px;pointer-events:none;z-index:2}.fallen-copy{position:absolute;pointer-events:none;z-index:4;white-space:nowrap}.touch-link{color:#2158d5!important;text-decoration:underline!important;text-underline-offset:3px;cursor:pointer}
@media(min-width:1550px){.intro{padding-top:45px}.field-notes{margin-top:80px}.intro-copy{font-size:20px}.document-lead{font-size:16px}.doc-two-column>p{font-size:15px}.web-document{padding:40px 46px}.web-document h3{font-size:29px}.code-block code{font-size:14px}}
@media(max-width:1050px){.header-note{display:none}.site-header nav{position:static;transform:none}h1{font-size:64px;letter-spacing:-3.5px}.playground{gap:4%;padding-top:32px}.intro-copy{font-size:15px}.eyebrow{font-size:9px}.field-notes{margin-top:45px}.web-document{padding:28px 24px 55px}.web-document h2{font-size:53px}.doc-asterisk{font-size:45px}.doc-two-column{gap:14px}.doc-two-column>p{font-size:12px}.web-document h3{font-size:21px}.document-url{font-size:8px}.spider-mount{width:210px;height:210px}.effect-legend{gap:19px 7px;font-size:11px}.page-footer>span:nth-child(2){display:none}}
@media(max-width:760px){.site-header{height:78px;margin:0 6%}.brand{font-size:26px}.brand img{width:27px;height:27px}.site-header nav a{padding:9px 16px;font-size:13px}.playground{display:flex;flex-direction:column;padding:32px 6% 30px;gap:35px}.intro{padding:0}.eyebrow{font-size:9px}h1{font-size:clamp(53px,11.8vw,84px);margin:19px 0 24px;letter-spacing:-3px}.intro-copy{font-size:15px}.intro-copy br{display:none}.scroll-prompt{margin-top:21px;font-size:13px}.field-notes{margin-top:28px;padding-top:18px;width:100%}.label{margin-bottom:17px}.effect-legend{display:flex;flex-wrap:wrap;gap:12px 17px;font-size:11px}.effect-legend>span{gap:5px}.simulation-note{margin:17px 0 0;font-size:11px}.simulation-note br{display:none}.document-stage{height:570px;max-height:75svh}.web-document{padding:29px 25px 50px}.web-document h2{font-size:62px}.document-lead{font-size:13px}.doc-kicker{font-size:8px}.lab-topline{font-size:9px}.page-footer{margin:0 6%;padding:16px 0;align-items:flex-start;font-size:8px}.page-footer a{font-size:11px;max-width:160px;text-align:right}.spider-mount{width:215px;height:215px}.lab-bottomline{font-size:8px}}
.about-intro{max-width:1240px;margin:auto;padding:70px 4.1% 60px}.about-intro h1{font-size:clamp(55px,6.8vw,105px);margin-top:24px}.about-intro h1>span{color:var(--acid)}.about-deck{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;max-width:780px}.about-deck p{max-width:610px;line-height:1.8;color:#b3b9aa;font-size:18px;margin:10px 0 0}.reading-time{font:10px/1.8 var(--mono);color:#8f9a7d;white-space:nowrap;letter-spacing:1px}.about-content{max-width:1240px;margin:auto;display:grid;grid-template-columns:240px minmax(0,1fr);gap:65px;padding:0 4.1% 80px}.about-index{position:sticky;top:35px;align-self:start;display:flex;flex-direction:column;padding-top:24px;border-top:1px solid var(--line);gap:20px}.about-index .label{margin:0 0 5px}.about-index a{font-size:13px;color:#aab39b;text-decoration:none}.about-index a:hover{color:var(--acid)}.about-index .back-playground{border-top:1px solid var(--line);padding-top:22px;color:var(--acid);margin-top:15px}.reality-note{padding:25px 28px;background:#22271d;border-left:2px solid #a5c641}.reality-note>span{font:10px var(--mono);letter-spacing:1px;color:var(--acid)}.reality-note p{font-size:15px;color:#bbc3b1;line-height:1.8;margin:12px 0 0}.explain-step{display:grid;grid-template-columns:35px minmax(0,1fr);gap:20px;padding:52px 0;border-bottom:1px solid var(--line);scroll-margin-top:35px}.step-number{font:13px var(--mono);color:#95a477;padding-top:3px}.explain-step .label{font-size:10px;color:#a4b090}.explain-step h2{font-family:var(--display);font-size:42px;letter-spacing:-1.8px;line-height:1.12;font-weight:500;margin:16px 0 23px}.explain-step p{font-size:16px;line-height:1.85;color:#b2bba6;margin:17px 0}.explain-step em{color:var(--paper);font-style:normal}.explain-step p code{font:14px var(--mono);background:#2d3325;padding:3px 5px;color:#d0dbbe;border-radius:3px}.explain-step pre{padding:23px;background:#23281d;border:1px solid #3e4930;overflow-x:auto;border-radius:6px;font:13px/1.85 var(--mono);color:#dae8c3;margin:25px 0}.explain-step pre span{color:#8c9b78}.crawl-flow{border:1px solid #495639;padding:24px 18px;margin:25px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;font:10px var(--mono);color:var(--acid)}.crawl-flow i{font-style:normal;color:#91a575}.crawl-flow>div{width:100%;border-top:1px dashed #4c5c38;padding-top:15px;color:#a4b88c;text-align:center;font-size:9px}.http-table{margin:25px 0;border-top:1px solid #48513d}.http-table>div{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:17px 0;border-bottom:1px solid #38412e;font-size:13px;color:#b6c1a7;line-height:1.6}.http-table code{color:var(--acid);font-size:12px}.index-example{display:flex;gap:28px;align-items:center;margin:25px 0;padding:23px;background:#23281d;border:1px solid #3e4930;border-radius:6px}.index-example>span{font-family:var(--display);font-size:23px;color:var(--acid)}.index-example>div{display:flex;flex-direction:column;gap:9px;border-left:1px solid #677c4d;padding-left:20px;min-width:0}.index-example code{font:11px var(--mono);color:#a9b69a;overflow-wrap:anywhere}.explain-step p.last-thought{color:var(--acid);font-size:21px;line-height:1.6;margin:28px 0 0}.reading-list{padding-top:35px;display:flex;flex-direction:column;align-items:flex-start;gap:17px}.reading-list .label{margin:0;color:#99a986}.reading-list>a{font-size:13px;color:#b0be9e;text-underline-offset:5px;line-height:1.6}.reading-list>a:hover{color:var(--acid)}.reading-list .return-button{margin-top:20px;background:var(--acid);color:var(--ink);text-decoration:none;padding:14px 22px;border-radius:30px;font-size:14px}.reading-list .return-button:hover{background:var(--paper);color:var(--ink)}
@media(max-width:850px){.about-content{grid-template-columns:180px minmax(0,1fr);gap:30px}.about-intro{padding-top:45px}.index-example{display:block}.index-example>div{margin-top:18px}.explain-step h2{font-size:36px}}
@media(max-width:620px){.about-intro{padding:38px 6%}.about-intro h1{font-size:clamp(47px,11vw,66px);letter-spacing:-2.5px}.about-deck p{font-size:16px}.reading-time{display:none}.about-content{display:block;padding:0 6% 55px}.about-index{position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:30px}.about-index>.label{grid-column:1/-1}.about-index>a{font-size:11px}.about-index .back-playground{grid-column:1/-1;margin:0;padding-top:17px}.reality-note{padding:20px}.explain-step{grid-template-columns:22px minmax(0,1fr);gap:12px;padding:38px 0}.explain-step h2{font-size:33px}.explain-step p{font-size:15px}.explain-step pre{font-size:11px;padding:14px}.http-table>div{grid-template-columns:76px minmax(0,1fr);font-size:12px;gap:10px}.crawl-flow{padding:20px 12px;gap:9px;font-size:8px}.crawl-flow>div{font-size:8px}.reading-list>a{font-size:12px}.explain-step .label{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.crawlable{will-change:auto}}
html.is-transitioning .transition-curtain{pointer-events:auto}