:root{--primary: #e40613;--primary-dark: #c40511;--secondary: #0D0D0D;--light: #F2F2F2;--gray: #6c757d;--light-gray: #e9ecef;--black: #000000;--transition: all 0.3s ease;--shadow: 0 4px 20px rgba(0, 0, 0, 0.08);--shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.12);}*{margin: 0;padding: 0;box-sizing: border-box;}*, *::before, *::after{box-sizing: border-box;}html{overflow-x: hidden;width: 100%;}body{font-family: 'Poppins', sans-serif;line-height: 1.6;color: var(--secondary);background-color: white;overflow-x: hidden;scroll-behavior: smooth;width: 100%;max-width: 100vw;padding-top: 80px;}h1, h2, h3{font-family: 'Montserrat', sans-serif;font-weight: 700;}h2{font-family: 'Space Grotesk', sans-serif;font-weight: 700;}.container{width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}@media (max-width: 768px){.container{padding: 0 15px;max-width: 100%;overflow-x: hidden;}}header{background-color: white;box-shadow: var(--shadow);position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index: 1000;}body{padding-top: 80px !important;}@media (max-width: 768px){body{padding-top: 70px !important;}}@media (max-width: 576px){body{padding-top: 65px !important;}}.navbar{display: flex;justify-content: space-between;align-items: center;padding: 20px 0;position: relative;}.mobile-signin-btn{display: none;background: var(--primary);color: white;padding: 8px 20px;border-radius: 50px;text-decoration: none;font-weight: 600;font-size: 0.85rem;transition: var(--transition);box-shadow: 0 3px 12px rgba(228, 6, 19, 0.25);z-index: 102;}.mobile-signin-btn:hover{background: var(--primary-dark);color: white;text-decoration: none;transform: translateY(-1px);box-shadow: 0 5px 16px rgba(228, 6, 19, 0.35);}.mobile-menu-toggle{display: none;background: none;border: none;cursor: pointer;padding: 8px;flex-direction: column;justify-content: space-around;width: 32px;height: 32px;position: relative;z-index: 101;}.mobile-nav-overlay{display: none;}.logo{display: flex;align-items: center;text-decoration: none;font-weight: 700;font-size: 1.5rem;color: var(--secondary);z-index: 102;}.logo img{height: 40px;margin-right: 10px;}.nav-links{display: flex;list-style: none;}.nav-links li{margin-left: 30px;}.nav-links a{text-decoration: none;color: var(--secondary);font-weight: 500;transition: var(--transition);position: relative;}.nav-links a:after{content: '';position: absolute;width: 0;height: 2px;bottom: -5px;left: 0;background-color: var(--primary);transition: var(--transition);}.nav-links a:hover:after{width: 100%;}.nav-links a:hover{color: var(--primary);}.nav-btn{background: var(--primary);color: white;border: none;padding: 10px 25px;border-radius: 50px;font-weight: 600;cursor: pointer;transition: var(--transition);box-shadow: 0 4px 15px rgba(228, 6, 19, 0.3);text-decoration: none;display: inline-block;}.nav-btn:hover{background: var(--primary-dark);transform: translateY(-2px);box-shadow: 0 6px 20px rgba(228, 6, 19, 0.4);color: white;text-decoration: none;}.mobile-menu-toggle{display: none;background: none;border: none;cursor: pointer;padding: 8px;flex-direction: column;justify-content: space-around;width: 32px;height: 32px;position: relative;z-index: 101;}.hamburger-line{width: 20px;height: 2px;background-color: var(--secondary);transition: all 0.3s ease;transform-origin: center;}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform: rotate(45deg) translate(5px, 5px);}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity: 0;}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform: rotate(-45deg) translate(7px, -6px);}.desktop-only{display: inline-block;}.mobile-menu-signin{display: none;}@media (min-width: 769px){body{padding-top: 80px;}header{position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index: 1000;transition: all 0.3s ease;}.nav-links.desktop-nav{display: flex;}.mobile-signin-btn, .mobile-menu-toggle, .mobile-nav-overlay{display: none;}.desktop-only{display: inline-block;}}.mobile-nav-btn{display: inline-block;background: linear-gradient(135deg, var(--primary), var(--primary-dark));color: white;padding: 18px 35px;border-radius: 30px;text-decoration: none;font-weight: 600;font-size: 1.1rem;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);margin-top: 30px;text-align: center;position: relative;overflow: hidden;box-shadow: 0 8px 25px rgba(228, 6, 19, 0.3), 0 3px 10px rgba(0, 0, 0, 0.2);border: 2px solid rgba(255, 255, 255, 0.2);}.mobile-nav-btn::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition: left 0.5s ease;}.mobile-nav-btn:hover{background: linear-gradient(135deg, var(--primary-dark), #a0040e);color: white;text-decoration: none;transform: translateY(-3px) scale(1.05);box-shadow: 0 15px 40px rgba(228, 6, 19, 0.4), 0 5px 20px rgba(0, 0, 0, 0.3);}.mobile-nav-btn:hover::before{left: 100%;}.mobile-nav-btn:active{transform: translateY(-1px) scale(1.02);}.hero{padding: 80px 0;background: linear-gradient(rgba(242, 242, 242, 0.9), rgba(242, 242, 242, 0.9)), url('https://mspost.idhubs.com/uploads/themes/59807d72c326f53a9079218c5967eaca/background-top.png') center/cover;position: relative;overflow: hidden;}.hero-content{display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 2;gap: 40px;}.hero-text{flex: 1;max-width: 600px;}.hero-image{flex: 1;text-align: center;position: relative;animation: float 3s ease-in-out infinite;}.hero-image.no-animation{animation: none;}.hero-image.small{flex: none;max-width: 100%;}.hero-image::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: radial-gradient(circle, rgba(228, 6, 19, 0.15) 0%, transparent 70%);border-radius: 20px;z-index: -1;}@keyframes float{0%{transform: translateY(0px);}50%{transform: translateY(-15px);}100%{transform: translateY(0px);}}.hero h1{font-family: 'Montserrat', sans-serif;font-size: 3.5rem;line-height: 1.2;margin-bottom: 20px;color: var(--secondary);}.hero h1 span{color: var(--primary);position: relative;}.hero h1 span:after{content: "";position: absolute;width: 100%;height: 8px;bottom: 10px;left: 0;background: rgba(228, 6, 19, 0.2);z-index: -1;}.hero p{font-size: 1.25rem;color: var(--gray);margin-bottom: 30px;max-width: 90%;}.hero-btns{display: flex;gap: 15px;margin-top: 30px;flex-wrap: wrap;}.btn{display: inline-block;text-align: center;border-radius: 50px;font-weight: 600;cursor: pointer;transition: var(--transition);font-size: 1.1rem;text-decoration: none;border: none;}.btn-primary{background: var(--primary);color: white;border: none;padding: 15px 35px;border-radius: 50px;font-weight: 600;cursor: pointer;transition: var(--transition);font-size: 1.1rem;box-shadow: 0 4px 15px rgba(228, 6, 19, 0.3);}.btn-primary:hover{background: var(--primary-dark);transform: translateY(-3px);box-shadow: 0 8px 20px rgba(228, 6, 19, 0.4);}.btn-secondary{background: white;color: var(--primary);border: 2px solid var(--primary);padding: 15px 35px;border-radius: 50px;font-weight: 600;cursor: pointer;transition: var(--transition);font-size: 1.1rem;}.btn-secondary:hover{background: var(--primary);color: white;transform: translateY(-3px);}.hero-image img{max-width: 85%;height: auto;border-radius: 20px;box-shadow: var(--shadow);}.scrolling-gallery-container{margin: 40px 0;padding: 20px 0;position: relative;overflow: hidden;}.gallery-title{text-align: center;margin-bottom: 20px;font-size: 1.5rem;color: var(--secondary);font-weight: 600;}.gallery-title span{color: var(--primary);}.scrolling-gallery{display: flex;animation: scrollGallery 30s linear infinite;gap: 20px;padding: 10px 0;will-change: transform;}.scrolling-gallery:hover{animation-play-state: paused;}.scrolling-gallery img{height: 120px;width: auto;border-radius: 8px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);transition: all 0.3s ease;object-fit: contain;aspect-ratio: 3/2;}.scrolling-gallery img:hover{transform: scale(1.05);box-shadow: 0 8px 15px rgba(0,0,0,0.2);z-index: 10;}@keyframes scrollGallery{0%{transform: translateX(0);}100%{transform: translateX(-50%);}}.benefits{padding: 100px 0;background-color: white;}.benefits.light-gray-bg{background-color: #e9ecef;}.benefits.gray-bg{background-color: #DFDEDE;}.benefits.white-bg{background-color: white;}.section-title{text-align: center;margin-bottom: 60px;}.section-title h2{font-size: 2.5rem;margin-bottom: 15px;color: var(--secondary);position: relative;display: inline-block;}.section-title h2 span{color: var(--primary);}.section-title h2:after{content: '';position: absolute;width: 80px;height: 4px;background: var(--primary);bottom: -10px;left: 50%;transform: translateX(-50%);border-radius: 2px;}.section-title p{font-size: 1.2rem;color: var(--gray);max-width: 700px;margin: 30px auto 0;}.benefits-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;}.benefit-card{background: var(--light);border-radius: 20px;padding: 40px 30px;text-align: center;transition: var(--transition);border: 1px solid var(--light-gray);position: relative;display: flex;flex-direction: column;align-items: center;}.benefit-card:hover{transform: translateY(-10px);box-shadow: var(--shadow-hover);border-color: transparent;}.benefit-icon{width: 80px;height: 80px;background: rgba(228, 6, 19, 0.1);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 25px;font-size: 30px;color: var(--primary);transition: var(--transition);}.benefit-card:hover .benefit-icon{background: var(--primary);color: white;}.benefit-card h3{font-size: 1.5rem;margin-bottom: 15px;color: var(--secondary);}.benefit-card p{color: var(--gray);margin-bottom: 15px;flex-grow: 1;}.highlight-card{background: rgba(228, 6, 19, 0.05);border-radius: 20px;padding: 40px;text-align: center;margin: 40px 0;border: 2px dashed var(--primary);}.highlight-card h2{font-size: 2rem;margin-bottom: 20px;color: var(--secondary);}.highlight-card .btn-group{display: flex;gap: 15px;justify-content: center;margin-top: 30px;}.feature-price{font-size: 1.8rem;font-weight: 700;color: #0F0F0F;margin: 10px 0;}.price-container{display: flex;justify-content: space-between;align-items: center;margin-top: 15px;padding-top: 15px;border-top: 1px solid rgba(0,0,0,0.1);}.price-tag{background: linear-gradient(45deg, #000000, #747474 );color: white;padding: 6px 15px;border-radius: 20px;font-size: 0.9rem;font-weight: 600;}.cart-icon{width: 40px;height: 40px;background: rgba(228, 6, 19, 0.1);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--primary);cursor: pointer;transition: var(--transition);font-size: 18px;}.cart-icon:hover{background: var(--primary);color: white;transform: scale(1.1);}.features{padding: 100px 0;background-color: var(--light);}.features.white-bg{background-color: #FFFFFF;}.features.light-bg{background-color: var(--light);}.features-container{display: flex;flex-wrap: wrap;gap: 40px;align-items: center;}.features-text{flex: 1;min-width: 300px;}.features-image{flex: 1;min-width: 300px;text-align: center;border-radius: 20px;overflow: hidden;box-shadow: var(--shadow);}.features-text h2{font-size: 2.5rem;margin-bottom: 25px;color: var(--secondary);}.features-text h2 span{color: var(--primary);}.features-text p{font-size: 1.1rem;color: var(--gray);margin-bottom: 35px;}.features-list{list-style: none;margin: 20px 0;}.features-list li{margin-bottom: 15px;display: flex;align-items: flex-start;}.features-list i{color: var(--primary);font-size: 1.2rem;margin-right: 15px;margin-top: 5px;flex-shrink: 0;}.features-list h4{font-size: 1.2rem;margin-bottom: 5px;color: var(--secondary);}.why-idhubs-container{display: flex;flex-wrap: wrap;gap: 40px;align-items: center;}.why-idhubs-image{flex: 1;min-width: 300px;text-align: left;}.why-idhubs-text{flex: 1;min-width: 300px;}.why-idhubs-image.text-center{text-align: center;}.why-idhubs-image img{max-width: 100%;height: auto;border-radius: 20px;box-shadow: var(--shadow);}.text-red{color: red;}.bg-light-gray{background-color: lightgrey;}.logo.block{display: block;margin-bottom: 20px;}.pricing-banner{background: linear-gradient(45deg, #6c757d, #6c757d);color: white;text-align: center;padding: 70px 0;margin: 80px 0;}.pricing-banner h2{font-size: 2.8rem;margin-bottom: 20px;}.pricing-banner p{font-size: 1.2rem;max-width: 700px;margin: 0 auto 40px;opacity: 0.9;}.stats{padding: 80px 0;background: var(--light);}.stats.white-bg{background-color: #FFFFFF;}.stats-container{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 30px;text-align: center;}.stat-item{padding: 30px 20px;background: white;border-radius: 15px;box-shadow: var(--shadow);}.stat-number{font-size: 3rem;font-weight: 700;color: var(--primary);margin-bottom: 10px;}.stat-label{font-size: 1.1rem;color: var(--secondary);font-weight: 500;}.use-cases{padding: 100px 0;background-color: white;}.use-case-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;margin-top: 50px;}.use-case-card{background: white;border-radius: 15px;overflow: hidden;box-shadow: 0 10px 30px rgba(0,0,0,0.05);transition: transform 0.3s ease, box-shadow 0.3s ease;border: 1px solid #f0f0f0;}.use-case-card:hover{transform: translateY(-10px);box-shadow: 0 15px 40px rgba(0,0,0,0.1);}.use-case-header{padding: 25px;background: linear-gradient(45deg, #6c757d, #747474);color: white;}.use-case-header h3{font-size: 1.6rem;margin-bottom: 10px;}.use-case-body{padding: 25px;}.use-case-features{list-style: none;margin: 20px 0;}.use-case-features li{margin-bottom: 12px;padding-left: 25px;position: relative;}.use-case-features li:before{content: "✓";position: absolute;left: 0;color: #e40613;font-weight: bold;}.use-case-cta{display: block;text-align: center;background: #0d0d0d;color: white;padding: 12px;text-decoration: none;font-weight: 600;border-radius: 8px;transition: background 0.3s ease;margin-top: 15px;}.use-case-cta:hover{background: #e40613;}.testimonials{padding: 100px 0;background-color: white;}.testimonial-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}.testimonial-card{background: var(--light);border-radius: 20px;padding: 30px;box-shadow: var(--shadow);position: relative;border-top: 4px solid var(--primary);}.testimonial-card::before{content: '"';position: absolute;top: 20px;left: 30px;font-size: 5rem;color: rgba(228, 6, 19, 0.1);font-family: Georgia, serif;line-height: 1;}.testimonial-text{margin-bottom: 25px;position: relative;z-index: 2;font-style: italic;color: var(--secondary);}.testimonial-author{display: flex;align-items: center;}.author-avatar{width: 50px;height: 50px;border-radius: 50%;background: var(--primary);display: flex;align-items: center;justify-content: center;color: white;font-weight: bold;margin-right: 15px;}.author-info h4{font-weight: 600;margin-bottom: 5px;color: var(--secondary);}.author-info p{color: var(--gray);font-size: 0.9rem;}.faq-section{padding: 100px 0;background-color: var(--light);}.faq-container{max-width: 800px;margin: 0 auto;}.faq-item{border-radius: 10px;margin-bottom: 15px;overflow: hidden;background: white;box-shadow: var(--shadow);transition: var(--transition);}.faq-item:hover{box-shadow: var(--shadow-hover);}.faq-question{padding: 20px 60px 20px 30px;cursor: pointer;position: relative;font-weight: 600;font-size: 1.1rem;color: var(--secondary);display: flex;align-items: center;}.faq-icon{position: absolute;right: 30px;width: 25px;height: 25px;display: flex;align-items: center;justify-content: center;background: rgba(228, 6, 19, 0.1);border-radius: 50%;color: var(--primary);transition: var(--transition);}.faq-question:hover .faq-icon{background: var(--primary);color: white;}.faq-answer{padding: 0 30px;max-height: 0;overflow: hidden;transition: max-height 0.3s ease, padding 0.3s ease;color: var(--gray);}.faq-item.active .faq-answer{padding: 0 30px 20px 30px;max-height: 500px;}.faq-item.active .faq-icon::before{content: "\f068";}.faq-icon::before{content: "\f067";font-family: "Font Awesome 5 Free";font-weight: 900;}.team-section{padding: 100px 0;background-color: #f9f9f9;}.team-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 40px;margin-top: 40px;}.team-card{background: white;border-radius: 20px;overflow: hidden;box-shadow: var(--shadow);transition: var(--transition);text-align: center;}.team-card:hover{transform: translateY(-10px);box-shadow: var(--shadow-hover);}.team-photo{width: 100%;height: 280px;overflow: hidden;position: relative;}.team-photo img{width: 100%;height: 100%;object-fit: cover;transition: var(--transition);}.team-card:hover .team-photo img{transform: scale(1.05);}.team-info{padding: 25px 20px;}.team-info h3{font-size: 1.5rem;margin-bottom: 8px;color: var(--secondary);}.team-role{color: var(--primary);font-weight: 600;font-size: 1.1rem;margin-bottom: 15px;display: block;}.team-bio{color: var(--gray);font-size: 1rem;line-height: 1.6;}.team-social{display: flex;justify-content: center;gap: 15px;margin-top: 20px;}.team-social a{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%;background: rgba(228, 6, 19, 0.1);color: var(--primary);transition: var(--transition);}.team-social a:hover{background: var(--primary);color: white;transform: translateY(-3px);}.cta-section{padding: 100px 0;background: var(--secondary);color: white;text-align: center;}.cta-section h2{font-size: 2.8rem;margin-bottom: 20px;}.cta-section p{font-size: 1.2rem;max-width: 700px;margin: 0 auto 40px;opacity: 0.9;}.cta-form{max-width: 500px;margin: 0 auto;background: white;padding: 40px;border-radius: 20px;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);}.cta-form h3{color: var(--secondary);margin-bottom: 20px;font-size: 1.5rem;}.form-group{margin-bottom: 20px;text-align: left;}.form-group label{display: block;margin-bottom: 8px;color: var(--secondary);font-weight: 500;}.form-group input, .form-group select{width: 100%;padding: 15px;border: 1px solid var(--light-gray);border-radius: 10px;font-size: 1rem;transition: var(--transition);font-family: 'Poppins', sans-serif;}.form-group input:focus, .form-group select:focus{border-color: var(--primary);outline: none;box-shadow: 0 0 0 3px rgba(228, 6, 19, 0.2);}.form-submit{width: 100%;padding: 15px;background: var(--primary);color: white;border: none;border-radius: 10px;font-size: 1.1rem;font-weight: 600;cursor: pointer;transition: var(--transition);margin-top: 10px;}.form-submit:hover{background: var(--primary-dark);transform: translateY(-3px);box-shadow: 0 8px 20px rgba(228, 6, 19, 0.4);}.form-note{font-size: 0.9rem;color: var(--gray);margin-top: 15px;text-align: center;}.form-control{width: 100%;padding: 15px 20px;border: 1px solid #ddd;border-radius: 10px;font-size: 16px;transition: all 0.3s;}.form-control:focus{outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px rgba(10, 36, 99, 0.1);}footer{background: var(--secondary);color: white;padding: 60px 0 30px;}.footer-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 40px;margin-bottom: 40px;}.footer-col h4{font-size: 1.2rem;margin-bottom: 20px;position: relative;}.footer-col h4::after{content: "";position: absolute;bottom: -8px;left: 0;width: 40px;height: 3px;background: var(--primary);}.footer-links{list-style: none;}.footer-links li{margin-bottom: 12px;}.footer-links a{color: rgba(255, 255, 255, 0.7);text-decoration: none;transition: var(--transition);}.footer-links a:hover{color: white;padding-left: 5px;}.social-links{display: flex;gap: 15px;margin-top: 20px;}.social-links a{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;background: rgba(255, 255, 255, 0.1);color: white;transition: var(--transition);}.social-links a:hover{background: var(--primary);transform: translateY(-3px);}.footer-bottom{text-align: center;padding-top: 30px;border-top: 1px solid rgba(255, 255, 255, 0.1);font-size: 0.9rem;color: rgba(255, 255, 255, 0.6);display: flex;flex-direction: column;align-items: center;}.footer-social{display: flex;gap: 15px;margin: 15px 0;}.footer-social a{color: white;transition: var(--transition);}.footer-social a:hover{color: var(--primary);}@media (max-width: 992px){.hero h1{font-size: 2.8rem;}.hero-content{flex-direction: column;text-align: center;}.hero-text{margin-bottom: 50px;max-width: 100%;}.hero p{max-width: 100%;}.hero-btns{justify-content: center;}.features-container{display:block;}.features-container .features-image{max-width:100%;margin-top:50px;padding: 20px;}.features-container .features-image img{max-width:100%;}.features-container{flex-direction: column;}.why-idhubs-container{flex-direction: column;}.why-idhubs-image{text-align: center;}}@media (max-width: 768px){body{padding-top: 70px;}header{position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index: 1000;}.navbar{padding: 15px 0;}.nav-links{display: none;}.hero h1{font-size: 2.3rem;}.section-title h2{font-size: 2rem;}.benefit-card, .testimonial-card{padding: 30px 20px;}.price-container{flex-direction: column;gap: 15px;}.scrolling-gallery img{height: 100px;}.highlight-card .btn-group{flex-direction: column;}.team-grid{gap: 30px;}}@media (max-width: 576px){body{padding-top: 65px;}.navbar{padding: 12px 0;}.logo img{height: 35px;}.hero-btns{flex-direction: column;}.btn-primary, .btn-secondary{width: 100%;}.btn{width: 100%;}.cta-form{padding: 30px 20px;}.scrolling-gallery img{height: 80px;}.gallery-title{font-size: 1.3rem;}.stat-item{padding: 20px 15px;}.stat-number{font-size: 2.5rem;}}.feature-tag{background: rgba(228, 6, 19, 0.1);color: var(--primary);padding: 4px 12px;border-radius: 15px;font-size: 0.8rem;font-weight: 600;margin: 10px 0;display: inline-block;}.image-container{position: relative;flex: 1;min-width: 550px;height: 750px;border-radius: 20px;overflow: hidden;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);opacity: 0;transform: scale(0.9);animation: zoomIn 1s ease-out 0.8s forwards;}.image-container img{width: 100%;height: 100%;object-fit: cover;}.text-overlay{position: absolute;color: black;font-size: 18px;font-weight: bold;padding: 8px 21px;border-radius: 12px;background: rgba(255, 255, 255, 1.8);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);transition: all 0.3s ease;text-align: center;min-width: 200px;backdrop-filter: blur(5px);border: 1px solid rgba(255, 255, 255, 0.1);opacity: 0;}.text-overlay:hover{background: rgba(185, 185, 185, 0.9);transform: scale(1.05);}.text-overlay .number{font-size: 18px;font-weight: 800;display: block;margin-bottom: 1px;color: #fd2300;}.text-overlay .label{font-size: 14px;font-weight: 500;display: block;}.text-overlay .feature-list{text-align: left;margin-top: 10px;font-weight: normal;font-size: 0.9rem;}.text-overlay .feature-list li{margin-bottom: 5px;list-style-type: none;position: relative;padding-left: 20px;}.text-overlay .feature-list li:before{content: '•';color: #92FE9D;font-weight: bold;position: absolute;left: 0;}#hours{top: 42%;left: 5%;animation: fadeInRight 1s ease-out 1.5s forwards;}#savings{top: 15%;right: 5%;animation: fadeInLeft 1s ease-out 1.8s forwards;}#friction{bottom: 20%;left: 14%;animation: fadeInRight 1s ease-out 2.1s forwards;}#web3{top: 65%;right: 5%;min-width: 220px;animation: fadeInDown 1s ease-out 2.4s forwards;}#replaces{bottom: 38%;right: 5%;animation: fadeInLeft 1s ease-out 2.7s forwards;}#features{bottom: 5%;left: 28%;animation: fadeInUp 1s ease-out 3s forwards;}.mobile-features{display: none;margin-top: 30px;}.features-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}.mobile-feature-card{background: rgba(255, 255, 255, 0.95);color: black;padding: 20px;border-radius: 12px;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);text-align: center;}.mobile-feature-card .number{font-size: 1.8rem;font-weight: 800;display: block;margin-bottom: 8px;color: #fd2300;}.mobile-feature-card .label{font-size: 1.1rem;font-weight: 500;display: block;margin-bottom: 10px;}.mobile-feature-card .feature-list{text-align: left;font-weight: normal;font-size: 0.9rem;}.mobile-feature-card .feature-list li{margin-bottom: 5px;list-style-type: none;position: relative;padding-left: 20px;}.mobile-feature-card .feature-list li:before{content: '•';color: #F00C0F;font-weight: bold;position: absolute;left: 0;}.price-tag.price-tag-link-btn{text-decoration:none !important;}.join-message{display:none;color:#FF0000;font-size:16px;padding:10px;}@keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}@keyframes fadeInUp{from{opacity: 0;transform: translateY(30px);}to{opacity: 1;transform: translateY(0);}}@keyframes fadeInDown{from{opacity: 0;transform: translateY(-30px);}to{opacity: 1;transform: translateY(0);}}@keyframes fadeInLeft{from{opacity: 0;transform: translateX(30px);}to{opacity: 1;transform: translateX(0);}}@keyframes fadeInRight{from{opacity: 0;transform: translateX(-30px);}to{opacity: 1;transform: translateX(0);}}@keyframes zoomIn{from{opacity: 0;transform: scale(0.9);}to{opacity: 1;transform: scale(1);}}@keyframes slideDown{from{transform: translateY(-100%);}to{transform: translateY(0);}}@keyframes pulse{0%, 100%{transform: scale(0);opacity: 0.6;}50%{transform: scale(1);opacity: 0;}}@media (max-width: 1200px){.image-container{min-width: 500px;height: 650px;}}@media (max-width: 992px){.image-container{min-width: 400px;height: 550px;}}@media (max-width: 768px){.image-container{width: 100%;min-width: auto;height: 400px;}.text-overlay{display: none;}.mobile-features{display: block;}.features-grid{grid-template-columns: 1fr;}}@media (max-width: 480px){.image-container{height: 350px;}.mobile-feature-card{padding: 15px;}.mobile-feature-card .number{font-size: 1.5rem;}.mobile-feature-card .label{font-size: 1rem;}}@media (max-width: 768px){.navbar{display: grid;grid-template-columns: auto 1fr auto;align-items: center;gap: 10px;width: 100%;max-width: 100%;overflow: hidden;}.mobile-menu-toggle{display: flex;justify-self: start;order: 0;}.logo{justify-self: center;order: 1;}.mobile-signin-btn{display: inline-block;justify-self: end;order: 2;}.nav-links.desktop-nav{display: none;}.desktop-only{display: none;}.mobile-nav-overlay{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 60vh;background-color: rgba(255, 255, 255, 0.98);flex-direction: column;justify-content: flex-start;align-items: flex-start;z-index: 100;transform: translateX(-100%);transition: transform 0.3s ease;list-style: none;padding: 80px 30px 30px 30px;margin: 0;border-bottom-right-radius: 20px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);max-width: 100vw;overflow-x: hidden;box-sizing: border-box;}.logo img{height: 35px;}.mobile-nav-overlay.active{display: flex;transform: translateX(0);}.mobile-nav-overlay li{margin: 8px 0;width: 100%;}.mobile-nav-overlay a{font-size: 1.1rem;font-weight: 500;color: var(--secondary);text-decoration: none;padding: 12px 0;transition: color 0.3s ease;display: block;text-align: left;border-bottom: 1px solid rgba(0, 0, 0, 0.05);}.mobile-nav-overlay a:hover{color: var(--primary);}body.menu-open{overflow: hidden;}}.video-modal{display: none;position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);backdrop-filter: blur(5px);}.video-modal-content{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #fff;border-radius: 12px;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);overflow: hidden;max-width: 90vw;max-height: 90vh;width: 800px;animation: modalSlideIn 0.3s ease-out;}@keyframes modalSlideIn{from{opacity: 0;transform: translate(-50%, -60%);}to{opacity: 1;transform: translate(-50%, -50%);}}.video-modal-header{display: flex;justify-content: space-between;align-items: center;padding: 20px;background: linear-gradient(135deg, var(--primary), var(--primary-dark));color: white;}.video-modal-title{margin: 0;font-size: 1.2rem;font-weight: 600;}.video-close{background: none;border: none;color: white;font-size: 24px;cursor: pointer;padding: 5px;border-radius: 50%;width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;transition: background-color 0.3s ease;}.video-close:hover{background-color: rgba(255, 255, 255, 0.2);}.video-modal-body{padding: 0;position: relative;background: #000;}.video-iframe-container{position: relative;width: 100%;height: 0;padding-bottom: 56.25%;overflow: hidden;}.video-iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}.image-container{position: relative;overflow: hidden;}.image-container .embedded-video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.9);display: none;z-index: 100;border-radius: 12px;overflow: hidden;animation: videoFadeIn 0.5s ease-out;}@keyframes videoFadeIn{from{opacity: 0;transform: scale(0.95);}to{opacity: 1;transform: scale(1);}}.embedded-video .video-header{position: absolute;top: 0;left: 0;right: 0;background: linear-gradient(135deg, var(--primary), var(--primary-dark));color: white;padding: 15px 20px;display: flex;justify-content: space-between;align-items: center;z-index: 110;}.embedded-video .video-title{font-size: 1rem;font-weight: 600;margin: 0;}.embedded-video .close-embedded-video{background: none;border: none;color: white;font-size: 20px;cursor: pointer;padding: 5px;border-radius: 50%;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;transition: background-color 0.3s ease;}.embedded-video .close-embedded-video:hover{background-color: rgba(255, 255, 255, 0.2);}.embedded-video .embedded-video-content{position: absolute;top: 60px;left: 0;right: 0;bottom: 0;background: #000;}.embedded-video .embedded-iframe-container{position: relative;width: 100%;height: 100%;overflow: hidden;}.embedded-video .embedded-iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}@media (max-width: 768px){.embedded-video .video-header{padding: 10px 15px;}.embedded-video .video-title{font-size: 0.9rem;}.embedded-video .close-embedded-video{font-size: 18px;width: 28px;height: 28px;}.embedded-video .embedded-video-content{top: 50px;}}@media (max-width: 768px){.video-modal-content{width: 95vw;max-width: 95vw;margin: 20px;}.video-modal-header{padding: 15px;}.video-modal-title{font-size: 1rem;}.video-close{font-size: 20px;width: 30px;height: 30px;}}@media (max-width: 480px){.video-modal-content{width: 100vw;height: 100vh;max-width: 100vw;max-height: 100vh;border-radius: 0;margin: 0;}.video-iframe-container{height: calc(100vh - 70px);padding-bottom: 0;}.video-iframe{height: 100%;}}