@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInScale{from{opacity:0;transform:scale(0.98)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRightSmall{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,100%{opacity:0.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes iconPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:0.8}}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(0deg)}100%{transform:scale(1) rotate(0deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes resultReveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes detailStagger{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes badgeEnter{from{opacity:0;transform:scale(0.8) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cursorBlink{0%,49%{opacity:1}50%,100%{opacity:0}}@keyframes focusLine{from{opacity:0;width:0}to{opacity:1;width:100%}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-50%);opacity:0}50%{opacity:0.3}100%{transform:translateX(100%) translateY(-50%);opacity:0}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInScale{from{opacity:0;transform:scale(0.98)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRightSmall{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,100%{opacity:0.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes iconPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:0.8}}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(0deg)}100%{transform:scale(1) rotate(0deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes resultReveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes detailStagger{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes badgeEnter{from{opacity:0;transform:scale(0.8) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cursorBlink{0%,49%{opacity:1}50%,100%{opacity:0}}@keyframes focusLine{from{opacity:0;width:0}to{opacity:1;width:100%}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-50%);opacity:0}50%{opacity:0.3}100%{transform:translateX(100%) translateY(-50%);opacity:0}}.btn{padding:0.875rem 2.5rem;font-weight:600;border-radius:0.75rem;transition:all 0.3s ease;text-decoration:none;text-align:center;border:none;display:inline-block;cursor:pointer}.btn-primary{background:#ffffff;color:#377dff;box-shadow:0 4px 15px rgba(0,0,0,0.15)}.btn-primary:hover{background:#377dff;color:#ffffff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.2)}.btn-outline-primary{background:transparent;border:2px solid #377dff;color:#377dff}.btn-outline-primary:hover{background:#377dff;color:#ffffff;border-color:#377dff;transform:translateY(-2px);box-shadow:0 4px 15px rgba(55,125,255,0.3)}.btn-outline-light{border:2px solid rgba(255,255,255,0.5);color:#ffffff;background:transparent}.btn-outline-light:hover{background:rgba(255,255,255,0.2);border-color:#ffffff;color:#ffffff;transform:translateY(-2px)}.btn-light{background:#ffffff;color:#377dff;box-shadow:0 4px 15px rgba(0,0,0,0.15)}.btn-light:hover{background:#377dff;color:#ffffff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.2)}.btn-lg{padding:1rem 2.5rem;font-size:1.125rem}.btn-sm{padding:0.5rem 1rem;font-size:0.875rem}.navbar-nav .btn{padding:0.75rem 1.25rem;font-weight:600;font-size:0.875rem;border-radius:7px;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;border:none}.navbar-nav .btn-primary{background:#377dff;color:#ffffff;box-shadow:0 2px 8px rgba(55,125,255,0.25);display:inline-flex;align-items:center;gap:0.4rem;font-weight:600}.navbar-nav .btn-primary:hover{background:#1a55d9;box-shadow:0 4px 12px rgba(55,125,255,0.35);transform:translateY(-1px)}.navbar-nav .btn-primary:active{transform:translateY(0)}.navbar-nav .btn-outline-primary{background:transparent;border:none;color:#377dff;box-shadow:none;font-weight:600}.navbar-nav .btn-outline-primary:hover{background:rgba(55,125,255,0.08);color:#1a55d9;box-shadow:0 2px 8px rgba(55,125,255,0.15);transform:translateY(-1px)}.navbar-nav .btn-outline-primary:active{transform:translateY(0)}.modal-body .btn{border-radius:0.75rem;font-weight:600;padding:0.875rem 1.5rem;transition:all 0.3s ease;font-size:0.9375rem}.modal-body .btn-primary{background:#377dff;border:none;color:#ffffff;box-shadow:0 2px 8px rgba(55,125,255,0.2)}.modal-body .btn-primary:hover{background:#1a55d9;box-shadow:0 4px 12px rgba(55,125,255,0.3);transform:translateY(-1px)}.modal-body .btn-primary:active{transform:translateY(0)}.modal-body .btn-outline-secondary{border:1.5px solid #e7eaf3;color:#677788;background:transparent}.modal-body .btn-outline-secondary:hover{border-color:#377dff;color:#377dff;background:rgba(55,125,255,0.05);transform:translateY(-1px)}.modal-body .btn-outline-secondary:active{transform:translateY(0)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInScale{from{opacity:0;transform:scale(0.98)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRightSmall{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,100%{opacity:0.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes iconPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:0.8}}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(0deg)}100%{transform:scale(1) rotate(0deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes resultReveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes detailStagger{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes badgeEnter{from{opacity:0;transform:scale(0.8) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cursorBlink{0%,49%{opacity:1}50%,100%{opacity:0}}@keyframes focusLine{from{opacity:0;width:0}to{opacity:1;width:100%}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-50%);opacity:0}50%{opacity:0.3}100%{transform:translateX(100%) translateY(-50%);opacity:0}}.feature-card-custom{background:#ffffff;border-radius:1rem;padding:1.75rem;height:100%;border:1px solid #e7eaf3;transition:all 0.3s ease;position:relative;overflow:hidden;margin-bottom:0}.feature-card-custom::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg, #377dff, #00c9a7);transform:scaleX(0);transition:transform 0.3s ease}.feature-card-custom:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.1);border-color:#377dff}.feature-card-custom:hover::before{transform:scaleX(1)}.feature-card-custom:hover .feature-icon-custom{transform:scale(1.1) rotate(-5deg)}.feature-card-custom h4{font-size:1.25rem;font-weight:700;margin-bottom:0.75rem;color:#1e2022;line-height:1.2}.feature-card-custom p{font-size:0.9375rem;color:#677788;margin:0;line-height:1.7}.feature-icon-custom{width:56px;height:56px;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#ffffff;transition:transform 0.3s ease;min-width:56px}.icon-primary-soft{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.icon-success-soft{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}.icon-info-soft{background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)}.icon-warning-soft{background:linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)}.icon-danger-soft{background:linear-gradient(135deg, #fa709a 0%, #fee140 100%)}.icon-purple-soft{background:linear-gradient(135deg, #30cfd0 0%, #330867 100%)}.trust-badge-enhanced{background:#ffffff;padding:1.75rem 1.5rem;border-radius:1rem;border:1px solid #e7eaf3;text-align:center;transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.trust-badge-enhanced:hover{transform:translateY(-8px);border-color:#377dff;box-shadow:0 16px 32px rgba(55,125,255,0.12)}.trust-badge-enhanced:hover i{transform:scale(1.15) rotate(-5deg);filter:drop-shadow(0 4px 12px rgba(55,125,255,0.2))}.trust-badge-enhanced i{font-size:1.5rem;color:#377dff;margin-bottom:0.75rem;transition:all 0.3s ease}.trust-badge-enhanced h5{font-size:1.0625rem;font-weight:700;color:#1e2022}.trust-badge-enhanced p{font-size:0.875rem;color:#677788;line-height:1.3}.integration-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg, #f8f9fa 0%, #f5f7fa 100%);border-radius:0.75rem;border:1px solid #e7eaf3;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);gap:0.5rem;cursor:pointer}.integration-badge:hover{transform:translateY(-4px);border-color:#377dff;background:linear-gradient(135deg, #f1f3f7 0%, #fafbfc 100%);box-shadow:0 12px 24px rgba(55,125,255,0.12)}.integration-badge:hover i{transform:scale(1.2) rotate(-5deg);filter:drop-shadow(0 4px 12px rgba(55,125,255,0.2))}.integration-badge i{font-size:1.5rem;color:#377dff;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.integration-badge small{font-size:0.8125rem;font-weight:600;color:#1e2022;text-align:center;letter-spacing:0.3px}.integration-badge-compact{padding:0.5rem;background:linear-gradient(135deg, #f8f9fa 0%, #f5f7fa 100%);border-radius:0.75rem;border:1px solid #e7eaf3;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);gap:0.25rem;cursor:pointer}.integration-badge-compact:hover{transform:translateY(-2px);border-color:#377dff;background:linear-gradient(135deg, #f1f3f7 0%, #fafbfc 100%);box-shadow:0 8px 16px rgba(55,125,255,0.1)}.integration-badge-compact:hover i{transform:scale(1.15) rotate(-5deg);filter:drop-shadow(0 2px 8px rgba(55,125,255,0.15))}.integration-badge-compact i{font-size:1.125rem;color:#377dff;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.integration-badge-compact small{font-size:0.7rem;font-weight:600;color:#1e2022;text-align:center;letter-spacing:0.2px;text-transform:uppercase}.stat-card-tech{background:#ffffff;padding:1.5rem;border-radius:1rem;border:1px solid #e7eaf3;transition:all 0.3s ease;margin-bottom:0}.stat-card-tech:hover{transform:translateY(-4px);border-color:#377dff;box-shadow:0 12px 24px rgba(55,125,255,0.1)}.demo-detail-item{background:linear-gradient(135deg, #f8f9fa 0%, #f5f7fa 100%);padding:1.25rem;border-radius:0.75rem;animation:slideInUp 0.5s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid rgba(0,0,0,0.03);transition:all 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.02)}.demo-detail-label{font-size:0.6rem;font-weight:700;color:#8a95a8;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.75rem;display:block}.demo-detail-value{font-size:0.9375rem;font-weight:600;color:#1e2022;word-break:break-all;line-height:1.6}.pricing-card-enhanced{background:#ffffff;border-radius:24px;padding:0;border:2px solid #e7eaf3;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);height:100%;display:flex;flex-direction:column;overflow:hidden;margin-bottom:0}.pricing-card-enhanced:hover{transform:translateY(-12px);box-shadow:0 24px 48px rgba(0,0,0,0.12);border-color:#377dff}.pricing-card-enhanced:hover .pricing-icon-enhanced{transform:scale(1.1) rotate(-5deg)}.pricing-card-enhanced.pricing-card-popular{border-color:#377dff;box-shadow:0 12px 32px rgba(55,125,255,0.2);position:relative}.pricing-card-enhanced.pricing-card-popular:hover{transform:translateY(-12px);box-shadow:0 28px 56px rgba(55,125,255,0.3)}.pricing-popular-badge{position:absolute;top:0;right:0;background:linear-gradient(135deg, gold 0%, orange 100%);color:#1e2022;padding:0.5rem 1.5rem;border-radius:0 22px 0 24px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;z-index:1}.pricing-header{padding:1.75rem 1.5rem 1.5rem;text-align:center;border-bottom:1px solid #f1f3f5}.pricing-header h3{font-size:1.125rem}.pricing-header p{font-size:0.875rem}.pricing-icon-enhanced{width:64px;height:64px;border-radius:16px;color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 1.25rem;transition:transform 0.3s ease}.bg-primary-gradient{background:linear-gradient(135deg, #377dff 0%, #2e5bff 100%)}.bg-success-gradient{background:linear-gradient(135deg, #00c9a7 0%, #00b894 100%)}.bg-info-gradient{background:linear-gradient(135deg, #09b5db 0%, #0891b2 100%)}.pricing-body{padding:1.5rem;flex:1}.pricing-item-enhanced{display:flex;align-items:flex-start;gap:0.875rem;padding:0.875rem;background:#f8f9fa;border-radius:12px;margin-bottom:0.75rem;transition:all 0.3s ease}.pricing-item-enhanced:last-child{margin-bottom:0}.pricing-item-enhanced:hover{background:#f1f3f5;transform:translateX(4px)}.pricing-item-icon{width:32px;height:32px;border-radius:0.75rem;background:#ffffff;display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.06)}.pricing-item-content{flex:1}.pricing-item-label{font-weight:600;color:#1e2022;font-size:0.9375rem;margin-bottom:0.25rem}.pricing-item-desc{font-size:0.8125rem;color:#677788;line-height:1.4}.pricing-item-price{display:flex;align-items:baseline;gap:0.25rem;flex-shrink:0}.price-value{font-size:1.5rem;font-weight:800;color:#377dff;line-height:1}.price-unit{font-size:0.8125rem;font-weight:600;color:#677788}.pricing-footer{padding:1.5rem;border-top:1px solid #f1f3f5}.pricing-feature-box{text-align:center;padding:1.5rem 1.125rem;border-radius:16px;background:#ffffff;border:1px solid #e7eaf3;transition:all 0.3s ease}.pricing-feature-box:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.08);border-color:#377dff}.pricing-feature-box i{font-size:1.5rem !important}.pricing-feature-box h5{font-size:1rem;font-weight:600}.pricing-feature-box p{font-size:0.875rem}.pricing-note{background:#ffffff;border:1px solid #e7eaf3;border-radius:1rem;padding:1.5rem 2rem;color:#677788;font-size:0.9375rem;display:inline-flex;align-items:center;gap:0.5rem}.text-purple{color:#7c3aed}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInScale{from{opacity:0;transform:scale(0.98)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRightSmall{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,100%{opacity:0.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes iconPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:0.8}}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(0deg)}100%{transform:scale(1) rotate(0deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes resultReveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes detailStagger{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes badgeEnter{from{opacity:0;transform:scale(0.8) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cursorBlink{0%,49%{opacity:1}50%,100%{opacity:0}}@keyframes focusLine{from{opacity:0;width:0}to{opacity:1;width:100%}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-50%);opacity:0}50%{opacity:0.3}100%{transform:translateX(100%) translateY(-50%);opacity:0}}.demo-card{background:#ffffff;border-radius:1.5rem;box-shadow:0 0 1px rgba(0,0,0,0.05),0 4px 12px rgba(0,0,0,0.08),0 16px 32px rgba(0,0,0,0.12),0 32px 64px rgba(0,0,0,0.15);overflow:hidden;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);position:relative;border:1px solid rgba(0,0,0,0.02)}.demo-card-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding:1.25rem 1.75rem;display:flex;align-items:center;gap:0.875rem;position:relative;overflow:hidden}.demo-card-header::after{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);animation:shimmer 8s ease-in-out infinite}.demo-card-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.5);position:relative;z-index:1;transition:all 0.3s ease}.demo-card-dot:nth-child(1){animation:pulse 2s ease-in-out infinite}.demo-card-dot:nth-child(2){animation:pulse 2s ease-in-out 0.4s infinite}.demo-card-dot:nth-child(3){animation:pulse 2s ease-in-out 0.8s infinite}.demo-card-body{padding:1.5rem;background:linear-gradient(180deg, #fff 0%, #fafbfc 100%)}.demo-search-wrapper{position:relative;margin-bottom:1rem}.demo-search-wrapper.active{box-shadow:0 4px 20px rgba(55,125,255,0.15) !important}.demo-search-wrapper.active .input-group{border-color:#377dff;box-shadow:0 2px 12px rgba(55,125,255,0.1)}.demo-search-wrapper .input-group{display:flex;border-radius:0.75rem;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.04);border:1.5px solid #e7eaf3;transition:all 0.3s ease}.demo-search-icon{background:linear-gradient(135deg, #f8f9fa 0%, #f5f7fa 100%);border:none !important;color:#677788;padding:0.875rem 0.875rem;font-size:1rem;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.demo-search-icon i{opacity:0.7}.demo-search-input{border:none !important;padding:0.875rem 0.875rem;font-size:0.9375rem;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);background-color:#f8f9fa;cursor:default;font-weight:500;letter-spacing:0.2px;flex:1;outline:none !important;box-shadow:none !important;position:relative}.demo-search-input::placeholder{color:#b5bcc7}.demo-search-input:focus{background-color:#ffffff}.demo-search-input::after{content:'';position:absolute;right:0;top:50%;width:2px;height:20px;background:#377dff;transform:translateY(-50%);animation:cursorBlink 1s step-start infinite}.demo-results{display:block;min-height:auto;animation:fadeInScale 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards}.demo-result-item{width:100%;animation:slideInUp 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.demo-result-item .badge{animation:slideInLeft 0.5s cubic-bezier(0.4, 0, 0.2, 1);font-weight:700;padding:0.5rem 1rem;border-radius:8px;font-size:0.8125rem;text-transform:uppercase;letter-spacing:0.5px}#demoResultStatus{transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.demo-loading-spinner{display:inline-block;width:12px;height:12px;margin-right:0.5rem;border:2px solid rgba(55,125,255,0.2);border-radius:50%;border-top-color:#377dff;animation:spin 0.8s linear infinite}.demo-result-wrapper{display:flex;align-items:flex-start;justify-content:space-between;gap:0.75rem}.demo-result-content{flex:1}.demo-result-badges{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;margin-bottom:0.5rem;flex-wrap:wrap}.demo-result-badges-left,.demo-result-badges-right{display:flex;align-items:center;gap:0.5rem}.demo-result-badges-right.animate{animation:slideInRight 0.5s ease-out forwards}.demo-badge{padding:0.25rem 0.75rem;font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.4px;display:inline-flex;align-items:center;gap:0.25rem;flex-shrink:0;border-radius:6px;color:#ffffff}.demo-badge i{font-size:0.65rem;color:inherit}.demo-timestamp{font-size:0.6rem;font-weight:600;color:#8a95a8;text-transform:uppercase;letter-spacing:0.3px}.demo-processing-time{display:inline-flex;align-items:center;gap:0.25rem;padding:0.25rem 0.5rem;background:rgba(55,125,255,0.08);border-radius:6px;font-size:0.6rem;font-weight:600;color:#377dff;flex-shrink:0}.demo-processing-time i{font-size:0.55rem}.demo-result-title{font-size:1rem;color:#1e2022;font-weight:700;letter-spacing:-0.02em;line-height:1.1;margin:0 0 0.25rem 0}.demo-result-description{font-size:0.75rem;line-height:1.3;color:#677788;font-weight:500;margin:0}.demo-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.5rem 0 2rem 0}.demo-result-details-grid{display:grid;grid-template-columns:1fr;gap:0;margin-top:0}.demo-result-detail-row{display:flex;align-items:center;justify-content:space-between;gap:0;padding:0;font-size:0.65rem;color:#1e2022;animation:none;opacity:1}.demo-result-detail-row:nth-child(n){animation-delay:0s}.demo-status-icon{display:inline-block;margin-right:0.5rem;font-size:1.1rem}.demo-status-valid .demo-status-icon{color:#00d4aa;animation:checkmark 0.6s cubic-bezier(0.34, 1.56, 0.64, 1)}.demo-email-list{margin-top:0;padding-left:0}.demo-email-item{padding:0;font-size:0.65rem;color:#1e2022;animation:slideInUp 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;opacity:0;line-height:1.1}.demo-email-item:nth-child(1){animation-delay:0.15s}.demo-email-item:nth-child(2){animation-delay:0.25s}.demo-email-item:nth-child(3){animation-delay:0.35s}.demo-email-results{display:none;margin-top:0.5rem}.demo-email-results.show{display:block}.demo-email-results-content{font-size:0.7rem;color:#1e2022;font-weight:500;line-height:1.4;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem}.demo-facebook-results{display:none;margin-top:0.4rem}.demo-facebook-results.show{display:block}.demo-facebook-content{font-size:0.75rem;color:#1e2022;font-weight:500}.demo-facebook-header{margin-bottom:0.25rem;display:flex;justify-content:space-between;align-items:center}.demo-facebook-header strong{font-size:0.7rem}.demo-facebook-email-count{color:#00d4aa;font-weight:700;font-size:0.8rem}.demo-facebook-list{font-size:0.7rem;color:#5d6e7f;font-weight:500;line-height:1.3;display:flex;flex-wrap:wrap;gap:0.25rem}.demo-integration-badges-container{margin-top:0.875rem;display:grid;grid-template-columns:repeat(3, 1fr);gap:0.5rem;width:100%}.demo-badge-enter{animation:badgeEnter 0.5s cubic-bezier(0.34, 1.56, 0.64, 1)}.demo-result-animate{animation:resultReveal 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards}.demo-detail-stagger{animation:detailStagger 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards}.demo-icon-pulse{animation:iconPulse 2s ease-in-out infinite}.demo-input-focus-effect{position:relative}.demo-input-focus-effect::before{content:'';position:absolute;bottom:-4px;left:0;right:0;height:4px;background:linear-gradient(90deg, #377dff, #00c9a7, #377dff);border-radius:2px;opacity:0;animation:focusLine 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards}.footer-enhanced{background:linear-gradient(180deg, #1a1d1f 0%, #111314 100%);color:rgba(255,255,255,0.7);padding:5rem 0 1.5rem;position:relative}footer{padding:3.5rem 0 2rem}footer a:hover{opacity:1 !important;text-decoration:underline !important}.footer-logo{color:#ffffff;font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:0.75rem}.footer-logo img{height:2rem;width:2rem}.footer-tagline{color:rgba(255,255,255,0.6);font-size:0.9375rem;line-height:1.7;max-width:400px;margin-bottom:0}.footer-section-title{color:#ffffff;font-weight:700;margin-bottom:1.5rem;font-size:0.875rem;text-transform:uppercase;letter-spacing:1px}.footer-link{color:rgba(255,255,255,0.65);text-decoration:none;font-size:0.9375rem;transition:color 0.2s ease;display:inline-block}.footer-link:hover{color:#377dff}.footer-divider{border-top:1px solid rgba(255,255,255,0.08);margin-top:4rem;padding-top:2rem;text-align:center}.footer-copyright{color:rgba(255,255,255,0.5);font-size:0.875rem;margin-bottom:0;padding-bottom:0}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInScale{from{opacity:0;transform:scale(0.98)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRightSmall{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,100%{opacity:0.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes iconPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:0.8}}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(0deg)}100%{transform:scale(1) rotate(0deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes resultReveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes detailStagger{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes badgeEnter{from{opacity:0;transform:scale(0.8) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cursorBlink{0%,49%{opacity:1}50%,100%{opacity:0}}@keyframes focusLine{from{opacity:0;width:0}to{opacity:1;width:100%}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-50%);opacity:0}50%{opacity:0.3}100%{transform:translateX(100%) translateY(-50%);opacity:0}}.navbar{padding:1.25rem 0;background:rgba(255,255,255,0.98);backdrop-filter:blur(10px);box-shadow:0 2px 20px rgba(0,0,0,0.05);position:sticky;top:0;z-index:1000;transition:all 0.3s ease}.navbar-brand{display:flex;align-items:center;gap:0.75rem;font-size:1.5rem;font-weight:700;color:#1e2022;transition:transform 0.3s ease;text-decoration:none}.navbar-brand:hover{transform:translateY(-2px);color:#1e2022}.navbar-brand img{height:36px;width:36px}.nav-link{font-weight:500;color:#677788;margin:0 0.5rem;transition:color 0.3s ease}.nav-link:hover{color:#377dff}.language-selector{position:relative;display:inline-block}.language-selector.active .language-dropdown{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.language-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.875rem 0.875rem;background:transparent;border:none;border-radius:0.75rem;color:#677788;font-size:0.875rem;font-weight:600;cursor:pointer;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);text-decoration:none;white-space:nowrap}.language-btn:hover{background:rgba(55,125,255,0.08);color:#377dff;transform:translateY(-2px)}.language-btn:active{transform:translateY(0)}.language-btn i.bi-chevron-down{font-size:0.75rem;margin-left:0.25rem}.language-dropdown{position:absolute;top:100%;right:0;min-width:160px;background:#ffffff;border:1px solid rgba(103,119,136,0.1);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.12);z-index:1000;margin-top:0.75rem;opacity:0;visibility:hidden;transform:translateY(-12px) scale(0.95);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}.language-dropdown a{display:flex;align-items:center;gap:0.75rem;padding:1rem 0.875rem;color:#1e2022;text-decoration:none;font-size:0.9375rem;font-weight:500;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border-bottom:1px solid #f0f1f3;position:relative}.language-dropdown a:last-child{border-bottom:none}.language-dropdown a:hover{background:linear-gradient(90deg, rgba(55,125,255,0.08) 0%, transparent 100%);color:#377dff;padding-left:1.375rem}.language-dropdown a.active{background:linear-gradient(90deg, rgba(55,125,255,0.12) 0%, transparent 100%);color:#377dff;font-weight:600}.language-dropdown a.active::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#377dff}.language-flag{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:0.875rem;flex-shrink:0}.section-title{font-size:2.75rem;font-weight:800;margin-bottom:1.25rem;letter-spacing:-0.02em;line-height:1.2;color:#1e2022;margin-bottom:1.25rem !important}.section-subtitle{font-size:1.125rem;color:#677788;max-width:700px;margin:0 auto;line-height:1.7;margin-bottom:0}section{position:relative}.text-center{margin-bottom:0}.text-center.mb-5{margin-bottom:2.5rem !important}.d-flex.flex-wrap.gap-3.mb-4{margin-bottom:2rem !important;gap:1.5rem !important}.row.g-4{margin-bottom:0}.row.g-4.mb-5{margin-bottom:2.5rem !important}.col-lg-4,.col-lg-6{margin-bottom:0}.col-md-3,.col-md-4{margin-bottom:0}.code-block{background:linear-gradient(135deg, #1a1d23 0%, #1e2022 100%);border-radius:0.75rem;padding:1.75rem;overflow-x:auto;animation:slideInUp 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.1s both;border:1px solid rgba(255,255,255,0.08);box-shadow:0 4px 16px rgba(0,0,0,0.2),inset 0 1px 3px rgba(0,0,0,0.5);position:relative}.code-block::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);pointer-events:none}.code-block code{color:#00d4aa;font-family:'Monaco', 'Courier New', monospace;font-size:0.8125rem;line-height:1.8;display:block;font-weight:500;letter-spacing:0.3px;background:transparent}.section-features,.section-trust{padding:4rem 0}.stats-section{display:flex;flex-direction:column;gap:1.5rem}.stats-header{display:flex;flex-direction:column;gap:0.5rem}.stats-title{font-size:2rem;font-weight:800;color:#1e2022;margin:0}.stats-subtitle{font-size:1rem;color:#677788;line-height:1.6;margin:0}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stats-divider{margin-top:1.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.2)}.stat-item h3{font-size:2.5rem;font-weight:800;color:#ffffff;margin-bottom:0.5rem}.stat-item p{color:rgba(255,255,255,0.8);font-size:0.9375rem}.stat-value-wrapper{display:flex;align-items:baseline;gap:0.5rem;margin-bottom:0.5rem}.stat-value{font-size:2.5rem;font-weight:800;color:#377dff}.stat-label{font-size:0.9375rem;color:#677788;margin:0}.trust-badges-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;height:100%;width:100%}.badge-primary-soft{display:inline-block;padding:0.5rem 1rem;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border-radius:50px;color:#ffffff;font-size:0.875rem;font-weight:600;margin-bottom:1.25rem;border:1px solid rgba(255,255,255,0.3)}.step-card-custom{text-align:center;padding:2.5rem 1.75rem;background:rgba(255,255,255,0.12);backdrop-filter:blur(10px);border-radius:1rem;border:1px solid rgba(255,255,255,0.2);transition:all 0.3s ease;height:100%;position:relative;z-index:2;margin-bottom:0}.step-card-custom:hover{transform:translateY(-8px);background:rgba(255,255,255,0.18);border-color:rgba(255,255,255,0.3);box-shadow:0 20px 40px rgba(0,0,0,0.2)}.step-card-custom:hover .step-number-badge{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 100%);box-shadow:0 12px 32px rgba(0,0,0,0.25)}.step-card-custom h4{font-size:1.375rem;font-weight:700;margin-bottom:1rem;color:#ffffff;text-shadow:0 2px 10px rgba(0,0,0,0.3)}.step-card-custom p{font-size:1rem;color:rgba(255,255,255,0.95);margin:0;line-height:1.6;text-shadow:0 1px 5px rgba(0,0,0,0.2)}.step-number-badge{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.15) 100%);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.4);color:#ffffff;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.375rem;font-weight:800;transition:all 0.3s ease;box-shadow:0 8px 24px rgba(0,0,0,0.15)}.pricing-section{padding:4rem 0;background:linear-gradient(180deg, #f8f9fa 0%, #fff 100%);position:relative;overflow:hidden}.pricing-header-badge{display:inline-flex;align-items:center;padding:0.5rem 1.25rem;background:linear-gradient(135deg, rgba(55,125,255,0.1) 0%, rgba(55,125,255,0.05) 100%);border:1px solid rgba(55,125,255,0.2);border-radius:50px;color:#377dff;font-weight:600;font-size:0.875rem;margin-bottom:1.5rem}.how-it-works-section{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding:4rem 0;color:#ffffff;position:relative;overflow:hidden}.how-it-works-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background: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");opacity:1}.cta-gradient{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding:4.5rem 0;color:#ffffff;text-align:center;position:relative;overflow:hidden}.cta-gradient::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background: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.05'%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");opacity:0.4;pointer-events:none}.cta-gradient.cta-content{position:relative;z-index:2}.cta-gradient h1{font-size:2.75rem;font-weight:800;line-height:1.2;margin-bottom:1.25rem;color:#ffffff;letter-spacing:-0.02em}.cta-gradient .lead{font-size:1.125rem;color:rgba(255,255,255,0.95);margin-bottom:2rem;font-weight:400;line-height:1.7}.hero-gradient{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);position:relative;overflow:hidden;padding:80px 0 60px}.hero-gradient::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background: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.05'%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");opacity:0.4;pointer-events:none}.hero-gradient.hero-content{position:relative;z-index:2}.hero-gradient h1{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.25rem;color:#ffffff;letter-spacing:-0.02em}.hero-gradient .lead{font-size:1.125rem;color:rgba(255,255,255,0.9);margin-bottom:2rem;font-weight:400;line-height:1.7}.api-docs-section{background:#f8f9fa}.card.card-hover-transition{transition:all 0.3s ease;cursor:pointer}.modal-content{border:none;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.16);background:#ffffff}.modal-header{background:linear-gradient(135deg, #f8f9fa 0%, #fff 100%);border-bottom:1px solid #e7eaf3;border-radius:12px 12px 0 0;padding:1.5rem}.modal-title{font-size:1.25rem;font-weight:700;color:#1e2022;letter-spacing:-0.02em}.modal-body{padding:2rem;color:#1e2022}.modal-body .form-label{font-weight:600;color:#1e2022;margin-bottom:0.5rem;font-size:0.9375rem}.modal-body .form-control{border:1.5px solid #e7eaf3;border-radius:0.75rem;padding:0.75rem 1rem;font-size:0.9375rem;transition:all 0.3s ease;background-color:#ffffff}.modal-body .form-control:focus{border-color:#377dff;box-shadow:0 0 0 0.2rem rgba(55,125,255,0.1);background-color:#ffffff;color:#1e2022}.modal-body .form-check-label{color:#677788;font-size:0.875rem;margin-bottom:0;font-weight:500}.modal-body .text-muted{color:#677788 !important;font-size:0.9375rem}.modal-body .text-decoration-none{color:#377dff;font-weight:600;transition:color 0.2s ease}.modal-body .text-decoration-none:hover{color:#1a55d9;text-decoration:underline}.modal-footer{background:#f8f9fa;border-top:1px solid #e7eaf3;border-radius:0 0 12px 12px;padding:1.5rem}.modal-backdrop{background-color:rgba(0,0,0,0.5);backdrop-filter:blur(4px)}.modal.fade .modal-dialog{transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),opacity 0.3s ease}.modal.show .modal-dialog{transform:scale(1)}.alert{border:none;border-radius:0.75rem;border-left:4px solid}.alert-info{background-color:rgba(55,125,255,0.08) !important;border-left-color:#377dff !important;color:#1e2022}.alert-info .bi{color:#377dff}