:root{--paper:#f6f5ef;--ink:#1d302a;--muted:#65746d;--green:#235e46;--line:#dbdfd5;--lime:#d8efae;--code:#172c25;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}button,textarea{font:inherit}button,a,summary,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #74a445;outline-offset:5px}textarea:focus-visible{outline:3px solid #74a445;outline-offset:2px}button{border-radius:6px}h1,h2,h3,p{margin:0}h2{font-size:clamp(25px,3vw,36px);line-height:1.5;letter-spacing:-.045em;font-weight:650}h3{font-size:18px;line-height:1.6;letter-spacing:-.025em}code{font-family:var(--mono);font-size:.88em}p code,td code{background:#e9ece3;padding:2px 5px;border-radius:3px;overflow-wrap:anywhere}pre{margin:0;font-family:var(--mono);font-size:13px;line-height:1.85;overflow:auto;tab-size:2}pre code{font-size:inherit;background:none;padding:0}p+p{margin-top:13px}.wrap{max-width:1200px;margin-inline:auto;padding-inline:44px}.skip{position:absolute;left:10px;top:-80px;z-index:100;background:var(--green);color:white;padding:10px}.skip:focus{top:10px}.topbar{position:sticky;top:0;z-index:20;height:82px;background:rgba(246,245,239,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-inline:max(44px,calc((100vw - 1112px)/2));gap:24px;backdrop-filter:blur(12px)}.brand{display:inline-flex;gap:10px;align-items:center;text-decoration:none;font-size:25px;font-weight:720;letter-spacing:-1.3px}.version{font-size:10px;font-weight:600;letter-spacing:.03em;border:1px solid #cbd1c4;border-radius:4px;padding:1px 7px;margin-left:3px;color:var(--muted)}nav{display:flex;gap:30px;font-size:13px}nav a,.source-link{text-decoration:none;color:#43584d}nav a:hover,.source-link:hover{color:var(--green);text-decoration:underline}.source-link{font:12px var(--mono);white-space:nowrap}.hero{display:grid;grid-template-columns:1fr 1fr;gap:42px;padding-top:96px;padding-bottom:76px;align-items:center}.eyebrow{font:11px var(--mono);font-weight:600;letter-spacing:.13em;color:var(--green);margin-bottom:25px}.hero h1{font-size:clamp(40px,4.5vw,58px);font-weight:680;letter-spacing:-.055em;line-height:1.45}.hero h1 span{color:var(--green)}.lead{font-size:17px;color:#5b6d62;margin-top:25px;line-height:1.95}.actions{display:flex;align-items:center;gap:24px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;text-decoration:none;border-radius:7px;padding:12px 18px;font-size:13px;font-weight:600}.primary{color:#f9fce9;background:var(--green)}.primary:hover{background:#16432f}.text-link{display:inline-block;font-size:12px;font-weight:600;text-decoration:none;border-bottom:1px solid #adc2ac;padding-bottom:3px}.text-link:hover{color:var(--green);border-color:var(--green)}.hero-note{font-size:10px;color:var(--muted);margin-top:26px;letter-spacing:.015em}.code-panel{background:var(--code);border:1px solid #2d4338;border-radius:10px;overflow:hidden;color:#e0e8df;min-width:0}.hero-code{box-shadow:0 15px 35px #1232210b}.code-title{display:flex;gap:10px;align-items:center;padding:12px 19px;border-bottom:1px solid #385045;font:11px var(--mono);color:#a9bbb0}.dot{width:6px;height:6px;background:#bbd997;border-radius:50%}.copy{margin-left:auto;background:none;color:#c7d9cd;border:1px solid #4a6255;font-size:10px;padding:3px 8px;min-width:58px}.copy:hover{background:#2c4639}.code-panel pre{padding:22px 21px;font-size:11px}.hero-code pre{font-size:11px}.code-footer{border-top:1px solid #385045;padding:10px 19px;display:flex;justify-content:space-between;font-size:10px;color:#a9bbb0}.boundary{display:flex;align-items:center;gap:20px;padding-top:19px;padding-bottom:19px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:10px var(--mono);letter-spacing:.03em;color:var(--muted)}.boundary i{font-style:normal;color:#a4aea0;margin:0 8px}.boundary-line{flex:1;border-top:1px solid #cad1c5;position:relative}.boundary-line:after{content:"";position:absolute;right:0;top:-3px;width:5px;height:5px;border-top:1px solid #cad1c5;border-right:1px solid #cad1c5;transform:rotate(45deg)}.boundary-center{font-family:inherit;color:var(--green);font-size:11px}.section{padding-top:90px;padding-bottom:80px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:36px}.section-heading .eyebrow{margin-bottom:16px}.section-heading>p{max-width:430px;color:var(--muted);font-size:13px;line-height:1.85}.playground{display:grid;grid-template-columns:1fr 1fr;border:1px solid #cbd3c5;border-radius:10px;overflow:hidden;background:#fafbf6;min-height:326px}.input-side{padding:24px 26px;min-width:0}.pane-label{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:19px;font-size:12px;font-weight:600}.pane-label>span:last-child{font-size:10px;font-weight:400;color:var(--muted)}textarea{width:100%;resize:vertical;min-height:108px;max-height:350px;border:1px solid #d4daca;background:#f0f2e9;border-radius:6px;color:#2b4938;font:13px/1.8 var(--mono);padding:13px;overflow-wrap:anywhere}.samples{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.samples button{border:1px solid #d3dbcb;background:none;font-size:10px;color:#566b59;padding:4px 8px}.samples button[aria-pressed=true]{background:#e2edcf;border-color:#acbb93;color:#284833}.samples button:hover{border-color:var(--green)}.input-note{font-size:11px;color:var(--muted);margin-top:17px;min-height:40px}.output-side{min-width:0;background:#edf1e6;border-left:1px solid #cbd3c5;padding:24px 26px;display:flex;flex-direction:column}.status{padding:1px 7px!important;border-radius:4px;background:#d5e8bb;font:10px var(--mono)!important;color:#355a29!important}.status.error{background:#f4ded0;color:#8e462c!important}.output-side pre{color:#2c503c;flex:1;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;min-height:130px}.output-note{font-size:10px;color:#66775e;border-top:1px solid #d3dac9;padding-top:12px;margin-top:16px}.raw-input{margin-top:10px;font-size:10px;color:#55674e}.raw-input pre{font-size:11px;margin-top:10px;white-space:pre-wrap;overflow-wrap:anywhere}.raw-input summary{cursor:pointer}.philosophy{background:#e8ede0;border-top:1px solid #d9dfd0;border-bottom:1px solid #d9dfd0}.philosophy-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.design-intro{color:#65745b;font-size:14px;margin-top:25px;max-width:310px}.principles{margin-top:5px}.principles article{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid #cad5bf}.principles article:first-child{padding-top:0}.principles article:last-child{border-bottom:0;padding-bottom:0}.index{font:11px var(--mono);color:#8d9e7d;margin-top:7px}.principles p{font-size:13px;color:#63745b;margin-top:9px}.api-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.api-block{min-width:0}.api-block h3{margin-bottom:16px}.api-block p{font-size:13px;color:var(--muted)}.table-scroll{max-width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{color:#7c8a75;font-weight:500;padding:10px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}td:first-child{color:var(--green)}td code{font-size:10px;white-space:nowrap}th:not(:first-child),td:not(:first-child){min-width:62px}.small{font-size:11px!important;color:var(--muted);margin-top:14px;line-height:1.85}.light-code{padding:19px 20px;border:1px solid #dce1d3;background:#edf0e6;border-radius:7px;margin-top:18px;margin-bottom:18px;color:#305641;font-size:11px}.api-more{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:32px;padding-block:18px}.api-more summary,.performance-detail summary{font-size:13px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px}.api-more[open] summary{margin-bottom:19px}.api-more table{font-size:12px}.api-more td:last-child{color:var(--muted)}.type-strip{border-left:3px solid #7c9c5a;margin-top:35px;padding:16px 22px;display:flex;align-items:center;gap:28px;background:#eaf0e0}.type-badge{font:10px var(--mono);color:#69804e;white-space:nowrap}.type-strip h3{font-size:15px}.type-strip p{font-size:12px;color:var(--muted);margin-top:7px}.integrations{border-top:1px solid var(--line)}.integration-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:46px}.integration-grid>article{min-width:0}.integration-label{font:10px var(--mono);color:#77886b;letter-spacing:.12em;margin-bottom:13px}.integration-grid p{font-size:13px;color:var(--muted);margin-top:13px}.integration-grid .code-panel{margin:22px 0 18px}.integration-grid .code-panel pre{font-size:10px}.cli-card{padding:26px;background:#edf0e6;border:1px solid var(--line);border-radius:8px;align-self:start}.cli-card .light-code{background:#f6f7f1}.performance{background:#1e372b;color:#edf0e5}.performance .eyebrow{color:#b1cb8e}.performance .section-heading>p{color:#a7bba9}.evidence-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;margin-top:50px}.evidence-grid article+article{border-left:1px solid #415946;padding-left:35px}.stat{font:58px/1.25 var(--mono);color:var(--lime);letter-spacing:-4px}.stat span{font-size:11px;letter-spacing:0}.word-stat{font-size:28px;letter-spacing:-1px;display:inline-block;height:72px;line-height:72px}.evidence-grid h3{font-size:15px;margin-top:16px}.evidence-grid p{font-size:12px;color:#a9bdab;margin-top:12px}.evidence-grid a{display:inline-block;margin-top:16px;color:#c1dba5;font-size:11px}.performance-detail{border-top:1px solid #415946;padding-top:24px;margin-top:40px}.performance-detail summary{font-size:12px;color:#c3d8b5}.performance-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:28px}.performance-detail h3{font-size:16px;margin-bottom:13px}.performance-detail p{font-size:12px;color:#a9bdab}.performance-detail .light-code{margin-top:0;background:#294635;border-color:#456448;color:#dae7d1}.performance-detail p code{background:#304c3a;color:#d2dec6}.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.fit-grid article{border:1px solid #d6ddcb;border-radius:8px;padding:27px 29px}.fit{background:#eaf0df}.consider{background:#efeee7}.fit-label{display:block;font-size:11px;color:#6e875c;margin-bottom:12px}.consider .fit-label{color:#817664}.fit-grid h3{font-size:18px}.fit-grid p{font-size:13px;color:var(--muted);margin-top:13px}.peer-links{display:flex;gap:20px;margin-top:20px;font-size:11px}.caveats{margin-top:35px}.caveats details{border-bottom:1px solid var(--line);padding:18px 0}.caveats summary{font-size:13px;font-weight:600;cursor:pointer}.caveats p{font-size:12px;color:var(--muted);margin-top:13px;padding-left:18px;max-width:890px}.caveats code{font-size:11px}.closing{padding-block:38px;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px}.closing h2{font-size:21px}.closing p{font-size:12px;color:var(--muted);margin-top:6px}.closing .button{margin-left:auto;flex-shrink:0}.footer{padding-top:32px;padding-bottom:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;font-size:10px;color:#85907c}.footer>div{display:flex;gap:20px;align-items:center}.footer .brand{font-size:20px;letter-spacing:-1px;color:#58734d}.footer>div:nth-child(2){gap:22px}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}.footer p{width:100%;font-size:9px;letter-spacing:.025em}details summary::-webkit-details-marker{display:none}.caveats summary::before{content:"+";font:14px var(--mono);margin-right:12px;color:#879578}.caveats details[open] summary::before{content:"−"}
@media(min-width:1400px){.hero h1{font-size:61px}}@media(max-width:1000px){.wrap{padding-inline:28px}.topbar{padding-inline:28px;gap:16px}.hero{gap:28px;padding-top:70px}.hero h1{font-size:44px}.hero-code pre{font-size:10px}.actions{gap:18px}.hero-note{font-size:9px}.philosophy-grid{gap:48px}.api-grid{gap:28px}.section-heading{gap:30px}.integration-grid{gap:25px}.evidence-grid{gap:25px}.evidence-grid article+article{padding-left:25px}.stat{font-size:50px}.word-stat{font-size:23px;height:62px;line-height:62px}.closing{gap:16px}.closing h2{font-size:18px}}
@media(max-width:760px){html{scroll-padding-top:85px}.wrap{padding-inline:22px}.topbar{height:auto;min-height:76px;padding:13px 22px;flex-wrap:wrap;gap:8px 16px}.brand{font-size:23px}.brand img{width:25px;height:25px}.version{font-size:9px}nav{order:3;width:100%;gap:25px;font-size:11px}nav a{padding-block:2px}.source-link{font-size:11px}.hero{grid-template-columns:1fr;gap:35px;padding-top:43px;padding-bottom:35px}.eyebrow{font-size:10px;margin-bottom:20px}.hero h1{font-size:clamp(36px,7.8vw,53px);line-height:1.5}.lead{font-size:14px;margin-top:18px}.hero-code pre{font-size:10px;padding:18px 16px}.code-title{padding:11px 15px}.code-footer{padding:9px 15px;font-size:9px}.hero-note{font-size:9px;margin-top:22px}.actions{margin-top:25px;gap:15px}.button{font-size:12px;padding:11px 14px;gap:18px}.text-link{font-size:11px}.boundary{gap:10px;font-size:8px;letter-spacing:0;flex-wrap:wrap;justify-content:center}.boundary i{margin-inline:3px}.boundary-center{font-size:9px}.boundary-line{min-width:8px}.section{padding-top:54px;padding-bottom:50px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:15px;font-size:12px}.section-heading .eyebrow{margin-bottom:13px}.playground{grid-template-columns:1fr}.input-side,.output-side{padding:20px}.output-side{border-left:0;border-top:1px solid #cbd3c5;min-height:255px}.pane-label{margin-bottom:14px}.pane-label>span:last-child{font-size:9px}textarea{font-size:12px;min-height:100px}.input-note{min-height:0;font-size:11px}.output-side pre{font-size:12px}.philosophy-grid{grid-template-columns:1fr;gap:32px}.design-intro{max-width:none;margin-top:18px;font-size:13px}.principles article{gap:18px;padding:20px 0}.principles h3{font-size:16px}.principles p{font-size:12px}.api-grid{grid-template-columns:1fr;gap:27px}.api-block h3{font-size:17px}.api-block p{font-size:12px}th,td{padding:10px 8px;font-size:10px}td code{font-size:9px}.light-code{font-size:10px;padding:15px}.api-more{margin-top:23px}.api-more summary{font-size:12px}.api-more td:last-child{font-size:11px;min-width:220px}.api-more td:first-child code{font-size:9px}.type-strip{display:block;padding:18px;margin-top:25px}.type-badge{display:block;margin-bottom:10px}.type-strip h3{font-size:15px}.type-strip p{font-size:11px}.integration-grid{grid-template-columns:1fr;gap:27px}.integration-grid h3{font-size:17px}.integration-grid p{font-size:12px}.integration-grid .code-panel pre{font-size:9px;padding:16px}.cli-card{padding:21px}.evidence-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}.evidence-grid article+article{border-left:0;border-top:1px solid #415946;padding-left:0;padding-top:25px}.stat{font-size:47px}.word-stat{font-size:29px;line-height:1.5;height:auto}.evidence-grid h3{margin-top:9px}.evidence-grid p{max-width:500px}.performance-detail summary{font-size:11px}.performance-detail-grid{grid-template-columns:1fr;gap:23px}.fit-grid{grid-template-columns:1fr;gap:16px}.fit-grid article{padding:23px}.fit-grid h3{font-size:17px}.fit-grid p{font-size:12px}.caveats{margin-top:25px}.caveats summary{font-size:12px}.caveats p{font-size:11px}.closing{flex-wrap:wrap;padding-top:28px;padding-bottom:28px;gap:15px}.closing>img{width:30px;height:30px}.closing>div{flex:1;min-width:220px}.closing h2{font-size:16px}.closing p{font-size:11px}.closing .button{margin-left:45px;font-size:11px}.footer{gap:16px;padding-top:24px}.footer>div:first-child{flex-wrap:wrap;gap:9px 16px}.footer>div:first-child>span{font-size:9px}.footer>div:nth-child(2){font-size:10px}.footer p{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.playground{grid-template-columns:1.1fr 1fr 1fr}.schema-side{min-width:0;background:var(--code);color:#e0e8df;padding:24px 22px}.schema-side .pane-label{color:#c7d9cd}.schema-side pre{font-size:11px;line-height:1.9}.schema-note{color:#a9bbb0;font-size:10px;margin-top:20px;border-top:1px solid #385045;padding-top:13px}.playground .input-side{padding-inline:22px}
@media(min-width:761px) and (max-width:1050px){.playground{grid-template-columns:1fr 1fr}.schema-side{grid-column:1/-1}}
@media(max-width:760px){.playground{grid-template-columns:1fr}.schema-side{padding:20px}.schema-side pre{font-size:11px}.playground .input-side{padding-inline:20px}}
