@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter+Tight:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand:#c4622d;--brand-deep:#a14f1f;--brand-wash:#c4622d1a;--dark-bg:#0f0f0d;--dark-surface:#1a1a17;--dark-text:#ece8e0;--dark-text-soft:#b0aca2;--dark-text-dim:#8c8880;--dark-border:#ffffff14;--dark-border-strong:#ffffff24;--light-bg:#f5f2ee;--light-surface:#fff;--light-text:#0f0f0d;--light-text-soft:#4a4843;--light-text-dim:#8c8880;--light-border:#0f0f0d1a;--light-border-soft:#0f0f0d0f;--green:#3b6d11;--green-bg:#eaf3de;--green-dark:#8fbf4d;--green-bg-dark:#8fbf4d1f;--amber:#854f0b;--amber-bg:#faeeda;--amber-dark:#e0a34b;--amber-bg-dark:#e0a34b1f;--text-primary:var(--light-text);--text-secondary:var(--light-text-soft);--text-tertiary:var(--light-text-dim);--bg-primary:var(--light-surface);--bg-secondary:var(--light-bg);--bg-tertiary:#eae6de;--border:var(--light-border);--border-soft:var(--light-border-soft);--brand-light:var(--brand-wash);--ease:cubic-bezier(.16, 1, .3, 1);--radius-sm:4px;--radius-md:6px;--radius-lg:8px}html{scroll-behavior:smooth;background:var(--dark-bg)}body{color:var(--light-text);background:var(--dark-bg);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01", "cv11";font-variation-settings:"opsz" 14;font-family:Inter Tight,-apple-system,Helvetica Neue,sans-serif;font-weight:400;line-height:1.55}.section{width:100%}.section-dark{background:var(--dark-bg);color:var(--dark-text)}.section-light{background:var(--light-bg);color:var(--light-text)}.container{max-width:780px;margin:0 auto;padding:5.5rem 1.5rem}.container-tight{max-width:780px;margin:0 auto;padding:4rem 1.5rem}.display{letter-spacing:-.01em;font-family:Instrument Serif,Georgia,serif;font-weight:400;line-height:1.05}.display em{color:var(--brand);font-style:italic}.mono{letter-spacing:.02em;font-family:DM Mono,ui-monospace,monospace;font-weight:400}.eyebrow{letter-spacing:.18em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:11px;font-weight:500}.hero{max-width:780px;margin:0 auto;padding:6rem 1.5rem 5rem}.hero-lockup{align-items:baseline;gap:14px;margin-bottom:6rem;display:flex}.wordmark{letter-spacing:-.01em;color:var(--dark-text);align-items:baseline;font-family:Instrument Serif,serif;font-size:26px;font-weight:400;line-height:1;display:inline-flex}.wordmark em{color:var(--brand);margin:0 -.02em;font-style:italic}.hero-meta{color:var(--dark-text-dim);letter-spacing:.08em;margin-left:auto;font-family:DM Mono,monospace;font-size:11px}h1.hero-h{letter-spacing:-.02em;color:var(--dark-text);max-width:900px;margin-bottom:2.25rem;font-family:Instrument Serif,Georgia,serif;font-size:clamp(44px,7.5vw,84px);font-weight:400;line-height:1.02}h1.hero-h em{color:var(--brand);font-style:italic;display:block}.hero-sub{color:var(--dark-text-soft);max-width:560px;margin-bottom:3rem;font-size:17px;font-weight:300;line-height:1.65}.hero-sub strong{color:var(--dark-text);font-weight:400}.cta-row{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:4rem;display:flex}.btn{background:var(--brand);color:#fff;letter-spacing:.01em;cursor:pointer;transition:background .16s var(--ease);border:none;border-radius:2px;align-items:center;gap:10px;padding:.95rem 1.6rem;font-family:Inter Tight,sans-serif;font-size:13.5px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--brand-deep)}.demos-head{max-width:780px;margin:0 auto;padding:5rem 1.5rem 0}.demos-head h2{letter-spacing:-.015em;margin-bottom:1rem;font-family:Instrument Serif,serif;font-size:clamp(30px,4.5vw,44px);font-weight:400;line-height:1.08}.demos-head h2 em{color:var(--brand);font-style:italic}.demos-context,.demos-closing{letter-spacing:.01em;color:var(--light-text-dim);align-items:stretch;gap:10px;max-width:780px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;font-family:DM Mono,monospace;font-size:12px;line-height:1.5;display:flex}.demos-context:before,.demos-closing:before{content:"";background:var(--brand);flex:0 0 3px;align-self:stretch}.demos-context{margin-top:2rem;margin-bottom:2rem}.demos-closing{margin-top:2rem;margin-bottom:0;padding-bottom:80px}.demos-wrap{max-width:780px;margin:0 auto;padding:0 1.5rem 2rem}.demo{background:var(--light-surface);border:.5px solid var(--light-border);transition:transform .2s var(--ease), box-shadow .2s var(--ease);border-radius:2px;margin-bottom:1.5rem;overflow:hidden}.demo:hover{transform:translateY(-2px);box-shadow:0 20px 48px -24px #0f0f0d33}.demo-head{border-bottom:.5px solid var(--light-border);background:var(--light-surface);justify-content:space-between;align-items:flex-start;gap:14px;padding:1.1rem 1.3rem;display:flex}.demo-title-wrap .card-title{font-family:Instrument Serif,serif;font-size:19px;font-weight:400;line-height:1.2}.demo-title-wrap .card-desc{color:var(--light-text-soft);margin-top:4px;font-size:12.5px;font-weight:300;line-height:1.5}.tag{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border:.5px solid #0000;border-radius:0;flex-shrink:0;padding:4px 9px;font-family:DM Mono,monospace;font-size:9.5px;font-weight:500}.tg{color:var(--green);background:0 0;border-color:#3b6d114d}.ta{color:var(--amber);background:0 0;border-color:#854f0b4d}.tb{color:var(--brand);background:0 0;border-color:#c4622d66}.stage-host{background:var(--light-surface);--scale:1;justify-content:flex-start;align-items:flex-start;display:flex;position:relative;overflow:hidden}.demo[data-centered] .stage-host{justify-content:center}.stage-host>*{flex:none}.stage-host>:not(.stage-scale){width:100%}.stage-scale{transform-origin:0 0;width:580px;height:380px;transform:scale(var(--scale));flex:none}.acts-bar{background:var(--light-surface);border-bottom:.5px solid var(--light-border-soft);align-items:center;gap:14px;padding:.85rem 1.3rem .7rem;display:flex}.step-indicator{cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:4px 0;display:flex}.step-indicator .step-num{letter-spacing:.06em;color:var(--light-text-dim);transition:color .28s var(--ease);min-width:16px;font-family:DM Mono,monospace;font-size:10px}.step-indicator .step-bar{background:var(--light-border);height:1px;transition:background .28s var(--ease);flex:1;position:relative;overflow:hidden}.step-indicator .step-bar:after{content:"";background:var(--brand);transform-origin:0;transition:transform .28s var(--ease);position:absolute;inset:0;transform:scaleX(0)}.step-indicator[data-state=active] .step-num{color:var(--brand)}.step-indicator[data-state=active] .step-bar:after{transform:scaleX(1)}.step-indicator[data-state=done] .step-num{color:var(--light-text-soft)}.step-indicator[data-state=done] .step-bar:after{background:var(--light-text-dim);transform:scaleX(1)}.step-indicator:hover .step-num{color:var(--light-text)}.step-caption{letter-spacing:.01em;color:var(--light-text-dim);white-space:nowrap;text-overflow:ellipsis;border-bottom:.5px solid var(--light-border);padding:10px 1.3rem 12px;font-family:DM Mono,monospace;font-size:10.5px;line-height:1.3;overflow:hidden}.demo-controls{border-top:.5px solid var(--light-border);background:var(--light-surface);justify-content:space-between;align-items:center;padding:.9rem 1.3rem 1.1rem;display:flex}.demo-controls .ctrl-group{align-items:center;gap:18px;display:flex}.demo-controls button{letter-spacing:.08em;text-transform:uppercase;color:var(--brand);cursor:pointer;transition:opacity .2s var(--ease);background:0 0;border:0;padding:4px 0;font-family:DM Mono,monospace;font-size:11px}.demo-controls button:hover{opacity:.7}.demo-controls button:disabled{color:var(--light-text-dim);cursor:default;opacity:.5}.demo-controls button:disabled:hover{opacity:.5}.demo-controls .arrow{transition:transform .2s var(--ease);display:inline-block}.demo-controls button:not(:disabled):hover .arrow{transform:translate(2px)}.demo-controls button:not(:disabled):hover .back-arrow{transform:translate(-2px)}.demo-controls .act-label{letter-spacing:.1em;text-transform:uppercase;color:var(--light-text-dim);font-family:DM Mono,monospace;font-size:10px}.cta-block{border:.5px solid var(--dark-border);text-align:left;padding:4rem 2rem}.cta-grid{grid-template-columns:1fr auto;align-items:end;gap:2rem;display:grid}.cta-h{letter-spacing:-.015em;color:var(--dark-text);max-width:520px;margin-bottom:1rem;font-family:Instrument Serif,serif;font-size:clamp(28px,4vw,40px);font-weight:400;line-height:1.08}.cta-h em{color:var(--brand);font-style:italic}.cta-s{color:var(--dark-text-soft);max-width:480px;font-size:14.5px;font-weight:300;line-height:1.65}.cta-s strong{color:var(--dark-text);font-weight:400}.cta-note{color:var(--dark-text-dim);letter-spacing:.1em;border-top:.5px solid var(--dark-border);text-transform:uppercase;flex-wrap:wrap;gap:24px;margin-top:2rem;padding-top:1.5rem;font-family:DM Mono,monospace;font-size:10.5px;display:flex}.footer{border-top:.5px solid var(--dark-border);letter-spacing:.1em;text-transform:uppercase;max-width:780px;color:var(--dark-text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:2rem 1.5rem;font-family:DM Mono,monospace;font-size:10.5px;display:flex}.demo[data-narrow] .demo-head{padding:.95rem 1.1rem}.demo[data-narrow] .demo-title-wrap .card-title{font-size:15px!important}.demo[data-narrow] .acts-bar{gap:10px;padding:.7rem 1.1rem .55rem}.demo[data-narrow] .step-caption{padding:8px 1.1rem 10px;font-size:10px}.demo[data-narrow] .demo-controls{gap:6px;padding:.8rem 1rem 1rem}.demo[data-narrow] .demo-controls .act-label{letter-spacing:.06em;text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:9px;overflow:hidden}.demo[data-narrow] .demo-controls button{white-space:nowrap;letter-spacing:.06em;font-size:10.5px}@keyframes opsCaret{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes opsPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}@keyframes slSpin{to{transform:rotate(360deg)}}@media (width<=640px){.container,.container-tight{padding:4rem 1.25rem}.hero{padding:4rem 1.25rem 3rem}.cta-grid{grid-template-columns:1fr}.demos-head{padding:3.5rem 1.25rem 0}.demos-wrap{padding:0 1.25rem 1.5rem}.demos-context,.demos-closing{padding-left:1.25rem;padding-right:1.25rem}}