@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{--paper:#f6f7f2;--ink:#102e32;--muted:#52666a;--line:#d5ddd4;--green:#c7edbc;--accent:#075c4f;--orange:#bd542f;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,pre:focus-visible{outline:3px solid #d16a36;outline-offset:5px}button:disabled{cursor:default}.wrap,.navigation{max-width:1240px;margin:0 auto;padding-left:48px;padding-right:48px}.navigation{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font:700 25px 'Space Grotesk',sans-serif;letter-spacing:-1px;text-decoration:none}.version{font:500 11px var(--mono);padding:3px 6px;border:1px solid var(--line);border-radius:4px;letter-spacing:0;margin-left:5px}nav{display:flex;gap:32px}nav a{font-size:14px;text-decoration:none}nav a:hover{text-decoration:underline}.hero{padding-top:75px;padding-bottom:72px}.eyebrow{font:600 11px/1.5 var(--mono);letter-spacing:1.7px;margin:0 0 16px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:8px}h1,h2,h3{font-family:'Space Grotesk',sans-serif;line-height:1.08;margin:0;letter-spacing:-1.3px}h1{font-size:clamp(58px,7.8vw,104px);font-weight:500;letter-spacing:-6px;line-height:1.02}h1 span{color:var(--accent)}.hero-bottom{display:grid;grid-template-columns:1fr 390px;gap:60px;margin-top:34px;align-items:center}.intro{font-size:19px;line-height:1.65;max-width:590px;margin:0}.install .label{font:11px var(--mono);letter-spacing:1px}.install-command{display:flex;justify-content:space-between;align-items:center;border:1px solid #b9cbb9;border-radius:8px;padding:12px 14px;margin:9px 0 7px;background:#fff}.install-command code{font:16px var(--mono)}.copy{border:1px solid #c6d0ca;border-radius:4px;padding:4px 10px;background:transparent;color:inherit;font:11px/1.6 var(--mono)}.copy:hover{background:#ddefd9;color:#17332b}.install>a{font-size:11px;color:var(--muted)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}h2{font-size:36px;font-weight:500;letter-spacing:-1.5px}.section-heading .eyebrow{margin-bottom:10px}.playback{display:flex;gap:18px;align-items:center;font:11px var(--mono);flex-shrink:0}.playback button{background:none;border:1px solid var(--line);border-radius:20px;padding:7px 12px;font:11px var(--mono);color:var(--ink)}.demo-shell{border:1px solid #b9c8bc;border-radius:14px;overflow:hidden;box-shadow:0 16px 50px -28px #153a3b66}.scenario-tabs{display:flex;gap:0;background:#eaf0e6;padding:8px;overflow:auto;scrollbar-width:thin}.scenario-tabs button{padding:10px 13px;white-space:nowrap;border:0;border-radius:6px;background:transparent;color:#405b58;font:500 12px 'DM Sans',sans-serif;flex:1}.scenario-tabs button[aria-selected=true]{background:var(--ink);color:#fff}.scenario-tabs button:hover{box-shadow:inset 0 0 0 1px #9bb6a5}.demo-body{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);min-height:460px}.code-side{background:#102b30;color:#e6f4e8;display:flex;flex-direction:column;min-width:0}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #365052;font:11px var(--mono);color:#a4bcb9}.editor-header>span:first-child{display:flex;gap:6px}.editor-header i{width:7px;height:7px;border-radius:50%;background:#54736c}.editor-header i:first-child{background:#d48459}.editor-header i:last-child{background:#b7d9a6}.editor-header .copy{color:#c4d8d0;border-color:#506965}.code-viewport{flex:1;min-height:325px;padding:22px 24px;overflow:auto}.code-viewport pre{margin:0;font:12px/1.95 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4}.token-comment{color:#8ea9a3}.token-string{color:#bde3a7}.token-keyword{color:#eda875}.token-flag{color:#91c5e6}.editor-footer{font:10px/1.6 var(--mono);padding:13px 20px;border-top:1px solid #365052;color:#a9c0b4;display:flex;gap:7px;align-items:center}.live-dot{height:5px;width:5px;background:#bce7a7;border-radius:50%;flex-shrink:0}.story-side{padding:26px 30px;background:#f0f4e9;display:flex;flex-direction:column}.story-side h3{font-size:25px;letter-spacing:-.8px}.story-side p:not(.eyebrow){font-size:14px;color:#425d58;line-height:1.65;margin:14px 0}.story-side .eyebrow{color:var(--accent);margin-bottom:9px;letter-spacing:1px}.example-note{border-left:2px solid #93b48e;padding-left:12px;font-size:11px;color:#536b5e;margin:0 0 18px}.story-side>a{font-size:11px;margin-top:auto;align-self:flex-start}.workflow-art{display:flex;align-items:center;margin:0 0 30px;height:107px}.archive-node,.output-node{border:1px solid #9bb59b;border-radius:6px;background:#fff;padding:9px 10px;min-width:102px;height:103px;display:flex;flex-direction:column;justify-content:space-between}.archive-node>span,.output-node>span{font:9px var(--mono);letter-spacing:1px}.archive-node strong{font:500 24px 'Space Grotesk';letter-spacing:-1px}.workflow-art small{font:7px var(--mono);white-space:nowrap;color:var(--muted)}.stream-lines{display:flex;gap:3px}.stream-lines i{width:13px;height:4px;background:#bed7ae}.stream-lines i:nth-child(2){background:#68a57f}.stream-lines i:nth-child(3){background:#2e7a66}.transfer{flex:1;height:1px;background:#9bb59b;position:relative;margin:0 8px;min-width:25px}.transfer>span{position:absolute;top:12px;font:8px var(--mono);width:100%;text-align:center;white-space:nowrap}.transfer i{position:absolute;height:5px;width:7px;background:var(--accent);top:-2px;animation:transit 2s infinite ease-in-out}.transfer i:nth-child(2){animation-delay:.5s}.transfer i:nth-child(3){animation-delay:1s}@keyframes transit{0%{left:0;opacity:0}20%{opacity:1}85%{opacity:1}100%{left:90%;opacity:0}}.grid-art{height:40px;width:77px;background:repeating-linear-gradient(0deg,transparent 0 9px,#edf1e5 9px 10px),repeating-linear-gradient(90deg,transparent 0 9px,#edf1e5 9px 10px),radial-gradient(ellipse at 20% 50%,#d8eb8d 10%,#539f78 45%,#156761 80%)}.demo-progress{height:3px;background:#dbe5d5}.demo-progress span{display:block;height:100%;background:var(--accent);width:0}.under-demo{color:var(--muted);font-size:11px;margin-top:15px}.under-demo strong{font-weight:500}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding-top:64px;padding-bottom:72px}.number{font:11px var(--mono);color:#5b7e69;border-bottom:1px solid #aac0a4;display:block;padding-bottom:12px;margin-bottom:20px}.principles h3{font-size:21px;letter-spacing:-.7px}.principles p{font-size:14px;color:var(--muted);line-height:1.8}.datasets-section{border-block:1px solid var(--line);background:#edf1e7;padding:65px 0}.text-link{font-size:12px}.section-intro{max-width:650px;font-size:15px;color:var(--muted);margin-bottom:30px}.dataset-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dataset-card{background:var(--paper);border:1px solid #c8d3c0;border-radius:10px;padding:26px 24px}.dataset-card .eyebrow{font-size:10px;color:var(--accent);letter-spacing:1px}.dataset-card h3{font-size:25px;letter-spacing:-1px}.dataset-card p{font-size:13px;line-height:1.7;color:var(--muted);min-height:65px}.size-pair{display:flex;align-items:baseline;gap:10px;margin:22px 0 3px}.size-pair strong{font:500 33px 'Space Grotesk';letter-spacing:-1.5px}.size-pair span{font:11px var(--mono);color:var(--muted)}.ratio{font:11px var(--mono);color:var(--accent);margin-bottom:25px}.dataset-card>a{font-size:12px;display:block;margin-top:12px}.catalog{margin-top:26px;border-block:1px solid #c5d1bc}.catalog summary{padding:18px 0;cursor:pointer;list-style:none;font-size:13px;display:flex;justify-content:space-between}.catalog summary::-webkit-details-marker{display:none}.catalog[open] summary span{transform:rotate(45deg)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}caption{text-align:left;font-size:10px;color:var(--muted);padding:10px 0 20px}th{font:11px var(--mono);color:var(--muted)}td,th{padding:10px 12px 10px 0;border-bottom:1px solid #d1dacb}td:first-child{font:11px var(--mono)}td:nth-child(2){white-space:nowrap}.attribution{font-size:10px;color:var(--muted);margin-bottom:0;margin-top:22px}.tools{padding-top:64px;padding-bottom:64px}.viewer-card{display:grid;grid-template-columns:1fr 1fr;border-radius:12px;background:#dce9cf;border:1px solid #bfd0b1;overflow:hidden}.viewer-card>div:first-child{padding:40px}.viewer-card p:not(.eyebrow){font-size:14px;max-width:400px;color:#435b46}.button-dark{display:inline-flex;gap:30px;background:var(--ink);color:#fff;padding:10px 18px;border-radius:5px;text-decoration:none;font-size:12px;margin-top:10px}.viewer-art{padding:32px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(0deg,transparent 0 39px,#b5c9a844 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,#b5c9a844 39px 40px)}.viewer-window{width:300px;border-radius:8px;border:1px solid #9fb799;background:var(--paper);box-shadow:0 20px 30px -20px #234b3e55;transform:rotate(-4deg);padding:12px}.viewer-window>span{font:600 12px 'Space Grotesk';display:block;margin-bottom:10px}.map-grid{height:135px;position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 26px,#ffffff25 26px 27px),repeating-linear-gradient(90deg,transparent 0 26px,#ffffff25 26px 27px),radial-gradient(ellipse at 70% 40%,#ccda84,#58a78b 25%,#276f79 65%,#1b4f64)}.map-grid i{display:block;position:absolute;width:200px;height:80px;border:1px solid #dce8c3aa;border-radius:50%;transform:rotate(-40deg);top:30px;left:30px}.map-grid i:nth-child(2){width:250px;height:110px;top:10px;left:10px}.map-grid i:nth-child(3){width:300px;height:130px;top:-10px;left:-15px}.viewer-window small{font:8px var(--mono);color:var(--muted)}.practical{display:grid;grid-template-columns:1.7fr 1fr;gap:60px;padding-top:10px;padding-bottom:65px}.practical p{font-size:14px;color:var(--muted);max-width:620px}.install-options{margin:28px 0}.install-options h3{font-size:14px;letter-spacing:0}.install-options pre{font:11px/1.8 var(--mono);padding:12px 14px;background:#e9eee3;border-radius:5px;white-space:pre-wrap;overflow-wrap:anywhere}.practical .small{font-size:11px}.link-row{display:flex;flex-wrap:wrap;gap:18px;font-size:11px;margin-top:24px}.read-fine{border-left:1px solid var(--line);padding-left:28px;margin-top:45px}.read-fine h3{font-size:20px;letter-spacing:-.5px}.read-fine p{font-size:12px;line-height:1.85}.read-fine>a{font-size:11px}footer{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:26px!important;padding-bottom:30px!important}footer .brand{font-size:18px}.footer-tag{font:10px 'DM Sans';letter-spacing:0;color:var(--muted);margin-left:6px}footer p,footer>div{font-size:10px;color:var(--muted)}footer>div{display:flex;gap:15px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:#fff;padding:10px 20px;border-radius:6px;font-size:12px;transition:.2s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}.paused .transfer i{animation-play-state:paused}
@media(min-width:1400px){.hero{padding-top:90px;padding-bottom:82px}}@media(max-width:1000px){.wrap,.navigation{padding-left:30px;padding-right:30px}.demo-body{grid-template-columns:1.5fr 1fr}.story-side{padding:24px 20px}.hero-bottom{grid-template-columns:1fr 340px;gap:30px}.workflow-art{transform:scale(.9);transform-origin:left center}.archive-node,.output-node{min-width:90px}.dataset-card{padding:22px 18px}.practical{gap:35px}.scenario-tabs button{padding:10px 9px;font-size:11px}}@media(max-width:760px){.navigation{height:78px}nav{gap:18px}nav a{font-size:12px}.wrap,.navigation{padding-left:22px;padding-right:22px}.hero{padding-top:48px;padding-bottom:46px}h1{letter-spacing:-3.5px;font-size:clamp(55px,11vw,80px)}.hero-bottom{grid-template-columns:1fr;gap:25px}.intro{font-size:17px}.install{max-width:420px}.section-heading{align-items:flex-start}h2{font-size:29px}.section-heading .eyebrow{font-size:9px}.playback{gap:8px;margin-top:3px}.playback>span{display:none}.demo-body{grid-template-columns:1fr}.scenario-tabs button{flex:none;font-size:12px;padding:10px 13px}.code-viewport{min-height:310px;padding:18px}.code-viewport pre{font-size:11px}.story-side{padding:24px}.workflow-art{display:none}.story-side h3{font-size:23px}.story-side p:not(.eyebrow){font-size:13px}.editor-footer{font-size:8px}.principles{gap:20px;padding-top:36px;padding-bottom:35px}.principles h3{font-size:17px}.principles p{font-size:12px}.datasets-section{padding:40px 0}.datasets-section .section-heading{flex-direction:column;gap:15px}.dataset-cards{grid-template-columns:1fr}.dataset-card{padding:24px;display:block}.dataset-card p{min-height:0}.size-pair{margin-top:16px}.ratio{margin-bottom:15px}.viewer-card{grid-template-columns:1fr}.viewer-card>div:first-child{padding:28px}.viewer-art{padding:24px}.tools{padding-block:40px}.practical{grid-template-columns:1fr;gap:12px}.read-fine{margin-top:10px;padding-left:20px}footer{gap:12px}.footer-tag{display:none}.under-demo{font-size:10px}}@media(max-width:420px){.principles{grid-template-columns:1fr;gap:15px}.number{margin-bottom:12px}.principles p{margin-top:8px}.brand{font-size:22px}nav{gap:13px}.eyebrow{font-size:9px}.playback button{font-size:10px;padding:7px 9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}