*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--lime);color:var(--ink)}.container{width:min(100% - 48px,var(--content-width));margin-inline:auto}.skip-link{position:absolute;top:-60px;left:16px;z-index:100;background:var(--ink);color:var(--surface);padding:10px 16px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.site-header{position:relative;z-index:10;border-bottom:1px solid var(--line);background:var(--header-bg)}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;font:700 27px/1 var(--display);letter-spacing:-.085em;white-space:nowrap}.brand-period{color:var(--green)}.brand-mark{display:grid;grid-template-columns:repeat(2,7px);gap:3px;margin-right:12px;transform:rotate(-15deg)}.brand-mark i{height:7px;background:var(--green);border-radius:2px}.brand-mark i:nth-child(2){background:var(--orange)}.brand-mark i:nth-child(3){background:var(--brand-secondary)}.site-nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}.site-nav a:hover,.footer-links a:hover,.text-link:hover{color:var(--green)}.site-nav .nav-external{border:1px solid var(--ink);border-radius:var(--radius-control);padding:11px 16px}.site-nav .nav-external:hover{background:var(--ink);color:var(--surface)}.menu-toggle{display:none}
.hero{padding:86px 0 94px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:center;gap:48px}.eyebrow{font:500 11px/1.5 var(--mono);letter-spacing:.12em;color:var(--green);text-transform:uppercase;display:flex;align-items:center;gap:9px;margin:0 0 27px}.live-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--online);box-shadow:0 0 0 4px var(--online-halo)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display)}h1{font-size:clamp(4rem,7vw,6.65rem);line-height:1.01;letter-spacing:-.083em;margin:0 0 31px;font-weight:600}h1 em,h2 em{font-style:normal;color:var(--green)}.hero-lede{font-size:18px;line-height:1.7;color:var(--hero-copy);max-width:520px;margin-bottom:31px}.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 21px;border-radius:var(--radius-control);font-weight:700;font-size:14px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--green);color:var(--surface)}.button-primary:hover{background:var(--green-dark)}.button-text{padding-inline:0;color:var(--green)}.hero-note{font:11px/1.8 var(--mono);color:var(--hero-note);margin:36px 0 0;max-width:450px}.hero-note span{margin:0 7px;color:var(--hero-divider)}
.mesh-visual{height:470px;position:relative;border:1px solid var(--mesh-border);border-radius:var(--radius-display);background:radial-gradient(circle at 50% 45%,var(--mesh-gradient-start) 0,var(--mesh-gradient-middle) 55%,var(--mesh-gradient-end) 100%);box-shadow:0 24px 70px var(--mesh-shadow);overflow:hidden}.mesh-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--mesh-grid) 1px,transparent 1px),linear-gradient(90deg,var(--mesh-grid) 1px,transparent 1px);background-size:27px 27px;mask-image:linear-gradient(to bottom,#000 68%,transparent)}.visual-top{position:absolute;z-index:2;top:21px;left:25px;right:25px;display:flex;justify-content:space-between;gap:8px;font:500 10px var(--mono);letter-spacing:.1em;color:var(--mesh-label)}.visual-online{display:flex;align-items:center;gap:9px}.visual-online .live-dot{width:6px;height:6px}.connection-lines{position:absolute;inset:35px 0 45px;width:100%;height:390px;overflow:visible}.connection-lines path{fill:none;stroke:var(--mesh-line);stroke-width:1.5;stroke-dasharray:4 7}.connection-lines .flow{stroke:var(--mesh-flow);stroke-width:2.5;stroke-dasharray:7 13;animation:flow 3s linear infinite}.connection-lines .flow-two{animation-delay:-1.5s}@keyframes flow{to{stroke-dashoffset:-40}}.visual-node{position:absolute;z-index:1;display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--mesh-node-border);border-radius:var(--radius-card);padding:12px 15px;box-shadow:0 10px 25px var(--mesh-node-shadow);white-space:nowrap}.visual-node small{display:block;color:var(--mesh-node-muted);font:500 9px var(--mono);letter-spacing:.07em;margin-bottom:3px}.visual-node strong{display:block;font:600 12px var(--display)}.visual-node b{display:block;color:var(--green);font:500 10px var(--mono);margin-top:3px}.node-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-panel);background:var(--lime);color:var(--green-dark);font:600 17px var(--mono)}.gpu-icon{background:var(--mesh-node-icon);color:var(--green)}.node-api{top:70px;left:50%;transform:translateX(-50%)}.node-a{top:212px;left:25px}.node-b{top:212px;right:25px}.node-c{top:307px;left:50%;transform:translateX(-50%)}.visual-caption{position:absolute;bottom:17px;left:25px;right:25px;display:flex;align-items:center;gap:8px;font:10px var(--mono);color:var(--mesh-caption)}.caption-pulse{width:5px;height:5px;border-radius:50%;background:var(--mesh-caption-dot)}.caption-arrow{margin-left:auto;font-size:16px}
.proof-bar{border-block:1px solid var(--line);background:var(--surface)}.proof-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:74px;color:var(--proof-text);font:12px var(--mono)}.proof-inner span{display:flex;align-items:center;gap:12px}.proof-inner strong{font:600 25px var(--display);color:var(--green)}.section{padding:var(--section-space) 0;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}.section-heading .eyebrow{margin-bottom:20px}.section-heading h2,.features-intro h2,.quick-grid h2{font-size:clamp(2.5rem,4.2vw,4.3rem);line-height:1.1;letter-spacing:-.07em;margin:0;font-weight:600}.section-heading>p{max-width:360px;color:var(--muted);line-height:1.7;margin:0 0 5px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);overflow:hidden}.step{padding:30px 29px 33px;min-height:295px}.step+.step{border-left:1px solid var(--line)}.step-num{font:10px var(--mono);letter-spacing:.08em;color:var(--green)}.step-symbol{margin:32px 0 23px;color:var(--green);font:500 36px/1 var(--display)}.step h3,.feature-list h3{font-size:20px;letter-spacing:-.04em;margin:0 0 11px}.step p,.feature-list p{color:var(--muted);line-height:1.65;font-size:14px;margin:0}
.features-section{background:var(--soft-section)}.features-grid{display:grid;grid-template-columns:.85fr 1fr;gap:12%;align-items:start}.features-intro{position:sticky;top:35px}.features-intro .eyebrow{margin-bottom:21px}.features-intro>p:not(.eyebrow){color:var(--soft-section-copy);line-height:1.7;max-width:340px;margin:22px 0 30px}.text-link{color:var(--green);font-weight:700;font-size:14px;border-bottom:1px solid var(--green);padding-bottom:5px}.feature-list{border-top:1px solid var(--soft-section-line)}.feature-list article{display:flex;gap:22px;padding:25px 0;border-bottom:1px solid var(--soft-section-line)}.feature-icon{width:37px;height:37px;flex:none;border:1px solid var(--feature-icon-border);border-radius:var(--radius-panel);display:grid;place-items:center;color:var(--green);font-size:22px}.feature-list h3{margin:2px 0 7px}.feature-list p{max-width:460px}
.quick-section{background:var(--dark-section);color:var(--surface)}.quick-grid{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:10%}.quick-grid .eyebrow{color:var(--lime)}.quick-grid h2{margin-bottom:22px}.quick-grid>div:first-child>p:not(.eyebrow){color:var(--dark-copy);line-height:1.7;max-width:420px;margin-bottom:26px}.button-light{background:var(--lime);color:var(--ink)}.button-light:hover{background:var(--lime-hover)}.code-card{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-card);overflow:hidden;box-shadow:0 24px 45px var(--code-shadow)}.code-header{height:48px;border-bottom:1px solid var(--code-line);display:flex;align-items:center;gap:14px;padding:0 17px;color:var(--code-muted);font:10px var(--mono);letter-spacing:.1em}.code-dots{display:flex;gap:5px}.code-dots i{width:7px;height:7px;border-radius:50%;background:var(--code-dot)}.code-dots i:first-child{background:var(--orange)}.code-dots i:nth-child(2){background:var(--code-dot-yellow)}.copy-button{margin-left:auto;background:transparent;color:var(--code-button-text);border:1px solid var(--code-button-border);border-radius:4px;padding:5px 9px;cursor:pointer;font:10px var(--mono);letter-spacing:0}.copy-button:hover{background:var(--code-button-hover)}.code-card pre{overflow-x:auto;margin:0;padding:28px 24px 36px;color:var(--code-text);font:12px/2 var(--mono)}.code-comment{color:var(--code-comment)}.code-prompt{color:var(--lime)}.code-footer{border-top:1px solid var(--code-line);padding:13px 24px;color:var(--code-muted);font:10px var(--mono);display:flex;align-items:center;gap:10px}.code-footer .live-dot{width:6px;height:6px}
.site-footer{background:var(--footer-bg);color:var(--surface)}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:38px;padding:53px 0}.site-footer .brand{font-size:25px}.site-footer .brand-period{color:var(--lime)}.site-footer p{color:var(--footer-copy);font-size:13px;margin:12px 0 0}.footer-links{display:flex;gap:25px;align-self:center;font-size:13px}.footer-links a:hover{color:var(--lime)}.footer-license{grid-column:1/-1;border-top:1px solid var(--footer-line);padding-top:20px;color:var(--footer-faint);font:11px var(--mono)}
@media(max-width:1050px){.hero-grid{gap:28px}.mesh-visual{height:430px}.node-a{left:14px}.node-b{right:14px}.visual-node{padding:10px;gap:8px}.visual-node strong{font-size:11px}.features-grid,.quick-grid{gap:7%}}
@media(max-width:800px){.hero{padding:64px 0 75px}.hero-grid,.features-grid,.quick-grid{grid-template-columns:1fr}.hero-copy{max-width:650px}.mesh-visual{max-width:650px;width:100%;margin-inline:auto}.features-intro{position:static}.features-grid,.quick-grid{gap:46px}.section{padding:var(--section-space-tablet) 0}.section-heading{display:block}.section-heading>p{max-width:580px;margin-top:22px}.quick-grid>div:first-child>p:not(.eyebrow){max-width:620px}}
@media(max-width:620px){.container{width:min(100% - 36px,var(--content-width))}.header-inner{height:68px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:39px;height:39px;padding:8px;border:1px solid var(--line);border-radius:5px;background:transparent;cursor:pointer}.menu-toggle span{display:block;height:2px;width:100%;background:var(--ink)}.site-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:16px 18px 22px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 15px 24px var(--mobile-nav-shadow)}.site-nav.is-open{display:flex}.site-nav a{padding:13px 4px}.site-nav .nav-external{margin-top:9px;text-align:center}.hero{padding:53px 0 63px}h1{font-size:clamp(3.5rem,14vw,5rem)}.hero-lede{font-size:16px}.hero-note{margin-top:27px}.mesh-visual{height:410px}.visual-node{transform:scale(.85);transform-origin:center}.node-api{transform:translateX(-50%) scale(.85);top:67px}.node-a{top:205px;left:-5px;transform-origin:left center}.node-b{top:205px;right:-5px;transform-origin:right center}.node-c{top:292px;transform:translateX(-50%) scale(.85)}.proof-inner{flex-wrap:wrap;justify-content:start;padding:19px 0;column-gap:30px;row-gap:15px}.proof-inner span{min-width:125px}.proof-inner strong{font-size:21px}.steps{grid-template-columns:1fr}.step{min-height:0;padding:26px}.step+.step{border-left:0;border-top:1px solid var(--line)}.step-symbol{margin:20px 0 17px}.section{padding:var(--section-space-mobile) 0}.footer-inner{grid-template-columns:1fr;gap:28px}.footer-links{flex-wrap:wrap;gap:15px 25px}.footer-license{grid-column:auto}}
@media(max-width:390px){.mesh-visual{height:380px}.visual-node{transform:scale(.74)}.node-api{transform:translateX(-50%) scale(.74)}.node-c{transform:translateX(-50%) scale(.74)}.node-a{left:-9px}.node-b{right:-9px}.visual-caption{font-size:9px}.hero-actions{gap:10px}.button{font-size:13px;padding:13px 15px}.button-text{padding-inline:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.connection-lines .flow{animation:none}.button{transition:none}}

/* Blog previews and shared blog pages */
.blog-preview{background:var(--surface)}.blog-preview-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.blog-preview-heading .eyebrow{margin-bottom:17px}.blog-preview-heading h2{font-size:clamp(2.5rem,4.2vw,4.3rem);line-height:1.1;letter-spacing:-.07em;margin:0}.blog-preview-heading .text-link{margin-bottom:8px}.blog-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.blog-preview-card{position:relative;display:block;min-height:260px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);padding:29px 31px;transition:transform .2s,border-color .2s}.blog-preview-card:hover,.post-card:hover{transform:translateY(-3px);border-color:var(--card-hover-border)}.post-kicker{font:500 10px var(--mono);letter-spacing:.08em;color:var(--green)}.blog-preview-card h3{font-size:clamp(1.6rem,2.6vw,2.25rem);letter-spacing:-.06em;line-height:1.16;margin:38px 0 12px;max-width:430px}.blog-preview-card p{color:var(--muted);line-height:1.6;font-size:14px;max-width:420px;margin:0 28px 0 0}.post-arrow{position:absolute;right:29px;bottom:27px;color:var(--green);font-size:19px}
.blog-hero{padding:90px 0 75px;border-bottom:1px solid var(--line)}.blog-hero .eyebrow{margin-bottom:19px}.blog-hero h1{font-size:clamp(3.5rem,7vw,6rem);margin-bottom:24px}.blog-hero p:last-child{max-width:640px;color:var(--muted);font-size:18px;line-height:1.7;margin-bottom:0}.posts-section{padding:65px 0 115px}.posts-heading{font:500 11px var(--mono);letter-spacing:.1em;color:var(--green);margin:0 0 23px}.posts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.post-card{display:flex;flex-direction:column;min-height:320px;padding:31px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);transition:transform .2s,border-color .2s}.post-card h2,.post-card h3{font-size:clamp(1.9rem,3.1vw,2.8rem);line-height:1.13;letter-spacing:-.06em;margin:47px 0 15px}.post-card p{font-size:15px;line-height:1.65;color:var(--muted);max-width:440px}.post-card .read-more{margin-top:auto;color:var(--green);font-size:13px;font-weight:700}.article-shell{max-width:760px;padding:75px 0 120px}.back-link{color:var(--green);font-size:13px;font-weight:700}.article-header{margin:50px 0 53px;padding-bottom:38px;border-bottom:1px solid var(--line)}.article-header .post-kicker{display:block;margin-bottom:18px}.article-header h1{font-size:clamp(3rem,6vw,5.2rem);line-height:1.06;margin:0 0 24px}.article-deck{font-size:20px;line-height:1.6;color:var(--article-deck);margin-bottom:0}.article-body{font-size:17px;line-height:1.78;color:var(--article-copy)}.article-body p{margin:0 0 26px}.article-body h2{color:var(--ink);font-size:30px;line-height:1.2;letter-spacing:-.055em;margin:53px 0 20px}.article-body ul,.article-body ol{padding-left:23px;margin:0 0 27px}.article-body li{padding-left:5px;margin-bottom:11px}.article-body a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.article-body code{font:13px var(--mono);background:var(--inline-code);padding:3px 5px;border-radius:3px;overflow-wrap:anywhere}.article-body pre{background:var(--dark-section);color:var(--code-text);border-radius:var(--radius-panel);padding:21px 23px;overflow:auto;margin:0 0 30px;font:12px/1.8 var(--mono)}.article-body pre code{background:none;color:inherit;padding:0}.article-callout{border-left:3px solid var(--green);background:var(--soft-section);padding:21px 23px;margin:36px 0;color:var(--callout-copy)}.article-callout p:last-child{margin-bottom:0}.article-next{border-top:1px solid var(--line);padding-top:25px;margin-top:60px;display:flex;justify-content:space-between;gap:20px;font-size:13px;font-weight:700;color:var(--green)}
@media(max-width:620px){.blog-preview-heading{display:block}.blog-preview-heading .text-link{display:inline-block;margin:20px 0 0}.blog-preview-grid,.posts-grid{grid-template-columns:1fr}.blog-preview-card{min-height:230px}.blog-preview-card h3{margin-top:28px}.blog-hero{padding:68px 0 60px}.posts-section{padding:50px 0 75px}.post-card{min-height:285px}.article-shell{padding:45px 0 80px}.article-header{margin:38px 0}.article-deck{font-size:18px}.article-body{font-size:16px}.article-body h2{font-size:26px}}

