:root{--paper:#f5f0e6;--ink:#2d2b26;--ember:#bf512d;--subtle:#696357;--line:#d8d1c4;--white:#fffdf8;--night:#292c27;font-family:Manrope,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scrollbar-color:#aaa291 var(--paper)}*{box-sizing:border-box}body{margin:0}::selection{background:#e8bda5;color:#2d2b26}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--ember);outline-offset:5px}button:disabled{cursor:wait;opacity:.6}input{caret-color:var(--ember)}.wrap{width:min(1184px,calc(100% - 96px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:25px;border-bottom:1px solid var(--line)}.site-header>a{display:flex}.site-header img{height:42px;width:auto}.site-header nav{display:flex;gap:35px;font-size:13px;font-weight:650}.site-header nav a{text-decoration:none}.site-header nav a:hover{color:var(--ember)}.skip{position:absolute;top:-100px;left:20px;z-index:10;background:var(--ink);color:var(--paper);padding:12px}.skip:focus{top:12px}.hero{padding-top:55px;padding-bottom:42px}h1,h2,h3,p{margin:0}h1{font-size:clamp(48px,6.5vw,88px);font-weight:600;line-height:1.07;letter-spacing:-.04em;text-wrap:balance}h1 span{color:var(--ember)}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:30px;gap:50px}.hero-bottom>p{max-width:570px;font-size:18px;line-height:1.7;color:#635d53}.actions{display:flex;align-items:center;gap:28px;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:48px;padding:14px 20px;border-radius:7px;text-decoration:none;font-size:13px;font-weight:700;transition:background .18s ease,color .18s ease}.primary{background:var(--ember);color:#fff9f0}.primary:hover{background:#a13f21}.text-link{font-size:13px;font-weight:650;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}.text-link:hover{color:var(--ember)}.bench-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:24px}.bench-heading h2{font-size:16px;letter-spacing:-.02em;font-weight:650}.bench-heading p{font-size:12px;color:var(--subtle)}.bench{display:grid;grid-template-columns:1.05fr 1fr;border-radius:12px;overflow:hidden;box-shadow:0 12px 36px -18px #39312345}.code-side{background:var(--night);color:#ede9dc;min-width:0;display:flex;flex-direction:column}.code-toolbar,.demo-toolbar{height:54px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;font-size:11px}.code-toolbar{border-bottom:1px solid #474a41;color:#b8bbad}.code-toolbar>div{display:flex;height:100%;gap:23px}.code-toolbar button{color:#c0c3b7;background:none;border:0;padding:0;border-bottom:2px solid transparent;font-family:monospace;font-size:11px}.code-toolbar button[aria-pressed=true]{color:#fff7e9;border-bottom-color:#e19869}.code-toolbar button:hover{color:#fff}.source{font-size:12px;line-height:1.7;padding:22px 28px 26px;margin:0;white-space:pre;overflow:auto;min-height:319px;tab-size:4}.source code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.syntax-muted{color:#a4ad9c}.syntax-accent{color:#e5a483}.syntax-gold{color:#e8c188}.code-foot{font-size:10px;color:#bdc2b3;padding:15px 24px;border-top:1px solid #474a41;margin-top:auto}.demo-side{background:var(--white);display:flex;flex-direction:column;min-width:0}.demo-toolbar{border-bottom:1px solid #e7e1d7}.demo-title{font-size:12px;font-weight:700}.local-indicator{color:#47633d;font-size:10px;display:flex;align-items:center;gap:6px}.local-indicator:before{content:"";height:5px;width:5px;border-radius:50%;background:#668b55}.demo-filters{display:flex;align-items:center;gap:12px;padding:24px 24px 14px}.search{display:flex;align-items:center;gap:9px;flex:1;min-width:0;padding:10px 12px;background:#f5f2ec;border-radius:5px;color:#7a7369}.search input{min-width:0;width:100%;background:none;border:0;outline-offset:5px;color:var(--ink);font-size:11px}.search input::placeholder{color:#746e64}.demo-filters select{max-width:100px;font-size:10px;background:transparent;color:var(--ink);border:1px solid #ded8cd;border-radius:5px;padding:9px 7px}.demo-list{list-style:none;padding:0 24px;margin:0;min-height:218px}.issue{display:flex;align-items:center;gap:12px;min-height:54px;border-bottom:1px solid #ece6dc;font-size:12px;font-weight:550;line-height:1.4}.issue-check{height:21px;width:21px;flex-shrink:0;border:1px solid #bbb5a8;border-radius:50%;background:transparent;color:transparent;display:grid;place-items:center;padding:0;transition:background .18s ease}.issue-check:hover{border-color:var(--ember);background:#f7e8dd}.completed .issue-check{background:#e7eddf;color:#526548;border-color:#c7d2bd}.completed>span{text-decoration:line-through;color:#746b5f}.demo-foot{display:flex;justify-content:space-between;padding:15px 24px;font-size:10px;color:#756d62;border-top:1px solid #e7e1d7;margin-top:auto}.bench-caption{font-size:10px;line-height:1.7;color:var(--subtle);margin-top:14px;max-width:100ch}.empty-state{display:none;font-size:12px;padding:35px 24px;color:var(--subtle)}.demo-list:not(:has(.issue)){min-height:0}.demo-list:not(:has(.issue))+.empty-state{display:block;min-height:190px}.architecture{padding-block:108px 95px}.architecture>h2{font-size:clamp(28px,3.1vw,42px);line-height:1.25;letter-spacing:-.035em;font-weight:550}.architecture>h2 span{color:#898174}.flow{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border-top:1px solid var(--line)}.flow article{padding-top:24px;padding-right:38px}.flow article+article{border-left:1px solid var(--line);padding-left:32px}.flow-tag{font-size:11px;color:#8a442d;font-weight:700}.flow h3{font-size:19px;font-weight:600;letter-spacing:-.025em;margin-top:17px}.flow p{font-size:13px;line-height:1.85;color:var(--subtle);margin-top:12px}.flow code{display:block;font-size:11px;line-height:1.7;margin-top:22px;color:#6f6555}.principles{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;padding-block:75px 100px;border-top:1px solid var(--line)}.principles h2{font-size:45px;line-height:1.13;letter-spacing:-.035em;font-weight:550;margin-top:25px}.principles>div>p{max-width:340px;font-size:14px;color:var(--subtle);line-height:1.8;margin-top:22px}.principles dl{margin:0}.principles dl>div{padding-block:24px;border-bottom:1px solid var(--line)}.principles dl>div:first-child{padding-top:0}.principles dt{font-size:17px;font-weight:650;letter-spacing:-.02em}.principles dd{margin:10px 0 0;font-size:13px;line-height:1.85;color:var(--subtle);max-width:65ch}.start-section{background:var(--ember);color:#fff}.start-inner{padding-block:68px 76px;display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.start-inner h2{font-size:64px;font-weight:550;line-height:1.08;letter-spacing:-.04em}.start-inner>div>p{font-size:14px;line-height:1.8;max-width:400px;margin-top:22px;color:#fff}.light{background:var(--paper);color:var(--ink);margin-top:27px}.light:hover{background:#fffaf1}.install{min-width:0}.install>p:first-child{font-size:11px;font-weight:700;margin-top:0}.install pre{font-size:11px;line-height:2;padding:25px 0;border-top:1px solid #f4c3a96b;border-bottom:1px solid #f4c3a96b;white-space:pre-wrap;overflow-wrap:anywhere}.install .install-note{font-size:11px;color:#fff;margin-top:18px}.install>a{display:inline-block;font-size:12px;margin-top:19px}.early{padding-block:70px;display:grid;grid-template-columns:1fr 1.2fr;column-gap:70px}.early h2{font-size:25px;font-weight:550;letter-spacing:-.025em}.early p{font-size:12px;line-height:1.9;color:var(--subtle)}.early a{grid-column:2;justify-self:start;margin-top:20px;font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-block:24px 30px;font-size:10px;color:var(--subtle)}footer img{width:100px;height:auto}footer p{line-height:1.8}footer>span{font-size:10px}.guide{max-width:870px;padding-block:60px 90px}.guide h1{font-size:64px;margin-top:30px}.guide .lead{font-size:19px;line-height:1.7;margin-top:24px;max-width:65ch;color:var(--subtle)}.guide h2{font-size:25px;letter-spacing:-.02em;margin-top:46px;margin-bottom:17px}.guide p,.guide li{font-size:14px;line-height:1.9;max-width:75ch;color:#5d574d}.guide li+li{margin-top:9px}.guide pre{background:var(--night);color:#f1ecd9;border-radius:8px;padding:25px;font-size:12px;line-height:1.9;overflow:auto}.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}hearth-when{display:contents}@media(min-width:1100px){.hero{padding-top:48px}.source{min-height:325px}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{padding-top:50px;padding-bottom:44px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:24px}.bench-heading{align-items:flex-start;flex-direction:column;gap:6px}.bench{grid-template-columns:1fr}.demo-side{grid-row:1}.source{min-height:300px}.flow article{padding-right:15px}.flow article+article{padding-left:20px}.principles{gap:40px}.principles h2{font-size:38px}.start-inner{gap:35px}.start-inner h2{font-size:50px}.early{gap:35px}footer>span{display:none}}@media(max-width:560px){.wrap{width:calc(100% - 36px)}.site-header{padding-block:20px}.site-header img{height:32px}.site-header nav{gap:17px;font-size:11px}.site-header nav{gap:12px;font-size:10px}.site-header img{height:28px}.hero{padding-top:42px}h1{font-size:47px;line-height:1.12}.hero-bottom>p{font-size:15px;line-height:1.8}.actions{gap:24px}.button{min-height:45px;font-size:12px}.bench-heading h2{font-size:15px}.bench-heading p{font-size:10px}.demo-toolbar{padding-inline:17px}.demo-filters{padding:20px 16px 10px;gap:8px}.demo-list{padding-inline:17px;min-height:240px}.issue{font-size:11px;min-height:60px}.demo-foot{padding-inline:17px;font-size:9px}.source{font-size:10px;padding:20px 17px;min-height:285px;line-height:1.9}.code-toolbar{padding-inline:17px}.code-foot{font-size:9px;padding-inline:17px}.bench-caption{font-size:10px}.architecture{padding-block:65px}.architecture>h2{font-size:29px}.flow{grid-template-columns:1fr;margin-top:30px}.flow article,.flow article+article{padding:23px 0;border-left:0;border-bottom:1px solid var(--line)}.flow h3{margin-top:11px}.flow p{font-size:13px}.flow code{margin-top:15px}.principles{grid-template-columns:1fr;padding-block:40px 60px;gap:40px}.principles>div{display:grid;grid-template-columns:55px 1fr;column-gap:20px}.principles img{width:55px;height:55px}.principles h2{font-size:36px;margin-top:0}.principles>div>p{grid-column:2;margin-top:16px;font-size:13px}.principles dt{font-size:16px}.start-inner{grid-template-columns:1fr;padding-block:45px 50px;gap:37px}.start-inner h2{font-size:53px}.start-inner>div>p{font-size:13px}.install pre{font-size:11px}.early{grid-template-columns:1fr;padding-block:45px;gap:18px}.early a{grid-column:1;margin-top:0}.early h2{font-size:24px}footer{align-items:flex-start;font-size:9px;gap:20px}footer p{max-width:175px}.guide{padding-top:40px}.guide h1{font-size:45px}.guide .lead{font-size:16px}.guide pre{font-size:10px;padding:17px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.issue-check{height:40px;width:40px;border:0;position:relative;isolation:isolate;background:transparent!important}.issue-check:before{content:"";position:absolute;inset:9px;border:1px solid #bbb5a8;border-radius:50%;z-index:-1}.issue-check:hover:before{border-color:var(--ember);background:#f7e8dd}.completed .issue-check:before{background:#e7eddf;border-color:#c7d2bd}.issue{gap:3px}.issue-check:focus-visible{outline-offset:0}

.start-section a:focus-visible,.start-section button:focus-visible{outline-color:#fff}.start-section .light:focus-visible{outline:3px solid #fff;box-shadow:0 0 0 2px var(--ember)}