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