.saas-howitworks{background:radial-gradient(circle at 16% 8%, #fbb8531a, transparent 28%), linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);padding:8rem 2rem;position:relative;overflow:hidden}.saas-howitworks-container{z-index:10;max-width:1200px;margin:0 auto;position:relative}.saas-process-timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem);margin:0 auto 5rem;display:grid;position:relative}.saas-process-timeline:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff24,#ffffff14,#ffffff24,#0000);height:1px;position:absolute;top:34px;left:calc(12.5% + 34px);right:calc(12.5% + 34px)}.saas-process-step{z-index:1;text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.process-step-icon{color:#ffffff8a;background:radial-gradient(circle at 35% 25%,#ffffff14,#0000 30%),linear-gradient(145deg,#3a3a3eb3,#121214fa);border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:1.35rem;transition:transform .28s,color .28s,border-color .28s,background .28s,box-shadow .28s;display:flex;transform:scale(1);box-shadow:0 0 0 8px #ffffff06,0 14px 30px #0000003d}.saas-process-step:hover .process-step-icon{color:#17110a;background:radial-gradient(circle at 35% 25%,#ffffff2e,#0000 32%),linear-gradient(145deg,#fbb853d1,#bf7119c7);border-color:#fbb85375;transform:scale(1.035);box-shadow:0 0 0 5px #fbb8530b,0 15px 32px #00000042}.process-step-content{max-width:250px}.process-step-content>span{color:var(--accent-orange);letter-spacing:.1em;margin-bottom:.55rem;font-size:.74rem;font-weight:800;display:inline-block}.process-step-content h3{color:#fff;letter-spacing:-.02em;margin-bottom:.7rem;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.18}.process-step-content p{color:#ffffffa3;font-size:.95rem;line-height:1.55}.how-outcomes-section{border:1px solid var(--border-glass);background:var(--bg-primary);border-radius:16px;grid-template-columns:.9fr 1.1fr;align-items:start;gap:2rem;margin-top:4rem;padding:2rem;display:grid}.how-outcomes-section h3{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:.75rem;font-size:1.8rem}.how-outcomes-section p{color:var(--text-secondary);line-height:1.65}.how-outcomes-grid{gap:.8rem;display:grid}.how-outcome-card{border:1px solid var(--border-glass);color:var(--text-secondary);background:var(--surface-glass);border-radius:12px;align-items:center;gap:.75rem;padding:1rem;display:flex}.how-outcome-card svg{color:var(--accent-orange);flex-shrink:0}.howitworks-bg-glow{pointer-events:none;z-index:0;background:radial-gradient(#fbb8530f 0%,#0000 70%);width:800px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=860px){.saas-process-timeline,.how-outcomes-section{grid-template-columns:1fr}.saas-process-timeline{gap:0;max-width:560px;margin-bottom:4rem}.saas-process-timeline:before{background:linear-gradient(#0000,#ffffff24,#ffffff14,#ffffff24,#0000);width:1px;height:auto;inset:34px auto 34px 34px}.saas-process-step{text-align:start;grid-template-columns:68px 1fr;align-items:start;gap:1.25rem;padding-bottom:2rem;display:grid}.saas-process-step:last-child{padding-bottom:0}.process-step-icon{margin-bottom:0}.process-step-content{max-width:none;padding-top:.25rem}}@media (width<=768px){.saas-howitworks{padding:5rem 1.5rem}}[data-theme=light] .saas-process-timeline:before{background:linear-gradient(90deg, transparent, var(--border-glass-hover), var(--border-glass), var(--border-glass-hover), transparent)}@media (width<=860px){[data-theme=light] .saas-process-timeline:before{background:linear-gradient(180deg, transparent, var(--border-glass-hover), var(--border-glass), var(--border-glass-hover), transparent)}}[data-theme=light] .process-step-icon{border-color:var(--border-glass);background:var(--surface-glass);color:var(--text-secondary);box-shadow:0 0 0 8px var(--accent-gold-dim), 0 14px 30px #0000000f}[data-theme=light] .process-step-content h3{color:var(--text-primary)}[data-theme=light] .process-step-content p{color:var(--text-secondary)}