: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{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}}