.packages-workflow{margin:0 auto;max-width:var(--container-2xl);padding:var(--section-padding-y) var(--container-padding)}.workflow-container{display:flex;flex-direction:column;gap:var(--space-12)}.workflow-header{margin:0 auto;max-width:var(--container-lg);text-align:center}.workflow-title{color:#fff;font-size:var(--font-size-h2);line-height:var(--line-height-snug);margin:0 0 var(--space-4) 0}.workflow-subtitle,.workflow-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:300}.workflow-subtitle{color:hsla(0,0%,100%,.85);font-size:var(--font-size-lg);letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-6);text-transform:uppercase}.workflow-description{color:var(--color-text-muted);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin:0}.workflow-description strong{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;color:hsla(0,0%,100%,.95);-webkit-text-fill-color:transparent;background-clip:text}.workflow-steps{align-items:flex-start;backdrop-filter:blur(10px);background:linear-gradient(135deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.01));border:1px solid hsla(0,0%,100%,.06);border-radius:var(--border-radius-card);display:flex;gap:var(--space-8);justify-content:center;margin-top:var(--space-8);padding:var(--space-12)}.step-item{align-items:center;display:flex;flex:1;flex-direction:column;max-width:200px;position:relative;text-align:center;transition:all .3s ease}.step-item:hover{transform:translateY(-8px)}.step-number{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;box-shadow:0 4px 12px rgba(255,90,110,.3);color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:600;height:32px;justify-content:center;left:50%;position:absolute;top:-12px;transform:translateX(-50%);width:32px;z-index:10}.step-icon{background:linear-gradient(135deg,rgba(255,90,110,.15),rgba(255,138,76,.15));border:1px solid rgba(255,90,110,.25);border-radius:50%;display:flex;font-size:var(--font-size-4xl);height:80px;margin:var(--space-6) 0 var(--space-4);padding:var(--space-4);transition:all .3s ease;width:80px}.step-item:hover .step-icon{background:linear-gradient(135deg,rgba(255,90,110,.25),rgba(255,138,76,.25));border-color:rgba(255,90,110,.4);box-shadow:0 8px 24px rgba(255,90,110,.2);transform:scale(1.1)}.step-content{padding:var(--space-4)}.step-title{color:#fff;font-size:var(--font-size-lg);font-weight:500;letter-spacing:1px;margin:0 0 var(--space-3) 0;text-transform:uppercase}.step-description,.step-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.step-description{color:var(--color-text-subtle);font-size:var(--font-size-base);font-weight:300;line-height:var(--line-height-relaxed);margin:0}.workflow-connector{align-items:center;color:var(--color-primary);display:flex;flex-shrink:0;font-size:var(--font-size-2xl);font-weight:700;justify-content:center;margin-top:var(--space-8);transition:all .3s ease}.workflow-connector svg{display:block}.workflow-steps:hover .workflow-connector{color:var(--color-secondary);transform:scale(1.1)}@media (max-width:1024px){.workflow-steps{align-items:center;flex-direction:column;gap:var(--space-8);padding:var(--space-8)}.step-item{max-width:300px}.workflow-connector{font-size:28px;margin-top:0;transform:rotate(90deg)}.workflow-steps:hover .workflow-connector{transform:rotate(90deg) scale(1.1)}}@media (max-width:768px){.workflow-steps{gap:var(--space-6);padding:var(--space-6)}.step-icon{font-size:var(--font-size-3xl);height:70px;width:70px}.step-number{font-size:var(--font-size-xs);height:28px;width:28px}.workflow-connector{font-size:var(--font-size-xl)}}.step-icon{align-items:center;display:inline-flex;justify-content:center}.step-icon .ui-icon{display:block;height:34px;width:34px}@media (prefers-reduced-motion:reduce){.packages-workflow *,.packages-workflow :after,.packages-workflow :before{animation:none!important;transition:none!important}}