.features-body{--font-primary:"Plus Jakarta Sans",sans-serif;--slate-50:var(--gray-50);--slate-100:var(--gray-100);--slate-200:var(--gray-200);--slate-300:var(--gray-300);--slate-400:var(--gray-400);--slate-500:var(--gray-500);--slate-600:var(--gray-600);--slate-700:var(--gray-700);--slate-800:var(--gray-800);--slate-900:var(--gray-900);--brand-50:var(--primary-light);--brand-100:var(--primary-soft);--brand-500:var(--primary);--brand-600:var(--primary);--gati-100:#f3e8ff;--gati-400:#c084fc;--gati-500:#a855f7;--gati-600:#9333ea;--success-50:var(--success-light);--success-100:var(--success-soft);--success-600:var(--success);background-color:var(--slate-50);font-family:var(--font-primary);color:var(--slate-900);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 0,#3b82f60d 0%,#0000 50%),radial-gradient(circle at 85% 100%,#6366f10a 0%,#0000 50%);margin:0;padding:0;overflow-x:hidden}.features-nav{-webkit-backdrop-filter:blur(12px);border-bottom:var(--border-width)solid #e2e8f080;height:80px;z-index:var(--z-sticky);transition:all var(--duration-slow)var(--ease-default);background:#fffc;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.features-nav-inner{max-width:var(--container-2xl);width:100%;padding:0 var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.features-nav-logo{align-items:center;gap:var(--space-3);cursor:pointer;display:flex}.features-logo-box{border-radius:var(--radius-md);object-fit:cover;width:40px;height:40px;overflow:hidden}.features-logo-text{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.015em;color:var(--slate-900)}.features-nav-links{align-items:center;gap:var(--space-8);display:flex}.features-nav-link{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--slate-600);transition:color var(--duration-normal)var(--ease-default);text-decoration:none}.features-nav-link:hover{color:var(--slate-900)}.features-nav-link.active{color:var(--brand-600);position:relative}.features-nav-link.active:after{content:"";background:var(--brand-600);height:2px;position:absolute;bottom:-28px;left:0;right:0}.features-nav-actions{align-items:center;gap:var(--space-4);display:flex}.features-body .btn-primary{padding:var(--space-2-5)var(--space-5);font-weight:var(--weight-semibold)}.features-hero{background-image:linear-gradient(90deg,#0f172a05 1px,#0000 1px),linear-gradient(#0f172a05 1px,#0000 1px);background-size:40px 40px;padding-top:160px;padding-bottom:96px;position:relative}.features-hero-inner{max-width:var(--container-2xl);padding:0 var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-20);margin:0 auto;display:flex}.features-hero-content{flex-direction:column;flex:1;align-items:flex-start;max-width:600px;display:flex}.features-hero-visual{flex:1.1;justify-content:flex-end;display:flex;position:relative}.features-hero-visual:after{content:"";filter:blur(100px);border-radius:var(--radius-full);width:100%;height:100%;z-index:var(--z-below);background:#2563eb14;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.badge-pill{align-items:center;gap:var(--space-2);padding:var(--space-1-5)var(--space-4);background:var(--brand-50);border:var(--border-width)solid var(--brand-100);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--brand-600);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:var(--space-6);display:inline-flex}.hero-title{font-size:clamp(2.5rem,4vw,3.75rem);font-weight:var(--weight-extrabold);color:var(--slate-900);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-6)0;line-height:1.1}.hero-title-accent{color:var(--brand-600)}.hero-description{font-size:var(--text-xl);color:var(--slate-500);line-height:1.6;font-weight:var(--weight-medium);max-width:520px;margin:0 0 36px}.hero-btn-group{align-items:center;gap:var(--space-4);width:100%;display:flex}.features-body .btn-secondary{background:var(--card);color:var(--slate-700);border-color:var(--slate-200);padding:var(--space-3-5)var(--space-7);border-radius:var(--radius-lg);font-weight:var(--weight-semibold);box-shadow:none}.features-body .btn-secondary:hover{border-color:var(--slate-300);background:var(--slate-50)}.btn-large{padding:var(--space-3-5)var(--space-7);border-radius:var(--radius-lg);font-size:var(--text-md)}.hero-preview-img{border-radius:var(--radius-xl);border:var(--border-width)solid #e2e8f099;width:100%;max-width:680px;height:auto;box-shadow:var(--shadow-2xl)}.features-stats-strip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:var(--border-width)solid var(--slate-200);border-bottom:var(--border-width)solid var(--slate-200);padding:var(--space-12)0;background:#ffffff80}.features-stats-inner{max-width:var(--container-2xl);padding:0 var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-10);margin:0 auto;display:flex}.stats-counter-group{align-items:center;gap:var(--space-12);display:flex}.stats-divider{background:var(--slate-200);width:1px;height:40px}.stats-item{flex-direction:column;display:flex}.stats-number{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:var(--slate-900);line-height:var(--leading-none);margin-bottom:var(--space-1)}.stats-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;color:var(--slate-500);letter-spacing:var(--tracking-wider)}.stats-logos-group{align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}.stats-logos-title{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;color:var(--slate-400);letter-spacing:.1em}.stats-logos{align-items:center;gap:var(--space-6);opacity:.45;filter:grayscale();transition:opacity var(--duration-slow)var(--ease-default);display:flex}.stats-logos:hover{opacity:.8;filter:grayscale(0)}.stats-logo-text{font-size:var(--text-md);font-weight:var(--weight-extrabold);letter-spacing:-.03em;color:var(--slate-800)}.capabilities-section{background:var(--slate-50);padding:96px 0}.capabilities-container{max-width:var(--container-2xl);padding:0 var(--space-6);margin:0 auto}.capabilities-header{text-align:center;max-width:700px;margin:0 auto var(--space-20)auto}.capabilities-title{font-size:2.5rem;font-weight:var(--weight-extrabold);color:var(--slate-900);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:var(--space-4)0}.capabilities-description{font-size:var(--text-xl);color:var(--slate-500);margin:0}.capabilities-grid{gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(380px,1fr));display:grid}.feature-card{background:var(--card);border:var(--border-width)solid var(--slate-200);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);cursor:pointer;box-sizing:border-box;height:100%;transition:all var(--duration-slow)var(--ease-smooth);flex-direction:column;display:flex;position:relative;overflow:hidden}.feature-card:after{content:"";background:var(--brand-50);border-radius:0 0 0 var(--radius-full);width:120px;height:120px;z-index:var(--z-raised);transform-origin:100% 0;transition:transform var(--duration-slow)var(--ease-default);position:absolute;top:0;right:0;transform:scale(.9)}.feature-card.dark-theme:after{background:#a855f714}.feature-card:hover{border-color:var(--brand-500);transform:translateY(-4px);box-shadow:0 20px 40px -15px #2563eb1f}.feature-card.dark-theme:hover{border-color:var(--gati-500);box-shadow:0 20px 40px -15px #a855f726}.feature-card:hover:after{transform:scale(1.15)}.card-header-row{margin-bottom:var(--space-6);z-index:var(--z-raised);justify-content:space-between;align-items:flex-start;display:flex;position:relative}.card-icon-box{border-radius:var(--radius-lg);background:var(--brand-50);border:var(--border-width)solid var(--brand-100);width:56px;height:56px;color:var(--brand-600);transition:all var(--duration-slow)var(--ease-default);justify-content:center;align-items:center;display:flex}.feature-card:hover .card-icon-box{background:var(--brand-600);color:var(--card);border-color:var(--brand-600)}.feature-card.dark-theme .card-icon-box{color:var(--gati-400);background:#a855f714;border-color:#a855f726}.feature-card.dark-theme:hover .card-icon-box{background:var(--gati-500);color:var(--card);border-color:var(--gati-500)}.card-badge{font-size:var(--text-2xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:var(--space-1)var(--space-2-5);border-radius:var(--radius-sm);background:var(--brand-50);border:var(--border-width)solid var(--brand-100);color:var(--brand-600)}.feature-card.dark-theme .card-badge{color:var(--gati-400);background:#a855f714;border-color:#a855f726}.card-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--slate-900);margin:0 0 var(--space-3)0;z-index:var(--z-raised);position:relative}.feature-card.dark-theme{background:var(--gray-900);border-color:var(--gray-700)}.feature-card.dark-theme .card-title{color:var(--card)}.card-description{font-size:var(--text-md);color:var(--slate-500);margin:0 0 var(--space-8)0;z-index:var(--z-raised);flex-grow:1;line-height:1.6;position:relative}.feature-card.dark-theme .card-description{color:var(--slate-400)}.card-explore-link{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--brand-600);align-items:center;gap:var(--space-2);z-index:var(--z-raised);transition:gap var(--duration-normal)var(--ease-default);display:inline-flex;position:relative}.feature-card:hover .card-explore-link{gap:var(--space-3)}.feature-card.dark-theme .card-explore-link{color:var(--gati-400)}.modal-overlay-wrapper{z-index:150;padding:var(--space-6);box-sizing:border-box;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay-wrapper.active{display:flex}.modal-backdrop{background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;opacity:0;transition:opacity var(--duration-slow)var(--ease-default);position:absolute;inset:0}.modal-overlay-wrapper.active .modal-backdrop{opacity:1}.modal-container{background:var(--card);border-radius:var(--radius-3xl);width:100%;max-width:var(--container-2xl);max-height:90vh;z-index:var(--z-content);box-shadow:var(--shadow-2xl);box-sizing:border-box;opacity:0;transition:all var(--duration-slow)var(--ease-smooth);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:scale(.95)}.modal-overlay-wrapper.active .modal-container{opacity:1;transform:scale(1)}.modal-close-btn{top:var(--space-6);right:var(--space-6);border-radius:var(--radius-full);background:var(--slate-100);border:var(--border-width)solid var(--slate-200);width:48px;height:48px;color:var(--slate-600);cursor:pointer;z-index:var(--z-header);transition:all var(--duration-normal)var(--ease-default);justify-content:center;align-items:center;display:flex;position:absolute}.modal-close-btn:hover{background:var(--slate-200);color:var(--slate-900)}.modal-content-panel{padding:var(--space-16);box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--space-16);flex-wrap:wrap;flex:1;width:100%;display:flex;overflow:hidden auto}.modal-content-left{flex:1.2;min-width:320px}.modal-content-right{flex:1.8;justify-content:flex-end;min-width:360px;display:flex}.modal-title{font-size:2.75rem;font-weight:var(--weight-extrabold);color:var(--slate-900);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-6);line-height:1.15}.modal-title-accent{color:var(--brand-600)}.modal-description{font-size:var(--text-xl);color:var(--slate-500);margin-bottom:var(--space-10);line-height:1.6}.modal-features-list{gap:var(--space-6);flex-direction:column;display:flex}.modal-feature-item{gap:var(--space-4);align-items:flex-start;display:flex}.modal-item-icon-box{border-radius:var(--radius-md);width:40px;height:40px;margin-top:var(--space-0-5);flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-item-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--slate-900);margin:0 0 var(--space-1)0}.modal-item-desc{font-size:var(--text-md);color:var(--slate-500);line-height:var(--leading-normal);margin:0}.modal-preview-img{border-radius:var(--radius-xl);border:var(--border-width)solid var(--slate-200);width:100%;height:auto;box-shadow:var(--shadow-xl);transition:transform .4s var(--ease-smooth)!important}.modal-gallery-container{gap:var(--space-5);flex-direction:column;width:100%;display:flex}.modal-main-image-wrapper{border-radius:var(--radius-xl);border:var(--border-width)solid var(--slate-200);width:100%;box-shadow:var(--shadow-xl);background:var(--card);cursor:zoom-in;position:relative;overflow:hidden}.modal-main-image-wrapper .modal-preview-img{box-shadow:none;border:none;display:block}.fade-in-animation{animation:features-fadeIn var(--duration-slow)ease-out}@keyframes features-fadeIn{0%{opacity:.4;transform:scale(.995)}to{opacity:1;transform:scale(1)}}.modal-thumbnails-strip{gap:var(--space-3);padding:var(--space-1)var(--space-0-5);flex-wrap:wrap;justify-content:flex-start;align-items:center;display:flex}.modal-thumbnail-box{border-radius:var(--radius-md);border:var(--border-width-strong)solid transparent;cursor:pointer;opacity:.6;width:90px;height:56px;transition:all .25s var(--ease-smooth);box-shadow:0 2px 6px var(--hover-bg);background:var(--card);position:relative;overflow:hidden}.modal-thumbnail-box:hover{opacity:.9;box-shadow:var(--shadow-md);transform:translateY(-2px)}.modal-thumbnail-box.active{opacity:1;border-color:var(--brand-600);transform:scale(1.03);box-shadow:0 4px 12px #2563eb26}.modal-thumbnail-img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-normal)var(--ease-default)}.modal-thumbnail-box:hover .modal-thumbnail-img{transform:scale(1.05)}.bottom-cta-section{background:var(--slate-50);text-align:center;border-top:var(--border-width)solid var(--slate-200);border-bottom:var(--border-width)solid var(--slate-200);padding:96px 0}.bottom-cta-container{max-width:600px;padding:0 var(--space-6);margin:0 auto}.bottom-cta-title{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:var(--slate-900);margin:0 0 var(--space-4)0;letter-spacing:var(--tracking-tight)}.bottom-cta-desc{font-size:var(--text-xl);color:var(--slate-500);margin:0 0 var(--space-8)0;line-height:1.6}.gallery-nav-btn{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:var(--border-width)solid #fff3;width:44px;height:44px;color:var(--card);cursor:pointer;z-index:var(--z-content);transition:all var(--duration-normal)var(--ease-smooth);opacity:0;background:#0f172a99;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.modal-main-image-wrapper:hover .gallery-nav-btn{opacity:1}.gallery-nav-btn:hover{background:#0f172af2;transform:translateY(-50%)scale(1.05)}.gallery-nav-btn:active{transform:translateY(-50%)scale(.95)}.gallery-nav-btn.prev{left:var(--space-4)}.gallery-nav-btn.next{right:var(--space-4)}.lightbox-overlay{-webkit-backdrop-filter:blur(12px);width:100vw;height:100vh;z-index:var(--z-popover);animation:fadeIn var(--duration-slow)var(--ease-smooth)forwards;background:#0a0a0cf2;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.lightbox-close-btn{top:var(--space-6);right:var(--space-6);border-radius:var(--radius-full);border:var(--border-width)solid #ffffff1a;width:48px;height:48px;color:var(--card);cursor:pointer;z-index:var(--z-toast);transition:all var(--duration-normal)var(--ease-smooth);background:#ffffff14;justify-content:center;align-items:center;display:flex;position:absolute}.lightbox-close-btn:hover{background:#fff3;transform:scale(1.05)}.lightbox-close-btn:active{transform:scale(.95)}.lightbox-nav-btn{width:56px;height:56px;color:var(--card);cursor:pointer;z-index:10000;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav-btn:hover{background:#fff3;transform:translateY(-50%)scale(1.05)}.lightbox-nav-btn:active{transform:translateY(-50%)scale(.95)}.lightbox-nav-btn.prev{left:24px}.lightbox-nav-btn.next{right:24px}.lightbox-image-container{width:90vw;max-width:90vw;height:85vh;max-height:85vh;animation:.35s cubic-bezier(.16,1,.3,1) forwards lightboxScaleUp;position:relative}@keyframes lightboxScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightbox-img{-webkit-user-select:none;user-select:none;pointer-events:none;box-shadow:0 30px 60px var(--overlay-bg);border:1px solid #ffffff1a;border-radius:8px}.modal-main-image-wrapper{cursor:zoom-in;position:relative;overflow:hidden}.modal-preview-img{transition:transform .4s cubic-bezier(.16,1,.3,1)!important}.modal-main-image-wrapper:hover .modal-preview-img{transform:scale(1.02)}.features-nav-menu-btn{border:1px solid var(--slate-200);background:var(--slate-50);width:40px;height:40px;color:var(--slate-700);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:none}.features-nav-menu-btn:hover{background:var(--slate-100);color:var(--slate-900)}.features-mobile-nav{-webkit-backdrop-filter:blur(16px);box-shadow:0 10px 15px -3px var(--hover-bg);opacity:0;pointer-events:none;z-index:99;background:#fffffff5;border-bottom:1px solid #e2e8f0cc;flex-direction:column;gap:16px;padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);display:none;position:absolute;top:80px;left:0;right:0;transform:translateY(-10px)}.features-mobile-nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.features-mobile-nav-link{color:var(--slate-700);border-bottom:1px solid #e2e8f066;padding:8px 0;font-size:1rem;font-weight:600;text-decoration:none;transition:color .2s}.features-mobile-nav-link:hover,.features-mobile-nav-link.active{color:var(--brand-600)}@media (max-width:640px){.features-nav-menu-btn{display:flex}.features-nav-actions .btn-primary{display:none}.features-mobile-nav{display:flex;top:60px}}