:root { color-scheme:light; --ink:#15231c; --muted:#68756f; --lime:#d7ff5f; --paper:#f6f5ef; --line:#d9ddd5; --green:#1e503c; --cream:#eff0e7; --surface:#fff; --surface-elevated:#fafbf7; --surface-muted:#f0f1eb; --soft-text:#53615b; --nav-text:#4c5852; --subtle-text:#758078; --card-border:#d5dbd1; --input-surface:#fff; --input-text:#15231c; --glass:rgba(255,255,255,.64); --glass-border:rgba(44,76,58,.14); --terminal:#17251e; --terminal-border:#30483b; --terminal-text:#d9e6d8; --preview-surface:#f8faf5; --preview-line:#d9e4d6; --theme-shadow:rgba(20,39,29,.1); }
:root[data-theme="dark"] { color-scheme:dark; --ink:#edf5ee; --muted:#a8b7ad; --lime:#d7ff5f; --paper:#101914; --line:#314039; --green:#8eb99b; --cream:#1a2820; --surface:#19251e; --surface-elevated:#152119; --surface-muted:#1c2b22; --soft-text:#c2d0c5; --nav-text:#c1d0c6; --subtle-text:#aabbb0; --card-border:#34483d; --input-surface:#0f1913; --input-text:#edf5ee; --glass:rgba(31,48,39,.76); --glass-border:rgba(209,239,215,.15); --terminal:#09100c; --terminal-border:#334a3c; --terminal-text:#d9e6d8; --preview-surface:#17251d; --preview-line:#375044; --theme-shadow:rgba(0,0,0,.3); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Manrope,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.section-shell, .site-header { max-width:1240px; margin:auto; padding-left:32px; padding-right:32px; }
.site-header { height:86px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:inline-flex; align-items:center; gap:10px; font-weight:800; font-size:17px; letter-spacing:-.9px; }
.brand-mark { width:22px; height:22px; border-radius:7px; background:var(--ink); display:flex; align-items:center; justify-content:center; gap:2px; transform:skewY(-10deg); }
.brand-mark i { display:block; width:2px; border-radius:99px; background:var(--lime); }.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:12px}.brand-mark i:nth-child(3){height:17px}
.brand-logo{width:25px;height:25px;object-fit:contain}
.site-nav { display:flex; align-items:center; gap:29px; margin-left:auto; font-size:13px; font-weight:600; }.site-nav a:not(.nav-cta){color:var(--nav-text)}.site-nav a:hover{text-decoration:underline;text-underline-offset:4px}.nav-cta{border:1px solid var(--ink); border-radius:99px; padding:10px 15px; margin-left:8px}.nav-cta span{margin-left:6px}.header-controls{display:flex;align-items:center;gap:11px;margin-left:18px}.menu-toggle{display:none}.theme-toggle{position:relative;width:48px;height:27px;padding:0;border:1px solid var(--line);border-radius:99px;background:var(--surface-muted);color:var(--ink);cursor:pointer;box-shadow:0 4px 12px var(--theme-shadow);transition:background-color .25s,border-color .25s,box-shadow .25s}.theme-toggle:hover{box-shadow:0 6px 16px var(--theme-shadow)}.theme-toggle-icon{position:absolute;top:5px;font-size:13px;line-height:1;z-index:1;transition:opacity .2s}.theme-toggle-sun{left:6px;color:#d49b26}.theme-toggle-moon{right:6px;color:#b8cadc}.theme-toggle-thumb{position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:var(--surface);box-shadow:0 1px 4px var(--theme-shadow);transition:transform .25s ease,background-color .25s}:root[data-theme="dark"] .theme-toggle-thumb{transform:translateX(19px)}:root[data-theme="dark"] .theme-toggle-sun,:root:not([data-theme="dark"]) .theme-toggle-moon{opacity:.38}
.hero { padding-top:93px; text-align:center; }.eyebrow,.section-kicker { font-family:"DM Mono",monospace; color:#607069; font-size:11px; letter-spacing:.08em; }.eyebrow { display:inline-flex; align-items:center; gap:8px; }.eyebrow span { width:7px;height:7px;border-radius:50%;background:#83b954;box-shadow:0 0 0 4px #e6f2dc; }
h1,h2,h3,p { margin-top:0; } h1,h2,h3 { letter-spacing:-.065em; } h1 { font-size:clamp(47px,6vw,78px); line-height:1.05; margin:25px 0 22px; font-weight:700; } em { font-family:Georgia,serif; font-weight:400; letter-spacing:-.075em; }.hero-copy { max-width:525px; margin:0 auto; line-height:1.65; color:var(--soft-text); font-size:16px; }.hero-actions { display:flex; align-items:center; justify-content:center; gap:28px; margin:34px 0 24px; }.button { display:inline-flex; align-items:center; gap:23px; padding:14px 17px 14px 21px; border-radius:99px; font-size:13px; font-weight:700; }.button-primary { background:var(--ink); color:var(--paper); }.button-primary span { font-size:18px; line-height:1; color:var(--lime); }.button-primary:hover { background:var(--green); }.text-link{font-size:13px;font-weight:700}.text-link span{margin-left:7px;font-size:17px}.availability{color:var(--muted);font-size:11px}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7da856;margin-right:7px}
.button-workspace{border:1px solid var(--ink);background:transparent;color:var(--ink);gap:11px;padding-left:18px}.button-workspace span{font-size:16px;line-height:1}.button-workspace:hover{background:var(--surface-muted)}
.hero-banner{position:relative;max-width:1056px;margin:48px auto 0;overflow:hidden;border:1px solid #193849;border-radius:14px;background:#041529;box-shadow:0 26px 70px rgba(8,40,63,.24)}.hero-banner::after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(0,13,29,.25),transparent 58%);pointer-events:none}.hero-banner img{display:block;width:100%;height:auto}.hero .product-frame{margin-top:24px}
.product-frame { margin:65px auto 0; max-width:1056px; text-align:left; border:1px solid #cdd2c9; border-radius:14px 14px 0 0; overflow:hidden; box-shadow:0 24px 70px rgba(33,51,40,.13); background:#f7f8f4; }.browser-top{height:39px;border-bottom:1px solid #d5d9d0;display:flex;align-items:center;padding:0 13px;gap:5px;color:#7d8882;font-size:10px;font-family:"DM Mono",monospace}.browser-top span{width:7px;height:7px;border-radius:50%;background:#d4d8d1}.browser-top b{font-weight:400;margin:auto}.browser-top small{border:1px solid #d3d8d1;border-radius:4px;padding:2px 4px;color:#849089}.product-content{display:grid;grid-template-columns:176px 1fr;min-height:418px}.product-content aside{background:#f0f1eb;border-right:1px solid #d8dcd4;padding:18px 13px;color:#65716a;font-size:9px}.side-logo{font-size:11px;color:#27342d;font-weight:800;padding:0 7px 26px}.side-logo span{display:inline-block;width:7px;height:7px;border-radius:2px;background:#477663;margin-right:5px}.product-content aside p{font-family:"DM Mono",monospace;font-size:8px;color:#9aa29d;margin:0 7px 9px}.product-content aside a{display:block;padding:8px 7px;margin:1px 0;border-radius:4px}.product-content aside a.active{background:#dce4d3;color:#294837;font-weight:700}.product-content aside a b{float:right;font-weight:500}.bottom-label{margin-top:32px!important}.dashboard{padding:26px 31px;background:#fafbf7}.dashboard-head{display:flex;align-items:flex-start;justify-content:space-between}.dashboard-head p{font-size:9px;color:#88918a;margin-bottom:4px}.dashboard-head h2{font-size:20px;margin:0}.dashboard-head h2 span{font-size:14px;color:#91bb59}.dashboard-head button,.card-head button{border:0;background:#244e3a;color:#fff;border-radius:5px;padding:8px 12px;font:600 9px Manrope}.focus-card{background:#244f3b;color:white;margin-top:20px;border-radius:8px;padding:19px 21px;display:flex;justify-content:space-between;overflow:hidden}.focus-card p{font:8px "DM Mono",monospace;color:#b5caaf;letter-spacing:.08em;margin-bottom:9px}.focus-card h3{font-size:19px;line-height:1.08;margin:0 0 12px}.focus-card small{font-size:9px;color:#b7c7ba}.focus-card small i{color:#d7ff5f;padding:0 4px}.orb{width:79px;height:79px;border-radius:50%;border:8px solid #587f68;border-right-color:#d7ff5f;transform:rotate(28deg);display:grid;place-items:center;margin:2px 9px 0 0}.orb span{font-size:14px;font-weight:700;transform:rotate(-28deg)}.orb sup{font-size:7px}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15px;margin-top:16px}.task-list,.progress-card{background:white;border:1px solid #e2e6de;border-radius:8px;padding:15px}.card-head{display:flex;align-items:center;justify-content:space-between}.card-head h3{font-size:11px;margin:0}.card-head a{font-size:8px;color:#61736a}.card-head button{background:transparent;color:#8b958f;padding:0;font-size:16px}.task-list article{display:flex;align-items:center;gap:8px;border-top:1px solid #edf0ea;padding:11px 0 0;margin-top:10px}.check{width:13px;height:13px;border:1px solid #cbd4cb;border-radius:4px}.check.checked{background:#d9f170;border-color:#d9f170;font-size:9px;display:grid;place-items:center}.task-list article div{display:grid;gap:2px;flex:1}.task-list b{font-size:9px}.task-list small{font-size:8px;color:#99a19c}.avatar{width:16px;height:16px;border-radius:50%;font-style:normal;font-size:7px;display:grid;place-items:center}.violet{background:#e6d8ff;color:#624797}.gold{background:#ffe8b2;color:#956610}.green{background:#cce8d8;color:#3c7459}.chart{height:102px;display:flex;align-items:end;gap:8px;padding-top:12px;border-bottom:1px solid #e8ece5}.chart span{flex:1;background:#cde0d2;border-radius:2px 2px 0 0}.chart span:nth-last-child(-n+2){background:#578269}.chart-labels{display:flex;justify-content:space-between;padding-top:7px;font:7px "DM Mono",monospace;color:#9aa29d}
.trust-strip { padding-top:65px;padding-bottom:98px;border-bottom:1px solid var(--line);}.trust-strip p{font:10px "DM Mono",monospace;letter-spacing:.05em;color:#78827c;text-align:center;margin-bottom:31px}.trust-strip div{display:flex;justify-content:space-around;align-items:center;color:#717b75;font-weight:800;font-size:19px;letter-spacing:-1px}.trust-strip div span:nth-child(2){font-size:16px;letter-spacing:1px}.trust-strip div span:nth-child(3){font-family:Georgia,serif;font-size:17px}.trust-strip sup{font-size:7px}.trust-strip div span:nth-child(5){font-size:17px}
.intro{padding-top:126px;padding-bottom:113px}.intro-grid{display:grid;grid-template-columns:1.1fr .7fr;gap:90px;margin-top:29px}.intro h2{font-size:50px;line-height:1.13;margin:0}.intro-grid>div{padding-top:8px}.intro-grid p{font-size:15px;line-height:1.72;color:#56635d;margin-bottom:17px}.intro-grid .text-link{display:inline-block;margin-top:12px}
.features{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding-bottom:124px}.feature{min-height:422px;border-radius:12px;background:#e4e8df;padding:31px;position:relative;overflow:hidden}.feature-wide{grid-column:span 2;background:#d9ead9;min-height:386px;display:flex;justify-content:space-between}.feature-copy{max-width:400px}.feature-number{font:10px "DM Mono",monospace;color:#6d796f}.feature h3{font-size:32px;line-height:1.13;margin:27px 0 15px}.feature p:not(.feature-number){font-size:13px;line-height:1.7;color:#55665c;max-width:335px}.focus-preview{width:410px;background:#f8f9f4;border:1px solid #cbd7cb;border-radius:8px;margin:20px 16px 5px 25px;box-shadow:0 18px 30px rgba(46,81,58,.14);transform:rotate(2.5deg);padding:17px;align-self:center}.preview-top{display:flex;justify-content:space-between;border-bottom:1px solid #e1e5de;padding-bottom:13px;font-size:11px;font-weight:800}.preview-top small{font:8px "DM Mono",monospace;color:#88938c}.focus-item{display:grid;grid-template-columns:25px 1fr;gap:3px;border-bottom:1px solid #e9ece5;padding:13px 0;font-size:10px}.focus-item i{font:9px "DM Mono",monospace;color:#aab2ac;font-style:normal}.focus-item span{grid-column:2;font-size:8px;color:#87918b}.focus-item span em{font-size:6px;color:#89b057}.focus-item:nth-child(3) span em{color:#e0b95a}.focus-item:nth-child(4) span em{color:#a99ae2}.focus-item.current b{color:#28533f}.focus-footer{font-size:9px;color:#7e8982;padding:12px 0 0}.focus-footer span{float:right;font-size:14px;color:#315b46}.signal-graphic{position:absolute;bottom:29px;left:31px;right:31px;background:#f6f6f0;border:1px solid #d5dbd1;border-radius:8px;height:153px;padding:20px}.signal-graphic div{display:grid;gap:2px}.signal-graphic span{font:8px "DM Mono",monospace;color:#87938b}.signal-graphic b{font-size:28px;letter-spacing:-1.7px}.signal-graphic small{font-size:9px;color:#6f7c74}.signal-graphic svg{position:absolute;bottom:15px;right:14px;width:56%;}.signal-graphic path{stroke:#4f7d66;stroke-width:2.5}.signal-graphic .shade{stroke:none;fill:rgba(171,215,168,.35)}.decision-note{position:absolute;bottom:28px;left:31px;right:31px;border:1px solid #cbd4cc;border-radius:8px;background:#fafaf6;padding:18px}.decision-note div{display:flex;align-items:center;gap:6px}.decision-note i{width:19px;height:19px;border-radius:5px;background:#e5ca8d;font-size:10px;display:grid;place-items:center;font-style:normal}.decision-note span{font:8px "DM Mono",monospace;color:#68746d}.decision-note small{margin-left:auto;font-size:8px;color:#939c96}.decision-note p{font-size:12px!important;line-height:1.55!important;color:#26352d!important;margin:15px 0!important}.decision-note b{font-size:9px}.decision-note em{float:right;color:#476b56;font-family:Manrope;font-size:14px}
.quote-section{border-top:1px solid var(--line);padding-top:97px;padding-bottom:102px;max-width:1024px;text-align:center}.quote-mark{font:60px Georgia,serif;color:#8fac7f;height:47px}.quote-section blockquote{font-size:clamp(25px,3.1vw,39px);letter-spacing:-.06em;line-height:1.25;margin:0 auto 27px;max-width:840px}.quote-by{display:inline-flex;text-align:left;align-items:center;gap:9px}.portrait{width:30px;height:30px;border-radius:50%;background:#a0c292;display:grid;place-items:center;font-size:9px;font-weight:800;color:#fff}.quote-by p{font-size:9px;line-height:1.45;color:#77817b;margin:0}.quote-by b{font-size:10px;color:#34433b}
.closing{position:relative;overflow:hidden;border-radius:14px;background:#254f3c;color:white;padding-top:78px;padding-bottom:78px;margin-bottom:78px}.grid-glow{position:absolute;inset:0;opacity:.34;background:linear-gradient(90deg,transparent 49.8%,#7bab7b 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#7bab7b 50%,transparent 50.2%);background-size:74px 74px;mask-image:radial-gradient(ellipse at center,black,transparent 68%)}.closing>*:not(.grid-glow){position:relative}.closing-content{max-width:914px;margin:auto;display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:76px}.closing .section-kicker{color:#b8d2b7}.closing h2{font-size:50px;line-height:1.13;margin:20px 0 19px}.closing-intro>p:last-child{max-width:330px;color:#c4d5c5;font-size:13px;line-height:1.7;margin:0}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:rgba(248,250,244,.1);border:1px solid rgba(226,240,221,.24);border-radius:12px;padding:22px;backdrop-filter:blur(8px)}.form-field{display:grid;gap:7px}.form-field-message{grid-column:1 / -1}.form-field label{font:600 10px "DM Mono",monospace;letter-spacing:.04em;color:#d6e5d5}.form-field input,.form-field textarea{width:100%;border:1px solid rgba(231,240,229,.27);border-radius:6px;background:rgba(255,255,255,.96);color:var(--ink);font:500 13px Manrope,Arial,sans-serif;outline:0;padding:11px 12px;transition:border-color .2s,box-shadow .2s}.form-field textarea{resize:vertical;min-height:86px}.form-field input:focus,.form-field textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(215,255,95,.2)}.lead-submit{justify-self:start;border:0;cursor:pointer;min-width:185px;justify-content:center;transition:transform .2s,opacity .2s}.lead-submit:hover:not(:disabled){transform:translateY(-1px)}.lead-submit:disabled{cursor:wait;opacity:.75}.button-loader{display:none;width:14px;height:14px;border:2px solid rgba(30,54,42,.28);border-top-color:#1e362a;border-radius:50%;animation:spin .7s linear infinite}.lead-form.is-submitting .button-label,.lead-form.is-submitting .button-arrow{display:none}.lead-form.is-submitting .button-loader{display:block}.form-status{grid-column:1 / -1;min-height:18px;margin:0;font-size:11px;line-height:1.5;color:#d6e5d5}.form-status.is-success{padding:9px 11px;border:1px solid rgba(215,255,95,.46);border-radius:6px;background:rgba(215,255,95,.12);color:var(--lime);font-weight:700}.form-status.is-error{color:#ffd5ca}@keyframes spin{to{transform:rotate(360deg)}}
.site-footer{border-top:1px solid var(--line);padding-top:25px;padding-bottom:30px;display:flex;align-items:center;justify-content:space-between}.site-footer p,.site-footer div{font-size:10px;color:#758078}.site-footer div{display:flex;gap:17px}.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}.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}
@media (max-width: 750px){.section-shell,.site-header{padding-left:20px;padding-right:20px}.site-header{height:71px}.menu-toggle{display:flex;width:38px;height:34px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:5px}.menu-toggle i{width:21px;height:1.5px;background:var(--ink);display:block}.site-nav{display:none;position:absolute;top:70px;left:20px;right:20px;background:white;padding:20px;z-index:2;border:1px solid var(--line);border-radius:9px;box-shadow:0 10px 25px #1625191a;flex-direction:column;align-items:flex-start;gap:18px}.site-nav.open{display:flex}.nav-cta{margin:0}.hero{padding-top:68px}h1{font-size:46px}.hero-actions{flex-direction:column;gap:17px}.product-frame{margin-top:47px}.product-content{grid-template-columns:1fr}.product-content aside{display:none}.dashboard{padding:20px 16px}.dashboard-grid{grid-template-columns:1fr}.progress-card{display:none}.trust-strip{padding-top:49px;padding-bottom:63px}.trust-strip div{flex-wrap:wrap;gap:20px;font-size:15px}.intro{padding-top:77px;padding-bottom:73px}.intro-grid{grid-template-columns:1fr;gap:18px}.intro h2{font-size:42px}.features{grid-template-columns:1fr;padding-bottom:73px}.feature-wide{grid-column:auto;display:block;min-height:490px}.feature{min-height:418px}.focus-preview{position:absolute;left:20px;right:20px;bottom:25px;margin:0;width:auto}.quote-section{padding-top:64px;padding-bottom:69px}.closing{margin:0 20px 55px;padding:58px 20px}.closing-content{grid-template-columns:1fr;gap:32px}.closing h2{font-size:40px}.lead-form{grid-template-columns:1fr;padding:18px}.form-field-message{grid-column:auto}.lead-submit{width:100%}.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:19px}.site-footer p{grid-row:2}.site-footer div{justify-content:end;gap:12px}.product-frame{border-radius:10px 10px 0 0}.focus-card{padding:15px}.orb{width:62px;height:62px}.dashboard-head h2{font-size:17px}}
@media (max-width:750px){.hero-banner{margin-top:35px;border-radius:10px}.hero .product-frame{margin-top:18px}}

/* Theme-aware surfaces and color transitions for the original interface. */
body,.site-header,.site-nav,.product-frame,.browser-top,.product-content aside,.dashboard,.task-list,.progress-card,.focus-preview,.signal-graphic,.decision-note,.feature,.trust-strip,.quote-section,.site-footer,.form-field input,.form-field textarea{transition:background-color .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease}.product-frame{background:var(--surface-muted);border-color:var(--line)}.browser-top{border-color:var(--line);color:var(--muted)}.browser-top span{background:var(--line)}.browser-top small{border-color:var(--line);color:var(--muted)}.product-content aside{background:var(--surface-muted);border-color:var(--line);color:var(--muted)}.side-logo{color:var(--ink)}.dashboard{background:var(--surface-elevated)}.task-list,.progress-card,.focus-preview,.signal-graphic,.decision-note{background:var(--surface);border-color:var(--card-border)}.task-list article,.focus-item,.preview-top{border-color:var(--line)}.task-list small,.chart-labels,.preview-top small,.focus-item span,.product-content aside p{color:var(--muted)}.chart{border-color:var(--line)}.chart span{background:#476f59}.chart span:nth-last-child(-n+2){background:#84b17c}.trust-strip p,.trust-strip div,.intro-grid p,.feature p:not(.feature-number),.feature-number,.site-footer p,.site-footer div{color:var(--muted)}:root[data-theme="dark"] .feature{background:#1a2a21}:root[data-theme="dark"] .feature-wide{background:#1e3629}:root[data-theme="dark"] .focus-card{background:#315d46}:root[data-theme="dark"] .focus-preview,:root[data-theme="dark"] .signal-graphic,:root[data-theme="dark"] .decision-note{box-shadow:0 18px 30px rgba(0,0,0,.2)}.form-field input,.form-field textarea{background:var(--input-surface);color:var(--input-text);border-color:var(--card-border)}

.workflow-section{padding-top:8px;padding-bottom:124px}.workflow-heading{display:grid;grid-template-columns:1.1fr .7fr;gap:90px;align-items:end;margin-bottom:41px}.workflow-heading h2,.demo-heading h2{font-size:50px;line-height:1.13;margin:20px 0 0}.workflow-heading>p,.demo-heading>p{max-width:390px;margin:0;color:var(--soft-text);font-size:14px;line-height:1.72}.workflow-canvas{display:grid;grid-template-columns:1fr 62px 1fr 62px 1fr;align-items:stretch;padding:22px;border:1px solid var(--glass-border);border-radius:16px;background:linear-gradient(120deg,var(--glass),rgba(215,255,95,.09));box-shadow:0 20px 44px var(--theme-shadow);position:relative;overflow:hidden}.workflow-canvas::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;background:linear-gradient(90deg,transparent 49.5%,var(--line) 50%,transparent 50.5%),linear-gradient(transparent 49.5%,var(--line) 50%,transparent 50.5%);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,black 20%,black 80%,transparent)}.workflow-card{position:relative;z-index:1;min-height:258px;padding:22px;border:1px solid var(--glass-border);border-radius:12px;background:var(--glass);backdrop-filter:blur(12px);box-shadow:0 10px 24px var(--theme-shadow);transition:transform .25s ease,box-shadow .25s ease,border-color .25s}.workflow-card:hover{transform:translateY(-6px);border-color:rgba(122,170,119,.65);box-shadow:0 17px 30px var(--theme-shadow)}.workflow-card-top{display:flex;align-items:center;justify-content:space-between}.workflow-number,.workflow-label{font:10px "DM Mono",monospace;letter-spacing:.06em;color:var(--muted)}.workflow-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:var(--green);color:var(--lime);font-size:15px}.workflow-card-scrape .workflow-icon{background:#826b3a;color:#fff0bd}.workflow-card-memory .workflow-icon{background:#62548b;color:#efe9ff}.workflow-card h3{font-size:22px;line-height:1.1;margin:31px 0 10px}.workflow-card>p:not(.workflow-label){font-size:12px;line-height:1.7;color:var(--soft-text);max-width:220px}.workflow-status{position:absolute;bottom:20px;left:22px;display:inline-flex;align-items:center;gap:6px;color:var(--muted);font:9px "DM Mono",monospace}.workflow-status i{width:6px;height:6px;border-radius:50%;background:#88bd66;box-shadow:0 0 0 4px rgba(136,189,102,.15)}.workflow-card-scrape .workflow-status i{background:#d6ac56}.workflow-card-memory .workflow-status i{background:#a99ae2}.workflow-connector{align-self:center;height:2px;position:relative;z-index:1;background:linear-gradient(90deg,var(--green),var(--lime))}.workflow-connector span{position:absolute;right:-2px;top:50%;transform:translateY(-50%);color:var(--green);font-size:22px;line-height:1;animation:workflow-pulse 2s ease-in-out infinite}.workflow-connector:nth-of-type(4) span{animation-delay:.7s}@keyframes workflow-pulse{50%{transform:translate(5px,-50%);opacity:.55}}

.demo-section{border-top:1px solid var(--line);padding-top:110px;padding-bottom:124px}.demo-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:39px}.demo-heading>p{padding-bottom:5px}.demo-workbench{overflow:hidden;border:1px solid var(--card-border);border-radius:15px;background:var(--surface-elevated);box-shadow:0 18px 42px var(--theme-shadow)}.demo-form{padding:21px 23px;border-bottom:1px solid var(--card-border);background:var(--surface-muted)}.demo-form label{display:block;margin-bottom:9px;color:var(--muted);font:10px "DM Mono",monospace;letter-spacing:.07em}.demo-input-row{display:flex;gap:10px}.demo-input-row input{min-width:0;flex:1;padding:12px 13px;border:1px solid var(--card-border);border-radius:7px;background:var(--input-surface);color:var(--input-text);font:500 13px Manrope,Arial,sans-serif;outline:0;transition:border-color .2s,box-shadow .2s}.demo-input-row input:focus{border-color:#83b954;box-shadow:0 0 0 3px rgba(131,185,84,.16)}.demo-input-row button{min-width:112px;border:0;border-radius:7px;background:var(--ink);color:var(--paper);font:700 12px Manrope,Arial,sans-serif;cursor:pointer;transition:transform .2s,opacity .2s}.demo-input-row button:hover:not(:disabled){transform:translateY(-1px)}.demo-input-row button:disabled{opacity:.7;cursor:wait}.demo-submit-loader{display:none;width:14px;height:14px;margin:auto;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.demo-form.is-running .demo-submit-label{display:none}.demo-form.is-running .demo-submit-loader{display:block}.demo-form-status{min-height:15px;margin:9px 0 0;color:var(--muted);font-size:10px}.demo-form-status.is-error{color:#b95246}.demo-output{display:grid;grid-template-columns:.92fr 1.08fr;gap:18px;padding:22px}.terminal-window,.screenshot-window{overflow:hidden;border:1px solid var(--card-border);border-radius:9px;background:var(--terminal)}.terminal-top,.screenshot-top{height:35px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid var(--terminal-border);font:9px "DM Mono",monospace;color:#b6c9bb}.terminal-top span{display:flex;gap:4px}.terminal-top i{width:6px;height:6px;border-radius:50%;background:#cf6a60}.terminal-top i:nth-child(2){background:#ddba65}.terminal-top i:nth-child(3){background:#7aaf73}.terminal-top b{font-weight:400;margin:auto}.terminal-top small{color:#91bd81}.demo-log{height:224px;margin:0;padding:13px 15px;overflow:auto;list-style:none;color:var(--terminal-text);font:11px/1.75 "DM Mono",monospace}.demo-log li{opacity:0;transform:translateY(4px);animation:terminal-line .24s ease forwards}.demo-log li span{color:var(--lime);margin-right:5px}.demo-log li.is-success{color:#bce4b5}.demo-log li.is-muted{color:#8ea198}@keyframes terminal-line{to{opacity:1;transform:translateY(0)}}.screenshot-window{background:var(--preview-surface)}.screenshot-top{border-color:var(--card-border);color:var(--muted);justify-content:space-between}.screenshot-top small{font:9px "DM Mono",monospace;color:#719d67}.screenshot-preview{height:224px;padding:13px;background:linear-gradient(135deg,rgba(215,255,95,.12),transparent 58%);transition:background .3s}.screenshot-preview[data-state="loading"]{background:linear-gradient(110deg,var(--preview-surface) 25%,rgba(215,255,95,.18) 38%,var(--preview-surface) 55%);background-size:200% 100%;animation:preview-loading 1.2s linear infinite}.preview-browser-bar{height:20px;display:flex;align-items:center;gap:4px;padding:0 6px;border:1px solid var(--card-border);border-radius:4px 4px 0 0;background:var(--surface)}.preview-browser-bar i{width:4px;height:4px;border-radius:50%;background:#c9d2c9}.preview-browser-bar span{overflow:hidden;margin-left:4px;color:var(--muted);font:7px "DM Mono",monospace;text-overflow:ellipsis;white-space:nowrap}.preview-page{height:166px;padding:23px 20px;border:1px solid var(--card-border);border-top:0;background:var(--surface);display:flex;flex-direction:column;align-items:flex-start}.preview-page-kicker{color:#83a871;font:8px "DM Mono",monospace;letter-spacing:.08em}.preview-page b{max-width:225px;margin:10px 0 13px;color:var(--ink);font-size:16px;letter-spacing:-.05em}.preview-line{display:block;width:46%;height:5px;margin:3px 0;border-radius:99px;background:var(--preview-line)}.preview-line-wide{width:78%}.preview-line-short{width:28%}.preview-page-cards{display:flex;gap:6px;margin-top:auto;width:100%}.preview-page-cards i{display:block;flex:1;height:23px;border-radius:3px;background:var(--preview-line)}.preview-page-cards i:nth-child(2){background:rgba(131,185,84,.4)}@keyframes preview-loading{to{background-position:-200% 0}}

@media (max-width: 750px){.header-controls{margin-left:0}.site-nav{background:var(--surface);box-shadow:0 10px 25px var(--theme-shadow)}.workflow-section{padding-top:5px;padding-bottom:74px}.workflow-heading{grid-template-columns:1fr;gap:17px;margin-bottom:28px}.workflow-heading h2,.demo-heading h2{font-size:42px}.workflow-canvas{grid-template-columns:1fr;gap:14px;padding:14px}.workflow-card{min-height:220px}.workflow-connector{width:2px;height:26px;justify-self:center;background:linear-gradient(var(--green),var(--lime))}.workflow-connector span{right:auto;left:50%;top:auto;bottom:-8px;transform:translateX(-50%) rotate(90deg)}.workflow-connector:nth-of-type(4) span{animation-delay:.7s}@keyframes workflow-pulse{50%{transform:translate(5px,-50%)}}.workflow-connector span{animation:workflow-mobile-pulse 2s ease-in-out infinite}@keyframes workflow-mobile-pulse{50%{transform:translate(-50%,5px) rotate(90deg);opacity:.55}}.demo-section{padding-top:72px;padding-bottom:74px}.demo-heading{display:grid;gap:18px;margin-bottom:28px}.demo-heading>p{padding:0}.demo-output{grid-template-columns:1fr;padding:14px}.demo-input-row{display:grid;grid-template-columns:1fr}.demo-input-row button{height:43px}.demo-log,.screenshot-preview{height:210px}.preview-page{height:152px}.demo-form{padding:17px}.theme-toggle{width:46px}}