:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f4;--surface:#fff;--surface-soft:#fafbfa;--sidebar-bg:#f9faf9;--text:#232b29;--muted:#626d68;--subtle:#667169;--line:#e5e9e6;--accent:#335e4c;--accent-hover:#264c3b;--accent-soft:#e9f1eb;--sage-bg:#e7f0e8;--sage-text:#355c43;--lilac-bg:#eeebf5;--lilac-text:#62527d;--sand-bg:#f5efdf;--sand-text:#77602c;--rose-bg:#f7eae6;--rose-text:#86594b;--task-flow-todo:#63879a;--task-flow-in-progress:#8a76ad;--task-flow-review:#b58b42;--task-flow-testing:#ad7460;--task-flow-done:#527f62;--focus:#396d58;--scrollbar-thumb:#c5cec8;--scrollbar-thumb-hover:#aab7af;--scrollbar-track:transparent;--font-sans:"Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--font-mono:"Cascadia Code", Consolas, monospace;--text-xs:12px;--text-sm:12px;--text-base:13px;--text-lg:15px;--text-title:26px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:7px;--radius-md:10px;--radius-card:16px;--radius-pill:999px;--shadow-card:0 2px 5px #26372b03, 0 8px 24px #26372b02;--transition:.15s ease;--sidebar-width:224px;--sidebar-collapsed:76px;--header-height:56px;--content-width:1536px;--content-padding:24px;--kanban-column-width:268px;--dialog-wide-width:820px;--control-height:36px;--card-padding:18px;--card-border:1px solid var(--line)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#171c19;--surface:#202722;--surface-soft:#242c26;--sidebar-bg:#1c221e;--text:#edf2ed;--muted:#b1bcb4;--subtle:#a0afa5;--line:#374139;--accent:#abd5b9;--accent-hover:#c5e5cf;--accent-soft:#2b4132;--sage-bg:#2a4130;--sage-text:#b0dcb8;--lilac-bg:#3b344a;--lilac-text:#d3c3ec;--sand-bg:#443c28;--sand-text:#ead69f;--rose-bg:#48322d;--rose-text:#e9b7a9;--focus:#b2dfc2;--scrollbar-thumb:#56645b;--scrollbar-thumb-hover:#718078}:root{--hero-display:clamp(42px, 3.9vw, 68px);--hero-radius:var(--radius-md);--hero-shadow:0 6px 18px #26372b04, 0 36px 100px -20px #26372b18;--chapter-problem:color-mix(in srgb, var(--bg) 74%, var(--sage-bg));--chapter-local:color-mix(in srgb, var(--bg) 42%, var(--sage-bg));--chapter-conversion:color-mix(in srgb, var(--bg) 76%, var(--sand-bg))}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}:focus-visible{outline:3px solid var(--focus);outline-offset:5px}.skip-link{z-index:10;border-radius:var(--radius-sm);background:var(--surface);padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{height:72px}.site-nav{align-items:center;gap:32px;width:min(1280px,100% - 80px);height:100%;margin-inline:auto;display:flex}.brand{letter-spacing:-.7px;align-items:center;gap:10px;font-size:20px;font-weight:650;display:inline-flex}.brand img{display:block}.nav-links{align-items:center;gap:30px;margin-left:auto;display:flex}.nav-links a{color:color-mix(in srgb, var(--muted) 82%, var(--text));transition:color var(--transition);padding-block:12px;font-size:14px}.nav-links a:hover{color:var(--accent)}.button{border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;min-height:46px;transition:background-color var(--transition), border-color var(--transition), box-shadow var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:14px;font-weight:600;line-height:1.3;display:inline-flex}.button-primary,.button-nav{background:var(--accent);color:var(--surface);border-color:var(--accent)}.button-primary:hover,.button-nav:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 4px 12px #335e4c13}.button:active{filter:brightness(.96)}.button-nav{min-height:36px;padding-inline:15px;font-size:12px}.button-secondary{background:var(--surface-soft);color:var(--text);border-color:#bac9bf}.button-secondary:hover{background:var(--accent-soft);border-color:#91aa99}.hero{padding-top:12px;padding-bottom:48px}.hero-copy{text-align:center;padding-inline:24px}.eyebrow{color:var(--accent-hover);letter-spacing:2.3px;margin:0 auto 10px;font-size:11px;font-weight:650;line-height:16px}h1{max-width:940px;font-size:var(--hero-display);letter-spacing:-.045em;text-wrap:balance;margin:0 auto;font-weight:600;line-height:1.075}.keep-together{white-space:nowrap}.subheadline{max-width:760px;color:var(--muted);text-wrap:pretty;margin:16px auto 0;font-size:clamp(18px,1.32vw,21px);line-height:1.5}.hero-actions{justify-content:center;gap:12px;margin-top:20px;display:flex}.trust-line{color:var(--muted);margin:13px 0 0;font-size:12px;line-height:18px}.product-showcase{isolation:isolate;width:min(81vw,1500px);margin:12px auto 0;position:relative}.product-showcase:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 50% 58%,#dbe8dc63,#e4ece52b 42%,#0000 70%);position:absolute;inset:35% 0 -2%}.product-surface{aspect-ratio:1442/932;border-radius:var(--hero-radius);background:var(--surface-soft);width:100%;box-shadow:var(--hero-shadow);border:1px solid #335e4c1a;position:relative;overflow:hidden}.product-video,.product-poster{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.product-poster{pointer-events:none}.product-surface[data-poster-visible=false] .product-poster{visibility:hidden}.demo-controls{justify-content:flex-end;min-height:36px;padding-top:10px;display:flex}.demo-controls p{color:var(--muted);margin:0;font-size:12px}.playback-button{min-height:32px;color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition), color var(--transition);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.playback-button:hover{background:var(--accent-soft);color:var(--accent)}.reveal{animation:.56s cubic-bezier(.2,.7,.2,1) both hero-enter}.eyebrow{animation-delay:20ms}h1.reveal{animation-delay:90ms}.subheadline{animation-delay:.17s}.hero-actions{animation-delay:.24s}.trust-line{animation-delay:.28s}.product-showcase{animation-name:product-enter;animation-duration:.6s;animation-delay:.32s}@keyframes hero-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes product-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1680px){.hero{padding-top:32px}.product-showcase{margin-top:16px}}@media (max-width:1023px){.site-nav{gap:20px;width:calc(100% - 48px)}.nav-links{gap:20px}.hero{padding-top:40px}.product-showcase{width:calc(100% - 48px)}h1{max-width:760px;font-size:48px}.subheadline{max-width:670px}}@media (max-width:767px){.site-header{height:auto}.site-nav{flex-wrap:wrap;justify-content:space-between;gap:14px;width:calc(100% - 40px);padding-top:18px}.brand{font-size:19px}.nav-links{border-top:1px solid var(--line);flex-basis:100%;order:3;justify-content:center;gap:clamp(20px,6vw,42px);margin:0;padding-top:3px}.nav-links a{font-size:13px}.button-nav{min-height:34px;padding-inline:12px}.hero{padding-top:32px;padding-bottom:30px}.hero-copy{padding-inline:20px}h1{letter-spacing:-.04em;max-width:560px;font-size:clamp(36px,7.5vw,46px);line-height:1.1}.eyebrow{letter-spacing:1.65px;margin-bottom:14px;font-size:10px}.subheadline{margin-top:18px;font-size:17px;line-height:1.55}.hero-actions{flex-direction:column;align-items:stretch;gap:10px;max-width:400px;margin:24px auto 0}.button{min-height:46px;padding-inline:14px;font-size:13px}.button-nav{gap:5px;min-height:34px;padding-inline:10px;font-size:11px}.trust-line{text-wrap:balance;max-width:320px;margin:16px auto 0;font-size:11px;line-height:1.8}.product-showcase{width:calc(100% - 32px);margin-top:30px}.product-surface{border-radius:var(--radius-sm)}.demo-controls{padding-top:8px}}@media (max-width:359px){.site-nav{gap:8px;width:calc(100% - 32px)}.brand{gap:6px;font-size:17px}.brand img{width:28px;height:28px}.button-nav{gap:4px;padding-inline:7px;font-size:10px}.button-nav svg{width:12px;height:12px}.nav-links{gap:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;animation:none;transform:none}*,:before,:after{transition:none!important}}
