<!-- wp:greenshift-blocks/element {"id":"gsbp-6be232d","tag":"section","type":"inner","localId":"gsbp-6be232d","align":"full","dynamicAttributes":[{"name":"data-type","value":"section-component"}],"styleAttributes":{"display":["flex"],"justifyContent":["center"],"flexDirection":["column"],"alignItems":["center"],"paddingRight":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dspacing\u002d\u002dside, min(3vw, 20px))"],"paddingLeft":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dspacing\u002d\u002dside, min(3vw, 20px))"],"paddingTop":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dspacing\u002d\u002dtop, 0px)"],"paddingBottom":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dspacing\u002d\u002dbottom, 0px)"],"marginTop":["0px"],"marginBottom":["0px"],"paddingLink_Extra":"lr","position":["relative"],"backgroundColor":["#f8fafc"],"cssVars_Extra":[{"name":"\u002d\u002dsection-primary-color","value":"#4f46e5"}]},"isVariation":"contentwrapper"} -->
<section class="gsbp-6be232d alignfull" data-type="section-component"><!-- wp:greenshift-blocks/element {"id":"gsbp-960e00f","metadata":{"name":"Content Area"},"type":"inner","localId":"gsbp-960e00f","dynamicAttributes":[{"name":"data-type","value":"content-area-component"}],"styleAttributes":{"maxWidth":["100%"],"width":["var(\u002d\u002dwp\u002d\u002dstyle\u002d\u002dglobal\u002d\u002dwide-size, 1200px)"]},"isVariation":"nocolumncontent"} -->
<div class="gsbp-960e00f" data-type="content-area-component"><!-- wp:greenshift-blocks/element {"id":"gsbp-9177d53","type":"inner","className":"mflw-scope-root","localId":"gsbp-9177d53"} -->
<div class="mflw-scope-root"><!-- wp:greenshift-blocks/element {"id":"gsbp-bdec966","tag":"section","type":"inner","className":"mflw-container-outer alignfull","localId":"gsbp-bdec966","dynamicAttributes":[{"name":"data-type","value":"section-component"}]} -->
<section class="mflw-container-outer alignfull" data-type="section-component"><!-- wp:greenshift-blocks/element {"id":"gsbp-abeb5d4","type":"inner","className":"mflw-container-inner","localId":"gsbp-abeb5d4","dynamicAttributes":[{"name":"data-type","value":"content-area-component"}]} -->
<div class="mflw-container-inner" data-type="content-area-component"><!-- wp:greenshift-blocks/element {"id":"gsbp-ab4b860","type":"inner","className":"mflw-head-wrap","localId":"gsbp-ab4b860"} -->
<div class="mflw-head-wrap"><!-- wp:greenshift-blocks/element {"id":"gsbp-4c0dc65","textContent":"How it works","tag":"span","className":"mflw-badge-pill","localId":"gsbp-4c0dc65"} -->
<span class="mflw-badge-pill">How it works</span>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-eba6aab","textContent":"Workflow simplified.","tag":"h2","className":"mflw-title-main","localId":"gsbp-eba6aab"} -->
<h2 class="mflw-title-main">Workflow simplified.</h2>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-48cb3e1","textContent":"Turn chaos into clarity with a system that adapts to your needs. Three simple steps to master your productivity.","tag":"p","className":"mflw-text-intro","localId":"gsbp-48cb3e1"} -->
<p class="mflw-text-intro">Turn chaos into clarity with a system that adapts to your needs. Three simple steps to master your productivity.</p>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-de2563a","type":"inner","className":"mflw-timeline-area","localId":"gsbp-de2563a"} -->
<div class="mflw-timeline-area"><!-- wp:greenshift-blocks/element {"id":"gsbp-aa03022","type":"inner","className":"mflw-vert-line","localId":"gsbp-aa03022"} -->
<div class="mflw-vert-line"><!-- wp:greenshift-blocks/element {"id":"gsbp-7e7cca3","type":"empty","className":"mflw-line-filler","localId":"gsbp-7e7cca3"} -->
<div class="mflw-line-filler"></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-3252c67","type":"inner","className":"mflw-item-row","localId":"gsbp-3252c67"} -->
<div class="mflw-item-row"><!-- wp:greenshift-blocks/element {"id":"gsbp-54d6ef7","textContent":"1","className":"mflw-center-dot","localId":"gsbp-54d6ef7"} -->
<div class="mflw-center-dot">1</div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-df178a1","type":"inner","className":"mflw-col-content","localId":"gsbp-df178a1"} -->
<div class="mflw-col-content"><!-- wp:greenshift-blocks/element {"id":"gsbp-b9bcc3d","textContent":"Centralize your tasks","tag":"h2","className":"mflw-step-head","localId":"gsbp-b9bcc3d"} -->
<h2 class="mflw-step-head">Centralize your tasks</h2>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-6ce182b","textContent":"Bring all your to-dos, docs, and deadlines into one organized workspace. Tag, filter, and sort with ease to keep everything visible.","tag":"p","className":"mflw-step-body","localId":"gsbp-6ce182b"} -->
<p class="mflw-step-body">Bring all your to-dos, docs, and deadlines into one organized workspace. Tag, filter, and sort with ease to keep everything visible.</p>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-896204e","textContent":"Start organizing","tag":"a","className":"mflw-btn-primary","localId":"gsbp-896204e","href":"#"} -->
<a class="mflw-btn-primary" href="#">Start organizing</a>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-cd457d0","type":"inner","className":"mflw-col-visual","localId":"gsbp-cd457d0"} -->
<div class="mflw-col-visual"><!-- wp:greenshift-blocks/element {"id":"gsbp-9bcc16b","type":"inner","className":"mflw-card-mockup","localId":"gsbp-9bcc16b"} -->
<div class="mflw-card-mockup"><!-- wp:greenshift-blocks/element {"id":"gsbp-53c179b","type":"inner","className":"mflw-list-group","localId":"gsbp-53c179b"} -->
<div class="mflw-list-group"><!-- wp:greenshift-blocks/element {"id":"gsbp-015483f","type":"inner","className":"mflw-list-row","localId":"gsbp-015483f"} -->
<div class="mflw-list-row"><!-- wp:greenshift-blocks/element {"id":"gsbp-6e656d2","type":"empty","className":"mflw-icon-sq","localId":"gsbp-6e656d2","dynamicAttributes":[{"name":"style","value":"background:#e0e7ff; color:#4f46e5;"}]} -->
<div class="mflw-icon-sq" style="background:#e0e7ff; color:#4f46e5;"></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-d8ef668","type":"empty","className":"mflw-line-block","localId":"gsbp-d8ef668"} -->
<div class="mflw-line-block"></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-aab8c88","type":"inner","className":"mflw-list-row","localId":"gsbp-aab8c88"} -->
<div class="mflw-list-row"><!-- wp:greenshift-blocks/element {"id":"gsbp-3ab03c0","type":"empty","className":"mflw-icon-sq","localId":"gsbp-3ab03c0","dynamicAttributes":[{"name":"style","value":"background:#dcfce7; color:#16a34a;"}]} -->
<div class="mflw-icon-sq" style="background:#dcfce7; color:#16a34a;"></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-4d8a32f","type":"empty","className":"mflw-line-block","localId":"gsbp-4d8a32f","dynamicAttributes":[{"name":"style","value":"width: 60%;"}]} -->
<div class="mflw-line-block" style="width: 60%;"></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-c58a9ae","type":"inner","className":"mflw-list-row","localId":"gsbp-c58a9ae"} -->
<div class="mflw-list-row"><!-- wp:greenshift-blocks/element {"id":"gsbp-5ea8405","type":"empty","className":"mflw-icon-sq","localId":"gsbp-5ea8405","dynamicAttributes":[{"name":"style","value":"background:#f3e8ff; color:#9333ea;"}]} -->
<div class="mflw-icon-sq" style="background:#f3e8ff; color:#9333ea;"></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-6e2121d","type":"empty","className":"mflw-line-block","localId":"gsbp-6e2121d","dynamicAttributes":[{"name":"style","value":"width: 80%;"}]} -->
<div class="mflw-line-block" style="width: 80%;"></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-95c9a42","type":"inner","className":"mflw-item-row","localId":"gsbp-95c9a42"} -->
<div class="mflw-item-row"><!-- wp:greenshift-blocks/element {"id":"gsbp-3694162","textContent":"2","className":"mflw-center-dot","localId":"gsbp-3694162"} -->
<div class="mflw-center-dot">2</div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-c58f9b4","type":"inner","className":"mflw-col-content","localId":"gsbp-c58f9b4"} -->
<div class="mflw-col-content"><!-- wp:greenshift-blocks/element {"id":"gsbp-2879e3f","textContent":"Automate the busy work","tag":"h2","className":"mflw-step-head","localId":"gsbp-2879e3f"} -->
<h2 class="mflw-step-head">Automate the busy work</h2>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-118ad4d","textContent":"Set up custom triggers. When a task is done, notify the client. When a bug is reported, assign it to dev. Let the robots handle the boring stuff.","tag":"p","className":"mflw-step-body","localId":"gsbp-118ad4d"} -->
<p class="mflw-step-body">Set up custom triggers. When a task is done, notify the client. When a bug is reported, assign it to dev. Let the robots handle the boring stuff.</p>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-4e00f33","textContent":"View integrations","tag":"a","className":"mflw-btn-primary","localId":"gsbp-4e00f33","href":"#","dynamicAttributes":[]} -->
<a class="mflw-btn-primary" href="#">View integrations</a>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-64b8ec6","type":"inner","className":"mflw-col-visual","localId":"gsbp-64b8ec6"} -->
<div class="mflw-col-visual"><!-- wp:greenshift-blocks/element {"id":"gsbp-d8766f4","type":"inner","className":"mflw-card-mockup","localId":"gsbp-d8766f4"} -->
<div class="mflw-card-mockup"><!-- wp:greenshift-blocks/element {"id":"gsbp-0173fd3","type":"inner","className":"mflw-grid-2x2","localId":"gsbp-0173fd3"} -->
<div class="mflw-grid-2x2"><!-- wp:greenshift-blocks/element {"id":"gsbp-c38d331","textContent":"📧","className":"mflw-grid-item","localId":"gsbp-c38d331"} -->
<div class="mflw-grid-item">📧</div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-ca92163","textContent":"💬","className":"mflw-grid-item","localId":"gsbp-ca92163"} -->
<div class="mflw-grid-item">💬</div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-0c87a08","textContent":"📁","className":"mflw-grid-item","localId":"gsbp-0c87a08"} -->
<div class="mflw-grid-item">📁</div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-ad33c12","textContent":"📅","className":"mflw-grid-item","localId":"gsbp-ad33c12"} -->
<div class="mflw-grid-item">📅</div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-e923ca7","textContent":"⚡","className":"mflw-float-icon","localId":"gsbp-e923ca7"} -->
<div class="mflw-float-icon">⚡</div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-6ca6916","type":"inner","className":"mflw-item-row","localId":"gsbp-6ca6916"} -->
<div class="mflw-item-row"><!-- wp:greenshift-blocks/element {"id":"gsbp-2a38546","textContent":"3","className":"mflw-center-dot","localId":"gsbp-2a38546"} -->
<div class="mflw-center-dot">3</div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-ecc1a9c","type":"inner","className":"mflw-col-content","localId":"gsbp-ecc1a9c"} -->
<div class="mflw-col-content"><!-- wp:greenshift-blocks/element {"id":"gsbp-fe0a684","textContent":"Track \u0026 Optimize","tag":"h2","className":"mflw-step-head","localId":"gsbp-fe0a684"} -->
<h2 class="mflw-step-head">Track & Optimize</h2>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-032d0d2","textContent":"Visualize your team's velocity with beautiful charts. Identify bottlenecks before they become problems and scale your operations effortlessly.","tag":"p","className":"mflw-step-body","localId":"gsbp-032d0d2"} -->
<p class="mflw-step-body">Visualize your team's velocity with beautiful charts. Identify bottlenecks before they become problems and scale your operations effortlessly.</p>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-a379efb","textContent":"View demo","tag":"a","className":"mflw-btn-outline","localId":"gsbp-a379efb","href":"#"} -->
<a class="mflw-btn-outline" href="#">View demo</a>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-f4ff44f","type":"inner","className":"mflw-col-visual","localId":"gsbp-f4ff44f"} -->
<div class="mflw-col-visual"><!-- wp:greenshift-blocks/element {"id":"gsbp-8d77d37","type":"inner","className":"mflw-card-mockup","localId":"gsbp-8d77d37"} -->
<div class="mflw-card-mockup"><!-- wp:greenshift-blocks/element {"id":"gsbp-c1142f9","type":"inner","className":"mflw-chart-box","localId":"gsbp-c1142f9"} -->
<div class="mflw-chart-box"><!-- wp:greenshift-blocks/element {"id":"gsbp-e6dccd5","type":"empty","className":"mflw-chart-col","localId":"gsbp-e6dccd5","dynamicAttributes":[{"name":"style","value":"height:40%"}]} -->
<div class="mflw-chart-col" style="height:40%"></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-ed18f52","type":"empty","className":"mflw-chart-col","localId":"gsbp-ed18f52","dynamicAttributes":[{"name":"style","value":"height:60%"}]} -->
<div class="mflw-chart-col" style="height:60%"></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-fae66c0","type":"empty","className":"mflw-chart-col mflw-col-highlight","localId":"gsbp-fae66c0","dynamicAttributes":[{"name":"style","value":"height:85%"}]} -->
<div class="mflw-chart-col mflw-col-highlight" style="height:85%"></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-69591c4","type":"empty","className":"mflw-chart-col","localId":"gsbp-69591c4","dynamicAttributes":[{"name":"style","value":"height:50%"}]} -->
<div class="mflw-chart-col" style="height:50%"></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-b654126","type":"empty","className":"mflw-chart-col","localId":"gsbp-b654126","dynamicAttributes":[{"name":"style","value":"height:70%"}]} -->
<div class="mflw-chart-col" style="height:70%"></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></section>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></section>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-49766e8","dynamicGClasses":[{"value":"mflw-scope-root","type":"local","label":"mflw-scope-root","localed":false,"css":".mflw-scope-root{font-family:'Plus Jakarta Sans', sans-serif;width:100%;line-height:1.5;}","attributes":{"styleAttributes":{"fontFamily":["'Plus Jakarta Sans', sans-serif"],"width":["100%"],"lineHeight":["1.5"]}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[{"value":" *","attributes":{"styleAttributes":{"boxSizing":["border-box"],"margin":["0"],"padding":["0"]}},"css":".mflw-scope-root *{box-sizing: border-box;\n margin: 0;\n padding: 0;}"},{"value":" *::before","attributes":{"styleAttributes":{"boxSizing":["border-box"],"margin":["0"],"padding":["0"]}},"css":".mflw-scope-root *::before{box-sizing: border-box;\n margin: 0;\n padding: 0;}"},{"value":" *::after","attributes":{"styleAttributes":{"boxSizing":["border-box"],"margin":["0"],"padding":["0"]}},"css":".mflw-scope-root *::after{box-sizing: border-box;\n margin: 0;\n padding: 0;}"}]},{"value":"mflw-container-outer","type":"local","label":"mflw-container-outer","localed":false,"css":".mflw-container-outer{display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n padding-right: var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dspacing\u002d\u002dside, min(3vw, 20px));\n padding-left: var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dspacing\u002d\u002dside, min(3vw, 20px));\n padding-top: 80px;\n padding-bottom: 120px;\n margin-top: 0px;\n margin-bottom: 0px;\n position: relative;\n width: 100%;}@media (max-width: 900px){.mflw-container-outer{padding-top: 60px; padding-bottom: 60px;}}","attributes":{"styleAttributes":{"display":["flex"],"justifyContent":["center"],"flexDirection":["column"],"alignItems":["center"],"paddingRight":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dspacing\u002d\u002dside, min(3vw, 20px))"],"paddingLeft":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dspacing\u002d\u002dside, min(3vw, 20px))"],"paddingTop":["80px"],"paddingBottom":["120px"],"marginTop":["0px"],"marginBottom":["0px"],"position":["relative"],"width":["100%"],"customCSS_Extra":"@media (max-width: 900px){.mflw-container-outer{padding-top: 60px; padding-bottom: 60px;}}"}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mflw-container-inner","type":"local","label":"mflw-container-inner","localed":false,"css":".mflw-container-inner{max-width: 100%;\n width: var(\u002d\u002dwp\u002d\u002dstyle\u002d\u002dglobal\u002d\u002dwide-size, 1200px);\n position: relative;}","attributes":{"styleAttributes":{"maxWidth":["100%"],"width":["var(\u002d\u002dwp\u002d\u002dstyle\u002d\u002dglobal\u002d\u002dwide-size, 1200px)"],"position":["relative"]}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mflw-head-wrap","type":"local","label":"mflw-head-wrap","localed":false,"css":".mflw-head-wrap{text-align: center;\n max-width: 768px;\n margin: 0 auto 80px;\n padding: 0 10px;}","attributes":{"styleAttributes":{"textAlign":["center"],"maxWidth":["768px"],"margin":["0 auto 80px"],"padding":["0 10px"]}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mflw-badge-pill","type":"local","label":"mflw-badge-pill","localed":false,"css":".mflw-badge-pill{display: inline-block;\n padding: 8px 16px;\n background-color: #e0e7ff;\n color: #4f46e5;\n font-weight: 700;\n font-size: 0.85rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n border-radius: 50px;\n margin-bottom: 24px;}","attributes":{"styleAttributes":{"display":["inline-block"],"padding":["8px 16px"],"backgroundColor":["#e0e7ff"],"color":["#4f46e5"],"fontWeight":["700"],"fontSize":["0.85rem"],"textTransform":["uppercase"],"letterSpacing":["0.05em"],"borderRadius":["50px"],"marginBottom":["24px"]}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mflw-title-main","type":"local","label":"mflw-title-main","localed":false,"css":".mflw-title-main{font-size:3rem;line-height:1.1;font-weight:800;margin-bottom:24px;letter-spacing:-0.02em;background:linear-gradient(135deg, #1e293b 0%, var(\u002d\u002dsection-primary-color, #4f46e5) 100%);}.mflw-title-main{-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 900px){.mflw-title-main{font-size: 2.25rem;}}","attributes":{"styleAttributes":{"fontSize":["3rem"],"lineHeight":["1.1"],"fontWeight":["800"],"marginBottom":["24px"],"letterSpacing":["-0.02em"],"background":["linear-gradient(135deg, #1e293b 0%, var(\u002d\u002dsection-primary-color, #4f46e5) 100%)"],"customCSS_Extra":"{CURRENT}{-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 900px){.mflw-title-main{font-size: 2.25rem;}}"}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mflw-text-intro","type":"local","label":"mflw-text-intro","localed":false,"css":".mflw-text-intro{font-size: 1.125rem;\n color: #64748b;\n line-height: 1.7;}","attributes":{"styleAttributes":{"fontSize":["1.125rem"],"color":["#64748b"],"lineHeight":["1.7"]}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mflw-timeline-area","type":"local","label":"mflw-timeline-area","localed":false,"css":".mflw-timeline-area{position: relative;\n padding-top: 20px;}","attributes":{"styleAttributes":{"position":["relative"],"paddingTop":["20px"]}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mflw-vert-line","type":"local","label":"mflw-vert-line","localed":false,"css":".mflw-vert-line{position: absolute;\n left: 50%;\n top: 0;\n bottom: 0;\n width: 4px;\n background-color: #e2e8f0;\n transform: translateX(-50%);\n border-radius: 2px;\n overflow: hidden;\n z-index: 0;}@media (max-width: 900px){.mflw-vert-line{left: 28px; transform: none;}}","attributes":{"styleAttributes":{"position":["absolute"],"left":["50%"],"top":["0"],"bottom":["0"],"width":["4px"],"backgroundColor":["#e2e8f0"],"transform":["translateX(-50%)"],"borderRadius":["2px"],"overflow":["hidden"],"zIndex":["0"],"customCSS_Extra":"@media (max-width: 900px){.mflw-vert-line{left: 28px; transform: none;}}"}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mflw-line-filler","type":"local","label":"mflw-line-filler","localed":false,"css":".mflw-line-filler{position:absolute;top:0;left:0;width:100%;height:0px;background-color:var(\u002d\u002dsection-primary-color, #4f46e5);transition:height 0.1s linear;}","attributes":{"styleAttributes":{"position":["absolute"],"top":["0"],"left":["0"],"width":["100%"],"height":["0px"],"backgroundColor":["var(\u002d\u002dsection-primary-color, #4f46e5)"],"transition":["height 0.1s linear"]}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mflw-item-row","type":"local","label":"mflw-item-row","localed":false,"css":".mflw-item-row{display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 160px;\n position: relative;\n z-index: 1;}.mflw-item-row:last-child{margin-bottom: 0;}@media (max-width: 900px){.mflw-item-row{flex-direction: column !important; align-items: flex-start; margin-bottom: 80px; padding-left: 70px;}}@media (max-width: 900px){.mflw-item-row .mflw-col-content{width: 100%; padding: 0 0 32px 0;}}@media (max-width: 900px){.mflw-item-row .mflw-col-visual{width: 100%; padding: 0;}}","attributes":{"styleAttributes":{"display":["flex"],"alignItems":["center"],"justifyContent":["space-between"],"marginBottom":["0"],"position":["relative"],"zIndex":["1"],"customCSS_Extra":"@media (max-width: 900px){.mflw-item-row{flex-direction: column !important; align-items: flex-start; margin-bottom: 80px; padding-left: 70px;}}@media (max-width: 900px){.mflw-item-row .mflw-col-content{width: 100%; padding: 0 0 32px 0;}}@media (max-width: 900px){.mflw-item-row .mflw-col-visual{width: 100%; padding: 0;}}"}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[{"value":":nth-child(even)","attributes":{"styleAttributes":{"flexDirection":["row-reverse"]}},"css":".mflw-item-row:nth-child(even){flex-direction: row-reverse;}"},{"value":":nth-child(even) .mflw-col-content","attributes":{"styleAttributes":{"paddingRight":["0"],"paddingLeft":["80px"]}},"css":".mflw-item-row:nth-child(even) .mflw-col-content{padding-right: 0;\n padding-left: 80px;}"},{"value":":nth-child(even) .mflw-col-visual","attributes":{"styleAttributes":{"paddingLeft":["0"],"paddingRight":["80px"]}},"css":".mflw-item-row:nth-child(even) .mflw-col-visual{padding-left: 0;\n padding-right: 80px;}"}]},{"value":"mflw-col-content","type":"local","label":"mflw-col-content","localed":false,"css":".mflw-col-content{width: 50%;\n padding-right: 80px;}","attributes":{"styleAttributes":{"width":["50%"],"paddingRight":["80px"]}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mflw-col-visual","type":"local","label":"mflw-col-visual","localed":false,"css":".mflw-col-visual{width: 50%;\n padding-left: 80px;\n display: flex;\n justify-content: center;}","attributes":{"styleAttributes":{"width":["50%"],"paddingLeft":["80px"],"display":["flex"],"justifyContent":["center"]}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mflw-step-head","type":"local","label":"mflw-step-head","localed":false,"css":".mflw-step-head{font-size: 2rem;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 16px;}","attributes":{"styleAttributes":{"fontSize":["2rem"],"fontWeight":["700"],"color":["#0f172a"],"marginBottom":["16px"]}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mflw-step-body","type":"local","label":"mflw-step-body","localed":false,"css":".mflw-step-body{font-size: 1.05rem;\n color: #64748b;\n margin-bottom: 32px;\n line-height: 1.7;}","attributes":{"styleAttributes":{"fontSize":["1.05rem"],"color":["#64748b"],"marginBottom":["32px"],"lineHeight":["1.7"]}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mflw-btn-primary","type":"local","label":"mflw-btn-primary","localed":false,"css":".mflw-btn-primary{display:inline-block;padding:14px 28px;background-color:var(\u002d\u002dsection-primary-color, #4f46e5);color:#fff;border-radius:12px;text-decoration:none;font-weight:600;transition:all 0.2s;border:none;cursor:pointer;box-shadow:0 4px 6px -1px rgba(79, 70, 229, 0.2);}.mflw-btn-primary:hover{transform:translateY(-2px);background-color:#312e81;box-shadow:0 10px 15px -3px rgba(79, 70, 229, 0.3);}","attributes":{"styleAttributes":{"display":["inline-block"],"padding":["14px 28px"],"backgroundColor":["var(\u002d\u002dsection-primary-color, #4f46e5)"],"color":["#fff"],"borderRadius":["12px"],"textDecoration":["none"],"fontWeight":["600"],"transition":["all 0.2s"],"border":["none"],"cursor":["pointer"],"boxShadow":["0 4px 6px -1px rgba(79, 70, 229, 0.2)"],"transform_hover":["translateY(-2px)"],"backgroundColor_hover":["#312e81"],"boxShadow_hover":["0 10px 15px -3px rgba(79, 70, 229, 0.3)"]}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mflw-btn-outline","type":"local","label":"mflw-btn-outline","localed":false,"css":".mflw-btn-outline{display: inline-block;\n padding: 14px 28px;\n background-color: transparent;\n color: #0f172a;\n border: 1px solid #cbd5e1;\n border-radius: 12px;\n text-decoration: none;\n font-weight: 600;\n transition: all 0.2s;\n cursor: pointer;}.mflw-btn-outline:hover{background-color: #f1f5f9;\n border-color: #94a3b8;}","attributes":{"styleAttributes":{"display":["inline-block"],"padding":["14px 28px"],"backgroundColor":["transparent"],"color":["#0f172a"],"border":["1px solid #cbd5e1"],"borderRadius":["12px"],"textDecoration":["none"],"fontWeight":["600"],"transition":["all 0.2s"],"cursor":["pointer"],"backgroundColor_hover":["#f1f5f9"],"borderColor_hover":["#94a3b8"]}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mflw-center-dot","type":"local","label":"mflw-center-dot","localed":false,"css":".mflw-center-dot{position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 56px;\n height: 56px;\n background-color: #ffffff;\n border: 3px solid #e2e8f0;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n font-weight: 800;\n color: #94a3b8;\n box-shadow: 0 0 0 12px #f8fafc;\n transition: all 0.3s ease;}@media (max-width: 900px){.mflw-center-dot{left: 28px; top: 0; transform: translate(-50%, 0);}}@media (max-width: 900px){.mflw-center-dot.mflw-active-state{transform: translate(-50%, 0) scale(1.1);}}","attributes":{"styleAttributes":{"position":["absolute"],"left":["50%"],"top":["50%"],"transform":["translate(-50%, -50%)"],"width":["56px"],"height":["56px"],"backgroundColor":["#ffffff"],"border":["3px solid #e2e8f0"],"borderRadius":["50%"],"display":["flex"],"alignItems":["center"],"justifyContent":["center"],"fontSize":["1.2rem"],"fontWeight":["800"],"color":["#94a3b8"],"boxShadow":["0 0 0 12px #f8fafc"],"transition":["all 0.3s ease"],"customCSS_Extra":"@media (max-width: 900px){.mflw-center-dot{left: 28px; top: 0; transform: translate(-50%, 0);}}@media (max-width: 900px){.mflw-center-dot.mflw-active-state{transform: translate(-50%, 0) scale(1.1);}}"}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[{"value":".mflw-active-state","attributes":{"styleAttributes":{"backgroundColor":["var(\u002d\u002dsection-primary-color, #4f46e5)"],"borderColor":["#4f46e5"],"color":["#ffffff"],"transform":["translate(-50%, -50%) scale(1.1)"]}},"css":".mflw-center-dot.mflw-active-state{background-color:var(\u002d\u002dsection-primary-color, #4f46e5);border-color:#4f46e5;color:#ffffff;transform:translate(-50%, -50%) scale(1.1);}"}]},{"value":"mflw-card-mockup","type":"local","label":"mflw-card-mockup","localed":false,"css":".mflw-card-mockup{background-color: #ffffff;\n border-radius: 24px;\n padding: 30px;\n width: 100%;\n max-width: 450px;\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0,0,0,0.03);}","attributes":{"styleAttributes":{"backgroundColor":["#ffffff"],"borderRadius":["24px"],"padding":["30px"],"width":["100%"],"maxWidth":["450px"],"boxShadow":["0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0,0,0,0.03)"]}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mflw-list-group","type":"local","label":"mflw-list-group","localed":false,"css":".mflw-list-group{display: flex; flex-direction: column; gap: 16px;}","attributes":{"styleAttributes":{"display":["flex"],"flexDirection":["column"],"gap":["16px"]}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mflw-list-row","type":"local","label":"mflw-list-row","localed":false,"css":".mflw-list-row{display: flex; align-items: center; padding: 12px; background: #f8fafc; border-radius: 12px;}","attributes":{"styleAttributes":{"display":["flex"],"alignItems":["center"],"padding":["12px"],"background":["#f8fafc"],"borderRadius":["12px"]}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mflw-icon-sq","type":"local","label":"mflw-icon-sq","localed":false,"css":".mflw-icon-sq{width: 36px; height: 36px; border-radius: 8px; margin-right: 12px; background: #cbd5e1;}","attributes":{"styleAttributes":{"width":["36px"],"height":["36px"],"borderRadius":["8px"],"marginRight":["12px"],"background":["#cbd5e1"]}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mflw-line-block","type":"local","label":"mflw-line-block","localed":false,"css":".mflw-line-block{height: 10px; background: #e2e8f0; border-radius: 4px; flex-grow: 1;}","attributes":{"styleAttributes":{"height":["10px"],"background":["#e2e8f0"],"borderRadius":["4px"],"flexGrow":["1"]}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mflw-grid-2x2","type":"local","label":"mflw-grid-2x2","localed":false,"css":".mflw-grid-2x2{display: grid; grid-template-columns: 1fr 1fr; gap: 16px; position: relative;}","attributes":{"styleAttributes":{"display":["grid"],"gridTemplateColumns":["1fr 1fr"],"gap":["16px"],"position":["relative"]}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mflw-grid-item","type":"local","label":"mflw-grid-item","localed":false,"css":".mflw-grid-item{height: 90px; background: #f1f5f9; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 24px; border: 2px dashed #e2e8f0;}","attributes":{"styleAttributes":{"height":["90px"],"background":["#f1f5f9"],"borderRadius":["16px"],"display":["flex"],"alignItems":["center"],"justifyContent":["center"],"fontSize":["24px"],"border":["2px dashed #e2e8f0"]}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mflw-float-icon","type":"local","label":"mflw-float-icon","localed":false,"css":".mflw-float-icon{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 44px; height: 44px; background: #4f46e5; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; box-shadow: 0 0 0 5px #fff;}","attributes":{"styleAttributes":{"position":["absolute"],"top":["50%"],"left":["50%"],"transform":["translate(-50%, -50%)"],"width":["44px"],"height":["44px"],"background":["#4f46e5"],"borderRadius":["50%"],"display":["flex"],"alignItems":["center"],"justifyContent":["center"],"color":["#fff"],"boxShadow":["0 0 0 5px #fff"]}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mflw-chart-box","type":"local","label":"mflw-chart-box","localed":false,"css":".mflw-chart-box{height: 180px; display: flex; align-items: flex-end; justify-content: space-between; padding: 0 10px;}","attributes":{"styleAttributes":{"height":["180px"],"display":["flex"],"alignItems":["flex-end"],"justifyContent":["space-between"],"padding":["0 10px"]}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mflw-chart-col","type":"local","label":"mflw-chart-col","localed":false,"css":".mflw-chart-col{width: 14%; background: #e2e8f0; border-radius: 6px 6px 0 0; position: relative;}","attributes":{"styleAttributes":{"width":["14%"],"background":["#e2e8f0"],"borderRadius":["6px 6px 0 0"],"position":["relative"]}},"originalID":"gsbp-49766e8","originalBlock":"greenshift-blocks/element","selectors":[{"value":".mflw-col-highlight","attributes":{"styleAttributes":{"background":["#4f46e5"],"boxShadow":["0 4px 12px rgba(79, 70, 229, 0.3)"]}},"css":".mflw-chart-col.mflw-col-highlight{background: #4f46e5; box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);}"}]}],"metadata":{"name":"Step layout controller"},"type":"no","className":"mflw-scope-root mflw-container-outer mflw-container-inner mflw-head-wrap mflw-badge-pill mflw-title-main mflw-text-intro mflw-timeline-area mflw-vert-line mflw-line-filler mflw-item-row mflw-col-content mflw-col-visual mflw-step-head mflw-step-body mflw-btn-primary mflw-btn-outline mflw-center-dot mflw-card-mockup mflw-list-group mflw-list-row mflw-icon-sq mflw-line-block mflw-grid-2x2 mflw-grid-item mflw-float-icon mflw-chart-box mflw-chart-col","localId":"gsbp-49766e8","isVariation":"stylemanager","customJs":"document.addEventListener('DOMContentLoaded', () =\u003e {\n const timelineArea = document.querySelector('.mflw-timeline-area');\n const filler = document.querySelector('.mflw-line-filler');\n const rows = document.querySelectorAll('.mflw-item-row');\n\n function onScroll() {\n if (!timelineArea) return;\n \n const rect = timelineArea.getBoundingClientRect();\n const windowHeight = window.innerHeight;\n // Trigger point: 60% down the screen\n const triggerPoint = windowHeight * 0.6;\n \n // Calculate distance from top of container to trigger point\n // rect.top is position of container top relative to viewport top\n // We want pixels scrolled PAST the top of container + offset\n \n // Logic: \n // fillHeight = (TriggerPoint absolute Y) - (Container Top absolute Y)\n // In viewport coordinates: fillHeight = TriggerPointY - rect.top\n \n const fillHeight = Math.max(0, Math.min(rect.height, triggerPoint - rect.top));\n \n filler.style.height = `${fillHeight}px`;\n\n // Dots\n rows.forEach(row =\u003e {\n const dot = row.querySelector('.mflw-center-dot');\n // Determine dot's position relative to viewport\n // On desktop, dot is center-middle of row. On mobile, top-left.\n // We can just use the dot's element position.\n const dotRect = dot.getBoundingClientRect();\n const dotCenterY = dotRect.top + (dotRect.height / 2);\n\n if (dotCenterY \u003c triggerPoint) {\n dot.classList.add('mflw-active-state');\n } else {\n dot.classList.remove('mflw-active-state');\n }\n });\n }\n\n window.addEventListener('scroll', onScroll);\n window.addEventListener('resize', onScroll);\n onScroll(); // Initial\n });","customJsEnabled":true} -->
<div class="mflw-scope-root mflw-container-outer mflw-container-inner mflw-head-wrap mflw-badge-pill mflw-title-main mflw-text-intro mflw-timeline-area mflw-vert-line mflw-line-filler mflw-item-row mflw-col-content mflw-col-visual mflw-step-head mflw-step-body mflw-btn-primary mflw-btn-outline mflw-center-dot mflw-card-mockup mflw-list-group mflw-list-row mflw-icon-sq mflw-line-block mflw-grid-2x2 mflw-grid-item mflw-float-icon mflw-chart-box mflw-chart-col"></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-ca8532a","textContent":"If you want to change accent colors quickly, open Custom css panel of Main Section block. Find there option with \u002d\u002dsection-primary-color and replace color","localId":"gsbp-ca8532a","styleAttributes":{"hideOnFrontend_Extra":true},"isVariation":"divtext"} -->
<div class="gsbp-ca8532a">If you want to change accent colors quickly, open Custom css panel of Main Section block. Find there option with --section-primary-color and replace color</div>
<!-- /wp:greenshift-blocks/element -->
