@layer app{.site-page{--green:#2c6753;--green-soft:#edf4ef;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;background:#fff;min-height:100dvh}.site-container{width:min(1200px,100% - 80px);margin-inline:auto}.site-header{z-index:20;background:#fffffff7;border-bottom:1px solid #eceeed;height:76px;position:sticky;top:0}.site-header-inner{align-items:center;gap:14px;max-width:1360px;height:100%;margin:auto;padding:0 40px;display:flex}.site-header-byline{color:var(--muted);border-left:1px solid var(--line);padding-left:14px;font-size:11px}.site-nav{align-items:center;gap:30px;margin-left:auto;font-size:12px;font-weight:500;display:flex}.site-nav>a{align-items:center;gap:7px;display:inline-flex}.site-nav>a:not(.ui-button){color:#626963;padding-block:10px}.site-nav>a:not(.ui-button):hover,.site-nav>a[aria-current]{color:#171d19}.site-nav>a .icon:last-child{width:13px;height:13px}.site-nav .ui-button{height:35px;font-size:12px}.mobile-menu-button{display:none}.site-page .ui-button{border-radius:6px}.eyebrow{letter-spacing:1.1px;text-transform:uppercase;color:var(--green);align-items:center;gap:8px;font-size:10px;font-weight:600;line-height:1.6;display:flex}.status-dot{background:#438164;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:27px;display:flex}.hero-actions .ui-button{height:40px;font-size:12px}.build-section .install-command{max-width:420px;margin-top:20px}.hero-band{background:radial-gradient(1100px 420px at 50% 0,#eaf3ec,#fff 70%);border-bottom:1px solid #eef1ed}.home-hero{text-align:center;flex-direction:column;align-items:center;padding-top:96px;padding-bottom:88px;display:flex}.home-hero h1{letter-spacing:-.045em;color:#1c241f;text-wrap:balance;margin:22px 0 20px;font-size:clamp(40px,6vw,72px);font-weight:600;line-height:1.06}.home-hero h1>span{color:#5f7b69}.hero-lede{color:#59625b;text-wrap:pretty;max-width:640px;font-size:17px;line-height:1.65}.open-form{width:min(760px,100%);margin-top:38px}.open-field{background:#fff;border:1px solid #cfdacf;border-radius:14px;align-items:center;gap:12px;height:68px;padding:0 8px 0 22px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 12px 32px -12px #1e3c282e,0 2px 4px #00000008}.open-field:focus-within{border-color:#2c6753;box-shadow:0 0 0 4px #2c67531f,0 12px 32px -12px #1e3c2838}.open-field[data-invalid]{border-color:#b4472f}.open-field>.icon{color:#6f8a77;flex-shrink:0;width:20px;height:20px}.open-field input{min-width:0;height:100%;font:inherit;color:#1c241f;background:0 0;border:0;outline:0;flex:1;font-size:17px}.open-field input::placeholder{color:#a3aaa4}.site-page .open-field .ui-button{border-radius:10px;gap:8px;height:52px;padding:0 22px;font-size:15px}.open-help{color:#7b817c;margin-top:12px;font-size:13px}.open-help[role=alert]{color:#a33c25}.hero-samples{color:#7b817c;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:820px;margin-top:26px;font-size:12px;display:flex}.hero-samples>span{margin-right:4px}.hero-samples a{border:1px solid var(--line);color:#39423b;background:#fff;border-radius:999px;align-items:center;gap:7px;height:32px;padding:0 13px 0 5px;font-size:12px;display:inline-flex}.hero-samples a:hover{color:#1c241f;border-color:#8fae98}.hero-samples a strong{background:var(--green-soft);color:var(--green);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600}.local-files{padding-top:72px;padding-bottom:80px;scroll-margin-top:95px}.local-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.local-cards a{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:16px;padding:22px 24px;transition:border-color .15s,box-shadow .15s;display:flex}.local-cards a:hover{border-color:#a4b9a9;box-shadow:0 3px 10px #0000000a}.local-cards a>.icon:first-child{color:#427153;flex-shrink:0;width:22px;height:22px}.local-cards a>.icon:last-child{color:#8a948c;flex-shrink:0;margin-left:auto}.local-cards div{gap:4px;display:grid}.local-cards strong{font-size:14px;font-weight:500}.local-cards span{color:#7d867f;font-size:12px}.principles-band{background:#fbfcfa;border-block:1px solid #e8ece8}.principles{grid-template-columns:repeat(3,1fr);padding-block:28px;display:grid}.principles>div{align-items:flex-start;gap:14px;padding-right:16px;display:flex}.principles>div+div{border-left:1px solid #e5e9e4;padding-left:32px}.principles>div>.icon{color:#63816b;width:19px;height:19px;margin-top:3px}.principles h2{font-size:12px;font-weight:500}.principles p{color:#7a817a;margin-top:4px;font-size:11px}.section-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px;display:flex}.section-heading h2,.build-section h2{letter-spacing:-1px;color:#242d26;margin-top:12px;font-size:31px;font-weight:600;line-height:1.3}.section-heading>div>p:last-child{color:#777e78;margin-top:10px;font-size:13px}.text-link{align-items:center;gap:7px;font-size:12px;font-weight:500;display:inline-flex}.text-link:hover{color:var(--green)}.text-link>.icon{width:14px;height:14px}.section-heading>.text-link{flex-shrink:0;margin-bottom:3px}.build-section{background:#f7f9f6;border-block:1px solid #e8ece7;padding-block:70px}.build-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:75px;display:grid}.build-grid>*{min-width:0}.build-section h2{margin-top:13px;font-size:34px;line-height:1.25}.build-grid>div>p:not(.eyebrow){color:#778078;max-width:370px;margin:17px 0;font-size:13px;line-height:1.85}.build-links{flex-wrap:wrap;gap:8px 22px;display:flex}.build-links .text-link{color:#366d4b}.package-lines{gap:18px;margin-top:30px;display:grid}.package-lines>div{align-items:center;gap:12px;display:flex}.package-lines .icon{color:#6f8a77;width:16px}.package-lines>div>div{gap:3px;display:grid}.package-lines code{font:11px var(--mono)}.package-lines span{color:#7d867f;font-size:10px}.site-footer{background:#fcfdfb;border-top:1px solid #e9ece8}.site-footer-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1280px;margin:auto;padding:32px 40px;display:flex}.site-footer .brand strong{font-size:14px}.site-footer .brand-mark{mix-blend-mode:multiply;width:36px;height:36px}.site-footer p{color:#859087;margin-top:10px;font-size:11px}.site-footer nav{gap:25px;display:flex}.site-footer nav a{color:#68746b;align-items:center;gap:5px;font-size:11px;display:flex}.site-footer nav a:hover{color:#222e26}.site-footer nav .icon{width:12px}.install-command{background:#fbfcfa;border:1px solid #e2e6e0;border-radius:7px;overflow:hidden}.install-top{justify-content:space-between;align-items:center;gap:10px;padding:5px 8px 0;display:flex}.install-top>[aria-label=Dataset\ format]{margin-left:auto}.install-top>div{gap:2px;display:flex}.install-top>div button{color:#858c85;background:0 0;border:1px solid #0000;border-radius:4px;padding:3px 8px;font-size:10px}.install-top>div button[aria-pressed=true]{color:#38483a;background:#fff;border-color:#e2e6e0;box-shadow:0 1px 2px #00000005}.install-command>code{font:11px/1.6 var(--mono);color:#435446;white-space:nowrap;padding:12px 14px 15px;display:block;overflow-x:auto}.install-command>code>span{color:#9aa79a}.copy-button{color:#859087;white-space:nowrap;background:0 0;border:0;border-radius:4px;align-items:center;gap:5px;padding:5px 6px;font-size:10px;display:flex}.copy-button:hover{color:#294530;background:#6e897314}.copy-button .icon{width:12px;height:12px}.code-panel{background:#1d2520;border:1px solid #2e3730;border-radius:9px;min-width:0;overflow:hidden}.code-panel-bar{background:#232c26;border-bottom:1px solid #333c35;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex}.code-file-tabs{gap:4px;display:flex;overflow:auto}.code-file-tabs>button{color:#8c9b8e;font:10px var(--mono);white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:6px 8px}.code-file-tabs>button[aria-selected=true]{color:#e0e9df;background:#333e35}.code-panel .copy-button{color:#a7b5a9}.code-panel .copy-button:hover{color:#fff}.code-panel pre{font:11px/1.9 var(--mono);color:#d5ddd5;tab-size:2;max-height:600px;margin:0;padding:26px 22px 30px;overflow:auto}.code-panel code{font:inherit}.syntax-string{color:#b3d0a1}.syntax-keyword{color:#c7b7de}.syntax-comment{color:#839787}@media (max-width:1100px){.site-nav{gap:20px}.site-header-byline{display:none}.build-grid{gap:35px}}@media (max-width:800px){.home-hero{padding-top:56px;padding-bottom:56px}.hero-lede{font-size:15px}.local-cards{grid-template-columns:1fr}.local-files{padding-block:46px;scroll-margin-top:85px}.site-container{width:calc(100% - 40px)}.site-header{height:64px}.site-header-inner{padding:0 20px}.principles{gap:20px;padding-block:22px}.principles>div{flex-direction:column;gap:8px;padding-right:0}.principles>div+div{padding-left:18px}.principles h2{font-size:11px}.principles p{font-size:10px}.section-heading{flex-direction:column;align-items:start;gap:14px}.section-heading h2{font-size:27px}.build-section{padding-block:45px}.build-grid{grid-template-columns:minmax(0,1fr);gap:30px}.build-grid>div>p:not(.eyebrow){max-width:500px}.build-section h2{font-size:29px}.site-footer-inner{flex-direction:column;align-items:start;padding:25px 20px}}@media (max-width:560px){.principles{grid-template-columns:1fr;gap:0;padding-block:8px}.principles>div{flex-direction:row;gap:14px;padding:14px 0}.principles>div+div{border-top:1px solid #e5e9e4;border-left:0;padding-left:0}.principles h2{font-size:13px}.principles p{font-size:12px}.home-hero h1{letter-spacing:-.04em;font-size:clamp(32px,10vw,38px)}.hero-samples>span{flex-basis:100%;margin:0 0 2px}.package-lines code{overflow-wrap:anywhere}.open-field{flex-wrap:wrap;gap:10px;height:auto;padding:10px}.open-field>.icon{display:none}.open-field input{flex-basis:100%;height:44px;padding:0 6px;font-size:16px}.site-page .open-field .ui-button{justify-content:center;width:100%;height:46px}.mobile-menu-button{border:1px solid var(--line);background:0 0;border-radius:5px;place-items:center;width:34px;height:32px;margin-left:auto;display:grid}.site-nav{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;gap:14px;padding:16px 20px;display:none;position:absolute;top:63px;left:0;right:0;box-shadow:0 5px 8px #00000008}.site-nav[data-open]{display:flex}.site-nav>a{font-size:11px}.site-nav>a:last-child{margin-left:auto}.hero-actions{gap:8px}.hero-actions .ui-button{padding-inline:12px;font-size:11px}.hero-actions .ui-button .icon{width:13px}.code-panel pre{padding:18px 14px;font-size:10px}.copy-button>span{display:none}.site-footer nav{flex-wrap:wrap;gap:20px}}.maintained-by{white-space:nowrap;color:#858e86;align-items:center;gap:7px;font-size:10px;display:inline-flex}.maintained-by img{width:84px;height:auto;display:block}.maintained-by:hover{opacity:.8}.site-header-inner>.maintained-by{border-left:1px solid var(--line);padding-left:16px}.site-footer nav .maintained-by{gap:7px;font-size:10px}@media (max-width:1000px){.site-header-inner>.maintained-by{display:none}}}