.solutions-hero{position:relative;padding:120px 4%;background:var(--bg-color);overflow:hidden;min-height:80vh;display:flex;align-items:center}.solutions-hero-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-text h1{font-size:3.5rem;line-height:1.1;font-weight:800;margin-bottom:24px;color:var(--text-color)}.hero-text h1 .highlight{background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-text p{font-size:1.25rem;color:var(--text-muted);margin-bottom:32px;max-width:500px;line-height:1.6}.hero-visual{position:relative;perspective:1000px}.hero-visual img{width:100%;height:auto;border-radius:20px;transform:rotateY(-10deg) rotateX(5deg);box-shadow:20px 30px 50px rgba(0,0,0,.1);transition:transform .5s}.hero-visual:hover img{transform:rotateY(0) rotateX(0)}.cta-btn-white{color:#fff;background:#111;padding:16px 40px;border-radius:30px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s}.comparison-section{padding:100px 4%;background:var(--surface-color)}.comparison-container{max-width:1200px;margin:0 auto;display:block}.comparison-container::before{content:none}.section-header{text-align:center;margin-bottom:60px;align-items:center;max-width:900px}.section-header h2{font-size:2.5rem;font-weight:800;color:var(--text-color)}.section-header p{font-size:1.25rem;color:var(--text-muted);margin-top:10px;line-height:1.6}.comparison-wrapper{position:relative;display:flex;border-radius:30px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.15);height:500px;border:4px solid #fff}.comparison-side{flex:1;position:relative;overflow:hidden;transition:.5s}.comparison-side img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.comparison-side:hover{flex:1.5}.comparison-side:hover img{transform:scale(1.05)}.vs-divider{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--text-color);box-shadow:0 4px 15px rgba(0,0,0,.1);z-index:10;border:4px solid var(--surface-color)}.comparison-tag{position:absolute;top:20px;left:50%;transform:translateX(-50%);padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:700;z-index:2;backdrop-filter:blur(10px)}.tag-chaos{background:rgba(255,255,255,.9);color:#4b5563}.tag-clarity{background:rgba(59,130,246,.9);color:#fff}.side-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:40px 30px 30px;color:#fff;transform:translateY(20px);opacity:0;transition:.3s}.comparison-side:hover .side-overlay{transform:translateY(0);opacity:1}.side-overlay h3{font-size:1.5rem;margin-bottom:5px}.side-overlay p{font-size:.95rem;opacity:.9}.solutions-grid-section{padding:100px 4%;background:var(--bg-color)}.solutions-wrapper{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.solution-card{background:var(--surface-color);padding:40px;border-radius:24px;border:1px solid var(--border-color);transition:.3s}.solution-card:hover{border-color:var(--primary-color);box-shadow:0 10px 40px rgba(59,130,246,.1)}.solution-icon{width:60px;height:60px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--primary-color);box-shadow:0 4px 10px rgba(0,0,0,.05)}.solution-card h3{font-size:1.5rem;margin-bottom:15px;font-weight:700}.solution-card p{color:var(--text-muted);line-height:1.6}.how-it-works{padding:100px 4%;text-align:center;background:var(--hero-bg)}.steps-container{max-width:1000px;margin:60px auto 0;display:flex;justify-content:space-between;position:relative;gap:30px}.steps-line{position:absolute;top:40px;left:10%;width:80%;height:2px;background:var(--border-color);z-index:0}.step-item{position:relative;z-index:1;flex:1}.step-icon{width:80px;height:80px;background:var(--bg-color);border:2px solid var(--border-color);border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--primary-color);transition:.3s}.step-item:hover .step-icon{border-color:var(--primary-color);background:var(--primary-color);color:#fff}@media (max-width:968px){.solutions-hero-container{grid-template-columns:1fr;text-align:center}.hero-text p{margin:0 auto 32px}.comparison-grid{grid-template-columns:1fr}.steps-container{flex-direction:column;gap:50px}.steps-line{width:2px;height:80%;left:50%;top:0}}