@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&family=Noto+Serif+Devanagari:wght@400;500;600&display=swap');
:root{--paper:#f5f1e8;--ink:#24261f;--muted:#6c6c61;--line:#d8d5ca;--saffron:#c96836;--mono:'DM Mono',monospace;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--dev:'Noto Serif Devanagari',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}::selection{background:#e9c6a5}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c96836;outline-offset:5px}
.shell{max-width:1320px;margin:auto;padding-left:64px;padding-right:64px}.header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 64px;position:relative;max-width:1440px;margin:auto}.wordmark{display:inline-flex;align-items:center;gap:15px;font-size:25px;letter-spacing:-1px}.wordmark-dev{font-family:var(--dev);font-size:31px;line-height:1.4}.brand-divider{width:1px;height:24px;background:#bdbdb1}.header nav{display:flex;gap:34px;font-size:13px}.header nav a:hover,.footer-links a:hover{color:var(--saffron)}.github-link{font-size:13px;border:1px solid #bfbfb2;padding:10px 17px;border-radius:2px}.github-link span{margin-left:12px}
.hero{display:grid;grid-template-columns:1.18fr 1fr;gap:70px;padding-top:74px;padding-bottom:68px;align-items:center}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:1.5px;line-height:1.7;margin:0 0 23px;display:flex;align-items:center;gap:8px}.dot{display:inline-block;width:6px;height:6px;background:var(--saffron);border-radius:50%;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1{font-family:var(--serif);font-weight:400;font-size:clamp(56px,5.9vw,84px);line-height:1.03;letter-spacing:-2px;margin-bottom:28px}h1 em{font-weight:400;color:var(--saffron)}.hero-description{font-size:16px;line-height:1.8;color:#65665c;margin-bottom:31px}.hero-actions{display:flex;align-items:center;gap:26px}.button{border:0;border-radius:2px;display:inline-flex;align-items:center;justify-content:space-between;gap:38px;font-size:13px;font-weight:500;padding:16px 20px;transition:background .15s,transform .15s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#3b3f31}.text-link{font-size:12px;border-bottom:1px solid #a8a99b;padding:5px 0;display:inline-block}.text-link span{margin-left:12px}.text-link:hover{color:var(--saffron);border-color:var(--saffron)}.hero-footnote{font-family:var(--mono);font-size:10px;color:#6c6c61;margin:24px 0 0}
.rule-art{background:#eee5d4;border:1px solid #d8ccb7;padding:22px 28px 0;position:relative;background-image:linear-gradient(#dfd5c64d 1px,transparent 1px),linear-gradient(90deg,#dfd5c64d 1px,transparent 1px);background-size:28px 28px;box-shadow:8px 8px 0 #e9e4d9;overflow:hidden}.art-top{display:flex;justify-content:space-between;font-family:var(--mono);font-size:8px;letter-spacing:1px;color:#817a67}.art-word{font-family:var(--dev);font-size:104px;color:var(--saffron);text-align:center;line-height:1.5;letter-spacing:-6px;margin:6px 0 -12px}.art-caption{text-align:center;font-family:var(--serif);font-size:19px;color:#82745e;margin-bottom:25px;font-style:italic}.rule-lines{display:grid;gap:9px;border-top:1px solid #d4c6b2;padding:17px 0 19px}.annotation{font-family:var(--mono);font-size:9px;letter-spacing:.5px;color:#6f6352}.rule-lines code{font-family:var(--mono),var(--dev);font-size:13px;line-height:1.8}.rule-lines code>span:first-child{color:#ae572e}.rule-lines .annotation:nth-of-type(2){margin-top:8px}.code-indent{display:inline-block;margin-left:22px;color:var(--ink)!important}.art-result{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d4c6b2;padding:8px 0}.art-result>span:first-child{font-family:var(--mono);font-size:8px;letter-spacing:1px}.art-result strong{font-family:var(--serif);font-size:57px;font-weight:400;line-height:1.2}.result-point{color:var(--saffron)}.art-result-arrow{font-size:34px;color:#b8895c}
.language-strip{display:flex;justify-content:space-between;align-items:center;padding-top:19px;padding-bottom:19px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:10px;color:#767568;gap:15px}.strip-symbol{margin-right:12px;color:var(--saffron);font-size:19px;vertical-align:middle}.section{padding-top:85px;padding-bottom:88px}.section-heading{display:grid;grid-template-columns:1fr 1.7fr 1.5fr;gap:45px;align-items:start}.section-heading .eyebrow{margin-top:9px}h2{font-family:var(--serif);font-size:48px;line-height:1.08;font-weight:400;letter-spacing:-.6px;margin-bottom:20px}.section-heading>p:last-child{font-size:14px;line-height:1.8;color:var(--muted);padding-top:7px;margin:0}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:53px}.principles article{border-top:1px solid var(--line);padding-top:18px}.principle-number{font-family:var(--mono);color:var(--saffron);font-size:10px}.principles h3{font-family:var(--serif);font-size:27px;font-weight:400;letter-spacing:-.2px;margin-top:17px;margin-bottom:16px}.principles p{color:var(--muted);font-size:13px;line-height:1.85;min-height:100px}.principles code{display:block;font-family:var(--mono),var(--dev);font-size:11px;line-height:1.8;padding:12px 14px;background:#ece8de;border-left:2px solid #c4bca9;min-height:64px}.bilingual{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;border-top:1px solid var(--line);margin-top:65px;padding-top:46px}.bilingual .eyebrow{margin-bottom:17px}.bilingual h3{font-family:var(--serif);font-size:36px;line-height:1.08;font-weight:400;margin-bottom:17px}.bilingual p{font-size:13px;color:var(--muted);line-height:1.8;max-width:315px;margin-bottom:0}.bilingual-code{padding-top:1px}.bilingual-code>div{padding:0 0 21px}.bilingual-code>div+div{border-top:1px solid var(--line);padding-top:20px}.bilingual-code>div>span{font-family:var(--mono);font-size:9px;letter-spacing:.8px;color:#6c6c61;display:block;margin-bottom:12px}.bilingual-code code{font-family:var(--mono),var(--dev);font-size:12px;line-height:1.9;overflow-wrap:anywhere}.bilingual-code p{font-family:var(--mono);font-size:10px!important}.bilingual-code p>span{color:var(--saffron);margin-right:15px}
.playground-section{background:#e9e7dd;border-top:1px solid #d5d4c6;border-bottom:1px solid #d5d4c6;padding:73px 0 53px}.playground-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:31px}.playground-heading .eyebrow{margin-bottom:17px}.playground-heading h2{font-size:43px;margin:0}.playground-heading>p{color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:4px}.playground{display:grid;grid-template-columns:1.55fr 1fr;border:1px solid #31362c;box-shadow:5px 5px 0 #d9d7c9}.editor-panel{background:#25291f;color:#e9e7da;min-width:0}.editor-toolbar{display:flex;align-items:center;gap:12px;min-height:58px;padding:12px 18px;border-bottom:1px solid #41463a}.example-label{font-family:var(--mono);font-size:8px;letter-spacing:1px;color:#929985}.editor-toolbar select{background:#25291f;color:#dddccd;border:0;border-bottom:1px solid #60644f;font-size:11px;max-width:160px;padding:5px 15px 5px 0;cursor:pointer;border-radius:0}.script-switch{margin-left:auto;display:flex;border:1px solid #5b604f;border-radius:3px;padding:2px}.script-switch button{font-size:9px;border:0;background:transparent;color:#9da18e;padding:5px 9px;border-radius:1px}.script-switch button[aria-pressed=true]{background:#545a47;color:#faf8ee}.editor-wrap{padding:23px 21px 8px;position:relative;min-height:226px}.editor-wrap textarea{font-family:var(--mono),var(--dev);font-size:12px;line-height:1.9;color:#e9d4b3;background:transparent;border:0;width:100%;height:200px;resize:vertical;tab-size:2;min-height:180px;padding:0;caret-color:#f3a267;white-space:pre;overflow:auto}.editor-wrap textarea:focus-visible{outline-offset:8px;outline-width:1px}.editor-bottom{display:flex;justify-content:space-between;align-items:center;min-height:42px;padding:9px 20px;border-top:1px solid #41463a;font-family:var(--mono);font-size:8px;color:#9da18f}.editor-bottom>span>span{margin:0 8px}.reset-button{border:0;color:#bdc1ae;background:transparent;font-size:10px;padding:5px}.reset-button:hover{color:white}.output-panel{background:#f7f4ea;padding:20px 22px 19px;display:flex;flex-direction:column;min-width:0}.output-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:8px;letter-spacing:.5px;color:#6c6c61;flex-wrap:wrap}.ready-indicator{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:8px;letter-spacing:0}.ready-indicator .dot{background:#7a8958;width:4px;height:4px}.output-panel pre{font-family:var(--mono),var(--dev);font-size:18px;line-height:1.6;color:#353b2c;white-space:pre-wrap;overflow-wrap:anywhere;margin:32px 0 10px;min-height:116px;max-height:280px;overflow:auto;flex:1}.output-panel pre.error{font-size:12px;color:#b1472c}.output-panel pre.initial{font-size:13px;color:#6c6c61}.output-meta{font-family:var(--mono);font-size:8px;line-height:1.6;color:#6c6c61;margin:7px 0 20px}.button-saffron{background:#ac4f26;color:#fffaf1;width:100%;padding:13px 16px;font-size:12px}.button-saffron:hover{background:#b85b2d}.playground-caption{display:flex;justify-content:space-between;gap:25px;margin-top:19px;font-size:11px;color:#616457;line-height:1.7}.playground-caption p{margin-bottom:0}.playground-caption p:last-child{font-family:var(--mono);font-size:9px;white-space:nowrap}.sandbox-note{font-size:10px;color:#616457;line-height:1.7;margin:20px 0 0}.sandbox-note code{font-size:10px}
.status-section{display:grid;grid-template-columns:1.1fr 1fr;gap:110px}.status-intro p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.85;max-width:410px;margin-bottom:24px}.status-detail{border-top:1px solid var(--line);padding-top:18px}.status-label{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:9px;letter-spacing:1px;color:#7b7d69}.status-label .dot{background:#7c875d;width:5px;height:5px}.hollow-dot{width:6px;height:6px;border:1px solid #939681;border-radius:50%}.status-block h3{font-family:var(--serif);font-size:28px;font-weight:400;margin:16px 0 12px}.status-block p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.status-block+.status-block{margin-top:28px;padding-top:21px;border-top:1px solid var(--line)}.status-footnote{font-family:var(--mono);font-size:9px;line-height:1.9;color:#6c6c61;margin-top:25px;margin-bottom:0}
.start-section{display:grid;grid-template-columns:1fr 1.45fr;gap:80px;border-top:1px solid var(--line);padding-top:55px;padding-bottom:73px;align-items:center}.start-section .eyebrow{margin-bottom:18px}.start-section h2{font-size:48px;margin-bottom:15px}.start-section p:not(.eyebrow){font-size:13px;line-height:1.85;color:var(--muted);margin-bottom:23px}.terminal{background:#25291f;color:#d9dbc8;min-width:0;border-radius:3px;box-shadow:5px 5px 0 #e2dfd3}.terminal-heading{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;border-bottom:1px solid #414536;font-family:var(--mono);font-size:8px;letter-spacing:1px;color:#a7ab99}.terminal-heading>span:first-child{display:flex;gap:5px}.terminal-heading i{width:5px;height:5px;border:1px solid #838b70;border-radius:50%}.terminal-heading button{border:0;background:transparent;color:#adaf9d;font-size:9px;padding:4px 0;min-width:47px}.terminal-heading button:hover{color:#fff}.terminal pre{font-family:var(--mono);font-size:10px;line-height:1.85;overflow-x:auto;margin:0;padding:22px 23px}.terminal-comment{color:#838b73}.terminal-result{color:#d7a56f}
.footer{border-top:1px solid var(--line);padding-top:35px;padding-bottom:24px;display:grid;grid-template-columns:1fr 1fr}.footer .wordmark{font-size:20px;gap:12px}.footer .wordmark-dev{font-size:25px}.footer p{font-size:11px;color:#6c6c61;margin:11px 0 0}.footer-links{display:flex;justify-content:flex-end;align-items:center;gap:25px;font-size:11px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:32px;padding-top:17px;font-family:var(--mono);font-size:8px;color:#6c6c61;gap:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:10;background:var(--ink);color:white;padding:12px}.skip-link:focus{top:15px}
@media(min-width:1450px){.header{padding:0 124px}}
@media(max-width:1100px){.shell{padding-left:40px;padding-right:40px}.header{padding:0 40px}.hero{gap:45px}.hero-actions{gap:18px;align-items:flex-start;flex-direction:column}.hero-footnote{margin-top:18px}.art-word{font-size:90px}.rule-art{padding-left:20px;padding-right:20px}.rule-lines code{font-size:11px}.section-heading{gap:28px;grid-template-columns:.8fr 1.4fr 1.3fr}.principles{gap:25px}.principles h3{font-size:25px}.principles p{min-height:125px}.bilingual{gap:65px}.playground-heading h2{font-size:37px}.playground-heading>p{font-size:11px}.editor-toolbar{gap:8px;padding-left:12px;padding-right:12px}.example-label{display:none}.status-section{gap:65px}.start-section{gap:45px}.footer-links{gap:16px;font-size:10px}}
@media(max-width:760px){html{scroll-padding-top:25px}.shell{padding-left:24px;padding-right:24px}.header{height:73px;padding:0 24px}.wordmark{font-size:23px;gap:12px}.wordmark-dev{font-size:27px}.header nav{display:none}.github-link{padding:8px 12px;font-size:11px}.hero{grid-template-columns:1fr;gap:35px;padding-top:47px;padding-bottom:42px}.hero-copy{max-width:550px}.hero h1{font-size:65px;letter-spacing:-1.8px}.hero .eyebrow{font-size:9px;margin-bottom:23px}.hero-description{font-size:14px;margin-bottom:25px}.hero-actions{flex-direction:row;align-items:center;gap:21px}.button{font-size:12px;gap:22px;padding:14px 17px}.text-link{font-size:11px}.hero-footnote{font-size:9px;margin-top:20px}.rule-art{max-width:none;padding:20px 24px 0}.art-word{font-size:92px;line-height:1.25;margin:18px 0 0}.art-caption{margin-bottom:22px}.rule-lines{grid-template-columns:1fr 1fr;gap:12px 15px;padding:17px 0}.rule-lines .annotation{grid-row:1;font-size:8px}.rule-lines .annotation:nth-of-type(2){margin-top:0}.rule-lines code{grid-row:2;font-size:10px}.code-indent{margin-left:0}.art-result strong{font-size:48px}.language-strip{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:8px;padding-top:17px;padding-bottom:17px}.strip-symbol{font-size:13px;margin-right:5px}.section{padding-top:52px;padding-bottom:53px}.section-heading{display:block}.section-heading .eyebrow{margin:0 0 20px}.section-heading h2{font-size:44px;margin-bottom:20px}.section-heading>p:last-child{max-width:430px;font-size:13px;line-height:1.8}.principles{display:block;margin-top:31px}.principles article{padding:16px 0 22px}.principles h3{margin-top:12px;margin-bottom:11px;font-size:29px}.principles p{min-height:0;font-size:13px;margin-bottom:15px}.principles code{min-height:0;font-size:11px;max-width:100%}.bilingual{grid-template-columns:1fr;gap:26px;margin-top:18px;padding-top:30px}.bilingual h3{font-size:35px}.bilingual p{max-width:none}.bilingual-code code{font-size:11px}.playground-section{padding:47px 0 35px}.playground-heading{display:block;margin-bottom:25px}.playground-heading h2{font-size:39px;margin-bottom:19px}.playground-heading>p{font-size:12px;line-height:1.8}.playground{grid-template-columns:1fr}.editor-toolbar{padding:12px 14px;gap:7px}.editor-toolbar select{font-size:11px;max-width:145px}.script-switch button{font-size:9px;padding:5px 8px}.editor-wrap{padding:20px 17px 8px;min-height:200px}.editor-wrap textarea{font-size:11px;height:190px;min-height:160px}.editor-bottom{font-size:7px;padding:8px 16px}.editor-bottom>span>span{margin:0 5px}.output-panel{padding:19px 18px}.output-panel pre{margin:24px 0 5px;min-height:67px;font-size:19px;max-height:220px}.output-meta{font-size:8px;margin:7px 0 17px}.playground-caption{display:block;font-size:11px}.playground-caption p:last-child{margin-top:12px;font-size:8px}.sandbox-note{font-size:9px;line-height:1.9;margin-top:17px}.status-section{grid-template-columns:1fr;gap:31px}.status-intro h2{font-size:42px}.status-intro p:not(.eyebrow){font-size:13px}.status-block h3{font-size:29px}.status-block p{font-size:13px}.start-section{grid-template-columns:1fr;gap:30px;padding-top:39px;padding-bottom:43px}.start-section h2{font-size:44px}.terminal pre{font-size:9px;padding:19px 15px}.footer{display:block;padding-top:29px;padding-bottom:22px}.footer-links{margin-top:24px;justify-content:flex-start;gap:20px;flex-wrap:wrap;font-size:10px}.footer-bottom{font-size:7px;gap:15px;flex-wrap:wrap;margin-top:24px;justify-content:flex-start}.footer-bottom span:nth-child(2){margin-left:auto}.footer-bottom a{width:100%}}
@media(max-width:380px){.shell{padding-left:18px;padding-right:18px}.header{padding:0 18px}.hero h1{font-size:56px}.hero-actions{gap:15px}.hero-actions .text-link{font-size:10px}.rule-art{padding-left:16px;padding-right:16px}.rule-lines code{font-size:9px}.script-switch button{padding:5px 6px}.footer-bottom span:nth-child(2){margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}