:root{--color-ink:#171717;--color-on-primary:#fff;--color-body:#4d4d4d;--color-mute:#888;--color-hairline:#ebebeb;--color-hairline-strong:#a1a1a1;--color-canvas:#fff;--color-canvas-soft:#fafafa;--color-canvas-soft-2:#f5f5f5;--color-accent:#10b981;--color-accent-deep:#059669;--color-accent-soft:#d1fae5;--color-accent-text:#065f46;--color-error:#e00;--color-error-soft:#f7d4d6;--color-warning:#f5a623;--color-warning-soft:#ffefcf;--color-warning-deep:#92400e;--color-blue:#2563eb;--color-blue-soft:#dbeafe;--nav-bg:#ffffffeb;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:40px;--space-3xl:48px;--space-4xl:64px;--space-5xl:96px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:100px;--radius-full:9999px;--shadow-1:0 0 0 1px #00000014 inset;--shadow-2:0px 1px 1px #00000005, 0px 2px 2px #0000000a, 0 0 0 1px #00000014 inset;--shadow-3:0px 2px 2px #0000000a, 0px 8px 8px -8px #0000000a, 0 0 0 1px #00000014 inset;--shadow-4:0px 2px 2px #0000000a, 0px 8px 16px -4px #0000000a, 0 0 0 1px #00000014 inset;--nav-height:64px;--page-max:1200px}html.dark{--color-ink:#fafafa;--color-on-primary:#0a0a0a;--color-body:#a3a3a3;--color-mute:#666;--color-hairline:#262626;--color-hairline-strong:#404040;--color-canvas:#171717;--color-canvas-soft:#0a0a0a;--color-canvas-soft-2:#1c1c1c;--color-accent-soft:#064e3b;--color-accent-text:#6ee7b7;--color-error-soft:#3b0a0a;--color-warning-soft:#3b2500;--color-warning-deep:#fbbf24;--color-blue:#60a5fa;--color-blue-soft:#1e3a5f;--nav-bg:#0a0a0aeb;--shadow-1:0 0 0 1px #ffffff0f inset;--shadow-2:0px 1px 1px #0000004d, 0px 2px 2px #0003, 0 0 0 1px #ffffff0f inset;--shadow-3:0px 2px 2px #0000004d, 0px 8px 8px -8px #0000004d, 0 0 0 1px #ffffff0f inset;--shadow-4:0px 2px 2px #0000004d, 0px 8px 16px -4px #0000004d, 0 0 0 1px #ffffff0f inset}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-canvas-soft);color:var(--color-ink);flex-direction:column;min-height:100dvh;line-height:1.5;transition:background-color .2s,color .2s;display:flex}main{flex:1}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}::selection{background:var(--color-accent);color:#fff}.nav-bar{z-index:100;height:var(--nav-height);border-bottom:1px solid var(--color-hairline);backdrop-filter:blur(12px);background:var(--nav-bg);position:sticky;top:0}.nav-inner{max-width:var(--page-max);padding:0 var(--space-lg);align-items:center;gap:var(--space-md);height:100%;margin:0 auto;display:flex}.nav-logo{align-items:center;gap:var(--space-xs);flex-shrink:0;text-decoration:none;display:flex}.logo-icon{flex-shrink:0}.logo-text{letter-spacing:.5px;color:var(--color-ink);font-size:15px}.logo-regular{font-weight:400}.logo-bold{font-weight:700}.nav-links{align-items:center;gap:var(--space-xxs);margin-left:auto;display:flex}.nav-link{color:var(--color-body);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:14px;transition:color .2s,background .2s}.nav-link:hover{color:var(--color-ink);background:var(--color-canvas-soft-2)}.nav-cta-group{align-items:center;gap:var(--space-xs);margin-left:var(--space-xs);display:flex}.dark-toggle{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-body);flex-shrink:0;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex}.dark-toggle:hover{color:var(--color-ink);background:var(--color-canvas-soft-2)}.icon-moon,html.dark .icon-sun{display:none}html.dark .icon-moon{display:block}.btn-nav-primary{background:var(--color-ink);color:var(--color-on-primary);padding:0 var(--space-xs);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;height:28px;font-size:14px;font-weight:500;transition:opacity .2s;display:inline-flex}.btn-nav-primary:hover{opacity:.85}.hamburger{padding:var(--space-xs);border-radius:var(--radius-sm);flex-direction:column;gap:5px;margin-left:auto;display:none}.hamburger span{background:var(--color-ink);width:18px;height:1.5px;transition:all .2s;display:block}.mobile-menu{top:var(--nav-height);background:var(--color-canvas);border-bottom:1px solid var(--color-hairline);padding:var(--space-md) var(--space-lg) var(--space-lg);z-index:99;opacity:0;pointer-events:none;transition:transform .2s,opacity .2s;display:none;position:fixed;left:0;right:0;transform:translateY(-8px)}.mobile-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-menu nav{gap:var(--space-xs);flex-direction:column;display:flex}.mobile-link{color:var(--color-body);padding:var(--space-sm) var(--space-xs);border-bottom:1px solid var(--color-hairline);font-size:16px}.mobile-cta{margin-top:var(--space-sm);padding:0 var(--space-md);align-self:flex-start;height:36px}.site-footer{background:var(--color-canvas);border-top:1px solid var(--color-hairline);padding:var(--space-xl) var(--space-lg);margin-top:auto}.footer-inner{max-width:var(--page-max);justify-content:space-between;align-items:flex-start;gap:var(--space-xl);flex-wrap:wrap;margin:0 auto;display:flex}.footer-brand{color:var(--color-body);font-size:14px}.footer-logo{color:var(--color-ink);font-weight:700}.footer-cols{gap:var(--space-3xl);flex-wrap:wrap;display:flex}.footer-nav{gap:var(--space-xs);flex-direction:column;display:flex}.footer-col-label{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-mute);margin-bottom:var(--space-xxs)}.footer-link{color:var(--color-mute);font-size:14px;transition:color .2s}.footer-link:hover{color:var(--color-ink)}.container{max-width:var(--page-max);padding:0 var(--space-lg);margin:0 auto}.btn-primary{justify-content:center;align-items:center;gap:var(--space-xs);background:var(--color-ink);color:var(--color-on-primary);padding:12px var(--space-lg);border-radius:var(--radius-pill);white-space:nowrap;cursor:pointer;border:none;font-size:16px;font-weight:500;line-height:24px;text-decoration:none;transition:opacity .2s;display:inline-flex}.btn-primary:hover{opacity:.85}.btn-primary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-secondary{justify-content:center;align-items:center;gap:var(--space-xs);background:var(--color-canvas);color:var(--color-ink);padding:12px var(--space-lg);border-radius:var(--radius-pill);border:1px solid var(--color-hairline);cursor:pointer;white-space:nowrap;font-size:16px;font-weight:500;line-height:24px;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.btn-secondary:hover{background:var(--color-canvas-soft);border-color:var(--color-hairline-strong)}.btn-accent{justify-content:center;align-items:center;gap:var(--space-xs);background:var(--color-accent);color:#fff;padding:12px var(--space-lg);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:none;font-size:16px;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.btn-accent:hover{background:var(--color-accent-deep)}.btn-accent:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-sm{padding:8px var(--space-md);font-size:14px}.card{background:var(--color-canvas);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-3)}.card-lg{background:var(--color-canvas);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-4)}.badge{align-items:center;gap:var(--space-xxs);background:var(--color-canvas-soft);color:var(--color-body);padding:2px var(--space-xs);border-radius:var(--radius-full);border:1px solid var(--color-hairline);font-size:12px;display:inline-flex}.badge-accent{background:var(--color-accent-soft);color:var(--color-accent-text);border-color:#0000}.eyebrow{font-family:var(--font-mono);color:var(--color-mute);letter-spacing:.04em;text-transform:uppercase;font-size:12px}.section-heading{letter-spacing:-1.28px;color:var(--color-ink);font-size:32px;font-weight:600;line-height:40px}.hero-heading{letter-spacing:-2.4px;color:var(--color-ink);font-size:clamp(36px,5.5vw,56px);font-weight:600;line-height:1.04}.text-body{color:var(--color-body);font-size:16px;line-height:24px}.text-body-lg{color:var(--color-body);font-size:18px;line-height:28px}.text-mute{color:var(--color-mute);font-size:14px}.progress-bar{background:var(--color-hairline);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-fill{background:var(--color-accent);border-radius:var(--radius-full);max-width:100%;height:100%;transition:width .4s}.progress-fill.over{background:var(--color-error)}.progress-fill.close{background:var(--color-warning)}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-label{color:var(--color-ink);font-size:14px;font-weight:500}.form-hint{color:var(--color-mute);font-size:12px}.form-input{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:0 var(--space-sm);height:40px;color:var(--color-ink);width:100%;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.form-input::placeholder{color:var(--color-mute)}.form-select{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:0 32px 0 var(--space-sm);height:40px;color:var(--color-ink);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23888' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;width:100%;font-size:14px;transition:border-color .2s}.form-select:focus{border-color:var(--color-accent);outline:none}.toggle-group{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);display:flex;overflow:hidden}.toggle-option{padding:0 var(--space-md);height:40px;color:var(--color-mute);background:var(--color-canvas);cursor:pointer;border:none;flex:1;font-size:14px;font-weight:500;transition:background .15s,color .15s}.toggle-option.active{background:var(--color-ink);color:var(--color-on-primary)}.divider{background:var(--color-hairline);height:1px;margin:var(--space-lg) 0}.prose-page{padding:var(--space-4xl) 0 var(--space-5xl);max-width:720px;margin:0 auto}.prose-page h1{letter-spacing:-1px;margin-bottom:var(--space-lg);font-size:32px;font-weight:700}.prose-page h2{margin-top:var(--space-xl);margin-bottom:var(--space-sm);font-size:20px;font-weight:600}.prose-page p{color:var(--color-body);margin-bottom:var(--space-md);font-size:16px;line-height:26px}.prose-page ul{padding-left:var(--space-lg);margin-bottom:var(--space-md)}.prose-page li{color:var(--color-body);margin-bottom:var(--space-xs);font-size:16px;line-height:26px}@media (width<=768px){.nav-links,.nav-cta-group{display:none}.hamburger{display:flex}.mobile-menu{display:block}.section-heading{letter-spacing:-.96px;font-size:24px;line-height:32px}.container{padding:0 var(--space-md)}.footer-inner{gap:var(--space-lg);flex-direction:column}.footer-cols{gap:var(--space-xl)}.prose-page{padding:var(--space-xl) var(--space-md) var(--space-3xl)}}