:root{--primary-highlight: #0056ff;--primary-highlight-alt: #3366ff;--primary-normal: #231f20;--secondary-highlight: #31b0f5;--tertiary-point1: #f00301;--tertiary-point2: #f59100;--text-dark: #231f20;--text-muted: #6c757d}.text-primary-custom{color:var(--primary-highlight) !important}.text-muted-custom{color:var(--text-muted) !important}.btn-primary-custom{background:var(--primary-highlight);color:white;padding:.75rem 2rem;border-radius:.5rem;font-weight:600;border:none;transition:all .3s ease}.btn-primary-custom:hover{background:var(--primary-highlight-alt);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0, 86, 255, 0.3);color:white}.btn-outline-custom{background:transparent;color:var(--primary-normal);padding:.75rem 2rem;border-radius:.5rem;font-weight:600;border:2px solid var(--primary-normal);transition:all .3s ease}.btn-outline-custom:hover{background:var(--primary-normal);color:white;transform:translateY(-2px);box-shadow:0 6px 16px rgba(35, 31, 32, 0.2)}.btn-link-unbold-hover:hover{font-weight:400 !important}.hero-section{padding:5rem 0;background:linear-gradient(135deg, #e6f2ff 0%, #ffffff 50%, #fff9f0 100%);position:relative;overflow:hidden}.hero-section::before{content:"";position:absolute;top:-30%;right:-15%;width:700px;height:700px;background:radial-gradient(circle, rgba(0, 86, 255, 0.08) 0%, transparent 70%);border-radius:50%}.section-spacing{padding:5rem 0}.choice-card{background:white;border-radius:1rem;padding:2rem;box-shadow:0 4px 20px rgba(0, 0, 0, 0.08);transition:all .3s ease;height:100%}.choice-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0, 0, 0, 0.15)}.benefit-mockup{border-radius:1rem;box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);transition:transform .3s ease;padding:3rem;min-height:300px;display:flex;align-items:center;justify-content:center}.benefit-mockup:hover{transform:translateY(-5px)}.mockup-placeholder{text-align:center;color:var(--text-muted)}.mockup-placeholder i{font-size:5rem;margin-bottom:1rem}.interactive-feature-section{padding:5rem 0}.feature-accordion-item{border:none;border-bottom:1px solid #e9ecef;padding:1.5rem 0;cursor:pointer;transition:all .3s ease}.feature-accordion-item:hover{background-color:rgba(0, 86, 255, 0.05);padding-left:1rem}.feature-accordion-item.active{background-color:rgba(0, 86, 255, 0.08);padding-left:1rem;border-left:4px solid var(--primary-highlight)}.feature-accordion-title{font-size:1.25rem;font-weight:600;color:var(--primary-normal);margin-bottom:0;display:flex;align-items:center;gap:.75rem}.feature-accordion-item.active .feature-accordion-title{color:var(--primary-highlight)}.feature-accordion-title i{font-size:1.5rem;color:var(--primary-normal)}.feature-accordion-item.active .feature-accordion-title i{color:var(--primary-highlight)}.feature-accordion-description{color:var(--text-muted);margin:0;padding-left:2.25rem;max-height:0;overflow:hidden;opacity:0;transition:all .3s ease;padding-top:0;line-height:1.6}.feature-accordion-item.active .feature-accordion-description{max-height:200px;opacity:1;padding-top:.75rem;margin-top:.5rem}.feature-image-container{border-radius:1rem;overflow:hidden;box-shadow:0 1rem 3rem rgba(0, 0, 0, 0.15);background:linear-gradient(135deg, #e0e7ff 0%, #f3e8ff 100%);height:500px;display:flex;align-items:center;justify-content:center;position:relative}.feature-image{display:none;width:100%;height:100%;align-items:center;justify-content:center}.feature-image.active{display:flex;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.pricing-card{background:white;border-radius:1rem;padding:2.5rem;box-shadow:0 4px 20px rgba(0, 0, 0, 0.08);transition:all .3s ease;height:100%}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0, 0, 0, 0.15)}.price-amount{font-size:3.5rem;font-weight:700;color:var(--primary-highlight);line-height:1}.pricing-toggle{display:inline-flex;background:#e9ecef;border-radius:.5rem;padding:.25rem}.pricing-toggle-btn{padding:.5rem 1.25rem;border:none;background:transparent;border-radius:.375rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s ease;font-size:.875rem}.pricing-toggle-btn.active{background:white;color:var(--primary-highlight);box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.pricing-badge{display:inline-block;background:#10b981;color:white;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:600}@media(max-width: 991.98px){.hero-section{padding:3rem 0}.section-spacing{padding:3rem 0}.feature-image-container{height:400px;margin-top:2rem}.price-amount{font-size:2.5rem}}
