.flow-page{min-height:100vh;background:linear-gradient(135deg,#faf5ff,#ffffff)}.flow-hero{padding:120px 0 80px;position:relative;overflow:hidden}.flow-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(152,15,250,.08) 0,transparent 70%);border-radius:50%;pointer-events:none}.flow-hero-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center;position:relative;z-index:1}.flow-hero-left{display:flex;flex-direction:column;gap:28px}.flow-hero-title{font-size:56px;font-weight:700;line-height:1.1;margin:0;background:linear-gradient(135deg,#980ffa,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease-out}.flow-hero-subtitle{font-size:20px;line-height:1.6;color:#4b5563;margin:0;animation:fadeInUp .8s ease-out .2s both}.btn-flow{background:linear-gradient(135deg,#980ffa,#c084fc);color:white;border:none;padding:16px 32px;font-size:18px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;animation:fadeInUp .8s ease-out .4s both;align-self:flex-start}.btn-flow:hover{transform:translateY(-2px);color:white}.btn-flow:active{transform:translateY(0)}.flow-hero-right{animation:fadeInRight 1s ease-out .3s both}.flow-hero-image,.flow-hero-right{display:flex;align-items:center;justify-content:center}.flow-hero-image{position:relative;width:100%;max-width:600px;aspect-ratio:1.2;transition:all .3s ease}.flow-hero-image:hover{transform:scale(1.02)}.flow-hero-image img{width:100%;height:100%;object-fit:contain}.flow-hero-logo{position:absolute;bottom:20px;right:20px;background:white;padding:12px 16px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:10;display:flex;align-items:center;justify-content:center}.flow-hero-logo img{width:auto;height:auto;max-width:120px;max-height:60px}.flow-workflow-showcase{padding:80px 0 60px;background:linear-gradient(180deg,#ffffff,#faf5ff 50%,#ffffff);position:relative;overflow:hidden}.flow-workflow-showcase:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1200px;height:1200px;background:radial-gradient(circle,rgba(152,15,250,.03) 0,transparent 70%);border-radius:50%;pointer-events:none}.flow-workflow-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:48px}.flow-workflow-header{text-align:center;max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:16px;animation:fadeInUp .8s ease-out}.flow-workflow-title{font-size:48px;font-weight:700;line-height:1.2;margin:0;background:linear-gradient(135deg,#980ffa,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.flow-workflow-subtitle{font-size:20px;line-height:1.6;color:#4b5563;margin:0}.flow-workflow-image-wrapper{position:relative;width:100%;border-radius:24px;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);animation:fadeInUp .8s ease-out .2s both}.flow-workflow-image-wrapper:hover{transform:translateY(-8px)}.flow-workflow-image{width:100%;height:auto;display:block;border-radius:16px;transition:transform .5s ease}.flow-workflow-image-wrapper:hover .flow-workflow-image{transform:scale(1.02)}@media (max-width:1024px){.flow-workflow-showcase{padding:60px 0 40px}.flow-workflow-title{font-size:40px}.flow-workflow-subtitle{font-size:18px}}@media (max-width:768px){.flow-workflow-showcase{padding:50px 0 30px}.flow-workflow-content{gap:32px}.flow-workflow-title{font-size:32px}.flow-workflow-subtitle{font-size:16px}.flow-workflow-image-wrapper{border-radius:16px}}@media (max-width:480px){.flow-workflow-showcase{padding:40px 0 20px}.flow-workflow-title{font-size:26px}.flow-workflow-subtitle{font-size:15px}.flow-workflow-image{border-radius:12px}}.flow-features{padding:40px 0;background:white}.flow-features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px}.flow-card{background:white;border:1px solid rgba(152,15,250,.1);border-radius:16px;padding:40px 32px;transition:all .3s ease;display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden}.flow-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#980ffa,#c084fc);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.flow-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(152,15,250,.15);border-color:rgba(152,15,250,.3)}.flow-card:hover:before{transform:scaleX(1)}.flow-card-icon{width:72px;height:72px;border-radius:16px;background:linear-gradient(135deg,rgba(152,15,250,.08),rgba(192,132,252,.08));display:flex;align-items:center;justify-content:center;transition:all .3s ease}.flow-card:hover .flow-card-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,rgba(152,15,250,.15),rgba(192,132,252,.15))}.flow-card-title{font-size:22px;font-weight:700;line-height:1.3;margin:0;color:#1f2937;transition:color .3s ease}.flow-card:hover .flow-card-title{color:#980ffa}.flow-card-text{font-size:16px;line-height:1.6;color:#6b7280;margin:0}.flow-stats{background:linear-gradient(135deg,#980ffa,#c084fc);padding:60px 0;position:relative;overflow:hidden}.flow-stats:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,255,255,.1) 0,transparent 50%);pointer-events:none}.flow-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:48px;gap:48px;position:relative;z-index:1}.flow-stat{display:flex;align-items:center;gap:24px;padding:0 20px;position:relative}.flow-stat:after{content:"";position:absolute;right:-24px;top:50%;transform:translateY(-50%);width:1px;height:80px;background:rgba(255,255,255,.2)}.flow-stat:last-child:after{display:none}.flow-stat-icon{width:80px;height:80px;border-radius:20px;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.flow-stat:hover .flow-stat-icon{transform:scale(1.1) rotate(-5deg);background:rgba(255,255,255,.25);box-shadow:0 10px 30px rgba(0,0,0,.2)}.flow-stat-content{display:flex;flex-direction:column;gap:8px;flex:1 1}.flow-stat-number{font-size:48px;font-weight:800;color:white;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.2);animation:countUp 1.5s ease-out}.flow-stat-label{font-size:16px;line-height:1.4;color:rgba(255,255,255,.95);font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){.flow-hero-content{gap:60px}.flow-hero-title{font-size:48px}.flow-hero-subtitle{font-size:18px}.flow-features-grid{grid-template-columns:1fr;gap:24px}.flow-card{padding:32px 24px}.flow-stats-grid{grid-template-columns:1fr;gap:40px}.flow-stat{padding:0;justify-content:center}.flow-stat:after{display:none}}@media (max-width:768px){.flow-hero{padding:80px 0 60px}.flow-hero-content{grid-template-columns:1fr;gap:50px;text-align:center}.flow-hero-left{align-items:center}.flow-hero-title{font-size:40px}.flow-hero-subtitle{font-size:16px}.btn-flow{width:100%;max-width:300px;align-self:center}.flow-hero-image{max-width:100%}.flow-hero:before{width:600px;height:600px;top:-30%;right:-50%}.flow-features{padding:60px 0}.flow-features-grid{gap:20px}.flow-card-title{font-size:20px}.flow-card-text{font-size:15px}.flow-stats{padding:50px 0}.flow-stat-number{font-size:40px}.flow-stat-label{font-size:15px}.flow-stat-icon{width:70px;height:70px}.flow-stat-icon svg{width:36px;height:36px}}@media (max-width:480px){.flow-hero-title{font-size:32px}.flow-hero-subtitle{font-size:15px}.btn-flow{font-size:16px;padding:14px 28px}.flow-stat{flex-direction:column;text-align:center;gap:16px}.flow-stat-number{font-size:36px}.flow-stat-label{font-size:14px}}.flow-use-cases{padding:50px 0;background:linear-gradient(180deg,#ffffff,#faf5ff);position:relative}.flow-use-cases-header{text-align:center;margin-bottom:60px}.flow-section-title{font-size:42px;font-weight:700;line-height:1.2;margin:0 0 16px;background:linear-gradient(135deg,#1f2937,#980ffa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.flow-section-subtitle{font-size:18px;color:#6b7280;margin:0;font-weight:500}.flow-use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));grid-gap:28px;gap:28px;max-width:1200px;margin:0 auto}.flow-use-case-card{background:white;border-radius:20px;padding:0;overflow:hidden;box-shadow:0 4px 20px rgba(152,15,250,.08);transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(152,15,250,.1);display:flex;flex-direction:column;position:relative}.flow-use-case-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#980ffa,#c084fc);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.flow-use-case-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(152,15,250,.2);border-color:rgba(152,15,250,.3)}.flow-use-case-card:hover:before{transform:scaleX(1)}.flow-use-case-icon{background:linear-gradient(135deg,rgba(152,15,250,.05),rgba(192,132,252,.05));padding:40px;display:flex;align-items:center;justify-content:center;min-height:160px;position:relative;overflow:hidden;transition:all .4s ease}.flow-use-case-icon:before{content:"";position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,rgba(152,15,250,.1) 0,transparent 70%);border-radius:50%;transition:all .6s ease}.flow-use-case-card:hover .flow-use-case-icon:before{transform:scale(1.5);opacity:.8}.flow-use-case-icon svg{position:relative;z-index:1;transition:all .4s ease;filter:drop-shadow(0 4px 8px rgba(152,15,250,.2))}.flow-use-case-card:hover .flow-use-case-icon svg{transform:scale(1.15) rotate(5deg)}.flow-use-case-content{padding:32px;display:flex;flex-direction:column;gap:16px;flex:1 1}.flow-use-case-title{font-size:20px;font-weight:700;line-height:1.3;color:#1f2937;margin:0;transition:color .3s ease}.flow-use-case-card:hover .flow-use-case-title{color:#980ffa}.flow-use-case-description{font-size:15px;line-height:1.6;color:#6b7280;margin:0;flex:1 1}.flow-use-case-result{font-size:14px;font-weight:600;color:#980ffa;padding:12px 16px;background:linear-gradient(135deg,rgba(152,15,250,.08),rgba(192,132,252,.08));border-radius:10px;border-left:3px solid #980ffa;margin-top:8px;transition:all .3s ease}.flow-use-case-card:hover .flow-use-case-result{background:linear-gradient(135deg,rgba(152,15,250,.15),rgba(192,132,252,.15));transform:translateX(4px)}@media (max-width:1024px){.flow-use-cases{padding:60px 0}.flow-section-title{font-size:36px}.flow-section-subtitle{font-size:16px}.flow-use-cases-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.flow-use-case-icon{min-height:140px;padding:32px}.flow-use-case-icon svg{width:48px;height:48px}}@media (max-width:768px){.flow-use-cases{padding:50px 0}.flow-use-cases-header{margin-bottom:40px}.flow-section-title{font-size:28px}.flow-section-subtitle{font-size:15px}.flow-use-cases-grid{grid-template-columns:1fr;gap:20px}.flow-use-case-content{padding:24px}.flow-use-case-title{font-size:18px}.flow-use-case-description{font-size:14px}.flow-use-case-result{font-size:13px;padding:10px 14px}}@media (max-width:480px){.flow-section-title{font-size:24px}.flow-use-case-icon{min-height:120px;padding:24px}.flow-use-case-icon svg{width:40px;height:40px}}.flow-cta{background:linear-gradient(135deg,#faf5ff,#ffffff);padding:40px 0;position:relative;overflow:hidden}.flow-cta-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center;position:relative;z-index:1}.flow-cta-image{display:flex;align-items:center;justify-content:center;animation:fadeInLeft 1s ease-out}.flow-cta-image img{width:100%;height:auto;max-width:500px;transition:transform .3s ease}.flow-cta-image:hover img{transform:scale(1.05)}.flow-cta-right{display:flex;flex-direction:column;gap:32px;animation:fadeInRight 1s ease-out .2s both}.flow-cta-title{font-size:42px;font-weight:700;line-height:1.2;background:linear-gradient(135deg,#980ffa,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.flow-cta-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.flow-cta-list-item{display:flex;align-items:center;gap:16px;font-size:18px;color:#1f2937;font-weight:500;transition:all .3s ease;padding:4px 0}.flow-cta-list-item:hover{transform:translateX(8px)}.flow-cta-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(152,15,250,.1),rgba(192,132,252,.1));display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.flow-cta-list-item:hover .flow-cta-icon{background:linear-gradient(135deg,rgba(152,15,250,.2),rgba(192,132,252,.2));transform:scale(1.1);box-shadow:0 4px 12px rgba(152,15,250,.3)}.flow-cta .btn-flow{align-self:flex-start;animation:fadeInUp .8s ease-out .4s both}.flow-cta .btn-flow:hover,.flow-cta-button:hover{color:white}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.flow-cta-content{gap:60px}.flow-cta-title{font-size:36px}.flow-cta-list-item{font-size:17px}}@media (max-width:768px){.flow-cta{padding:50px 0}.flow-cta-content{grid-template-columns:1fr;gap:40px}.flow-cta-image{order:2}.flow-cta-right{order:1}.flow-cta-title{font-size:32px;text-align:center}.flow-cta-list{gap:16px}.flow-cta-list-item{font-size:16px}.flow-cta .btn-flow{width:100%;font-size:18px;padding:16px 32px}.flow-cta-image img{max-width:400px}}@media (max-width:480px){.flow-cta{padding:40px 0}.flow-cta-title{font-size:26px}.flow-cta-list-item{font-size:15px;gap:12px}.flow-cta-icon{width:40px;height:40px}.flow-cta-icon svg{width:20px;height:20px}.flow-cta .btn-flow{font-size:16px;padding:14px 28px}.flow-cta-image img{max-width:100%}}.flow-faq{background:linear-gradient(180deg,#faf5ff,#ffffff)}.flow-faq .faq-title{background:linear-gradient(135deg,#1f2937,#980ffa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.flow-faq .faq-item{border-left:3px solid #e2e8f0;transition:all .3s ease;padding-top:0;padding-bottom:0}.flow-faq .faq-item:hover{border-left-color:rgba(152,15,250,.3)}.flow-faq .faq-chevron{color:#980ffa}.flow-faq .faq-cta{margin-top:48px;text-align:center;padding-top:32px;border-top:2px solid rgba(152,15,250,.1)}.flow-faq .faq-cta .btn-build{background:linear-gradient(135deg,#980ffa,#c084fc);color:white;border:none;transition:all .3s ease}.flow-faq .faq-cta .btn-build:hover{background:linear-gradient(135deg,#7c0dd1,#a855f7);transform:translateY(-2px);box-shadow:0 10px 30px rgba(152,15,250,.3)}