:root{--paper:#f7f8fb;--paper-deep:#e8edf5;--paper-soft:#fff;--ink:#0b0d12;--ink-72:#0b0d12b8;--ink-56:#0b0d128f;--ink-40:#0b0d1266;--ink-24:#0b0d123d;--rule:#0b0d1229;--rule-soft:#0b0d1217;--amber:#f59e0b;--blue:#2563eb;--cyan:#0ea5a4;--violet:#7c3aed;--terminal:#111318;--terminal-text:#f6f7fb;--success:#12805c;--waiting:#f59e0b;--danger:#b33a2b;--radius:8px;--max:1180px;--display:"SF Pro Display", "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text:"SF Pro Text", "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif:var(--display);--mono:"JetBrains Mono", "SF Mono", Menlo, Consolas, monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{background:var(--paper);color:var(--ink);font-family:var(--text);text-rendering:optimizelegibility;margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}::selection{background:#f59e0b52}.site-header{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f8fbe6;border-bottom:1px solid #0b0d1229;justify-content:space-between;align-items:center;height:68px;padding:0 clamp(18px,4vw,48px);display:flex;position:sticky;top:0}.brand{letter-spacing:0;align-items:center;gap:10px;font-weight:760;display:inline-flex}.brand-mark{background:var(--ink);width:28px;height:28px;color:var(--paper);border-radius:8px;justify-content:center;align-items:center;font-size:15px;line-height:1;display:inline-flex}.site-nav{color:var(--ink-56);align-items:center;gap:clamp(14px,2.4vw,30px);font-size:14px;display:flex}.site-nav a{transition:color .16s,border-color .16s}.site-nav a:hover{color:var(--ink)}.nav-download{border:1px solid var(--ink);min-height:34px;color:var(--ink);border-radius:var(--radius);align-items:center;padding:0 14px;display:inline-flex}main{overflow:hidden}.hero-section{border-bottom:1px solid var(--rule);padding:clamp(34px,5vh,58px) clamp(18px,4vw,48px) 34px}.hero-copy{width:min(100%, var(--max));z-index:2;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);align-items:end;gap:26px clamp(34px,5vw,78px);margin:0 auto;display:grid;position:relative}.hero-main,.hero-side{min-width:0}.hero-side{padding-bottom:4px}.hero-kicker{border:1px solid var(--rule);border-radius:var(--radius);width:fit-content;color:var(--ink-72);font-family:var(--mono);background:#ffffffb8;margin-bottom:18px;padding:8px 10px;font-size:12px}.hero-copy h1{width:min(790px,100%);color:var(--ink);font-family:var(--display);letter-spacing:0;margin:0;font-size:clamp(42px,4.2vw,58px);font-style:normal;font-weight:720;line-height:1.02}.hero-copy p{width:min(680px,100%);color:var(--ink-72);margin:24px 0 0;font-size:20px;line-height:1.5}.hero-maker{width:100%;color:var(--ink);margin-top:0;font-size:15px;font-weight:680;line-height:1.5}.hero-points{flex-wrap:wrap;gap:8px;width:100%;margin-top:18px;display:flex}.hero-points span{border:1px solid var(--rule);border-radius:var(--radius);min-height:34px;color:var(--ink-72);background:#ffffffbd;align-items:center;padding:0 11px;font-size:13px;font-weight:650;display:inline-flex}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;display:flex}.button{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:15px;font-weight:720;transition:transform .16s,background .16s,color .16s,border-color .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--ink);color:var(--paper)}.button-secondary{color:var(--ink);border-color:var(--rule);background:0 0}.button-text{min-height:auto;color:var(--ink);padding:0}.hero-meta{color:var(--ink-56);margin-top:14px;font-size:13px}.hero-surface{background:linear-gradient(180deg, #0b0d120d, #0b0d121a), var(--paper-deep);border:1px solid #0b0d1233;border-radius:18px;width:min(100%,1180px);height:clamp(280px,34vw,460px);margin:clamp(24px,3.4vh,34px) auto 0;position:relative;overflow:hidden;box-shadow:0 34px 120px #0b0d1233}.hero-workflow-demo{background:radial-gradient(circle at 20% 22%,#2563eb24,#0000 26%),radial-gradient(circle at 82% 76%,#f59e0b2e,#0000 24%),linear-gradient(#ffffffdb,#e8edf5f0);position:absolute;inset:0;overflow:hidden}.workflow-steps{z-index:20;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid;position:absolute;top:18px;left:24px;right:24px}.workflow-steps span{min-height:38px;color:var(--ink-72);text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #0b0d1224;border-radius:10px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:720;animation-duration:7.4s;animation-timing-function:linear;animation-iteration-count:infinite;display:flex;position:relative;box-shadow:0 10px 34px #0b0d1214}.workflow-steps span:after{content:"";opacity:0;transform-origin:0;background:currentColor;border-radius:99px;height:3px;animation:7.4s linear infinite workflowStepBar;position:absolute;inset:auto 10px 7px;transform:scaleX(0)}.workflow-steps span:nth-child(2):after{animation-delay:2.46s}.workflow-steps span:nth-child(3):after{animation-delay:4.92s}.workflow-steps span:first-child:after{animation-delay:0s}.workflow-steps span:first-child{animation-name:workflowStepOne}.workflow-steps span:nth-child(2){animation-name:workflowStepTwo}.workflow-steps span:nth-child(3){animation-name:workflowStepThree}.workflow-desktop{background:repeating-linear-gradient(90deg,#0b0d1209 0 1px,#0000 1px 52px),repeating-linear-gradient(0deg,#0b0d1207 0 1px,#0000 1px 52px),#ffffffad;border:1px solid #0b0d1229;border-radius:16px;position:absolute;inset:76px 28px 30px;overflow:hidden;box-shadow:inset 0 1px #fff9}.workflow-window{background:var(--paper-soft);border:1px solid #0b0d1229;border-radius:14px;position:absolute;overflow:hidden;box-shadow:0 20px 70px #0b0d1229}.workflow-top{height:34px;color:var(--ink-56);white-space:nowrap;background:#0b0d120a;border-bottom:1px solid #0b0d121a;align-items:center;gap:7px;padding:0 11px;font-size:11px;display:flex}.workflow-top.dark{color:#f6f7fb9e;background:#f6f7fb14;border-bottom-color:#f6f7fb1f}.workflow-top i{background:#ec6a5e;border-radius:99px;width:9px;height:9px}.workflow-top i:nth-child(2){background:#f4bf4f}.workflow-top i:nth-child(3){background:#61c554}.workflow-top b{color:var(--ink)}.workflow-top.dark b{color:var(--terminal-text)}.workflow-cursor{z-index:1;width:390px;height:180px;top:44px;left:36px}.workflow-codex{background:var(--terminal);width:360px;height:162px;color:var(--terminal-text);z-index:1;bottom:42px;left:92px}.workflow-browser{z-index:1;width:248px;height:168px;top:58px;right:338px}.workflow-claude{background:var(--terminal);width:455px;height:190px;color:var(--terminal-text);z-index:8;animation:7.4s ease-in-out infinite workflowActiveRun;top:112px;left:330px}.workflow-editor-lines,.workflow-page-lines,.workflow-terminal-lines{padding:18px}.workflow-editor-lines,.workflow-page-lines{gap:10px;display:grid}.workflow-editor-lines span,.workflow-page-lines span{background:#0b0d121a;border-radius:99px;height:12px}.workflow-editor-lines span:first-child{width:42%}.workflow-editor-lines span:nth-child(2){width:72%}.workflow-editor-lines .wide{width:88%}.workflow-editor-lines .blue{background:#2563eb1f;border:1px solid #2563eb3d;width:78%;height:30px}.workflow-page-lines span:first-child{background:#f59e0b2e;width:84%;height:38px}.workflow-page-lines span:nth-child(2){width:92%}.workflow-page-lines span:nth-child(3){width:66%}.workflow-terminal-lines{font-family:var(--mono);gap:10px;font-size:12px;display:grid}.workflow-terminal-lines span{color:#f6f7fb94}.workflow-terminal-lines b{color:var(--amber)}.workflow-dashboard{border:1px solid var(--rule);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:12;background:#ffffffe6;border-radius:15px;width:310px;padding:14px;animation:7.4s ease-in-out infinite workflowDashboard;position:absolute;top:52px;right:34px;box-shadow:0 24px 90px #0b0d1238}.workflow-dashboard-head,.workflow-run{justify-content:space-between;align-items:center;display:flex}.workflow-dashboard-head{margin-bottom:8px}.workflow-run{border-top:1px solid var(--rule-soft);min-height:40px;color:var(--ink-72);font-family:var(--mono);font-size:12px}.workflow-run.active{color:var(--ink);background:#f59e0b38;border-radius:8px;margin:0 -7px;padding:0 7px;animation:7.4s ease-in-out infinite workflowRunPulse}.workflow-run b{color:#92400e}.workflow-jump{background:var(--ink);color:var(--paper);z-index:14;border-radius:12px;gap:4px;padding:12px 14px;animation:7.4s ease-in-out infinite workflowJump;display:grid;position:absolute;top:314px;left:568px;box-shadow:0 18px 60px #0b0d123d}.workflow-jump span{color:#f6f7fb9e;font-family:var(--mono);font-size:11px}.workflow-memo{z-index:13;background:#fff;border:1px solid #0b0d1224;border-radius:13px;width:292px;padding:14px;animation:7.4s ease-in-out infinite workflowMemo;position:absolute;bottom:36px;right:72px;box-shadow:0 18px 70px #0b0d122e}.workflow-memo b{margin-bottom:6px;font-size:13px;display:block}.workflow-memo span{color:var(--ink-72);font-size:12px;line-height:1.35}.workflow-blackout{opacity:0;z-index:5;pointer-events:none;background:#0b0d1285;animation:7.4s ease-in-out infinite workflowBlackout;position:absolute;inset:0}.workflow-timeline{z-index:18;grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:absolute;bottom:18px;left:28px;right:28px}.workflow-timeline span{background:#0b0d1229;border-radius:99px;height:4px;overflow:hidden}.workflow-timeline span:before{content:"";border-radius:inherit;background:var(--amber);width:0;height:100%;animation:7.4s linear infinite workflowTimeline;display:block}.workflow-timeline span:nth-child(2):before{animation-delay:2.46s}.workflow-timeline span:nth-child(3):before{animation-delay:4.92s}.section-kicker{color:var(--ink-56);font-family:var(--mono);text-transform:uppercase;font-size:12px}.overview-section{width:min(100%, var(--max));margin:0 auto;padding:clamp(46px,8vh,86px) clamp(18px,4vw,48px);scroll-margin-top:88px}.overview-head{grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);align-items:end;gap:42px;margin-top:18px;display:grid}.overview-head h2{letter-spacing:0;margin:0;font-size:clamp(38px,3.2rem,58px);line-height:1}.overview-head p{color:var(--ink-72);margin:0;font-size:20px;line-height:1.45}.problem-lines{border-top:1px solid var(--rule);margin-top:52px}.problem-line{border-bottom:1px solid var(--rule-soft);min-height:72px;color:var(--ink);grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:18px;font-size:clamp(18px,2.1rem,30px);line-height:1.15;display:grid}.problem-line:hover .problem-chip{border-color:var(--ink);color:var(--ink)}.problem-index{color:var(--ink-40);font-family:var(--mono);font-size:13px}.problem-chip{border:1px solid var(--rule);border-radius:var(--radius);min-width:86px;height:30px;color:var(--ink-56);font-family:var(--mono);justify-content:center;align-items:center;font-size:12px;display:inline-flex}.problem-section{width:min(100%, var(--max));border-top:1px solid var(--rule);grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(34px,6vw,72px);margin:0 auto;padding:clamp(72px,12vh,128px) clamp(18px,4vw,48px);scroll-margin-top:88px;display:grid}.problem-copy h2{letter-spacing:0;margin:16px 0 0;font-size:clamp(34px,3rem,54px);line-height:1.02}.problem-copy p{color:var(--ink-72);margin:22px 0 0;font-size:18px;line-height:1.55}.feature-row{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:14px;margin-top:28px;padding:16px 0;font-weight:760;display:flex}kbd{border:1px solid var(--rule);background:var(--paper-soft);min-width:38px;height:30px;color:var(--ink);font-family:var(--mono);border-radius:7px;justify-content:center;align-items:center;margin-left:6px;padding:0 8px;font-size:12px;display:inline-flex;box-shadow:inset 0 -1px #0b0d1229}.problem-copy .result-line{color:var(--ink);font-weight:720}.demo-stage{isolation:isolate;background:linear-gradient(#ffffffe0 0%,#e8edf5f5 100%),repeating-linear-gradient(90deg,#0b0d1209 0 1px,#0000 1px 42px),repeating-linear-gradient(0deg,#0b0d1207 0 1px,#0000 1px 42px),#e8edf5;border:1px solid #0b0d122e;border-radius:18px;min-height:430px;position:relative;overflow:hidden;box-shadow:0 28px 90px #0b0d1229}.demo-stage:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#f7f8fbd9,#0000 18% 82%,#f7f8fbd9),linear-gradient(#ffffff6b,#0000 34%);position:absolute;inset:0}.demo-window{z-index:1;border:1px solid #0b0d1224;border-radius:14px;position:absolute;overflow:hidden;box-shadow:0 20px 70px #0b0d122e}.terminal-window{background:var(--terminal);color:var(--terminal-text)}.window-top{color:#f7f8fb9e;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f8fb14;border-bottom:1px solid #f7f8fb1f;align-items:center;gap:8px;height:38px;padding:0 12px;font-size:12px;display:flex}.window-top b{color:var(--terminal-text);margin-left:8px}.traffic-dot{border-radius:99px;flex:none;width:10px;height:10px}.traffic-dot.red{background:#ec6a5e}.traffic-dot.yellow{background:#f4bf4f}.traffic-dot.green{background:#61c554}.terminal-body{font-family:var(--mono);background:linear-gradient(#ffffff05,#0000 42%),radial-gradient(circle at 24px 24px,#f59e0b14,#0000 36%);gap:8px;padding:18px;font-size:13px;display:grid}.terminal-line{white-space:nowrap}.terminal-line.muted{color:#f7f8fb6b}.terminal-line.waiting{color:var(--waiting)}.terminal-line.waiting:after{content:"";background:var(--waiting);width:7px;height:1em;margin-left:6px;animation:.92s step-end infinite caretBlink;display:inline-block;transform:translateY(2px)}.terminal-status-demo .demo-window{width:420px;height:196px;top:44px;left:36px}.terminal-status-demo .secondary-a{opacity:.74;width:390px;height:174px;top:214px;left:112px}.mini-dashboard{border:1px solid var(--rule);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:3;background:#f7f8fbf5;border-radius:15px;width:330px;padding:16px;position:absolute;top:74px;right:34px;box-shadow:0 22px 80px #0b0d1233}.mini-dashboard-head,.status-row{justify-content:space-between;align-items:center;display:flex}.mini-dashboard-head{margin-bottom:10px;font-weight:760}.status-row{border-top:1px solid var(--rule-soft);min-height:42px;font-family:var(--mono);font-size:12px}.status-row b{color:var(--ink-56)}.status-row.active{background:#f59e0b2e;border-top-color:#0000;border-radius:9px;margin:0 -8px;padding:0 8px;animation:4.8s ease-in-out infinite rowAttention}.status-row.active b{color:#92400e}.memo-demo .demo-window{width:438px;height:244px;animation:5.4s ease-in-out infinite terminalFocus;top:72px;left:40px}.attached-memo{border:1px solid var(--rule);z-index:3;background:#fff;border-radius:14px;width:288px;padding:16px;animation:5.4s cubic-bezier(.2,.9,.2,1) infinite memoAttach;position:absolute;top:92px;right:42px;box-shadow:0 20px 70px #0b0d122e}.attached-memo:before{content:"";background:linear-gradient(90deg,#0000,#f59e0be6);width:42px;height:1px;animation:5.4s ease-in-out infinite memoLine;position:absolute;top:54px;left:-42px}.attached-memo p{color:var(--ink-72);margin:10px 0 0;font-size:13px;line-height:1.4}.memo-tabs{color:var(--ink-40);font-family:var(--mono);gap:9px;margin-bottom:14px;font-size:11px;display:flex}.memo-tabs .active{color:var(--ink);font-weight:760}.arrange-demo{padding:0;display:block}.arrange-canvas{border:1px solid var(--rule-soft);z-index:1;background:#ffffffad;border-radius:14px;position:absolute;inset:34px}.tiny-window{border:1px solid var(--rule);background:var(--paper-soft);color:var(--ink-72);border-radius:11px;align-items:flex-start;padding:12px;font-size:12px;font-weight:720;display:flex;position:absolute;overflow:hidden;box-shadow:0 16px 44px #0b0d121f}.tiny-window:before{content:"";background:radial-gradient(circle at 14px 13px,#ec6a5e 0 4px,#0000 4.5px),radial-gradient(circle at 28px 13px,#f4bf4f 0 4px,#0000 4.5px),radial-gradient(circle at 42px 13px,#61c554 0 4px,#0000 4.5px),#f7f8fbbd;border-bottom:1px solid #0b0d121a;height:26px;position:absolute;top:0;left:0;right:0}.tiny-window:after{content:"";background:linear-gradient(#0b0d121c,#0b0d121c) 0 0/72% 9px no-repeat,linear-gradient(#0b0d1214,#0b0d1214) 0 22px/92% 9px no-repeat,linear-gradient(#f59e0b2e,#f59e0b2e) 0 44px/58% 18px no-repeat,linear-gradient(#0b0d1212,#0b0d1212) 0 78px/86% 9px no-repeat;border-radius:8px;position:absolute;inset:46px 14px 14px}.tiny-window span{z-index:1;margin-top:22px;position:relative}.arrange-canvas .tiny-window:first-child{width:210px;height:132px;animation:6.2s cubic-bezier(.2,.9,.2,1) infinite arrangeOne;top:26px;left:22px}.arrange-canvas .tiny-window:nth-child(2){width:224px;height:146px;animation:6.2s cubic-bezier(.2,.9,.2,1) infinite arrangeTwo;top:112px;left:84px}.arrange-canvas .tiny-window:nth-child(3){width:236px;height:110px;animation:6.2s cubic-bezier(.2,.9,.2,1) infinite arrangeThree;bottom:22px;left:36px}.arrange-canvas .tiny-window:nth-child(4){width:170px;height:170px;animation:6.2s cubic-bezier(.2,.9,.2,1) infinite arrangeFour;top:48px;right:22px}.arrange-shortcut{background:var(--ink);width:86px;height:74px;color:var(--paper);font-family:var(--mono);z-index:10;border-radius:14px;justify-content:center;align-items:center;font-weight:760;animation:6.2s ease-in-out infinite shortcutPulse;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 60px #0b0d1242}.arrange-grid-lines{opacity:0;pointer-events:none;animation:6.2s ease-in-out infinite gridLines;position:absolute;inset:18px}.arrange-grid-lines span{background:#0b0d1224;position:absolute}.arrange-grid-lines span:first-child,.arrange-grid-lines span:nth-child(2){height:1px;left:0;right:0}.arrange-grid-lines span:first-child{top:50%}.arrange-grid-lines span:nth-child(2){top:0}.arrange-grid-lines span:nth-child(3),.arrange-grid-lines span:nth-child(4){width:1px;top:0;bottom:0}.arrange-grid-lines span:nth-child(3){left:50%}.arrange-grid-lines span:nth-child(4){right:0}.resize-workspace{border:1px solid var(--rule-soft);z-index:1;background:linear-gradient(90deg,#2563eb0f,#0000 48%,#0ea5a414),#ffffffb8;border-radius:14px;position:absolute;inset:34px}.resize-window{background:var(--paper-soft);border:1px solid #0b0d1229;border-radius:14px;position:absolute;overflow:hidden;box-shadow:0 22px 74px #0b0d1229}.resize-primary{width:330px;height:264px;animation:6.4s cubic-bezier(.2,.9,.2,1) infinite resizePrimary;top:40px;left:24px}.resize-secondary{background:var(--terminal);width:300px;height:218px;color:var(--terminal-text);animation:6.4s cubic-bezier(.2,.9,.2,1) infinite resizeSecondary;top:70px;right:24px}.resize-primary .window-top{color:var(--ink-56);border-bottom-color:var(--rule-soft);background:#0b0d120a}.resize-primary .window-top b{color:var(--ink)}.editor-lines{gap:11px;padding:18px;display:grid}.editor-lines span{background:#0b0d121a;border-radius:99px;height:12px}.editor-lines span:first-child{width:46%}.editor-lines span:nth-child(2){width:78%}.editor-lines .wide{width:92%}.editor-lines .hot{background:#2563eb1f;border:1px solid #2563eb3d;width:82%;height:42px}.resize-link-line{background:linear-gradient(180deg, transparent, var(--blue), transparent);opacity:.9;border-radius:99px;width:2px;animation:6.4s cubic-bezier(.2,.9,.2,1) infinite resizeLinkLine;position:absolute;top:54px;bottom:58px;left:50%}.resize-handle{background:var(--ink);width:68px;height:46px;color:var(--paper);font-family:var(--mono);z-index:6;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:11px;animation:6.4s cubic-bezier(.2,.9,.2,1) infinite resizeHandle;display:flex;position:absolute;top:160px;left:calc(50% - 34px);box-shadow:0 18px 60px #0b0d123d}.resize-handle span{background:var(--blue);border-radius:99px;width:2px;height:22px}.resize-readout{color:#1d4ed8;font-family:var(--mono);background:#2563eb1f;border:1px solid #2563eb38;border-radius:8px;padding:8px 10px;font-size:11px;animation:6.4s ease-in-out infinite resizeReadout;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.blackout-desktop{border:1px solid var(--rule-soft);z-index:1;background:radial-gradient(circle at 18% 24%,#2563eb1f,#0000 28%),radial-gradient(circle at 80% 76%,#f59e0b29,#0000 25%),#ffffffb3;border-radius:16px;position:absolute;inset:28px}.blackout-window{background:var(--paper-soft);border:1px solid #0b0d1229;border-radius:14px;position:absolute;overflow:hidden;box-shadow:0 18px 60px #0b0d1224}.blackout-window .window-top{color:var(--ink-56);border-bottom-color:var(--rule-soft);background:#0b0d120a}.blackout-window .window-top b{color:var(--ink)}.blackout-window.background:after{content:"";background:linear-gradient(#0b0d121a,#0b0d121a) 0 0/72% 11px no-repeat,linear-gradient(#0b0d1214,#0b0d1214) 0 28px/92% 11px no-repeat,linear-gradient(#0b0d1214,#0b0d1214) 0 56px/62% 11px no-repeat;border-radius:9px;position:absolute;inset:62px 16px 18px}.blackout-window.one{width:260px;height:160px;top:30px;left:28px}.blackout-window.two{width:226px;height:180px;top:46px;right:44px}.blackout-window.three{width:280px;height:156px;bottom:34px;left:92px}.blackout-window.active{background:var(--terminal);width:430px;height:244px;color:var(--terminal-text);z-index:6;animation:5.8s ease-in-out infinite blackoutActive;top:50%;left:50%;transform:translate(-50%,-50%)}.blackout-window.active .window-top{color:#f7f8fb9e;background:#f7f8fb14;border-bottom-color:#f7f8fb1f}.blackout-window.active .window-top b{color:var(--terminal-text)}.blackout-layer{opacity:0;z-index:5;pointer-events:none;background:#0b0d12a3;border-radius:16px;animation:5.8s ease-in-out infinite blackoutLayer;position:absolute;inset:0}.blackout-hud{z-index:9;background:#ffffffeb;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;animation:5.8s ease-in-out infinite blackoutHud;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 18px 70px #0b0d1233}.blackout-hud span{color:var(--ink-72);font-size:12px}.browser-long-page{border:1px solid var(--rule);z-index:1;background:#fff;border-radius:14px;width:430px;height:340px;position:absolute;top:42px;left:44px;overflow:hidden;box-shadow:0 20px 70px #0b0d1226}.browser-long-page .window-top{color:var(--ink-56);border-bottom-color:var(--rule-soft);background:#0b0d120a}.browser-long-page .window-top b{color:var(--ink)}.long-page-lines{gap:10px;padding:18px;animation:5.8s ease-in-out infinite pageScroll;display:grid}.long-page-lines span{background:#0b0d121a;border-radius:5px;height:18px}.long-page-lines span:first-child,.long-page-lines span:nth-child(6){background:#f59e0b38;height:44px}.capture-card{border:1px solid var(--rule);background:var(--paper-soft);width:160px;height:204px;font-family:var(--mono);color:var(--ink-56);z-index:4;border-radius:14px;padding:12px;font-size:11px;animation:5.8s cubic-bezier(.2,.9,.2,1) infinite captureDrag;position:absolute;top:130px;left:410px;transform:rotate(-5deg);box-shadow:0 24px 70px #0b0d1233}.capture-card div{background:linear-gradient(#f59e0b3d,#0b0d1214);border-radius:9px;height:112px;margin:12px 0}.drop-target{z-index:5;background:#f7f8fbb3;border:1px dashed #0b0d1252;border-radius:12px;padding:16px 18px;font-weight:760;animation:5.8s ease-in-out infinite dropTarget;position:absolute;bottom:72px;right:42px}.capture-cursor{background:var(--ink);color:var(--paper);font-family:var(--mono);z-index:6;border-radius:8px;padding:6px 8px;font-size:10px;animation:5.8s cubic-bezier(.2,.9,.2,1) infinite captureCursor;position:absolute;top:280px;left:548px;box-shadow:0 14px 50px #0b0d123d}.prompt-editor{border:1px solid var(--rule);background:var(--paper-soft);z-index:1;border-radius:14px;width:500px;height:230px;position:absolute;top:62px;left:48px;overflow:hidden;box-shadow:0 20px 70px #0b0d1226}.prompt-editor .window-top{color:var(--ink-56);border-bottom-color:var(--rule-soft);background:#0b0d120a}.prompt-editor .window-top b{color:var(--ink)}.prompt-editor p{color:var(--ink);font-family:var(--mono);margin:28px;font-size:17px;line-height:1.55}.voice-hud{background:var(--terminal);min-height:88px;color:var(--terminal-text);z-index:4;border-radius:16px;align-items:center;gap:18px;padding:16px 20px;display:flex;position:absolute;bottom:62px;left:116px;right:116px;box-shadow:0 22px 80px #0b0d1238}.voice-hud p{color:#f7f8fba3;margin:5px 0 0}.voice-wave{align-items:center;gap:5px;height:42px;display:flex}.voice-wave span{background:var(--amber);border-radius:99px;width:5px;animation:1.05s ease-in-out infinite voiceBars}.voice-wave span:first-child{height:18px}.voice-wave span:nth-child(2){height:30px;animation-delay:90ms}.voice-wave span:nth-child(3){height:42px;animation-delay:.18s}.voice-wave span:nth-child(4){height:26px;animation-delay:.27s}.voice-wave span:nth-child(5){height:34px;animation-delay:.36s}.awake-demo .demo-window{width:430px;height:236px;top:78px;left:42px}.awake-panel{border:1px solid var(--rule);z-index:3;background:#f7f8fbf0;border-radius:16px;justify-items:start;gap:18px;width:270px;padding:22px;animation:5.2s ease-in-out infinite awakePanel;display:grid;position:absolute;top:72px;right:52px;box-shadow:0 20px 70px #0b0d1229}.timer-ring{background:conic-gradient(var(--amber) 0 74%, #f59e0b1f 74% 100%);outline:1px solid var(--rule);width:120px;height:120px;font-family:var(--mono);border:12px solid #f59e0b47;border-radius:999px;justify-content:center;align-items:center;font-size:28px;font-weight:760;animation:5.2s ease-in-out infinite timerTick;display:flex}.awake-panel span{color:var(--ink-72);line-height:1.4}.labels-demo{justify-content:center;align-items:center;padding:32px;display:flex}.label-row{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;display:grid;position:relative}.terminal-label-card{background:var(--terminal);min-height:210px;color:var(--terminal-text);border-radius:14px;animation:5.8s ease-in-out infinite labelWindow;overflow:hidden;box-shadow:0 20px 70px #0b0d122e}.terminal-label-card:nth-child(2){animation-delay:.14s}.terminal-label-card:nth-child(3){animation-delay:.28s}.task-label{color:var(--amber);font-family:var(--mono);background:#f59e0b29;border:1px solid #f59e0b5c;border-radius:8px;margin:24px 18px 14px;padding:8px 10px;font-size:12px;display:inline-flex}.terminal-label-card>span{color:#f7f8fb99;font-family:var(--mono);margin:0 18px;font-size:12px;display:block}.label-shortcut{background:var(--ink);color:var(--paper);font-family:var(--mono);border-radius:8px;padding:8px 12px;animation:5.8s ease-in-out infinite labelShortcut;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.terminal-status-demo .mini-dashboard{animation:4.8s ease-in-out infinite dashboardFloat}.terminal-status-demo .demo-window:first-child{animation:4.8s ease-in-out infinite terminalFocus}.jump-toast{background:var(--ink);color:var(--paper);z-index:5;border-radius:12px;gap:4px;padding:12px 14px;animation:4.8s cubic-bezier(.2,.9,.2,1) infinite jumpToast;display:grid;position:absolute;bottom:38px;left:276px;box-shadow:0 18px 60px #0b0d123d}.jump-toast span{color:#f6f7fb9e;font-family:var(--mono);font-size:11px}.memo-pin{color:#1d4ed8;font-family:var(--mono);z-index:4;background:#2563eb1f;border:1px solid #2563eb47;border-radius:8px;padding:7px 9px;font-size:11px;animation:5.4s ease-in-out infinite memoPin;position:absolute;top:62px;left:312px}@keyframes dashboardFloat{0%,18%{opacity:0;transform:translateY(14px)scale(.98)}30%,78%{opacity:1;transform:translateY(0)scale(1)}to{opacity:.94;transform:translateY(0)scale(1)}}@keyframes workflowStepOne{0%,31%,to{background:var(--ink);color:var(--paper)}34%,97%{color:var(--ink-72);background:#ffffffd1}}@keyframes workflowStepTwo{0%,31%,67%,to{color:var(--ink-72);background:#ffffffd1}34%,64%{background:var(--ink);color:var(--paper)}}@keyframes workflowStepThree{0%,64%,to{color:var(--ink-72);background:#ffffffd1}67%,97%{background:var(--ink);color:var(--paper)}}@keyframes workflowStepBar{0%{opacity:.7;transform:scaleX(0)}31%{opacity:.7;transform:scaleX(1)}32%,to{opacity:0;transform:scaleX(0)}}@keyframes workflowDashboard{0%,16%{transform:translateY(8px)}24%,to{transform:translateY(0)}}@keyframes workflowRunPulse{0%,24%,to{background:#f59e0b29}34%,62%{background:#f59e0b52}}@keyframes workflowActiveRun{0%,30%{transform:translate(0)scale(1)}48%,82%{transform:translate(-34px,-8px)scale(1.05);box-shadow:0 24px 90px #0b0d123d,0 0 0 2px #f59e0b57}to{transform:translate(0)scale(1)}}@keyframes workflowJump{0%,30%{opacity:0;transform:translateY(16px)scale(.96)}42%,68%{opacity:1;transform:translateY(0)scale(1)}86%,to{opacity:0;transform:translateY(-10px)scale(.98)}}@keyframes workflowMemo{0%,46%{opacity:0;transform:translate(22px)}58%,90%{opacity:1;transform:translate(0)}to{opacity:.96;transform:translate(0)}}@keyframes workflowBlackout{0%,54%,to{opacity:0}66%,88%{opacity:1}}@keyframes workflowTimeline{0%{width:0}33.333%,to{width:100%}}@keyframes rowAttention{0%,34%{background:#f59e0b1f}48%,76%{background:#f59e0b4d}to{background:#f59e0b2e}}@keyframes caretBlink{0%,48%{opacity:1}49%,to{opacity:0}}@keyframes terminalFocus{0%,24%,to{box-shadow:0 20px 70px #0b0d122e}45%,76%{box-shadow:0 20px 70px #0b0d122e,0 0 0 2px #f59e0b47}}@keyframes memoAttach{0%,24%{opacity:0;transform:translate(28px)scale(.98)}38%,82%{opacity:1;transform:translate(0)scale(1)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes memoLine{0%,28%{opacity:0;transform-origin:100%;transform:scaleX(.2)}42%,82%{opacity:1;transform-origin:100%;transform:scaleX(1)}to{opacity:1;transform:scaleX(1)}}@keyframes arrangeOne{0%,24%{width:210px;height:132px;top:26px;left:22px}42%,82%{width:calc(50% - 27px);height:calc(50% - 27px);top:18px;left:18px}to{width:210px;height:132px;top:26px;left:22px}}@keyframes arrangeTwo{0%,24%{width:224px;height:146px;top:112px;left:84px}42%,82%{width:calc(50% - 27px);height:calc(50% - 27px);top:18px;left:calc(50% + 9px)}to{width:224px;height:146px;top:112px;left:84px}}@keyframes arrangeThree{0%,24%{width:236px;height:110px;bottom:22px;left:36px}42%,82%{width:calc(50% - 27px);height:calc(50% - 27px);bottom:18px;left:18px}to{width:236px;height:110px;bottom:22px;left:36px}}@keyframes arrangeFour{0%,24%{width:170px;height:170px;top:48px;right:22px}42%,82%{width:calc(50% - 27px);height:calc(50% - 27px);top:calc(50% + 9px);right:18px}to{width:170px;height:170px;top:48px;right:22px}}@keyframes shortcutPulse{0%,20%,78%,to{opacity:0;transform:translate(-50%,-50%)scale(.92)}28%,42%{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes gridLines{0%,34%,to{opacity:0}44%,82%{opacity:1}}@keyframes jumpToast{0%,18%{opacity:0;transform:translateY(16px)scale(.96)}32%,74%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.98)}}@keyframes memoPin{0%,30%{opacity:0;transform:translateY(-8px)}42%,82%{opacity:1;transform:translateY(0)}to{opacity:.94;transform:translateY(0)}}@keyframes resizePrimary{0%,24%,to{width:330px}44%,78%{width:390px}}@keyframes resizeSecondary{0%,24%,to{width:300px}44%,78%{width:240px}}@keyframes resizeLinkLine{0%,24%,to{left:50%}44%,78%{left:calc(50% + 30px)}}@keyframes resizeHandle{0%,24%,to{left:calc(50% - 34px)}44%,78%{left:calc(50% - 4px)}}@keyframes resizeReadout{0%,28%,to{opacity:.58}44%,78%{opacity:1}}@keyframes blackoutLayer{0%,28%,to{opacity:0}44%,82%{opacity:1}}@keyframes blackoutActive{0%,28%,to{box-shadow:0 18px 60px #0b0d122e}44%,82%{box-shadow:0 26px 90px #0000006b,0 0 0 2px #f59e0b57}}@keyframes blackoutHud{0%,28%,to{opacity:0;transform:translate(-50%,12px)}44%,82%{opacity:1;transform:translate(-50%)}}@keyframes captureDrag{0%,20%{top:130px;left:410px;transform:rotate(-5deg)scale(1)}46%,78%{top:196px;left:392px;transform:rotate(2deg)scale(.88)}to{top:130px;left:410px;transform:rotate(-5deg)scale(1)}}@keyframes captureCursor{0%,22%{opacity:0;transform:translate(-72px,-86px)}48%,76%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-72px,-86px)}}@keyframes pageScroll{0%,26%,to{transform:translateY(0)}46%,78%{transform:translateY(-46px)}}@keyframes dropTarget{0%,32%,to{background:#f7f8fbb3;border-color:#0b0d1252}48%,78%{background:#f59e0b24;border-color:#f59e0bdb}}@keyframes voiceBars{0%,to{transform:scaleY(.62)}50%{transform:scaleY(1.18)}}@keyframes awakePanel{0%,to{box-shadow:0 20px 70px #0b0d1229}42%,78%{box-shadow:0 20px 70px #0b0d1229,0 0 0 2px #2c9a6838}}@keyframes timerTick{0%,to{filter:saturate(.95)}50%{filter:saturate(1.15)}}@keyframes labelWindow{0%,24%,to{transform:translateY(0)}40%,76%{transform:translateY(-8px)}}@keyframes labelShortcut{0%,20%,to{opacity:.52}34%,72%{opacity:1}}.trust-section,.pricing-section,.faq-section,.site-footer,.simple-page{width:min(100%, var(--max));border-top:1px solid var(--rule);margin:0 auto;padding:clamp(72px,10vh,118px) clamp(18px,4vw,48px);scroll-margin-top:88px}.trust-section{grid-template-columns:minmax(260px,.78fr) minmax(0,1fr);gap:52px;display:grid}.trust-section h2,.pricing-section h2{letter-spacing:0;margin:16px 0 0;font-size:clamp(40px,4rem,68px);line-height:.98}.trust-section p,.pricing-section p,.simple-page p,.faq-section p{color:var(--ink-72);margin:0;font-size:19px;line-height:1.55}.trust-section ul{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.trust-section li{color:var(--ink-72);padding-left:18px;position:relative}.trust-section li:before{content:"";background:var(--success);border-radius:99px;width:6px;height:6px;position:absolute;top:.7em;left:0}.pricing-section{text-align:center}.pricing-section>p{width:min(660px,100%);margin:22px auto 0}.price-block{justify-items:center;gap:5px;margin:34px auto 28px;display:grid}.price-block span{font-family:var(--display);font-size:clamp(58px,6rem,88px);font-style:normal;font-weight:680;line-height:.95}.price-block small,.payment-note{color:var(--ink-56)}.pricing-section .payment-note,.simple-page .payment-note{margin-top:18px;font-size:14px}.faq-section{gap:12px;display:grid}.faq-section details{border-top:1px solid var(--rule);padding:20px 0}.faq-section summary{cursor:pointer;font-size:22px;font-weight:760}.faq-section p{width:min(720px,100%);margin-top:12px}.site-footer{color:var(--ink-56);justify-content:space-between;align-items:flex-start;gap:32px;padding-bottom:52px;display:flex}.site-footer p{width:min(430px,100%);margin:16px 0 0;line-height:1.5}.site-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:18px;display:flex}.footer-brand{color:var(--ink)}.simple-page{min-height:68svh}.simple-page h1{letter-spacing:0;width:min(760px,100%);margin:18px 0 0;font-size:clamp(46px,5rem,78px);line-height:.98}.simple-page p{width:min(680px,100%);margin:24px 0 30px}.simple-page a:not(.button){text-underline-offset:3px;text-decoration:underline}.standalone-section{padding-top:26px}@media (max-width:980px){.hero-copy{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(40px,5.4vw,56px)}.overview-head,.problem-section,.trust-section{grid-template-columns:1fr}.problem-section{gap:28px}.demo-stage{min-height:390px}.label-row{grid-template-columns:1fr}.workflow-cursor{width:330px}.workflow-claude{width:390px;left:270px}.workflow-browser{display:none}.workflow-dashboard{width:268px}.workflow-jump{left:434px}}@media (max-width:720px){.site-header{align-items:center;gap:12px;height:62px;min-height:62px;padding-top:0;padding-bottom:0}.site-nav{justify-content:flex-end;gap:9px 14px;width:auto;font-size:13px}.site-nav a:not(.nav-download){display:none}.nav-download{min-height:30px}.hero-section{min-height:auto;padding-top:28px}.hero-copy h1{font-size:34px;line-height:1.02}.hero-copy p{margin-top:16px;font-size:16px;line-height:1.45}.hero-maker{margin-top:12px;font-size:14px;line-height:1.38}.hero-points{display:none}.hero-actions{margin-top:20px}.hero-actions .button{flex:1 1 0;width:auto;padding:0 12px;font-size:14px}.button{width:auto}.hero-meta{display:none}.hero-surface{border-radius:12px;height:330px;margin-top:22px}.workflow-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;top:12px;left:12px;right:12px}.workflow-steps span{min-height:54px;padding:6px;font-size:10px;line-height:1.22}.workflow-desktop{border-radius:13px;inset:78px 12px 14px}.workflow-cursor{width:205px;height:110px;top:94px;left:14px}.workflow-codex,.workflow-browser{display:none}.workflow-claude{width:270px;height:134px;top:138px;left:52px}.workflow-dashboard{width:auto;padding:12px;top:14px;left:16px;right:16px}.workflow-run{min-height:34px}.workflow-jump{top:256px;left:42px;right:42px}.workflow-memo{width:auto;bottom:24px;left:30px;right:30px}.workflow-timeline{bottom:10px;left:18px;right:18px}.problem-line{grid-template-columns:40px minmax(0,1fr);padding:18px 0;font-size:21px}.problem-chip{grid-column:2;justify-self:start}.feature-row{flex-direction:column;align-items:flex-start}.demo-stage{min-height:520px}.terminal-status-demo .demo-window,.memo-demo .demo-window,.awake-demo .demo-window,.browser-long-page,.prompt-editor{width:auto;left:18px;right:18px}.mini-dashboard,.attached-memo,.awake-panel{width:auto;top:286px;left:18px;right:18px}.terminal-status-demo .secondary-a{display:none}.jump-toast{bottom:128px;left:36px;right:36px}.memo-pin{top:46px;left:36px}.terminal-line{white-space:normal;overflow-wrap:anywhere}.resize-workspace,.blackout-desktop{inset:18px}.resize-primary{width:auto;height:210px;top:28px;left:14px;right:14px}.resize-secondary{width:auto;height:176px;top:250px;left:54px;right:14px}.resize-link-line{top:210px;bottom:84px;left:48px}.resize-handle{top:226px;left:18px}.resize-readout{bottom:24px}.blackout-window.one{width:170px;height:124px;top:18px;left:12px}.blackout-window.two{width:160px;height:128px;top:88px;right:12px}.blackout-window.three{width:180px;height:116px;bottom:50px;left:26px}.blackout-window.active{width:auto;height:210px;top:188px;left:18px;right:18px;transform:none}.blackout-hud{bottom:20px;left:18px;right:18px;transform:none}.capture-card{animation-name:captureDragMobile;top:258px;left:40px}.drop-target{bottom:46px;left:40px;right:auto}.capture-cursor{top:382px;left:202px}.voice-hud{bottom:42px;left:18px;right:18px}@keyframes captureDragMobile{0%,20%{top:258px;left:40px;transform:rotate(-5deg)scale(1)}46%,78%{top:298px;left:156px;transform:rotate(2deg)scale(.86)}to{top:258px;left:40px;transform:rotate(-5deg)scale(1)}}@keyframes resizePrimary{0%,24%,to{right:54px}44%,78%{right:14px}}@keyframes resizeSecondary{0%,24%,to{left:54px}44%,78%{left:94px}}@keyframes resizeLinkLine{0%,24%,to{left:48px}44%,78%{left:88px}}@keyframes resizeHandle{0%,24%,to{left:18px}44%,78%{left:58px}}@keyframes blackoutHud{0%,28%,to{opacity:0;transform:translateY(12px)}44%,82%{opacity:1;transform:translateY(0)}}.site-footer{flex-direction:column}.site-footer nav{justify-content:flex-start}}