.school-crm-container{--school-primary:#f59e0b;--school-primary-dark:#d97706;--school-primary-light:#fbbf24;--school-secondary:#f97316;--school-secondary-dark:#ea580c;--school-accent:#10b981;--school-text:#1e293b;--school-text-light:#64748b;--school-bg-light:#fffbeb;--school-bg-dark:#fef3c7;--school-border:#fde68a;--school-success:#10b981;--school-warning:#f59e0b;--school-error:#ef4444;--school-blue:#f59e0b;--school-green:#22c55e;--school-purple:#f59e0b;--school-orange:#f97316;--school-teal:#14b8a6;--school-red:#ef4444;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--school-text);width:100%;overflow-x:hidden;background-color:#ffffff}.school-crm-container .animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.school-crm-container .animate-on-scroll.animated{opacity:1;transform:translateY(0)}.school-crm-container .hero-section{position:relative;padding:120px 0 80px;background:linear-gradient(135deg,#fffbeb,#fef3c7);overflow:hidden}.school-crm-container .hero-content{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center;position:relative;z-index:2}.school-crm-container .hero-text{max-width:540px}.school-crm-container .badge{display:inline-block;background:rgba(245,158,11,.1);color:var(--school-primary);padding:8px 16px;border-radius:30px;font-size:.875rem;font-weight:600;margin-bottom:24px}.school-crm-container .hero-section h1{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:24px;color:var(--school-text);letter-spacing:-.02em}.school-crm-container .hero-section p{font-size:1.25rem;line-height:1.6;color:var(--school-text-light);margin-bottom:32px}.school-crm-container .hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.school-crm-container .primary-button{display:inline-flex;align-items:center;gap:8px;background-color:var(--school-primary);color:white;padding:14px 28px;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer}.school-crm-container .primary-button:hover{background-color:var(--school-primary-dark);transform:translateY(-2px);box-shadow:0 10px 25px -5px rgba(79,70,229,.5)}.school-crm-container .primary-button svg{transition:transform .2s ease}.school-crm-container .primary-button:hover svg{transform:translateX(4px)}.school-crm-container .video-button{display:inline-flex;align-items:center;gap:12px;background:transparent;color:var(--school-primary);padding:14px 28px;border-radius:8px;font-size:1rem;font-weight:600;border:1px solid var(--school-border);cursor:pointer;transition:all .2s ease}.school-crm-container .video-button:hover{background:rgba(79,70,229,.05);border-color:var(--school-primary-light)}.school-crm-container .play-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--school-primary);border-radius:50%;color:white}.school-crm-container .hero-image{position:relative}.school-crm-container .dashboard-preview{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.school-crm-container .dashboard-preview img{width:100%;height:auto;display:block;border-radius:16px}.school-crm-container .hero-shape{position:absolute;bottom:0;left:0;width:100%;height:120px;background:#ffffff;-webkit-clip-path:polygon(0 100%,100% 100%,100% 0);clip-path:polygon(0 100%,100% 100%,100% 0);z-index:1}.school-crm-container .stats-section{padding:60px 0;background-color:white}.school-crm-container .stats-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.school-crm-container .stat-item{flex:1 1;text-align:center;padding:20px;min-width:200px}.school-crm-container .stat-value{font-size:3rem;font-weight:800;color:var(--school-primary);margin-bottom:8px;line-height:1}.school-crm-container .stat-label{font-size:1rem;color:var(--school-text-light)}.school-crm-container .stat-divider{width:1px;height:60px;background-color:var(--school-border)}.school-crm-container .features-section{padding:100px 0;background-color:var(--school-bg-light)}.school-crm-container .section-header{text-align:center;max-width:800px;margin:0 auto 60px;padding:0 20px}.school-crm-container .section-header h2{font-size:2.5rem;font-weight:800;color:var(--school-text);margin-bottom:16px;letter-spacing:-.02em}.school-crm-container .section-header p{font-size:1.25rem;color:var(--school-text-light)}.school-crm-container .features-grid{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:30px;gap:30px}.school-crm-container .feature-card{background:white;border-radius:16px;padding:40px 30px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);position:relative;overflow:hidden;transition:all .3s ease;z-index:1}.school-crm-container .feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.school-crm-container .feature-icon{width:64px;height:64px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(251,191,36,.15));border-radius:16px;position:relative;transition:all .3s ease}.school-crm-container .feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(251,191,36,.25))}.school-crm-container .feature-icon svg{width:32px;height:32px;stroke-width:2.5}.school-crm-container .feature-card.blue .feature-icon{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(96,165,250,.15))}.school-crm-container .feature-card.blue .feature-icon svg{color:#3b82f6}.school-crm-container .feature-card.blue:hover .feature-icon{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(96,165,250,.25))}.school-crm-container .feature-card.green .feature-icon{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(74,222,128,.15))}.school-crm-container .feature-card.green .feature-icon svg{color:#22c55e}.school-crm-container .feature-card.green:hover .feature-icon{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(74,222,128,.25))}.school-crm-container .feature-card.purple .feature-icon{background:linear-gradient(135deg,rgba(168,85,247,.1),rgba(192,132,252,.15))}.school-crm-container .feature-card.purple .feature-icon svg{color:#a855f7}.school-crm-container .feature-card.purple:hover .feature-icon{background:linear-gradient(135deg,rgba(168,85,247,.2),rgba(192,132,252,.25))}.school-crm-container .feature-card.orange .feature-icon{background:linear-gradient(135deg,rgba(249,115,22,.1),rgba(251,146,60,.15))}.school-crm-container .feature-card.orange .feature-icon svg{color:#f97316}.school-crm-container .feature-card.orange:hover .feature-icon{background:linear-gradient(135deg,rgba(249,115,22,.2),rgba(251,146,60,.25))}.school-crm-container .feature-card.teal .feature-icon{background:linear-gradient(135deg,rgba(20,184,166,.1),rgba(45,212,191,.15))}.school-crm-container .feature-card.teal .feature-icon svg{color:#14b8a6}.school-crm-container .feature-card.teal:hover .feature-icon{background:linear-gradient(135deg,rgba(20,184,166,.2),rgba(45,212,191,.25))}.school-crm-container .feature-card.red .feature-icon{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(248,113,113,.15))}.school-crm-container .feature-card.red .feature-icon svg{color:#ef4444}.school-crm-container .feature-card.red:hover .feature-icon{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(248,113,113,.25))}.school-crm-container .feature-card h3{font-size:1.5rem;font-weight:700;margin-bottom:12px;color:var(--school-text)}.school-crm-container .feature-card p{font-size:1rem;line-height:1.6;color:var(--school-text-light)}.school-crm-container .feature-hover-effect{position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--school-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.school-crm-container .feature-card:hover .feature-hover-effect{transform:scaleX(1)}.school-crm-container .feature-card.blue .feature-hover-effect{background:var(--school-blue)}.school-crm-container .feature-card.green .feature-hover-effect{background:var(--school-green)}.school-crm-container .feature-card.purple .feature-hover-effect{background:var(--school-purple)}.school-crm-container .feature-card.orange .feature-hover-effect{background:var(--school-orange)}.school-crm-container .feature-card.teal .feature-hover-effect{background:var(--school-teal)}.school-crm-container .feature-card.red .feature-hover-effect{background:var(--school-red)}.school-crm-container .workflow-section{padding:100px 0;background-color:white}.school-crm-container .workflow-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center}.school-crm-container .workflow-image{position:relative}.school-crm-container .workflow-image img{width:100%;height:auto;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.school-crm-container .workflow-steps{display:flex;flex-direction:column;gap:30px}.school-crm-container .workflow-step{display:flex;gap:20px;align-items:flex-start}.school-crm-container .step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--school-primary);color:white;font-size:1.25rem;font-weight:700;border-radius:50%;flex-shrink:0}.school-crm-container .step-content h3{font-size:1.25rem;font-weight:700;margin-bottom:8px;color:var(--school-text)}.school-crm-container .step-content p{font-size:1rem;line-height:1.6;color:var(--school-text-light)}.school-crm-container .modules-section{padding:100px 0;background-color:var(--school-bg-light)}.school-crm-container .modules-grid{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:30px;gap:30px}.school-crm-container .module-card{background:white;border-radius:16px;padding:30px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease}.school-crm-container .module-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.school-crm-container .module-card h3{font-size:1.5rem;font-weight:700;margin-bottom:20px;color:var(--school-text);padding-bottom:16px;border-bottom:1px solid var(--school-border)}.school-crm-container .module-features{list-style:none;padding:0;margin:0}.school-crm-container .module-features li{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:1rem;color:var(--school-text-light)}.school-crm-container .module-features li svg{color:var(--school-success);flex-shrink:0}.school-crm-container .testimonials-section{padding:100px 0;background-color:white}.school-crm-container .testimonials-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:30px;gap:30px}.school-crm-container .testimonial-card{background:var(--school-bg-light);border-radius:16px;padding:30px;position:relative;transition:all .3s ease}.school-crm-container .testimonial-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.school-crm-container .quote-icon{color:var(--school-primary-light);margin-bottom:20px}.school-crm-container .testimonial-quote{font-size:1.125rem;line-height:1.7;color:var(--school-text);margin-bottom:24px;font-style:italic}.school-crm-container .testimonial-author{display:flex;align-items:center;gap:16px}.school-crm-container .testimonial-author img{width:50px;height:50px;border-radius:50%;object-fit:cover}.school-crm-container .author-info h4{font-size:1.125rem;font-weight:700;margin:0 0 4px;color:var(--school-text)}.school-crm-container .author-info p{font-size:.875rem;color:var(--school-text-light);margin:0}.school-crm-container .integration-section{padding:80px 0;background-color:var(--school-bg-light)}.school-crm-container .integration-logos{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:40px}.school-crm-container .logo-item{font-size:1.25rem;font-weight:600;color:var(--school-text-light);transition:all .3s ease}.school-crm-container .logo-item:hover{color:var(--school-primary);transform:scale(1.05)}.school-crm-container .cta-section{padding:120px 0;background-image:url(https://images.unsplash.com/photo-1509062522246-3755977927d7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1232&q=80);background-size:cover;background-position:50%;background-attachment:fixed;color:white;position:relative;overflow:hidden}.school-crm-container .cta-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(245,158,11,.92),rgba(251,146,60,.88) 50%,rgba(249,115,22,.9));z-index:0}.school-crm-container .cta-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:1}.school-crm-container .cta-content{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center;position:relative;z-index:2}.school-crm-container .cta-section h2{font-size:3rem;font-weight:800;margin-bottom:20px;color:white;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:-.02em}.school-crm-container .cta-section p{font-size:1.375rem;line-height:1.6;color:rgba(255,255,255,.95);margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto;text-shadow:0 1px 2px rgba(0,0,0,.1)}.school-crm-container .cta-buttons{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;align-items:center}.school-crm-container .cta-primary{display:inline-flex;align-items:center;gap:8px;background-color:white;color:var(--school-primary);padding:14px 28px;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s ease}.school-crm-container .cta-primary:hover{background-color:rgba(255,255,255,.9);transform:translateY(-2px);box-shadow:0 10px 25px -5px rgba(0,0,0,.2)}.school-crm-container .cta-primary svg{transition:transform .2s ease}.school-crm-container .cta-primary:hover svg{transform:translateX(4px)}.school-crm-container .cta-secondary{display:inline-block;background:transparent;color:white;padding:14px 28px;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;border:1px solid rgba(255,255,255,.5);transition:all .2s ease}.school-crm-container .cta-secondary:hover{background:rgba(255,255,255,.1);border-color:white;transform:translateY(-2px)}@media (max-width:1024px){.school-crm-container .hero-content,.school-crm-container .workflow-container{grid-template-columns:1fr;gap:40px}.school-crm-container .cta-content{padding:0 40px}.school-crm-container .hero-text{max-width:100%;text-align:center}.school-crm-container .hero-buttons{justify-content:center}.school-crm-container .features-grid,.school-crm-container .modules-grid,.school-crm-container .testimonials-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.school-crm-container .stats-container{flex-direction:column;gap:30px}.school-crm-container .stat-divider{display:none}}@media (max-width:768px){.school-crm-container .hero-section h1{font-size:2.5rem}.school-crm-container .hero-section p{font-size:1.125rem}.school-crm-container .section-header h2{font-size:2rem}.school-crm-container .section-header p{font-size:1.125rem}.school-crm-container .cta-section{padding:80px 0;background-attachment:scroll}.school-crm-container .cta-section h2{font-size:2rem}.school-crm-container .cta-section p{font-size:1.125rem}.school-crm-container .features-grid,.school-crm-container .modules-grid,.school-crm-container .testimonials-container{grid-template-columns:1fr}.school-crm-container .integration-logos{gap:20px}.school-crm-container .logo-item{font-size:1rem}}@media (max-width:480px){.school-crm-container .hero-section{padding:80px 0 60px}.school-crm-container .hero-section h1{font-size:2rem}.school-crm-container .hero-buttons{flex-direction:column;width:100%}.school-crm-container .primary-button,.school-crm-container .video-button{width:100%;justify-content:center}.school-crm-container .cta-buttons{flex-direction:column;width:100%}.school-crm-container .cta-primary,.school-crm-container .cta-secondary{width:100%;justify-content:center}}