.st-how-section{background:#fff;overflow:hidden;padding:100px 20px;position:relative}.st-how-section:before{background:linear-gradient(180deg,#f5f6fa,transparent);content:"";height:300px;left:0;position:absolute;right:0;top:0;z-index:0}.st-how-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.st-how-title{color:#1a1a1a;font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:42px;font-weight:700;line-height:1.2;margin:0 0 80px;text-align:center}.st-steps-grid{align-items:center;display:grid;gap:0;grid-template-columns:repeat(7,1fr);margin-bottom:60px}.st-step{align-items:center;animation:st-step-fade-in .6s ease forwards;background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.08);display:flex;flex-direction:column;justify-content:flex-start;min-height:320px;opacity:0;padding:40px 20px;position:relative;text-align:center;transform:translateY(30px);transition:all .4s ease}.st-step[data-step="1"]{animation-delay:.1s}.st-step[data-step="2"]{animation-delay:.3s}.st-step[data-step="3"]{animation-delay:.5s}.st-step[data-step="4"]{animation-delay:.7s}@keyframes st-step-fade-in{to{opacity:1;transform:translateY(0)}}.st-step:hover{box-shadow:0 12px 36px rgba(108,99,255,.2);transform:translateY(-10px)}.st-step:hover .st-step-icon{color:#6c63ff;transform:scale(1.15) rotate(5deg)}.st-step-number{align-items:center;background:linear-gradient(135deg,#6c63ff,#8e6cff);border-radius:50%;box-shadow:0 4px 12px rgba(108,99,255,.4);color:#fff;display:flex;font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:700;height:40px;justify-content:center;left:50%;position:absolute;top:-15px;transform:translateX(-50%);width:40px;z-index:2}.st-step-icon{color:#6c63ff;height:64px;margin:30px 0 20px;transition:all .4s ease;width:64px}.st-step-icon svg{height:100%;width:100%}.st-step-title{color:#1a1a1a;font-size:22px;font-weight:700;margin:0 0 16px}.st-step-description,.st-step-title{font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,sans-serif}.st-step-description{color:#4a4a4a;font-size:15px;line-height:1.6;margin:0}.st-step-arrow{align-items:center;animation:st-arrow-fade-in .6s ease forwards;display:flex;justify-content:center;opacity:0}.st-step-arrow:nth-of-type(2){animation-delay:.2s}.st-step-arrow:nth-of-type(4){animation-delay:.4s}.st-step-arrow:nth-of-type(6){animation-delay:.6s}@keyframes st-arrow-fade-in{to{opacity:1}}.st-step-arrow svg{height:40px;max-width:100px;width:100%}.st-how-visual{margin-top:60px;text-align:center}.st-flow-line-container{background:linear-gradient(90deg,#6c63ff,#8e6cff 50%,#6c63ff);border-radius:2px;height:4px;margin:0 auto;max-width:800px;overflow:hidden;position:relative;width:100%}.st-flow-pulse{animation:st-flow-pulse-animation 2s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8),transparent);height:100%;left:-20%;position:absolute;top:0;width:20%}@keyframes st-flow-pulse-animation{0%{left:-20%}to{left:120%}}@media (max-width:1200px){.st-steps-grid{gap:40px;grid-template-columns:repeat(2,1fr)}.st-step-arrow{display:none}}.st-example-section{background:linear-gradient(135deg,#f7f5ff,#fff);border-radius:24px;box-shadow:0 8px 32px rgba(108,99,255,.1);margin-top:80px;padding:60px 50px}.st-example-header{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:40px;text-align:center}.st-example-icon{font-size:48px;line-height:1}.st-example-title{color:#1a1a1a;font-size:32px;font-weight:700;margin:0}.st-example-intro,.st-example-title{font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,sans-serif}.st-example-intro{color:#4a4a4a;font-size:18px;font-style:italic;line-height:1.6;margin:0 0 40px;text-align:center}.st-example-steps{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.st-example-step{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.05);display:flex;gap:24px;padding:24px;transition:all .3s ease}.st-example-step:hover{box-shadow:0 4px 20px rgba(108,99,255,.15);transform:translateX(8px)}.st-example-step-number{align-items:center;background:linear-gradient(135deg,#6c63ff,#8e6cff);border-radius:50%;box-shadow:0 4px 12px rgba(108,99,255,.3);color:#fff;display:flex;flex-shrink:0;font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:700;height:44px;justify-content:center;width:44px}.st-example-step-content{flex:1}.st-example-step-title{color:#6c63ff;font-size:20px;font-weight:700;margin:0 0 8px}.st-example-step-content p,.st-example-step-title{font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,sans-serif}.st-example-step-content p{color:#4a4a4a;font-size:16px;line-height:1.6;margin:0}.st-example-result{background:linear-gradient(135deg,#6c63ff,#8e6cff);border-radius:16px;padding:32px;position:relative;text-align:center}.st-result-badge{background:#fff;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#6c63ff;display:inline-block;font-size:14px;font-weight:700;margin-bottom:16px;padding:8px 20px}.st-example-result p,.st-result-badge{font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,sans-serif}.st-example-result p{color:#fff;font-size:18px;font-weight:500;line-height:1.7;margin:0}@media (max-width:768px){.st-how-section{padding:60px 20px}.st-how-title{font-size:32px;margin-bottom:50px}.st-steps-grid{gap:30px;grid-template-columns:1fr}.st-step{min-height:auto;padding:50px 30px 30px}.st-step-icon{height:56px;width:56px}.st-step-title{font-size:20px}.st-step-description{font-size:14px}.st-example-section{margin-top:60px;padding:40px 24px}.st-example-title{font-size:24px}.st-example-step{flex-direction:column;gap:16px}.st-example-step-number{font-size:18px;height:40px;width:40px}.st-example-result{padding:24px}.st-example-result p{font-size:16px}}