:root{--primary-blue:#3b82f6;--primary-purple:#8b5cf6;--primary-pink:#ec4899;--accent-green:#10b981;--bg-dark:#0a0a0a;--bg-card:rgba(10,10,10,.8);--text-primary:#fff;--text-secondary:rgba(255,255,255,.7);--text-muted:rgba(255,255,255,.5);--border-subtle:rgba(255,255,255,.1);--gradient-primary:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));--gradient-accent:linear-gradient(135deg,var(--primary-purple),var(--primary-pink));--gradient-success:linear-gradient(135deg,var(--accent-green),var(--primary-blue));--transition-smooth:.4s cubic-bezier(.16,1,.3,1);--transition-bounce:.6s cubic-bezier(.68,-.55,.265,1.55)}.features-section{opacity:0;min-height:100vh;padding:5rem 2rem;transition:all 1.5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:translateY(100px)}.features-section.visible{opacity:1;transform:translateY(0)}.section-background{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.bg-grid{opacity:.6;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:80px 80px;animation:25s ease-in-out infinite grid-drift;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes grid-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-20px,-20px)scale(1.02)}}.floating-elements{position:absolute;top:0;bottom:0;left:0;right:0}.float-orb{filter:blur(80px);opacity:.4;border-radius:50%;animation:12s ease-in-out infinite float-drift;position:absolute}.float-orb.orb-1{background:radial-gradient(circle,rgba(59,130,246,.2),rgba(139,92,246,.1));width:400px;height:400px;animation-delay:0s;top:15%;left:5%}.float-orb.orb-2{background:radial-gradient(circle,rgba(139,92,246,.2),rgba(236,72,153,.1));width:350px;height:350px;animation-delay:-4s;bottom:15%;right:5%}.float-orb.orb-3{background:radial-gradient(circle,rgba(16,185,129,.15),rgba(59,130,246,.1));width:300px;height:300px;animation-delay:-8s;top:40%;left:60%}@keyframes float-drift{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-30px)rotate(120deg)}66%{transform:translateY(15px)rotate(240deg)}}.features-container{z-index:5;max-width:1400px;margin:0 auto;position:relative}.section-header{text-align:center;margin-bottom:4rem}@keyframes badge-glow{0%,to{box-shadow:0 0 20px rgba(59,130,246,.2)}50%{box-shadow:0 0 30px rgba(59,130,246,.4)}}.section-title{margin-bottom:1.5rem;font-size:max(2.5rem,min(5vw,4rem));font-weight:700;line-height:1.1}.title-main{margin-right:1rem;display:inline-block}.title-accent{background:var(--gradient-primary);color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite gradient-flow;display:inline-block}@keyframes gradient-flow{0%,to{filter:hue-rotate()}50%{filter:hue-rotate(45deg)}}.section-subtitle{max-width:600px;margin:0 auto;line-height:1.6}.features-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;transition:all var(--transition-smooth);animation:.8s ease-out forwards card-appear;animation-delay:calc(var(--index)*.1s);opacity:0;will-change:transform;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid rgba(128,128,128,.137);border-radius:24px;margin-top:4rem;padding:0 3rem 3rem;position:relative;overflow:hidden;transform:translateY(50px)}@keyframes card-appear{to{opacity:1;transform:translateY(0)}}.feature-card:hover{border-color:rgba(255,255,255,.2);transform:translateY(-12px)scale(1.02)}.card-content{z-index:3;position:relative}.feature-title{margin-bottom:1rem;font-size:1.75rem;font-weight:700;line-height:1.2}.title-text{transition:all var(--transition-smooth)}.title-highlight{background:var(--gradient-primary);color:transparent;transition:all var(--transition-smooth);-webkit-background-clip:text;background-clip:text;display:block}.feature-description{font-size:1.05rem;line-height:1.7}.feature-icon{width:35px;height:35px;color:var(--primary-blue);transition:all var(--transition-smooth);z-index:4;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;top:-2rem;left:-2rem;transform:translateZ(0)}.feature-icon svg{transition:all var(--transition-smooth);transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.feature-card:hover .feature-icon svg{transform:scale(1.1)}@media (max-width:768px){.feature-icon{border-radius:12px;width:50px;height:50px;top:1.5rem;left:1.5rem}.feature-icon:before{border-radius:14px}.feature-icon:after{border-radius:12px}}@media (max-width:480px){.feature-icon{border-radius:10px;width:45px;height:45px;top:-.5rem;left:-.5rem}.feature-icon:before{border-radius:12px}.feature-icon:after{border-radius:10px}.feature-icon svg{width:24px;height:24px}}.card-background{background:radial-gradient(800px circle at var(--mouse-x)var(--mouse-y),rgba(155,155,155,.153),transparent 40%);opacity:0;transition:opacity var(--transition-smooth);position:absolute;top:0;bottom:0;left:0;right:0}.feature-card:hover .card-background{opacity:1}.mouse-glow{border-radius:inherit;background:radial-gradient(400px circle at var(--mouse-x)var(--mouse-y),#0f101a,transparent 40%);opacity:0;transition:opacity var(--transition-smooth);position:absolute;top:0;bottom:0;left:0;right:0}.feature-card:hover .mouse-glow{opacity:1}.corner-highlights{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.corner{border:2px solid var(--primary-blue);opacity:0;width:20px;height:20px;transition:all var(--transition-smooth);transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,opacity;position:absolute}.corner.top-left{border-bottom:none;border-right:none;border-radius:8px 0 0;top:15px;left:15px}.corner.top-right{border-bottom:none;border-left:none;border-radius:0 8px 0 0;top:15px;right:15px}.corner.bottom-left{border-top:none;border-right:none;border-radius:0 0 0 8px;bottom:15px;left:15px}.corner.bottom-right{border-top:none;border-left:none;border-radius:0 0 8px;bottom:15px;right:15px}.feature-card:hover .corner{opacity:.8;transform:translate(0,0)scale(1.2)}.features-stats{border-top:1px solid var(--border-subtle);justify-content:center;gap:3rem;margin-top:4rem;padding-top:3rem;display:flex}.stat-group{transition:all var(--transition-smooth);align-items:center;gap:.75rem;font-weight:600;display:flex}.stat-group:hover{color:var(--primary-blue);transform:translateY(-2px)}@media (max-width:1200px){.features-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}}@media (max-width:768px){.features-section{padding:3rem 1rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:2rem}.features-stats{flex-direction:column;align-items:center;gap:1.5rem}.float-orb{display:none}.section-title{font-size:max(2rem,min(3vw,3rem))}.section-subtitle{font-size:1.1rem}.feature-title{font-size:1.5rem}}@media (max-width:480px){.features-section{padding:2rem 1rem}.section-header{margin-bottom:3rem}.section-title{margin-bottom:1rem;font-size:max(1.8rem,min(6vw,2.5rem))}.section-subtitle{font-size:1rem;line-height:1.5}.features-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:3rem}.feature-card{border-radius:20px;padding:22px}.feature-title{margin-bottom:.8rem;font-size:1.3rem}.feature-description{font-size:.95rem;line-height:1.6}.features-stats{gap:1rem;margin-top:3rem;padding-top:2rem}.stat-group{gap:.5rem;font-size:.9rem}.particle-field,.morphing-shapes,.pulse-effect,.orbit-effect,.neural-effect{display:none}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){:root{--border-subtle:rgba(255,255,255,.3);--text-secondary:rgba(255,255,255,.9)}.feature-card{border-color:rgba(255,255,255,.3)}}@media (prefers-color-scheme:dark){.features-section{background:var(--bg-dark)}}