.app-container{min-height:100vh;background:var(--bg-primary)}.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}.section-kicker,.eyebrow{margin:0 0 .85rem;color:var(--accent-strong);font-family:var(--font-mono);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.section-heading-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.45fr);gap:2rem;align-items:end;max-width:1180px;margin:0 auto 3rem}.section-heading-row h2,.demo-sticky-copy h2,.final-cta h2,.docs-hero h1,.feedback-container h1,.not-found-panel h1{margin:0;color:var(--text-main);font-size:clamp(2.4rem,5vw,5.3rem);line-height:.95;font-weight:820;letter-spacing:0;overflow-wrap:anywhere}.section-heading-row p,.demo-sticky-copy p,.final-cta p,.docs-hero p,.feedback-container p,.not-found-panel p{margin:0;color:var(--text-muted);font-size:1rem;line-height:1.7}.navbar{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-primary) 86%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;max-width:1240px;height:68px;margin:0 auto;padding:0 1.5rem}.navbar-logo{color:var(--text-main);font-size:1.05rem;font-weight:850}.navbar-links{display:flex;align-items:center;gap:1rem}.navbar-links a,.navbar-links button,.mobile-menu a,.mobile-menu button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:0;background:transparent;color:var(--text-muted);font-size:.92rem;cursor:pointer}.navbar-links a{padding:0 .2rem}.navbar-links a.active,.navbar-links a:hover,.navbar-links button:hover,.mobile-menu a.active,.mobile-menu a:hover,.mobile-menu button:hover{color:var(--text-main)}.navbar a:focus-visible,.navbar button:focus-visible,.copy-command:focus-visible,.secondary-link:focus-visible,.submit-btn:focus-visible,.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-main);cursor:pointer}.mobile-menu{display:none;flex-direction:column;gap:.5rem;padding:.75rem 1.5rem 1rem;border-top:1px solid var(--border);background:var(--surface)}.hero-section{position:relative;display:grid;grid-template-columns:minmax(500px,.92fr) minmax(440px,.68fr);gap:clamp(2.5rem,6vw,7rem);align-items:center;min-height:min(880px,calc(100svh - 68px));overflow:hidden;border-bottom:1px solid var(--border);padding:clamp(3rem,5vh,4.5rem) clamp(2rem,6vw,7rem) clamp(4rem,7vh,5.5rem);background:radial-gradient(circle at 78% 24%,color-mix(in srgb,var(--accent-soft) 54%,transparent),transparent 28rem),radial-gradient(circle at 24% 88%,rgba(255,255,255,.08),transparent 24rem),linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-primary) 48%,var(--bg-secondary) 100%)}.hero-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--border) 42%,transparent) 1px,transparent 1px),linear-gradient(180deg,color-mix(in srgb,var(--border) 28%,transparent) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(90deg,black,transparent 68%);mask-image:linear-gradient(90deg,black,transparent 68%);opacity:.36;pointer-events:none}.hero-content{position:relative;z-index:3;display:grid;align-content:center;min-height:auto;width:100%;max-width:780px;margin:0;padding:0;animation:eventEnter .48s ease-out both}.hero-content h1{margin:0;color:var(--text-main);font-size:clamp(6rem,12vw,11rem);line-height:.78;font-weight:900;letter-spacing:0}.hero-pain{max-width:720px;margin:1.4rem 0 0;color:var(--text-main);font-size:clamp(2.65rem,4.05vw,4.7rem);line-height:.98;font-weight:820;letter-spacing:0;overflow-wrap:anywhere}.hero-subtitle{max-width:570px;margin:1.5rem 0 0;color:var(--text-muted);font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;max-width:100%;margin-top:2rem}.copy-command,.secondary-link,.submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-width:0;min-height:48px;border:1px solid var(--border);border-radius:8px;padding:0 1rem;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.copy-command{background:var(--text-main);color:var(--bg-primary)}.copy-command code{min-width:0;color:inherit;font-size:.9rem;overflow-wrap:anywhere}.secondary-link{background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--text-main);font-weight:760}.copy-command:hover,.secondary-link:hover,.submit-btn:hover{transform:translateY(-1px);border-color:var(--accent)}.ledger-spine-scene{position:relative;z-index:2;display:grid;align-items:center;width:min(100%,560px);justify-self:end;pointer-events:none}.recorder-halo{position:absolute;inset:10% -10% 4%;border-radius:28px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 44%),linear-gradient(135deg,transparent,color-mix(in srgb,var(--accent-soft) 56%,transparent),transparent);filter:blur(6px);opacity:.75}.recorder-shell{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--border-strong) 76%,transparent);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.055),transparent 20%),linear-gradient(135deg,color-mix(in srgb,var(--surface-subtle) 55%,transparent),color-mix(in srgb,var(--code-bg) 90%,transparent)),var(--code-bg);box-shadow:0 34px 120px #00000061,inset 0 1px #ffffff14;animation:eventEnter .56s .06s ease-out both}.recorder-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:40px 40px;opacity:.42;pointer-events:none}.recorder-topbar,.recorder-footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.09);padding:1rem 1.1rem;color:#9fbab3;font-family:var(--font-mono);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.recorder-topbar code{color:var(--code-text);font-size:.76rem;letter-spacing:0;text-transform:none}.recorder-screen{position:relative;z-index:1;display:grid;gap:1rem;min-height:430px;padding:1.35rem 1.2rem 1.2rem}.recorder-screen:before{content:"";position:absolute;top:1rem;bottom:1rem;left:2rem;width:2px;background:linear-gradient(180deg,transparent,var(--accent),var(--accent),transparent);box-shadow:0 0 24px color-mix(in srgb,var(--accent) 56%,transparent)}.recorder-scanline{position:absolute;left:0;right:0;height:96px;background:linear-gradient(180deg,transparent,rgba(20,241,201,.12),transparent);animation:recorderSweep 6s linear infinite}.recorder-track{position:absolute;top:2.4rem;bottom:2.4rem;left:2rem;display:flex;flex-direction:column;justify-content:space-between;transform:translate(-7px)}.track-node{width:16px;height:16px;border:2px solid var(--accent);border-radius:999px;background:var(--code-bg);box-shadow:0 0 0 8px #14f1c91a}.track-node.active{box-shadow:0 0 0 14px #14f1c929;animation:commitPulse 3.8s ease-in-out infinite}.recorder-row{position:relative;margin-left:3rem;border-top:1px solid rgba(159,186,179,.26);padding:.95rem 0 .2rem}.recorder-row span,.recorder-footer span{color:var(--accent-strong);font-family:var(--font-mono);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.recorder-row strong{display:block;margin:.45rem 0 0;color:var(--code-text);font-size:clamp(1.08rem,2vw,1.55rem);line-height:1.25}.recorder-row p{margin:.45rem 0 0;color:#a8b0ad;font-size:.95rem;line-height:1.5}.recorder-row.query{margin-top:auto;border:1px solid rgba(159,186,179,.25);border-radius:8px;background:#00000047;padding:.9rem 1rem}.recorder-row.query strong{color:var(--code-text);font-size:.92rem;opacity:.78}.recorder-footer{border-top:1px solid rgba(255,255,255,.09);border-bottom:0;color:#9fbab3}.workflow-section,.features-section,.interactive-demo-section,.final-cta,.docs-page,.feedback-page,.not-found-page{max-width:1180px;margin:0 auto;padding:7rem 1.5rem}.workflow-rail{border-top:1px solid var(--border)}.workflow-item{display:grid;grid-template-columns:86px minmax(0,1fr);gap:1.5rem;align-items:start;border-bottom:1px solid var(--border);padding:1.6rem 0}.workflow-item>span{color:var(--accent-strong);font-family:var(--font-mono);font-size:.82rem;font-weight:850}.workflow-item h3{margin:0;color:var(--text-main);font-size:clamp(1.6rem,3vw,3rem);line-height:1}.workflow-item code{display:block;margin-top:.7rem;color:var(--text-main);font-size:.92rem;overflow-wrap:anywhere}.workflow-item p{max-width:620px;margin:.7rem 0 0;color:var(--text-muted);line-height:1.65}.proof-strips{display:grid;border-top:1px solid var(--border)}.proof-strip{display:grid;grid-template-columns:48px minmax(220px,.48fr) minmax(0,1fr);gap:1.5rem;align-items:center;border-bottom:1px solid var(--border);padding:1.4rem 0}.proof-strip svg{color:var(--accent-strong)}.proof-strip h3{margin:0;color:var(--text-main);font-size:1.35rem;line-height:1.15}.proof-strip p{margin:0;color:var(--text-muted);line-height:1.65}.final-cta{border-top:1px solid var(--border);text-align:center}.final-cta h2{max-width:880px;margin:0 auto}.final-cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem}.footer-section{display:flex;justify-content:space-between;gap:1rem;max-width:1180px;margin:0 auto;padding:3rem 1.5rem;border-top:1px solid var(--border);color:var(--text-muted)}.footer-section p{margin:0}.footer-section a{color:var(--text-main);font-weight:760}.docs-page,.feedback-page,.not-found-page{padding-top:6rem}.feedback-page,.not-found-page{padding-top:4.5rem}.docs-hero{margin-bottom:4rem}.docs-hero h1{max-width:900px}.docs-hero p:not(.section-kicker){max-width:680px;margin-top:1.2rem}.docs-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:3rem;align-items:start}.docs-nav{position:sticky;top:94px;display:grid;gap:.2rem;border-left:1px solid var(--border);padding-left:1rem}.docs-nav a{padding:.5rem 0;color:var(--text-muted);font-size:.94rem}.docs-nav a:hover{color:var(--text-main)}.docs-content{display:grid}.docs-section{border-top:1px solid var(--border);padding:2rem 0;scroll-margin-top:96px}.docs-section h2{margin:0;color:var(--text-main);font-size:clamp(1.8rem,3vw,3.1rem);line-height:1}.docs-section p,.docs-section li{color:var(--text-muted);line-height:1.7}.docs-section p code,.docs-section li code{border-radius:4px;background:var(--surface-subtle);color:var(--text-main);padding:.08rem .3rem}.docs-code{margin:1rem 0 0;border-radius:8px;background:var(--code-bg);color:var(--code-text);overflow-x:auto;padding:1rem;font-size:.86rem;line-height:1.65}.docs-command-table{display:grid;margin-top:1rem}.docs-command-row{display:grid;grid-template-columns:minmax(220px,.58fr) minmax(0,1fr);gap:1rem;border-top:1px solid var(--border);padding:1rem 0}.docs-command-row code{color:var(--text-main);font-family:var(--font-mono);overflow-wrap:anywhere}.docs-command-row p{margin:0}.feedback-page,.not-found-page{display:flex;justify-content:center}.feedback-container,.not-found-panel{width:min(760px,100%);border-top:1px solid var(--border);padding-top:2rem}.feedback-container{position:relative}.feedback-note{margin-top:1.4rem;border-left:2px solid var(--accent-strong);padding-left:1rem;color:var(--text-soft);font-family:var(--font-mono);font-size:.78rem;line-height:1.6}.feedback-container h1,.not-found-panel h1{font-size:clamp(2.5rem,5vw,5rem)}.feedback-container p:not(.section-kicker),.not-found-panel p:not(.section-kicker){margin-top:1rem}.feedback-form{display:grid;gap:1rem;margin-top:2rem}.form-group{display:grid;gap:.45rem}.form-group label{color:var(--text-main);font-weight:760}.form-group input,.form-group select,.form-group textarea{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface-subtle);color:var(--text-main);padding:.9rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-strong)}.form-group textarea{resize:vertical}.submit-btn{justify-self:start;border-color:var(--accent-strong);background:var(--accent-strong);color:var(--bg-primary);font-weight:850}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.form-message{border-radius:8px;padding:.9rem}.form-message.success{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.form-message.error{background:color-mix(in srgb,var(--warning) 14%,transparent);color:var(--warning)}.not-found-panel{text-align:center}.not-found-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}@keyframes recorderSweep{0%{transform:translateY(-120%);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translateY(420%);opacity:0}}@keyframes commitPulse{0%,to{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent-soft) 42%,transparent)}50%{box-shadow:0 0 0 13px color-mix(in srgb,var(--accent-soft) 88%,transparent)}}@keyframes eventEnter{0%{opacity:.86;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1080px){.hero-section{grid-template-columns:1fr;gap:3rem;min-height:auto}.hero-content h1{font-size:clamp(5.2rem,23vw,10rem)}.ledger-spine-scene{justify-self:start;width:min(100%,640px)}.section-heading-row,.docs-layout{grid-template-columns:1fr}.docs-nav{position:static;display:flex;flex-wrap:wrap;gap:.75rem 1rem;border-left:0;border-top:1px solid var(--border);padding:1rem 0 0}}@media(max-width:760px){.desktop-links{display:none}.mobile-menu-btn{display:inline-flex}.mobile-menu{display:flex}.hero-section{display:flex;flex-direction:column;min-height:auto;padding:4rem 1.5rem}.hero-content{order:1;width:calc(100vw - 3rem);min-height:auto;padding-top:4rem;padding-bottom:3rem}.hero-content h1{font-size:clamp(5rem,31vw,7rem)}.hero-pain{max-width:100%;font-size:clamp(2rem,10.2vw,3rem)}.hero-subtitle{max-width:340px}.hero-actions,.copy-command,.secondary-link,.footer-section,.not-found-actions{width:100%}.hero-actions{width:calc(100vw - 3rem);max-width:21.5rem}.copy-command,.secondary-link{justify-content:center;max-width:21.5rem}.ledger-spine-scene{order:2;width:100%;margin-top:-.5rem}.recorder-screen{min-height:400px}.workflow-section,.features-section,.interactive-demo-section,.final-cta,.docs-page,.feedback-page,.not-found-page{padding:4.5rem 1.5rem}.workflow-item,.proof-strip,.docs-command-row{grid-template-columns:1fr}.footer-section,.not-found-actions{flex-direction:column}}@media(max-width:480px){.recorder-topbar,.recorder-footer{display:grid;gap:.45rem}.recorder-row strong{font-size:1rem}.recorder-row p{font-size:.86rem}.copy-command code{font-size:clamp(.72rem,3.15vw,.82rem);white-space:nowrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.interactive-demo-section{display:grid;grid-template-columns:minmax(260px,.42fr) minmax(0,.58fr);gap:4rem;align-items:start}.demo-sticky-copy{position:sticky;top:104px}.demo-sticky-copy p:not(.section-kicker){margin-top:1.2rem}.demo-stage{display:grid;gap:1rem}.memory-contrast{border-top:1px solid var(--border);padding:1.15rem 0}.contrast-header{display:flex;align-items:center;gap:.55rem;margin-bottom:.9rem;color:var(--text-main);font-weight:800}.memory-contrast.before .contrast-header svg{color:var(--warning)}.memory-contrast.after .contrast-header svg{color:var(--accent-strong)}.memory-contrast p{margin:.55rem 0 0;color:var(--text-muted);line-height:1.6}.demo-terminal{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--code-bg);color:var(--code-text);box-shadow:var(--shadow-soft)}.demo-terminal:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(94,234,212,.08),transparent);transform:translateY(-100%);animation:terminalSweep 7s linear infinite;pointer-events:none}.pane-header{display:flex;align-items:center;gap:.55rem;min-height:48px;border-bottom:1px solid rgba(255,255,255,.09);background:#ffffff08;padding:0 1rem;color:#cbd5e1;font-weight:760}.terminal-lines{display:grid;gap:.85rem;padding:1.15rem;font-family:var(--font-mono);font-size:.9rem}.term-line{display:flex;align-items:flex-start;gap:.65rem;line-height:1.55;overflow-wrap:anywhere}.term-line svg,.term-prompt{flex:0 0 auto;color:#5eead4;margin-top:.18rem}.term-line.output{color:#cbd5e1}@keyframes terminalSweep{0%{transform:translateY(-100%)}54%{transform:translateY(100%)}to{transform:translateY(100%)}}@media(max-width:900px){.interactive-demo-section{grid-template-columns:1fr;gap:2rem}.demo-sticky-copy{position:static}}:root{--bg-primary: #f7f4ea;--bg-secondary: #ebe3d3;--bg-strong: #0a0d12;--bg-muted: #dfd4c2;--surface: #fffaf0;--surface-subtle: #f1eadc;--surface-inverted: #080b10;--border: #d0c3ae;--border-strong: #a99274;--text-main: #101218;--text-muted: #5f625f;--text-soft: #7a776f;--text-inverted: #f7f4ea;--accent: #14f1c9;--accent-strong: #0d8f7b;--accent-soft: rgba(20, 241, 201, .14);--warning: #b45309;--success: #15803d;--code-bg: #111827;--code-text: #e5e7eb;--shadow-soft: 0 18px 48px rgba(18, 24, 38, .08);--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}body.light-theme{--bg-primary: #f7f4ea;--bg-secondary: #ebe3d3;--surface: #fffaf0;--surface-subtle: #f1eadc;--border: #d0c3ae;--text-main: #101218;--text-muted: #5f625f;--accent: #0d8f7b;--accent-strong: #0a6f60;--accent-soft: rgba(13, 143, 123, .12);--text-inverted: #f7f4ea}body:not(.light-theme){--bg-primary: #06080d;--bg-secondary: #0b1018;--bg-muted: #151c27;--surface: #0f1621;--surface-subtle: #121b28;--surface-inverted: #f7f4ea;--border: #253143;--border-strong: #3f526b;--text-main: #f6f2e8;--text-muted: #c7c7bd;--text-soft: #8e948f;--text-inverted: #070a0f;--accent: #14f1c9;--accent-strong: #5fffe1;--accent-soft: rgba(20, 241, 201, .12);--code-bg: #02050a;--code-text: #d9fff7;--shadow-soft: 0 28px 80px rgba(0, 0, 0, .34)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-primary);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}code,pre{font-family:var(--font-mono)}::selection{background:var(--accent-soft)}
