:root{--color-primary:#000fc4;--color-secondary:#2de4e6;--color-bg-light:#f8f9fb;--color-bg-lighter:#ecf1fb;--color-bg-lightest:#eef0fb;--color-text-dark:#222;--color-text-medium:#434343;--color-white:#fff;--spacing-xs:0.375rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--spacing-3xl:3rem;--font-body:"Lato",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.module-wrapper{margin-inline:auto;padding:var(--spacing-md);width:min(100%,960px)}.workflow-container{background-color:var(--color-white);font-family:var(--font-body);margin-inline:auto;max-width:1000px;padding:var(--spacing-3xl) var(--spacing-xl);width:100%}.workflow-header{margin-bottom:var(--spacing-xl);text-align:center}.workflow-label{color:var(--color-primary);font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:1.5px;margin-bottom:var(--spacing-md);text-transform:uppercase}.workflow-title{color:var(--color-text-dark);font-family:var(--font-heading);font-size:clamp(28px,4vw,36px);font-weight:700;letter-spacing:-1px;line-height:1.2;margin-bottom:var(--spacing-sm)}.workflow-subtitle{color:var(--color-text-medium);font-family:var(--font-body);font-size:clamp(14px,2vw,16px);line-height:1.6;margin-bottom:0}.workflow-content{background-color:var(--color-bg-light);padding:var(--spacing-xl)}.trigger-box,.workflow-content{border-radius:8px;position:relative}.trigger-box{background-color:var(--color-primary);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.trigger-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.trigger-icon-box{align-items:center;background-color:rgba(45,228,230,.2);border-radius:6px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px;& .icon{color:var(--color-secondary)}}.trigger-label{color:var(--color-secondary);font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:1.2px;margin:0;text-transform:uppercase}.trigger-title{color:var(--color-white);font-family:var(--font-heading);font-size:18px;font-weight:700;line-height:1.4;margin-bottom:var(--spacing-md)}.trigger-condition{align-items:center;background-color:hsla(0,0%,100%,.1);border-radius:4px;display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.condition-dot{background-color:var(--color-secondary);border-radius:50%;flex-shrink:0;height:6px;width:6px}.condition-text{color:var(--color-bg-lightest);font-family:var(--font-body);font-size:14px;line-height:1.5}.trigger-arrow{align-items:center;bottom:-28px;display:flex;flex-direction:column;left:50%;position:absolute;transform:translateX(-50%)}.arrow-line{background-color:var(--color-secondary);height:16px;width:2px}.arrow-head{border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid var(--color-secondary);height:0;width:0}.actions-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-md)}.action-card{background-color:var(--color-white);border:2px solid var(--color-bg-lighter);border-radius:6px;padding:var(--spacing-lg);position:relative}.action-card-full{grid-column:1/-1}.action-number{align-items:center;background-color:var(--color-secondary);border-radius:50%;color:var(--color-white);display:flex;font-family:var(--font-heading);font-size:12px;font-weight:700;height:24px;justify-content:center;left:20px;position:absolute;top:-12px;width:24px}.action-icon-box{align-items:center;background-color:var(--color-bg-lighter);border-radius:6px;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-bottom:var(--spacing-sm);width:40px;& .icon{color:var(--color-primary)}}.action-title{color:var(--color-text-dark);font-family:var(--font-heading);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:var(--spacing-xs)}.action-description{font-size:13px;margin:0}.action-description,.action-subtitle{color:var(--color-text-medium);font-family:var(--font-body);line-height:1.5}.action-subtitle{font-size:12px;margin-bottom:10px}.content-matches{display:flex;flex-direction:column;gap:6px}.match-item{align-items:flex-start;display:flex;gap:6px;& .icon{color:var(--color-secondary);flex-shrink:0;margin-top:2px}}.match-text{color:var(--color-text-dark);font-family:var(--font-body);font-size:11px;line-height:1.4;& strong{font-weight:700}}.action-full-content{align-items:center;display:flex;gap:var(--spacing-md)}.action-full-text{flex:1}.action-card-full .action-icon-box{margin-bottom:0}.action-card-full .action-title{margin-bottom:4px}.icon{display:inline-block;flex-shrink:0}.icon-xs{height:12px;width:12px}.icon-sm{height:18px;width:18px}.icon-md{height:24px;width:24px}@media (max-width:768px){.workflow-container{padding:var(--spacing-xl) var(--spacing-md)}.workflow-content{padding:var(--spacing-lg)}.actions-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.action-card-full{grid-column:1}.trigger-arrow{bottom:-32px}}@media (max-width:480px){.workflow-label{font-size:11px;letter-spacing:1px}.workflow-title{font-size:24px}.workflow-subtitle{font-size:14px}.trigger-title{font-size:16px}.trigger-header{align-items:flex-start;flex-direction:column}.action-card{padding:var(--spacing-md)}.action-full-content{align-items:flex-start;flex-direction:column}.action-card-full .action-icon-box{margin-bottom:var(--spacing-sm)}}.workflow-container :last-child{margin-bottom:0}