:root{--paper:#f3f0e8;--paper-deep:#e8e3d7;--ink:#17201d;--muted:#68706b;--line:#c9c5b9;--signal:#9b4b35;--signal-soft:#ddc0b5;--green:#1d2a25;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}::selection{background:var(--ink);color:var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--signal);outline-offset:4px}.shell{width:min(1200px,calc(100% - 64px));margin:0 auto}.site-header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:5;background:rgba(243,240,232,.96)}.brand{display:flex;align-items:center;gap:9px;font-size:15px;letter-spacing:.05em;text-transform:uppercase}.brand small{font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:500;margin-left:8px}.brand-mark{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--ink);font-family:var(--mono);font-size:11px;letter-spacing:-.08em}.site-header nav{display:flex;align-items:center;gap:28px;font-size:13px;color:var(--muted)}.site-header nav a:hover{color:var(--ink)}.nav-play{border-bottom:1px solid var(--ink);padding-bottom:3px;color:var(--ink)}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;padding-top:106px;padding-bottom:116px;align-items:center}.eyebrow,.section-kicker,.example-row span{font:11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--signal);margin:0 0 20px}.hero h1{font:clamp(52px,7vw,96px);line-height:.95;letter-spacing:-.065em;font-weight:500;margin:0 0 30px}.hero h1 em,h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.07em}.lede{font-size:18px;line-height:1.55;color:#505a54;max-width:500px;margin:0 0 32px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.button{border:1px solid var(--ink);padding:11px 15px;background:none;cursor:pointer;font-size:13px;display:inline-flex;gap:24px;align-items:center}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:var(--signal);border-color:var(--signal)}.button-quiet{border-color:var(--line);color:var(--ink)}.button-quiet:hover{border-color:var(--ink)}.micro-note{font:11px var(--mono);color:var(--muted);margin:34px 0 0;display:flex;align-items:center;gap:8px}.dot,.live-indicator{width:7px;height:7px;background:var(--signal);border-radius:50%;display:inline-block}.hero-specimen,.playground-shell{border:1px solid var(--ink);background:var(--green);box-shadow:10px 10px 0 var(--signal-soft)}.window-bar,.pane-bar{height:40px;border-bottom:1px solid rgba(243,240,232,.2);padding:0 15px;display:flex;align-items:center;justify-content:space-between;font:11px var(--mono);color:#b9c1b9}.specimen-grid{display:grid;grid-template-columns:1.03fr .97fr;min-height:425px}.code-block,.reference-code,pre{margin:0;font:12px/1.7 var(--mono);white-space:pre-wrap}.code-block{padding:22px 18px;color:#c8d0c6;border-right:1px solid rgba(243,240,232,.2);overflow:auto}.syntax-key{color:#d7a594}.syntax-string{color:#c4ad79}.syntax-number{color:#a7c4a8}.syntax-type{color:#e5ded0}.syntax-name,.syntax-prop{color:#d6d9ce}.hero-stage{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#ede9df}.hero-stage svg{width:100%;height:100%;min-height:280px}.hero-stage>span{position:absolute;bottom:12px;left:14px;font:10px var(--mono);color:#757d75}.statement{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:28% 1fr;gap:40px;padding:78px 0}.statement h2,.section-heading h2{font-size:clamp(32px,4vw,54px);line-height:1.02;letter-spacing:-.055em;font-weight:500;margin:0 0 20px}.statement p:last-child{max-width:560px;color:var(--muted);font-size:18px;margin:6px 0 0}.docs-section{display:grid;grid-template-columns:28% 1fr;gap:40px;padding:112px 0}.section-rail{border-right:1px solid var(--line);padding-right:34px}.rail-note{font-size:14px;color:var(--muted);max-width:180px;margin-top:44px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}.tag{font:11px var(--mono);color:var(--signal);border:1px solid var(--signal-soft);padding:6px 8px}.intro{color:var(--muted);max-width:650px;font-size:17px}.reference-block{border:1px solid var(--line);margin-top:38px;display:grid;grid-template-columns:95px 1fr auto;background:#eeebe3;position:relative}.block-label{font:10px var(--mono);text-transform:uppercase;color:var(--muted);padding:20px 14px;border-right:1px solid var(--line)}.reference-code{padding:19px 24px;color:#3c4740}.copy-icon{border:0;background:transparent;font:10px var(--mono);text-transform:uppercase;color:var(--signal);padding:20px 14px;cursor:pointer;align-self:start}.copy-icon:hover{color:var(--ink)}.semantics{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;border-top:1px solid var(--line);padding-top:24px}.semantics>div>span{font:11px var(--mono);color:var(--signal)}.semantics h3{font-size:17px;margin:9px 0 8px}.semantics p{font-size:14px;color:var(--muted);margin:0}.semantics code,.pipeline code{font:12px var(--mono);color:var(--ink)}.pipeline-section{border-top:1px solid var(--line);padding:96px 0 110px}.heading-note{max-width:300px;color:var(--muted);font-size:14px;margin:0 0 5px}.pipeline{display:grid;grid-template-columns:1fr 44px 1fr 44px 1fr;gap:18px;align-items:stretch}.pipeline article{border-top:2px solid var(--ink);padding-top:16px}.pipeline article>span{font:11px var(--mono);color:var(--signal)}.pipeline h3{margin:38px 0 8px;font-size:20px}.pipeline p{color:var(--muted);font-size:14px;min-height:66px;margin:0 0 22px}.pipeline code{border-top:1px solid var(--line);display:block;padding-top:11px;color:var(--signal)}.pipeline-arrow{display:grid;place-items:center;color:var(--signal);font-size:24px}.playground-section{padding:0 0 116px}.playground-shell{box-shadow:none;display:grid;grid-template-columns:1fr 1fr}.editor-pane{border-right:1px solid rgba(243,240,232,.2);min-width:0}.pane-bar{height:42px}.live-indicator{margin-right:7px}.editor-pane textarea{display:block;width:100%;height:410px;resize:vertical;border:0;border-bottom:1px solid rgba(243,240,232,.2);background:transparent;color:#d7ded4;padding:20px;font:12px/1.75 var(--mono);tab-size:2}.editor-foot,.preview-foot{height:42px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;color:#98a39a;font:10px var(--mono)}.text-button{background:none;border:0;color:#d7a594;cursor:pointer;font:10px var(--mono);text-transform:uppercase}.preview-pane{background:#eeeae1;min-width:0}.preview-pane .pane-bar{color:#69736c;border-color:var(--line)}.preview-stage{height:410px;position:relative;overflow:hidden;background:#eeeae1;touch-action:none}.preview-stage svg{width:100%;height:100%;display:block;transform-origin:50% 50%;cursor:grab}.preview-stage svg:active{cursor:grabbing}.preview-foot{color:#69736c}.error-message{position:absolute;left:18px;right:18px;bottom:18px;background:#f8e6df;border:1px solid var(--signal);color:#753525;padding:12px;font:11px var(--mono);white-space:pre-wrap}.examples-section{border-top:1px solid var(--line);padding:94px 0 116px}.example-list{border-top:1px solid var(--line)}.example-row{display:grid;grid-template-columns:1fr 1.5fr 50px;align-items:center;gap:30px;border-bottom:1px solid var(--line);padding:25px 0}.example-row h3{font-size:18px;font-weight:500;margin:6px 0 0}.example-row pre{color:#48534c;background:#eeebe3;padding:16px 20px}.example-row .copy-icon{padding:0;text-align:right}.site-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-top:28px;padding-bottom:34px;color:var(--muted);font-size:12px}.site-footer .brand{color:var(--ink)}.site-footer a{font:11px var(--mono);color:var(--ink)}
@media(max-width:900px){.site-header{padding:0 20px}.site-header nav{gap:13px}.site-header nav a:not(.nav-play){display:none}.shell{width:min(100% - 40px,700px)}.hero{grid-template-columns:1fr;gap:50px;padding-top:72px;padding-bottom:80px}.hero-specimen{box-shadow:6px 6px 0 var(--signal-soft)}.statement,.docs-section{grid-template-columns:1fr;gap:28px;padding:72px 0}.section-rail{border-right:0;border-bottom:1px solid var(--line);padding:0 0 24px}.rail-note{margin:0}.pipeline-section,.examples-section{padding:72px 0 80px}.pipeline{grid-template-columns:1fr;gap:28px}.pipeline-arrow{display:none}.pipeline article p{min-height:0}.playground-shell{grid-template-columns:1fr}.editor-pane{border-right:0;border-bottom:1px solid rgba(243,240,232,.2)}.example-row{grid-template-columns:1fr;gap:14px}.example-row .copy-icon{text-align:left;padding:5px 0}.site-footer{flex-wrap:wrap;gap:20px}}
@media(max-width:560px){.brand small{display:none}.hero h1{font-size:54px}.specimen-grid{grid-template-columns:1fr}.code-block{border-right:0;border-bottom:1px solid rgba(243,240,232,.2);max-height:300px}.hero-stage{min-height:240px}.reference-block{grid-template-columns:1fr}.block-label{border-right:0;border-bottom:1px solid var(--line)}.reference-code{padding:16px;overflow:auto}.semantics{grid-template-columns:1fr;gap:22px}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.actions .button{width:100%;justify-content:space-between}.site-footer{align-items:flex-start;flex-direction:column}}