@layer page{.hero{padding-block:clamp(80px,8vw,116px) clamp(76px,7vw,104px);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(90deg,#12231409 1px,#0000 1px),linear-gradient(#12231409 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;mask-image:linear-gradient(#0000,#000 10% 65%,#0000)}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(36px,5.5vw,80px);display:grid;position:relative}.hero-kicker{color:#456018;font:500 var(--type-label)/1.6 var(--font-code);letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:7px;margin:0;display:flex}.hero-kicker:before{content:"";background:#86b32f;width:18px;height:2px;margin-right:4px;display:inline-block}.hero-kicker span{color:#a3afa0}.hero h1{font-size:var(--type-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display);margin:var(--space-6) 0 var(--space-8);max-width:740px;font-weight:600}.hero h1 .serif{color:#41572b;font-size:1.03em}.hero-ctas{flex-wrap:wrap;gap:11px;display:flex}.hero-footnote{font-size:var(--type-caption);color:#657161;align-items:center;gap:9px;margin-top:25px;line-height:1.55;display:flex}.hero-footnote svg{color:#53782d;flex:0 0 16px}.hero-footnote span{min-width:0}.hero-stage{pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;min-height:490px;display:flex;position:relative}.product-window{border-radius:var(--shape-xl);width:100%;box-shadow:var(--elevation-3);transform-origin:52% 52%;background:#fff;border:1px solid #d2dad0;padding:13px;position:relative;transform:rotate(-2.5deg)}.window-bar{color:#667364;height:30px;font-size:var(--type-label);font-family:var(--font-code);justify-content:space-between;align-items:center;padding:0 8px 11px;display:flex}.window-inner{border-radius:var(--shape-lg);background:#f3f7ed;border:1px solid #e4ebdd;min-height:372px;padding:23px;overflow:hidden}.mock-heading{border-bottom:1px solid #dde6d5;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;display:flex}.mock-heading strong{font-size:var(--type-small);letter-spacing:-.02em}.mock-heading span{font-size:var(--type-label);color:#5b7651;font-family:var(--font-code)}.mock-topline{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.mock-topline h3{font-size:var(--type-h4);letter-spacing:var(--tracking-heading);margin:0;line-height:1.2}.mock-topline .pill{font-size:var(--type-label);padding:5px 9px}.mock-description{font-size:var(--type-caption);color:var(--text-subtle);margin:0;line-height:1.6}.system-flow{align-items:stretch;gap:9px;margin-top:25px;display:flex}.system-node{border-radius:var(--shape-md);text-align:center;background:#fff;border:1px solid #dae5d0;flex:1;place-items:center;gap:10px;min-width:0;min-height:112px;padding:13px 6px;display:grid}.system-node.primary-node{background:var(--brand-lime);border-color:#a3cb57}.node-icon{border-radius:var(--shape-sm);width:31px;height:31px;font-family:var(--font-code);background:#f0f4e9;place-items:center;font-size:14px;font-weight:700;display:grid}.primary-node .node-icon{background:#ffffff73}.system-node small{font-size:var(--type-label);font-weight:600;line-height:1.4}.flow-join{font-family:var(--font-code);color:#71816d;flex:0 0 10px;place-items:center;font-size:13px;display:grid}.mock-info{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.mock-info>div{border-radius:var(--shape-sm);background:#fff;border:1px solid #e0e9d9;padding:12px 13px}.mock-info small{font-family:var(--font-code);font-size:var(--type-label);color:#6b7868;margin-bottom:5px;line-height:1.4;display:block}.mock-info strong{font-size:var(--type-caption)}.float-card{border-radius:var(--shape-md);box-shadow:var(--shadow-md);background:#fff;border:1px solid #e1e8db;align-items:center;gap:11px;padding:14px 17px;display:flex;position:absolute;bottom:18px;left:-24px;transform:rotate(2.5deg)}.float-card svg{color:#60852b}.float-card strong{font-size:var(--type-caption);display:block}.float-card span{font-size:var(--type-label);color:#697666;display:block}.bento{gap:var(--grid-gap);grid-template:"web acquire"minmax(270px,auto)"web software"minmax(270px,auto)"automate automate"/minmax(0,1.618fr) minmax(0,1fr);align-items:stretch;display:grid}.tile{isolation:isolate;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);flex-direction:column;min-width:0;padding:clamp(24px,3.15vw,44px);display:flex;position:relative;overflow:hidden}.tile-feature{background:var(--brand-lime);border-color:#aaca66;grid-area:web;min-height:570px}.tile-acquisition{background:var(--surface);grid-area:acquire;padding:clamp(24px,2.2vw,32px)}.tile-software{background:var(--surface-soft);grid-area:software;padding:clamp(24px,2.2vw,32px)}.tile-automation{background:#e9f2df;grid-area:automate;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:32px;min-height:275px;display:grid}.tile-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.tile-num{color:#586a4e;font:500 var(--type-label)/1.4 var(--font-code);letter-spacing:.045em}.tile-heading{z-index:1;position:relative}.tile-feature .tile-heading{margin-top:clamp(36px,4vw,52px)}.tile-acquisition .tile-heading,.tile-software .tile-heading{margin-top:var(--space-5)}.tile-acquisition h3,.tile-software h3{margin:12px 0;font-size:clamp(1.625rem,2.15vw,2.0625rem)}.tile h3{letter-spacing:-.055em;text-wrap:balance;max-width:19ch;margin:15px 0 14px;font-size:clamp(1.625rem,2.6vw,2.375rem);font-weight:600;line-height:1.13}.tile-feature h3{max-width:15ch;margin-top:18px;font-size:clamp(2.25rem,4vw,3.5rem);line-height:1.06}.tile p{color:var(--text-subtle);font-size:var(--type-small);line-height:var(--leading-small);text-wrap:pretty;max-width:44ch;margin:0}.tile-feature p{color:#344822;max-width:47ch;font-size:var(--type-body);line-height:1.6}.tile-footer{z-index:1;padding-top:var(--space-8);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-top:auto;display:flex;position:relative}.tile-feature .pill{background:#fff6;border-color:#11171129}.tile .text-link{color:var(--brand-ink);margin-top:0}.tile-acquisition .text-link,.tile-software .text-link{margin-top:auto;padding-top:18px}.tile-visual{z-index:1;width:100%;position:relative}.blueprint{border-radius:var(--shape-lg);background:#ffffff4d;border:1px solid #11171129;margin-top:clamp(28px,3.3vw,44px);padding:16px;transform:none}.blueprint-top{color:#3a4f29;font:500 var(--type-label)/1.4 var(--font-code);border-bottom:1px solid #11171121;justify-content:space-between;align-items:center;gap:12px;padding:2px 0 12px;display:flex}.blueprint-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:16px;display:grid}.blueprint-flow span{text-align:center;border-radius:var(--shape-sm);min-height:58px;font:500 var(--type-label)/1.3 var(--font-code);background:#fff9;border:1px solid #11171121;justify-content:center;align-items:center;padding:10px 6px;display:flex}.blueprint-flow span:nth-child(2){background:var(--brand-ink);color:#f8faf2}.mini-pipeline{align-items:stretch;gap:6px;margin-top:auto;padding-top:16px;display:flex}.mini-pipeline span{border:1px solid var(--border);border-radius:var(--shape-sm);text-align:center;min-width:0;font:500 var(--type-label)/1.4 var(--font-code);color:#465840;background:#f5f8f0;flex:1;padding:11px 3px}.mini-pipeline span:nth-child(2){color:var(--brand-ink);background:#e5f6bf;border-color:#c2d99d}.mini-pipeline i{color:#768773;align-self:center;font-size:12px;font-style:normal}.mini-console{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:16px;display:grid}.mini-console span{border-radius:var(--shape-sm);color:#4d6049;min-height:50px;font:500 var(--type-label)/1.3 var(--font-code);background:#ffffffba;border:1px solid #dde6d4;align-items:center;padding:12px;display:flex}.mini-console span:first-child{color:#34452b;background:#dcebbf;grid-column:1/-1}.tile-automation .tile-heading{max-width:530px}.tile-automation h3{max-width:20ch;margin-top:20px}.tile-automation p{max-width:56ch}.tile-automation .text-link{margin-top:20px}.automate-visual{grid-template-columns:1fr 1fr;gap:12px;display:grid;transform:none}.automate-block{border-radius:var(--shape-md);background:#f8faf2;border:1px solid #cbd9be;flex-direction:column;justify-content:space-between;min-height:82px;padding:13px 16px;display:flex}.automate-block:nth-child(2){background:#d5eea7}.automate-block:nth-child(3){background:var(--brand-ink);border-color:var(--brand-ink);color:#f8faf2;grid-column:span 2}.automate-block small{font:500 var(--type-label)/1.3 var(--font-code);opacity:.65}.automate-block strong{font-size:var(--type-small);letter-spacing:-.02em;line-height:1.35}.automate-block:last-child small{color:var(--brand-lime);opacity:1}.work-grid{gap:var(--grid-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.work-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;flex-direction:column;min-width:0;display:flex;overflow:hidden}.work-art{aspect-ratio:16/9;border-bottom:1px solid var(--border);place-items:center;min-height:260px;padding:clamp(20px,3vw,38px);display:grid;position:relative;overflow:hidden}.work-art.school{background:#e8f2d9}.work-art.funnel{background:#e8ebdf}.art-panel{border-radius:var(--shape-md);background:#fff;border:1px solid #20321b14;width:min(100%,410px);padding:15px;transform:none;box-shadow:0 14px 35px #11171117}.art-panel.alt{transform:none}.art-top{font-size:var(--type-label);border-bottom:1px solid #e1eadf;justify-content:space-between;gap:10px;padding-bottom:13px;font-weight:600;display:flex}.art-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding-top:14px;display:grid}.art-grid span{border-radius:var(--shape-sm);color:#536e46;height:65px;font:600 var(--type-label)/1.45 var(--font-code);background:#f6f9f3;border:1px solid #e4eadd;padding:11px}.art-grid span:nth-child(2){background:#e9f8c5}.art-path{align-items:center;gap:5px;padding-top:24px;display:flex}.art-path span{border-radius:var(--shape-sm);height:45px;font:600 var(--type-label)/1.2 var(--font-code);background:#f2f6ec;border:1px solid #e0e7dc;flex:1;place-items:center;display:grid}.art-path span:nth-of-type(2){background:#c0ed5b}.art-path i{color:#637561;font-size:12px;font-style:normal}.work-content{flex-direction:column;flex:1;align-items:flex-start;padding:clamp(24px,2.5vw,34px);display:flex}.work-topline{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.work-content h3{font-size:var(--type-h3);letter-spacing:var(--tracking-heading);margin:0 0 9px;font-weight:600;line-height:1.2}.work-content p{font-size:var(--type-small);color:var(--text-subtle);line-height:var(--leading-small);max-width:60ch;margin:0 0 24px}.work-content .text-link{margin-top:auto}.process{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#eff4e8}.process-grid{gap:var(--space-8);margin-top:var(--space-12);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.step{padding-top:var(--space-6);border-top:1px solid #aabe9a}.step b{border-radius:var(--shape-sm);width:35px;height:35px;font:500 var(--type-label)/1 var(--font-code);background:#dff2b4;justify-content:center;align-items:center;display:inline-flex}.step h3{letter-spacing:-.035em;font-size:var(--type-h4);margin:21px 0 8px;font-weight:600}.step p{font-size:var(--type-small);line-height:var(--leading-small);color:var(--text-subtle);margin:0}.cta-panel{color:var(--text-on-lime);border-radius:var(--radius-xl);background:var(--brand-lime);align-items:center;min-height:360px;padding:clamp(40px,6vw,72px);display:flex;position:relative;overflow:hidden}.cta-content{z-index:1;max-width:680px;position:relative}.cta-content h2{font-size:var(--type-cta);letter-spacing:-.055em;margin:12px 0 22px;font-weight:600;line-height:1.07}.cta-content p{max-width:490px;font-size:var(--type-body);line-height:var(--leading-body);color:#43552f;margin:0 0 25px}.automate-visual{grid-template-columns:repeat(2,minmax(0,1fr))}.automate-block{overflow-wrap:anywhere;min-width:0}.mock-info{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-console span,.mock-info strong{overflow-wrap:anywhere}@media (width<=580px){.cta-content h2{overflow-wrap:anywhere}}.work-topline>*{min-width:0}@media (width<=700px){.system-flow{gap:4px}}@media (width<=1020px){.hero-grid{grid-template-columns:1.12fr .88fr;gap:30px}.hero-stage{min-height:435px}.window-inner{min-height:340px;padding:16px}.system-flow{gap:5px}.system-node{min-height:98px}.float-card{bottom:7px;left:-10px}}@media (width<=800px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:30px}.hero-grid>*{min-width:0}.hero h1{max-width:690px}.hero-stage{width:min(100%,590px);min-width:0;min-height:430px;margin-inline:auto}.product-window{transform-origin:50%;transform:none}.bento{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"web web""acquire software""automate automate"}.tile-feature{min-height:0}.tile-feature .tile-heading{margin-top:36px}.tile-feature .blueprint{max-width:650px;margin-top:32px}.tile-acquisition,.tile-software{min-height:335px}.process-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.hero-ctas .btn{white-space:normal;text-align:center;max-width:100%}.work-art .art-panel{max-width:100%;overflow:hidden}.hero{padding-top:59px;padding-bottom:55px}.hero h1{margin-top:19px;font-size:clamp(2.75rem,11vw,4rem)}.hero-stage{min-height:352px}.window-inner{min-height:315px;padding:14px}.float-card{display:none}.system-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.flow-join{display:none}.system-node{min-height:88px;padding:9px 5px}.system-node small{font-size:var(--type-label)}.mock-info{gap:6px}.window-bar{gap:10px}.mock-heading{flex-wrap:wrap;align-items:flex-start}.hero-stage{width:100%;min-height:390px}.product-window{min-width:0}.bento{grid-template-columns:minmax(0,1fr);grid-template-areas:"web""acquire""software""automate";gap:14px}.tile{padding:26px}.tile-feature{min-height:0}.tile-feature .tile-heading{margin-top:32px}.tile-feature h3{font-size:clamp(2.05rem,8.5vw,2.6rem)}.tile-feature p{font-size:var(--type-small)}.tile-acquisition,.tile-software{min-height:320px}.tile-acquisition .tile-heading,.tile-software .tile-heading{margin-top:28px}.tile-automation{grid-template-columns:1fr;gap:26px;min-height:0}.automate-visual,.blueprint{transform:none}.tile-footer{align-items:flex-start;gap:18px}.work-grid,.process-grid{grid-template-columns:1fr}.work-art{aspect-ratio:16/10;min-height:220px}.cta-panel{border-radius:var(--shape-xl)}}.hero h1,.hero h1 .serif{overflow-wrap:anywhere}.work-content,.work-topline,.work-content h3{overflow-wrap:anywhere;min-width:0}.art-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.art-grid span,.art-path span,.tile-num,.mini-pipeline span{overflow-wrap:anywhere;min-width:0}.window-index{color:var(--text);border:1px solid var(--border);background:var(--surface);border-radius:var(--shape-xs);padding:3px 6px;font-weight:600}.window-bar{gap:10px}.window-bar>span:nth-child(2){text-align:center}.hero h1{max-width:12ch;font-size:clamp(3rem,5.4vw,5.05rem)}.hero h1 .serif{font-size:.97em}.product-window{border-radius:var(--shape-xl)}.window-inner{border-radius:var(--shape-lg)}.float-card{border-radius:var(--shape-md)}.blueprint,.art-panel,.art-panel.alt,.automate-visual{transform:none}.mini-pipeline span,.mini-console span,.blueprint-flow span,.automate-block{border-radius:var(--shape-md)}.node-icon .sc-icon{width:var(--icon-md);height:var(--icon-md)}:root[data-theme=dark] .hero:before{background-image:linear-gradient(to right, var(--hero-grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--hero-grid-line) 1px, transparent 1px)}:root[data-theme=dark] .hero-kicker{color:var(--link)}:root[data-theme=dark] .hero-kicker span{color:var(--text-subtle)}:root[data-theme=dark] .hero h1 .serif{color:#bedf94}:root[data-theme=dark] .hero-footnote svg{color:var(--link)}:root[data-theme=dark] .product-window{box-shadow:var(--elevation-3);background:#1b291d;border-color:#546a52}:root[data-theme=dark] .window-bar{color:#b9c9b6}:root[data-theme=dark] .window-index{color:var(--text);background:#28392b;border-color:#50674f}:root[data-theme=dark] .window-inner{background:#152016;border-color:#3c523b}:root[data-theme=dark] .mock-heading{border-color:var(--border)}:root[data-theme=dark] .mock-heading span{color:var(--text-subtle)}:root[data-theme=dark] .mock-topline .pill{background:#263727}:root[data-theme=dark] .system-node{background:#243127;border-color:#556b53}:root[data-theme=dark] .system-node.primary-node{background:var(--brand-lime);color:#111711;border-color:#96c748}:root[data-theme=dark] .node-icon{background:#324334}:root[data-theme=dark] .primary-node .node-icon{background:#ffffff8a}:root[data-theme=dark] .flow-join{color:#bfceb8}:root[data-theme=dark] .mock-info>div{background:#243127;border-color:#425a43}:root[data-theme=dark] .mock-info small{color:#bcd0b6}:root[data-theme=dark] .float-card{background:#263527;border-color:#6a8266}:root[data-theme=dark] .float-card span{color:var(--text-subtle)}:root[data-theme=dark] .float-card svg{color:var(--link)}:root[data-theme=dark] .tile-num{color:var(--text-subtle)}:root[data-theme=dark] .tile-feature,:root[data-theme=dark] .cta-panel{background:var(--brand-lime);color:#111711}:root[data-theme=dark] .tile-feature .tile-num{color:#3c522c}:root[data-theme=dark] .tile-feature p{color:#344822}:root[data-theme=dark] .tile-feature .text-link,:root[data-theme=dark] .tile-automation .text-link{color:inherit}:root[data-theme=dark] .tile-feature .pill{color:#111711;background:#ffffff80;border-color:#80a64b}:root[data-theme=dark] .tile-automation{background:#233324}:root[data-theme=dark] .tile-automation .text-link{color:var(--link)}:root[data-theme=dark] .blueprint{background:#ffffff38}:root[data-theme=dark] .blueprint-top{color:#31461f}:root[data-theme=dark] .blueprint-flow span{color:#111711;background:#e3f4ba;border-color:#96b75b}:root[data-theme=dark] .blueprint-flow span:nth-child(2){color:#f8faf2;background:#111711}:root[data-theme=dark] .mini-pipeline span{color:#d3e5cc;background:#243327;border-color:#526b50}:root[data-theme=dark] .mini-pipeline span:nth-child(2){background:var(--brand-lime);color:#111711;border-color:#95c542}:root[data-theme=dark] .mini-pipeline i{color:#aec0a8}:root[data-theme=dark] .mini-console span{color:#dbebd4;background:#293b2c;border-color:#526c53}:root[data-theme=dark] .mini-console span:first-child{color:#f3f7ef;background:#405c37}:root[data-theme=dark] .automate-block{background:#28382a;border-color:#526b51}:root[data-theme=dark] .automate-block:nth-child(2){background:#334d30}:root[data-theme=dark] .automate-block:nth-child(3){color:#f3f7ef;background:#121b14;border-color:#53694f}:root[data-theme=dark] .work-card{background:var(--surface)}:root[data-theme=dark] .work-art.school{background:#2a3a2a}:root[data-theme=dark] .work-art.funnel{background:#243125}:root[data-theme=dark] .art-panel{color:var(--text);box-shadow:var(--elevation-2);background:#1b281e;border-color:#5d705c}:root[data-theme=dark] .art-top{border-color:var(--border)}:root[data-theme=dark] .art-grid span{color:#d5e7cc;background:#2b3d2b;border-color:#536951}:root[data-theme=dark] .art-grid span:nth-child(2){background:#415b35}:root[data-theme=dark] .art-path span{background:#344536;border-color:#526b51}:root[data-theme=dark] .art-path span:nth-of-type(2){background:var(--brand-lime);color:#111711}:root[data-theme=dark] .art-path i{color:var(--text-subtle)}:root[data-theme=dark] .process{background:#18231a}:root[data-theme=dark] .step{border-color:var(--border-strong)}:root[data-theme=dark] .step b{color:var(--text);background:#30482d}:root[data-theme=dark] .cta-content p{color:#43552f}:root[data-theme=dark] .cta-panel .btn-ink{color:#f8faf2;background:#111711}.faq-block{max-width:920px;margin-inline:auto}.faq-block .section-head{margin-bottom:var(--space-10)}:root[data-theme=dark] .cta-panel .btn-ink:focus-visible{outline-color:var(--focus-on-lime);box-shadow:0 0 0 2px #f8faf2}@media (hover:hover) and (pointer:fine){:root[data-theme=dark] .cta-panel .btn-ink:hover{background:#2f3f2e}}.service-bento-more{margin:12px 0 0;font-size:.875rem;font-weight:700;line-height:1.5}.service-bento-more a{color:inherit;text-underline-offset:4px;text-decoration:underline;text-decoration-color:var(--border-strong)}.service-bento-more a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}}@layer components{:root{--flow-step-duration:.55s;--flow-pop-duration:.18s;--flow-hover-duration:.16s;--flow-loop-gap:4.8s;--flow-ease:cubic-bezier(.23, 1, .32, 1)}.blueprint-flow span,.system-node,.mini-pipeline span,.mini-console span,.automate-block,.art-grid span,.art-path span{transition:transform var(--flow-hover-duration) var(--flow-ease), box-shadow var(--flow-hover-duration) var(--flow-ease), border-color var(--flow-hover-duration) ease}@media (hover:hover) and (pointer:fine){.tile-feature:hover .blueprint-flow span:first-child,.tile-feature:focus-within .blueprint-flow span:first-child{transform:translateY(-3px)}.tile-feature:hover .blueprint-flow span:nth-child(2),.tile-feature:focus-within .blueprint-flow span:nth-child(2){transition-delay:50ms;transform:translateY(-4px)}.tile-feature:hover .blueprint-flow span:nth-child(3),.tile-feature:focus-within .blueprint-flow span:nth-child(3){transition-delay:.1s;transform:translateY(-3px)}.tile-acquisition:hover .mini-pipeline span:nth-of-type(2),.tile-acquisition:focus-within .mini-pipeline span:nth-of-type(2),.tile-software:hover .mini-console span:nth-child(2),.tile-software:focus-within .mini-console span:nth-child(2),.work-card:hover .art-path span:nth-of-type(2),.work-card:focus-within .art-path span:nth-of-type(2),.tile-automation:hover .automate-block:nth-child(2),.tile-automation:focus-within .automate-block:nth-child(2),.work-card:hover .art-grid span:nth-child(2),.work-card:focus-within .art-grid span:nth-child(2){transform:translateY(-3px)}}html[data-flow-stage="0"] .system-node:first-child,html[data-flow-stage="1"] .system-node:nth-child(3),html[data-flow-stage="2"] .system-node:nth-child(5),html[data-flow-stage="3"] .system-node:nth-child(7){border-color:#6e9138;box-shadow:0 0 0 3px #689d243d}html[data-flow-stage="0"] .mini-pipeline span:first-of-type,html[data-flow-stage="1"] .mini-pipeline span:nth-of-type(2),html[data-flow-stage="3"] .mini-pipeline span:nth-of-type(3),html[data-flow-stage="0"] .automate-block:first-child,html[data-flow-stage="1"] .automate-block:nth-child(2),html[data-flow-stage="3"] .automate-block:nth-child(3){box-shadow:inset 0 0 0 2px #57852861}.flow-lab-section{padding-block:36px clamp(76px,8vw,124px)}.flow-lab-head{margin-bottom:27px}.flow-lab-eyebrow{font:500 var(--type-label)/1.5 var(--font-code);letter-spacing:.06em;color:var(--link)}.flow-lab-head h2{max-width:21ch}.flow-lab{--lab-brd:var(--border);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--shape-xl);box-shadow:var(--elevation-1,0 2px 10px #1117110a);padding:clamp(18px,3vw,35px)}.flow-lab-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.flow-lab-title{letter-spacing:-.03em;margin:6px 0 5px;font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.25}.flow-lab-note{font-size:var(--type-small);color:var(--text-subtle);max-width:66ch;margin:0;line-height:1.6}.flow-lab-tag{color:var(--text-subtle);border:1px solid var(--border);border-radius:var(--shape-pill);font:500 var(--type-label)/1.4 var(--font-code);letter-spacing:.04em;white-space:nowrap;align-items:center;padding:6px 11px;display:inline-flex}.flow-lab-main{grid-template-columns:minmax(0,1.9fr) minmax(245px,1fr);align-items:stretch;gap:clamp(16px,3vw,32px);display:grid}.flow-lab-left{min-width:0}.flow-lab-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 17px;display:grid;position:relative}.flow-lab-node{color:var(--text);text-align:left;border:1px solid var(--border);background:var(--surface-soft);border-radius:var(--shape-md);cursor:pointer;min-width:0;transition:transform var(--flow-hover-duration) var(--flow-ease), border-color var(--flow-hover-duration) ease, background-color var(--flow-hover-duration) ease, box-shadow var(--flow-hover-duration) ease;flex-direction:column;align-items:flex-start;gap:8px;padding:15px 11px 12px;display:flex;position:relative}.flow-lab-node .sc-icon{width:22px;height:22px;color:var(--link)}.flow-lab-index{font:500 var(--type-label)/1 var(--font-code);color:var(--text-subtle)}.flow-lab-node strong{font-size:var(--type-small);overflow-wrap:anywhere;line-height:1.3}.flow-lab-node[data-run-state=active]{background:var(--surface-accent);border-color:var(--border-accent);box-shadow:inset 0 0 0 1px var(--border-accent)}.flow-lab-node[data-run-state=done]{border-color:var(--border-accent)}.flow-lab-node[data-run-state=rejected]{background:var(--surface-error);border-color:var(--border-danger)}.flow-lab-node[aria-pressed=true]:after{content:"";background:var(--link);border-radius:1px;width:22px;height:2px;position:absolute;bottom:5px;left:11px}.flow-lab-node:focus-visible,.flow-lab button:focus-visible,.flow-lab select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (hover:hover) and (pointer:fine){.flow-lab-node:hover{border-color:var(--border-strong);transform:translateY(-3px)}}.flow-lab-inspector{border:1px solid var(--border);background:var(--surface-soft);border-radius:var(--shape-md);align-items:start;gap:12px;min-height:86px;padding:15px;display:flex}.flow-lab-inspector-icon{border-radius:var(--shape-sm);background:var(--surface-accent);width:31px;height:31px;color:var(--link);flex:0 0 31px;place-items:center;display:grid}.flow-lab-inspector-icon svg{width:19px;height:19px}.flow-lab-inspector strong{font-size:var(--type-small);margin-bottom:5px;display:block}.flow-lab-inspector p{font-size:var(--type-small);color:var(--text-subtle);margin:0;line-height:1.6}.flow-lab-controls{flex-wrap:wrap;align-items:end;gap:11px;margin-top:18px;display:flex}.flow-lab-select-wrap{font-size:var(--type-caption);color:var(--text-subtle);flex-direction:column;gap:6px;display:flex}.flow-lab select{border-radius:var(--shape-sm);background:var(--surface);min-height:44px;color:var(--text);border:1px solid var(--border-control);font:500 var(--type-small) var(--font-ui);max-width:100%;padding:0 31px 0 12px}.flow-lab-action{border:1px solid var(--border-control);border-radius:var(--shape-pill);min-height:44px;color:var(--text);background:var(--surface-soft);font:600 var(--type-small)/1.4 var(--font-ui);cursor:pointer;transition:transform var(--flow-pop-duration) var(--flow-ease), background-color var(--flow-hover-duration) ease, border-color var(--flow-hover-duration) ease;justify-content:center;align-items:center;gap:7px;padding:10px 15px;display:inline-flex}.flow-lab-action svg{width:18px;height:18px}.flow-lab-action-primary{background:var(--brand-lime);color:#111711;border-color:#a9c96d}.flow-lab-action[aria-pressed=true]{background:var(--surface-accent);border-color:var(--border-accent)}.flow-lab-action:disabled{opacity:.55;cursor:wait}@media (hover:hover) and (pointer:fine){.flow-lab-action:not(:disabled):hover{background:var(--state-hover)}.flow-lab-action-primary:not(:disabled):hover{background:#d2f68b}}.flow-lab-action:not(:disabled):active{transform:scale(.97)}.flow-lab-status{min-height:22px;font-size:var(--type-caption);color:var(--text-subtle);margin:16px 0 0;line-height:1.55}.flow-lab-status[data-result=success]{color:var(--positive)}.flow-lab-status[data-result=rejected]{color:var(--danger)}.flow-lab-stats{border-radius:var(--shape-lg);border:1px solid var(--border);background:var(--surface-soft);padding:16px}.flow-lab-stats h3{font-size:var(--type-small);margin:0 0 5px}.flow-lab-stats>p{color:var(--text-subtle);font-size:var(--type-caption);margin:0 0 15px;line-height:1.5}.flow-lab-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.flow-lab-metric{border:1px solid var(--border);border-radius:var(--shape-md);background:var(--surface);min-width:0;transition:transform var(--flow-pop-duration) var(--flow-ease), border-color var(--flow-pop-duration) ease;padding:12px}.flow-lab-metric dt{font-size:var(--type-caption);color:var(--text-subtle);line-height:1.35}.flow-lab-metric dd{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:clamp(1.5rem,2vw,2rem);font-weight:600;line-height:1.2}.flow-lab-metric[data-bump=true]{border-color:var(--border-accent);transform:translateY(-2px)}.flow-lab-chart-title{font:500 var(--type-label)/1.4 var(--font-code);color:var(--text-subtle);justify-content:space-between;gap:8px;margin:17px 0 12px;display:flex}.flow-lab-bars{border-bottom:1px solid var(--border);align-items:stretch;gap:8px;height:78px;display:flex}.flow-lab-bar{cursor:pointer;background:0 0;border:0;flex:1;justify-content:center;align-items:flex-end;min-width:0;padding:0;display:flex;position:relative}.flow-lab-bar-fill{transform-origin:bottom;width:min(100%,29px);height:100%;transform:scaleY(var(--bar-level,.06));background:var(--brand-lime);border:1px solid var(--border-accent);transition:transform .28s var(--flow-ease);border-radius:6px 6px 0 0;display:block}.flow-lab-bar[aria-pressed=true] .flow-lab-bar-fill{background:var(--link)}.flow-lab-bar:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.flow-lab-chart-labels{gap:8px;margin-top:7px;display:flex}.flow-lab-chart-labels span{text-align:center;font:500 var(--type-label)/1.4 var(--font-code);color:var(--text-subtle);flex:1}.flow-lab-events{font:400 var(--type-caption)/1.5 var(--font-ui);color:var(--text-subtle);min-height:19px;margin:12px 0 0}:root[data-theme=dark] .flow-lab-node[data-run-state=active]{background:#35462b}:root[data-theme=dark] .flow-lab-action-primary{color:#111711}:root[data-theme=dark] .flow-lab-bar[aria-pressed=true] .flow-lab-bar-fill{background:#f8faf2}:root[data-theme=dark] .flow-lab-status[data-result=success]{color:#c0ed5b}:root[data-theme=dark] .flow-lab-status[data-result=rejected]{color:#ffc2b9}@media (width<=970px){.flow-lab-main{grid-template-columns:minmax(0,1fr)}}@media (width<=500px){.flow-lab-track{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-lab-node{min-height:94px}.flow-lab-controls{align-items:stretch}.flow-lab-select-wrap,.flow-lab select{width:100%}.flow-lab-action{flex:auto}.flow-lab-stats{padding:13px}}@media (prefers-reduced-motion:reduce){.blueprint-flow span,.system-node,.mini-pipeline span,.mini-console span,.automate-block,.art-grid span,.art-path span,.flow-lab-node,.flow-lab-action,.flow-lab-bar-fill,.flow-lab-metric{transition:none!important;transform:none!important}.flow-lab-bar-fill{transform:scaleY(var(--bar-level,.06))!important}}:root.no-motion .flow-lab-node,:root.no-motion .flow-lab-action,:root.no-motion .flow-lab-bar-fill,:root.no-motion .flow-lab-metric,.no-motion .flow-lab-node,.no-motion .flow-lab-action,.no-motion .flow-lab-bar-fill,.no-motion .flow-lab-metric{transition:none!important}@media (forced-colors:active){.flow-lab-node[data-run-state=active],.flow-lab-node[aria-pressed=true],.flow-lab-metric[data-bump=true],.flow-lab-action[aria-pressed=true]{outline-offset:1px;outline:2px solid highlight}.flow-lab-bar-fill{forced-color-adjust:none;background:highlight;border-color:highlight}}:root.no-motion .blueprint-flow span,:root.no-motion .system-node,:root.no-motion .mini-pipeline span,:root.no-motion .mini-console span,:root.no-motion .automate-block,:root.no-motion .art-grid span,:root.no-motion .art-path span,body.no-motion .blueprint-flow span,body.no-motion .system-node,body.no-motion .mini-pipeline span,body.no-motion .mini-console span,body.no-motion .automate-block,body.no-motion .art-grid span,body.no-motion .art-path span{transition:none!important;transform:none!important}#systems-demo,#flowLab{scroll-margin-top:100px}.flow-lab[data-running=true] .flow-lab-node[data-run-state=active]:before{content:"";background:var(--link);pointer-events:none;border-radius:50%;width:7px;height:7px;animation:.85s ease-in-out infinite alternate flow-activity;position:absolute;top:10px;right:10px}@keyframes flow-activity{0%{opacity:.42;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (hover:hover) and (pointer:fine){.flow-lab-bar:hover .flow-lab-bar-fill{opacity:.7}}@media (prefers-reduced-motion:reduce){.flow-lab-node:before{animation:none!important}}:root.no-motion .flow-lab-node:before,body.no-motion .flow-lab-node:before{animation:none!important}:root{--diagram-phase-duration:.42s;--diagram-transition-duration:.2s;--diagram-ease:cubic-bezier(.23, 1, .32, 1)}.diagram-transport{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;min-width:0;margin-top:12px;display:flex}.diagram-caption{min-width:0;font:500 var(--type-caption)/1.5 var(--font-ui);color:var(--text-subtle);overflow-wrap:anywhere;flex:145px}.tile-feature .diagram-caption,.tile-automation .diagram-caption{color:#354c24}.diagram-replay{background:var(--surface);border:1px solid var(--border-control);min-height:38px;color:var(--text);font:600 var(--type-caption)/1.3 var(--font-ui);border-radius:var(--shape-pill);cursor:pointer;transition:transform .14s var(--diagram-ease), background-color .16s ease, border-color .16s ease;flex:none;justify-content:center;align-items:center;gap:5px;padding:7px 12px;display:inline-flex}.diagram-replay .sc-icon{width:16px;height:16px}.diagram-replay:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.diagram-replay:active{transform:scale(.97)}.tile-feature .diagram-replay,.tile-automation .diagram-replay{color:#111711;background:#f8faf2;border-color:#8fa87f}.tile-feature .diagram-replay:focus-visible,.tile-automation .diagram-replay:focus-visible{outline-color:#111711}@media (hover:hover) and (pointer:fine){.diagram-replay:hover{border-color:var(--border-accent);background:var(--state-hover)}.tile-feature .diagram-replay:hover,.tile-automation .diagram-replay:hover{background:#eaf5d6}}.diagram-replay[aria-busy=true]{cursor:progress}[data-sequence-graphic] [data-step-visual]{transition:transform var(--diagram-transition-duration) var(--diagram-ease), opacity var(--diagram-transition-duration) ease, box-shadow var(--diagram-transition-duration) ease}[data-sequence-graphic][data-sequence-state=playing] [data-step-visual]{opacity:.54}[data-sequence-graphic][data-sequence-state=playing] [data-step-visual].is-current{opacity:1;transform:translateY(-3px);box-shadow:inset 0 0 0 2px #689d24,0 3px 12px #122a1121}[data-sequence-graphic][data-sequence-state=playing] [data-step-visual].is-complete{opacity:.9}[data-sequence-graphic][data-sequence-state=finished] [data-step-visual]{opacity:1}.flow-lab-progress-label{color:var(--text-subtle);font:500 var(--type-label)/1.35 var(--font-code);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0 0 9px;display:flex}.flow-lab-progress{border-radius:var(--shape-pill);background:var(--border);border:0;height:5px;margin-bottom:17px;overflow:hidden}.flow-lab-progress-fill{width:100%;height:100%;transform:scaleX(var(--flow-progress,0));transform-origin:0;background:var(--link);transition:transform .34s var(--flow-ease);display:block}.flow-lab-history{border-top:1px solid var(--border);margin-top:17px;padding-top:12px}.flow-lab-history h4{font:600 var(--type-caption)/1.4 var(--font-ui);color:var(--text);margin:0 0 9px}.flow-lab-history ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.flow-lab-history li{font:400 var(--type-caption)/1.5 var(--font-ui);color:var(--text-subtle);justify-content:space-between;gap:8px;display:flex}.flow-lab-history .flow-result{white-space:nowrap;font-weight:600}.flow-lab-history [data-kind=success] .flow-result{color:var(--positive)}.flow-lab-history [data-kind=rejected] .flow-result{color:var(--danger)}.flow-lab[data-loop-state=waiting] .flow-lab-progress-fill{opacity:.75}:root[data-theme=dark] .tile-feature .diagram-caption,:root[data-theme=dark] .tile-automation .diagram-caption{color:#31461f}:root[data-theme=dark] .flow-lab-history [data-kind=success] .flow-result{color:#c0ed5b}:root[data-theme=dark] .flow-lab-history [data-kind=rejected] .flow-result{color:#ffc2b9}@media (width<=500px){.diagram-transport{align-items:stretch}.diagram-caption{flex-basis:100%}.diagram-replay{justify-self:flex-start;min-width:105px;min-height:44px}}@media (prefers-reduced-motion:reduce){[data-sequence-graphic] [data-step-visual],.diagram-replay,.flow-lab-progress-fill{transition:none!important}[data-sequence-graphic] [data-step-visual].is-current{transform:none!important}}:root.no-motion [data-sequence-graphic] [data-step-visual],body.no-motion [data-sequence-graphic] [data-step-visual],:root.no-motion .diagram-replay,body.no-motion .diagram-replay,:root.no-motion .flow-lab-progress-fill,body.no-motion .flow-lab-progress-fill{transition:none!important}:root.no-motion [data-sequence-graphic] [data-step-visual].is-current,body.no-motion [data-sequence-graphic] [data-step-visual].is-current{transform:none!important}@media (forced-colors:active){[data-sequence-graphic] .is-current{outline:2px solid highlight}.flow-lab-progress-fill{forced-color-adjust:none;background:highlight}.diagram-replay{border:1px solid buttontext}}@media (width>=971px){.tile-automation .diagram-transport{grid-area:2/2;margin-top:-20px}}}