.page-metadata{border-top:1px solid var(--footer-line);padding:20px 0 29px;display:flex;justify-content:space-between;align-items:start;gap:24px;color:var(--footer-copy);font:11px/1.6 var(--mono)}.page-metadata p{margin:0}.page-metadata strong{color:var(--footer-label);font-weight:500}.page-metadata time{white-space:nowrap}@media(max-width:620px){.page-metadata{display:block}.page-metadata p+p{margin-top:8px}.page-metadata time{white-space:normal}}

/* Guide pages (guide.html): hero, optional strip of links, contents beside the text */
.guide-hero{padding:86px 0 70px}.guide-hero .eyebrow{margin-bottom:22px}.guide-hero h1{font-size:clamp(3.6rem,6.8vw,6rem);margin-bottom:27px}.guide-deck{color:var(--article-deck);font-size:18px;line-height:1.7;max-width:680px;margin-bottom:0}.guide-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:29px}.guide-strip{background:var(--surface);border-block:1px solid var(--line)}.guide-strip .container{display:flex;flex-wrap:wrap;gap:15px 26px;align-items:center;min-height:74px;font:11px var(--mono);color:var(--green)}.guide-strip strong{color:var(--ink);font-weight:500}.guide-strip a{padding-left:24px;border-left:1px solid var(--line)}.guide-strip a:hover{text-decoration:underline}.guide-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:75px;padding-top:92px;padding-bottom:105px;align-items:start}.guide-toc{position:sticky;top:25px;border-top:1px solid var(--line);padding-top:20px;display:flex;flex-direction:column;gap:13px}.guide-toc p{font:500 10px var(--mono);letter-spacing:.1em;color:var(--green);margin:0 0 8px}.guide-toc a{font-size:13px;color:var(--guide-toc)}.guide-toc a:hover{color:var(--green)}.guide-content{min-width:0}.guide-content h2{scroll-margin-top:28px;font-size:clamp(2rem,3.5vw,3.1rem);line-height:1.12;letter-spacing:-.06em;margin:58px 0 22px;padding-top:58px;border-top:1px solid var(--line)}.guide-content>h2:first-child{margin-top:0;padding-top:0;border:0}.guide-content h3{font-size:18px;letter-spacing:-.04em;margin:30px 0 9px;scroll-margin-top:28px}.guide-content p,.guide-content li{color:var(--guide-body);font-size:16px;line-height:1.75}.guide-content p{margin:0 0 23px}.guide-content a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.guide-content code{font:13px var(--mono);background:var(--inline-code);padding:2px 5px;border-radius:3px;overflow-wrap:anywhere}.guide-content pre{background:var(--dark-section);color:var(--code-text);border-radius:var(--radius-panel);overflow-x:auto;padding:23px 25px;margin:0 0 26px;font:12px/1.9 var(--mono)}.guide-content pre code{background:none;color:inherit;padding:0;overflow-wrap:normal}.guide-content blockquote{background:var(--guide-panel);border-left:3px solid var(--green);padding:19px 23px;margin:22px 0 27px}.guide-content blockquote p{color:var(--callout-copy);font-size:14px;line-height:1.7}.guide-content blockquote p:last-child{margin-bottom:0}.guide-content ol,.guide-content ul{padding-left:22px;margin:0 0 28px}.guide-content li{padding-left:5px;margin-bottom:10px}
@media(max-width:950px){.guide-layout{grid-template-columns:170px minmax(0,1fr);gap:35px}}
@media(max-width:700px){.guide-hero{padding:58px 0 55px}.guide-deck{font-size:16px}.guide-strip .container{padding-block:20px;min-height:0}.guide-strip strong{width:100%}.guide-strip .container{flex-direction:column;align-items:start;gap:10px}.guide-strip a{padding-left:0;border:0}.guide-layout{display:block;padding-top:55px;padding-bottom:75px}.guide-toc{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);padding:18px;margin-bottom:58px}.guide-toc p{grid-column:1/-1}.guide-content h2{margin-top:45px;padding-top:45px}.guide-content p,.guide-content li{font-size:15px}.guide-content pre{font-size:11px;padding:18px}.guide-actions{gap:10px}}
@media(max-width:390px){.guide-toc{grid-template-columns:1fr}}
/* Author page, grouped indexes, wide tables */
.author-photo{display:block;width:160px;height:160px;border-radius:50%;object-fit:cover;margin-bottom:28px}.posts-grid+.posts-heading{margin-top:60px}.post-list time{color:var(--muted);font:12px var(--mono);margin-left:8px;white-space:nowrap}.article-body table{display:block;overflow-x:auto;border-collapse:collapse;margin:0 0 27px;font-size:15px}.article-body th,.article-body td{border:1px solid var(--line);padding:8px 11px;text-align:left;vertical-align:top}.article-body img{max-width:100%;height:auto}
.footer-license{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.footer-license strong{color:var(--footer-author);font-weight:500}
.footer-license a{text-decoration:underline;text-decoration-color:var(--footer-author-line);text-underline-offset:3px}.footer-license a:hover{text-decoration-color:var(--lime)}