.flow-hero{background:linear-gradient(#e8f0ff 49%,#fff5de 100%);padding-top:88px;padding-bottom:80px;position:relative;overflow:hidden}.flow-hero-bg{pointer-events:none;position:absolute;inset:0}.flow-hero-particles{z-index:0;width:100%;height:100%;position:absolute;inset:0}.flow-hero-content{z-index:1;text-align:center;position:relative}.flow-hero-headline{color:var(--text);letter-spacing:-.8px;max-width:800px;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:clamp(28px,4vw,48px);font-weight:800;line-height:1.15}.flow-hero-sub{color:var(--text-muted);max-width:600px;margin:0 auto 48px;font-size:18px;line-height:1.65}.flow-dashboard-wrap{max-width:780px;min-height:420px;margin:0 auto 48px;position:relative}@keyframes flowFloatTL{0%,to{transform:translateY(0)rotate(-16deg)}50%{transform:translateY(-8px)rotate(-17deg)}}@keyframes flowFloatBL{0%,to{transform:translateY(0)rotate(-10deg)}50%{transform:translateY(-8px)rotate(-11deg)}}@keyframes flowFloatC{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 6px))}}@keyframes flowFloatTR{0%,to{transform:translateY(0)rotate(5deg)}50%{transform:translateY(-8px)rotate(5deg)}}@keyframes flowFloatBR{0%,to{transform:translateY(0)rotate(2deg)}50%{transform:translateY(-8px)rotate(3deg)}}.flow-float-card{object-fit:contain;border-radius:16px;animation-duration:6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;box-shadow:0 12px 40px #0000001f,0 4px 16px #0000000f}.flow-float-card-tl,.flow-float-card-bl,.flow-float-card-tr,.flow-float-card-br{z-index:1}.flow-float-card-tl{width:140px;animation-name:flowFloatTL;animation-delay:0s;top:0;left:0}.flow-float-card-bl{width:210px;animation-name:flowFloatBL;animation-delay:.4s;bottom:20px;left:-10px}.flow-float-card-center{z-index:0;width:560px;max-width:100%;animation-name:flowFloatC;animation-delay:.2s;top:50%;left:50%}.flow-float-card-tr{width:160px;animation-name:flowFloatTR;animation-delay:.6s;top:10px;right:-20px}.flow-float-card-br{width:190px;animation-name:flowFloatBR;animation-delay:.8s;bottom:30px;right:0}.flow-hero-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.flow-hero-ctas .btn-ghost{color:var(--blue);border-color:var(--blue);background:var(--white)}.flow-hero-ctas .btn-ghost:hover{color:var(--white);background:var(--blue);border-color:var(--blue)}.flow-challenges-section{background:var(--white);padding:96px 0}.flow-challenge-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.flow-challenge-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:28px 24px;transition:transform .28s,box-shadow .28s}.flow-challenge-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.flow-challenge-num{background:var(--white);width:40px;height:40px;color:var(--text);border:2px solid #fca5a5;border-radius:50%;justify-content:center;align-items:center;margin-bottom:18px;font-size:14px;font-weight:700;display:flex}.flow-challenge-card h3{color:var(--text);margin-bottom:10px;font-size:16px;font-weight:700;line-height:1.35}.flow-challenge-card p{color:var(--text-muted);font-size:14px;line-height:1.65}.flow-features-section{background:var(--light-bg);padding:96px 0}.flow-feature-row{grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin-bottom:80px;display:grid}.flow-feature-row:last-child{margin-bottom:0}.flow-feature-row--reverse .flow-feature-media{order:2}.flow-feature-row--reverse .flow-feature-text{order:1}.flow-feature-title{color:var(--text);letter-spacing:-.5px;margin-bottom:16px;font-size:28px;font-weight:800;line-height:1.25}.flow-feature-text p{color:var(--text-muted);font-size:18px;line-height:1.7}.flow-mockup{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border);padding:24px;overflow:hidden}.flow-mockup-img{border-radius:var(--radius-lg);width:100%;max-width:520px;height:auto;box-shadow:var(--shadow);border:1px solid var(--border);object-fit:contain}.flow-mockup-task{max-width:480px}.flow-mockup-analytics{background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);grid-template-columns:1fr 1fr;gap:16px;max-width:420px;display:grid}.flow-mockup-permissions{background:linear-gradient(135deg,#fdf2f8 0%,#fce7f3 100%);max-width:400px}.flow-mockup-table,.flow-perms-table{width:100%}.flow-mockup-row,.flow-perms-row{border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;padding:10px 0;font-size:13px;display:grid}.flow-mockup-row:last-child,.flow-perms-row:last-child{border-bottom:none}.flow-mockup-header,.flow-perms-header{color:var(--text-mid);font-weight:700}.flow-perms-table .flow-perms-row{grid-template-columns:1.5fr 1fr 1fr 1fr}.flow-analytics-chart{background:linear-gradient(#6366f133 0%,#0000 100%);border-radius:8px;height:120px}.flow-analytics-pie{background:conic-gradient(var(--blue) 0% 65%, #c7d2fe 65% 100%);border-radius:50%;width:80px;height:80px}.flow-analytics-stats{text-align:center;grid-column:span 2}.flow-analytics-stats span:first-child{color:var(--blue);font-size:28px;font-weight:800;display:block}.flow-analytics-stats span:last-child{color:var(--text-muted);font-size:12px}.flow-benefits-section{background:var(--white);padding:96px 0}.flow-benefits-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.flow-benefit-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:32px 28px;transition:transform .28s,box-shadow .28s}.flow-benefit-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.flow-benefit-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.flow-benefit-icon--purple{color:#7c3aed;background:#ede9fe}.flow-benefit-icon--red{color:#dc2626;background:#fee2e2}.flow-benefit-icon--green{color:#059669;background:#d1fae5}.flow-benefit-icon--gray{color:#64748b;background:#f1f5f9}.flow-benefit-card h3{color:var(--text);margin-bottom:10px;font-size:18px;font-weight:700;line-height:1.35}.flow-benefit-card p{color:var(--text-muted);font-size:15px;line-height:1.65}@media (width<=1024px){.flow-challenge-grid{grid-template-columns:repeat(2,1fr)}.flow-feature-row{grid-template-columns:1fr;gap:40px}.flow-feature-row--reverse .flow-feature-media,.flow-feature-row--reverse .flow-feature-text{order:unset}.flow-benefits-grid{grid-template-columns:1fr}}@media (width<=900px){.flow-float-card-tl,.flow-float-card-bl,.flow-float-card-tr,.flow-float-card-br{display:none}.flow-float-card-center{width:300px}}@media (width<=768px){.flow-challenge-grid{grid-template-columns:1fr}.flow-hero-ctas{flex-direction:column}.flow-dashboard-wrap{min-height:320px}.flow-float-card-center{width:280px}}