.features-section{position:relative;background:#060010;padding:1rem;overflow:hidden;-webkit-user-select:none;user-select:none}.features-container{max-width:1000px;margin:0 auto;position:relative;z-index:1}.features-header{text-align:center;margin-bottom:2.5rem;display:flex;flex-direction:column;align-items:center;gap:.875rem}.features-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#64c8ff14;border:1px solid rgba(100,200,255,.2);border-radius:50px;color:#64c8ffe6;font-size:.8rem;font-weight:600;font-family:var(--noqte-font);letter-spacing:.05em;direction:rtl}.features-badge-dot{width:6px;height:6px;border-radius:50%;background:#64c8ffe6;animation:featureBadgePulse 2s ease-in-out infinite}@keyframes featureBadgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.6)}}.features-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:#fffffff2;line-height:1.2;margin:0;font-family:var(--noqte-font);direction:rtl;text-align:center}.features-accent{background:linear-gradient(135deg,#64c8fff2,#007effd9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-subtitle{font-size:.95rem;color:#ffffff80;max-width:500px;margin:0;line-height:1.5;font-family:var(--noqte-font);direction:rtl;text-align:center}.features-bento-grid{display:grid;gap:.75rem;padding:.5rem;max-width:100%}.feature-bento-card{display:flex;flex-direction:column;justify-content:space-between;position:relative;aspect-ratio:4/3;min-height:200px;width:100%;padding:1.5rem;border-radius:16px;border:1px solid rgba(100,100,120,.3);background:#060010;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;--glow-x: 50%;--glow-y: 50%;--glow-opacity: 0}.feature-bento-card:after{content:"";position:absolute;inset:0;padding:1px;background:radial-gradient(300px circle at var(--glow-x) var(--glow-y),rgba(100,200,255,calc(var(--glow-opacity) * .8)) 0%,rgba(100,200,255,calc(var(--glow-opacity) * .4)) 30%,transparent 60%);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none;transition:opacity .3s ease;z-index:1}.feature-bento-card:hover:after{opacity:1}.feature-bento-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative;z-index:2;direction:rtl;gap:.75rem}.feature-bento-label{font-size:.7rem;color:#ffffff80;font-weight:500;font-family:var(--noqte-font);padding:.25rem .625rem;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);white-space:nowrap}.feature-bento-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85%;height:auto;z-index:1;opacity:.85;transition:opacity .3s ease,transform .3s ease;pointer-events:none}.feature-bento-image img{width:100%;height:auto;border-radius:25px;object-fit:contain}.feature-glass-image{border-radius:20px;padding:4px}.feature-bento-card.has-image:hover .feature-bento-image{opacity:1;transform:translate(-50%,-50%) scale(1.02)}.feature-bento-card.has-image{background:linear-gradient(180deg,#0600104d,#060010f2 70%)}.feature-bento-card.has-image .feature-bento-header{position:relative;z-index:3}.feature-bento-card.has-image .feature-bento-content{position:relative;z-index:3;background:linear-gradient(0deg,rgba(6,0,16,1) 0%,rgba(6,0,16,.9) 50%,transparent 100%);margin:-1.5rem;margin-top:auto;padding:2rem 1.5rem 1.5rem}.feature-bento-content{display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:2;direction:rtl;text-align:right}.feature-bento-icon{font-size:1.75rem;color:#64c8ffe6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-bento-title{margin:0;font-size:1.125rem;font-weight:600;color:#fffffff2;font-family:var(--noqte-font);line-height:1.3}.feature-bento-description{margin:0;font-size:.875rem;color:#fff9;line-height:1.5;font-family:var(--noqte-font);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.features-spotlight{position:fixed;width:600px;height:600px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(100,200,255,.15) 0%,rgba(100,200,255,.08) 15%,rgba(100,200,255,.04) 25%,rgba(100,200,255,.02) 40%,transparent 60%);z-index:200;opacity:0;transform:translate(-50%,-50%);mix-blend-mode:screen;transition:opacity .3s ease;will-change:transform,opacity}@media (max-width: 599px){.features-bento-grid{grid-template-columns:1fr}.feature-bento-card{min-height:180px}.features-section{padding:3rem 1rem}.features-spotlight{width:400px;height:400px}}@media (min-width: 600px) and (max-width: 1023px){.features-bento-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.features-bento-grid{grid-template-columns:repeat(4,1fr)}.feature-bento-card:nth-child(3){grid-column:span 2;grid-row:span 2}.feature-bento-card:nth-child(4){grid-column:1 / span 2;grid-row:2 / span 2}.feature-bento-card:nth-child(6){grid-column:4;grid-row:3}.feature-bento-card:nth-child(3) .feature-bento-icon,.feature-bento-card:nth-child(4) .feature-bento-icon{font-size:2.25rem}.feature-bento-card:nth-child(3) .feature-bento-title,.feature-bento-card:nth-child(4) .feature-bento-title{font-size:1.35rem}.feature-bento-card:nth-child(3) .feature-bento-description,.feature-bento-card:nth-child(4) .feature-bento-description{font-size:.95rem;-webkit-line-clamp:3}.feature-bento-card:nth-child(3) .feature-bento-label,.feature-bento-card:nth-child(4) .feature-bento-label{font-size:.75rem}}.feature-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#64c8ffe6;box-shadow:0 0 6px #64c8ff99;pointer-events:none;z-index:10;animation:particleFloat infinite ease-in-out;opacity:0}@keyframes particleFloat{0%{opacity:0;transform:translate(0) scale(0)}10%{opacity:1;transform:translate(0) scale(1)}90%{opacity:1}to{opacity:0;transform:translate(calc((random() - .5)*80px),calc((random() - .5)*80px)) scale(0)}}.feature-particle:nth-child(1){animation-duration:2.5s}.feature-particle:nth-child(2){animation-duration:3s}.feature-particle:nth-child(3){animation-duration:2.8s}.feature-particle:nth-child(4){animation-duration:3.2s}.feature-particle:nth-child(5){animation-duration:2.6s}.feature-particle:nth-child(6){animation-duration:3.1s}.feature-particle:nth-child(7){animation-duration:2.9s}.feature-particle:nth-child(8){animation-duration:2.7s}@media (prefers-reduced-motion: reduce){.feature-bento-card,.features-spotlight,.feature-particle{transition:none;animation:none}.features-badge-dot{animation:none}}@media (max-width: 768px){.features-spotlight{display:none}.feature-bento-card:after{display:none}.feature-particle{display:none}.feature-bento-card{transform:none!important}}