.cta-primary { background-color: var(--tertiary) !important; color: var(--dark) !important; border: 2px solid var(--tertiary) !important; padding: var(--space-xs) var(--space-s) !important; border-radius: var(--radius-s) !important; font-weight: 600 !important; font-family: 'Inter', sans-serif !important;  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; position: relative !important; overflow: hidden !important; cursor: pointer !important;  box-shadow: 3px 3px 0 0 var(--tertiary-d-1) !important; transform: translate(0px, 0px) !important; } .cta-primary:hover { background-color: var(--tertiary-l-1) !important; border-color: var(--tertiary-l-1) !important; color: var(--dark) !important;  transform: scale(1.04) translateY(-2px) !important; box-shadow: 4px 6px 0 0 var(--tertiary-d-1), 0 8px 25px rgba(254, 199, 1, 0.3) !important; }  .cta-primary::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1; } .cta-primary:hover::before { left: 100%; }  .cta-secondary { background-color: var(--bg-surface) !important; color: var(--primary) !important; border: 2px solid var(--primary) !important; padding: var(--space-xs) var(--space-s) !important; border-radius: var(--radius-s) !important; font-weight: 600 !important; font-family: 'Inter', sans-serif !important;  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; position: relative !important; overflow: hidden !important; cursor: pointer !important;  box-shadow: 3px 3px 0 0 var(--primary-20) !important; transform: translate(0px, 0px) !important; } .cta-secondary:hover { background-color: var(--primary) !important; color: var(--light) !important; border-color: var(--primary) !important;  transform: scale(1.04) translateY(-2px) !important; box-shadow: 4px 6px 0 0 var(--primary-40), 0 8px 25px rgba(165, 82, 254, 0.3) !important; }  .cta-outline { background-color: transparent !important; color: var(--primary) !important; border: 2px solid var(--primary-40) !important; padding: var(--space-xs) var(--space-s) !important; border-radius: var(--radius-s) !important; font-weight: 600 !important; font-family: 'Inter', sans-serif !important;  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; position: relative !important; cursor: pointer !important;  box-shadow: 3px 3px 0 0 var(--primary-10) !important; transform: translate(0px, 0px) !important; } .cta-outline:hover { background-color: var(--primary-10) !important; border-color: var(--primary) !important; color: var(--primary) !important;  transform: scale(1.04) translateY(-2px) !important; box-shadow: 4px 6px 0 0 var(--primary-20), 0 8px 25px rgba(165, 82, 254, 0.2) !important; }   .cta-small { padding: var(--space-3xs) var(--space-xs) !important; font-size: var(--text-s) !important; border-radius: var(--radius-xs) !important; } .cta-small.cta-primary { box-shadow: 2px 2px 0 0 var(--tertiary-d-1) !important; } .cta-small.cta-primary:hover { box-shadow: 3px 4px 0 0 var(--tertiary-d-1), 0 4px 15px rgba(254, 199, 1, 0.25) !important; } .cta-small .brxe-icon { font-size: var(--text-s) !important; margin-right: var(--space-4xs) !important; }  .cta-medium { padding: var(--space-xs) var(--space-s) !important; font-size: var(--text-m) !important; border-radius: var(--radius-s) !important; } .cta-medium .brxe-icon { font-size: var(--text-m) !important; margin-right: var(--space-3xs) !important; }  .cta-large { padding: var(--space-s) var(--space-m) !important; font-size: var(--text-l) !important; border-radius: var(--radius-m) !important; } .cta-large.cta-primary { box-shadow: 4px 4px 0 0 var(--tertiary-d-1) !important; } .cta-large.cta-primary:hover { box-shadow: 5px 8px 0 0 var(--tertiary-d-1), 0 10px 30px rgba(254, 199, 1, 0.35) !important; } .cta-large .brxe-icon { font-size: var(--text-l) !important; margin-right: var(--space-2xs) !important; }  .cta-primary .brxe-icon, .cta-secondary .brxe-icon, .cta-outline .brxe-icon { display: inline-flex !important; align-items: center !important; position: relative !important; z-index: 2 !important;  }  .cta-primary:focus { outline: 2px solid var(--tertiary-l-2) !important; outline-offset: 2px !important; } .cta-secondary:focus, .cta-outline:focus { outline: 2px solid var(--primary-l-2) !important; outline-offset: 2px !important; }  @media (prefers-reduced-motion: reduce) { .cta-primary, .cta-secondary, .cta-outline { transition: none !important; } .cta-primary::before { display: none !important; } .cta-primary:hover, .cta-secondary:hover, .cta-outline:hover { transform: none !important; } }  @media (max-width: 767px) { .cta-primary, .cta-secondary, .cta-outline { display: flex !important; width: 100% !important; justify-content: center !important; }  .cta-primary { box-shadow: 2px 2px 0 0 var(--tertiary-d-1) !important; } .cta-primary:hover { box-shadow: 3px 4px 0 0 var(--tertiary-d-1) !important; transform: scale(1.02) translateY(-1px) !important;  } .cta-secondary:hover, .cta-outline:hover { transform: scale(1.02) translateY(-1px) !important;  box-shadow: 3px 4px 0 0 var(--primary-20) !important; } }  .hero__image-wrapper { position: relative; } .hero__image-wrapper:after { background: -webkit-linear-gradient(left, #fff 21px, transparent 1%) center, -webkit-linear-gradient(#fff 21px, transparent 1%) center, #adadad; background: -o-linear-gradient(left, #fff 21px, transparent 1%) center, -o-linear-gradient(#fff 21px, transparent 1%) center, #adadad; background: linear-gradient(90deg, #fff 21px, transparent 1%) center, linear-gradient(#fff 21px, transparent 1%) center, #adadad; background-size: 23px 23px; content: ""; position: absolute; width: 500px; height: 100%; z-index: -5; top: 0; right: 200px; right: -15px; }   .animation__float-focus { animation: floatFocus 6s ease-in-out infinite; } @keyframes floatFocus { 0%, 100% { transform: translateY(0px) scale(1) rotate(0deg); } 33% { transform: translateY(-8px) scale(1.05) rotate(1deg); } 66% { transform: translateY(-4px) scale(0.98) rotate(-0.5deg); } }  .animation__float-gentle { animation: floatGentle 8s ease-in-out infinite; } @keyframes floatGentle { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-5px) rotate(1deg); } }  .animation__float-rotate { animation: floatRotate 20s linear infinite; } .animation__float-rotate-fast { animation: floatRotate 12s linear infinite; } @keyframes floatRotate { 0% { transform: translateY(0px) rotate(0deg) scale(1); } 25% { transform: translateY(-6px) rotate(90deg) scale(1.02); } 50% { transform: translateY(-12px) rotate(180deg) scale(0.98); } 75% { transform: translateY(-6px) rotate(270deg) scale(1.02); } 100% { transform: translateY(0px) rotate(360deg) scale(1); } }  .animation__float-pulse { animation: floatPulse 4s ease-in-out infinite; } .animation__float-pulse-slow { animation: floatPulse 6s ease-in-out infinite; } @keyframes floatPulse { 0%, 100% { transform: scale(1) translateY(0px); opacity: 0.7; } 50% { transform: scale(1.1) translateY(-8px); opacity: 1; } }  .animation__float-drift { animation: floatDrift 10s ease-in-out infinite; } @keyframes floatDrift { 0%, 100% { transform: translateX(0px) translateY(0px) rotate(0deg); } 25% { transform: translateX(10px) translateY(-5px) rotate(2deg); } 50% { transform: translateX(-5px) translateY(-12px) rotate(-1deg); } 75% { transform: translateX(-8px) translateY(-6px) rotate(1deg); } }  .animation__float-bounce { animation: floatBounce 3s ease-in-out infinite; } @keyframes floatBounce { 0%, 100% { transform: translateY(0px) scale(1); } 30% { transform: translateY(-12px) scale(1.05); } 60% { transform: translateY(-6px) scale(0.98); } }  .animation__float-swing { animation: floatSwing 4s ease-in-out infinite; } @keyframes floatSwing { 0%, 100% { transform: rotate(0deg) translateY(0px); } 25% { transform: rotate(8deg) translateY(-4px); } 75% { transform: rotate(-8deg) translateY(-4px); } }  .animation__float-hover { animation: floatGentle 8s ease-in-out infinite; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .animation__float-hover:hover { animation-play-state: paused; transform: scale(1.15) translateY(-10px) !important; }  .animation__delay-1 { animation-delay: 1s; } .animation__delay-2 { animation-delay: 2s; } .animation__delay-3 { animation-delay: 3s; } .animation__delay-half { animation-delay: 0.5s; } .animation__delay-quarter { animation-delay: 0.25s; }  .animation__speed-slow { animation-duration: 12s !important; } .animation__speed-fast { animation-duration: 3s !important; } .animation__speed-ultra-slow { animation-duration: 20s !important; }  .animation__reverse { animation-direction: reverse; } .animation__alternate { animation-direction: alternate; }   .animation__magnetic { animation: magnetic 5s ease-in-out infinite; } @keyframes magnetic { 0%, 100% { transform: translateX(0px) translateY(0px) scale(1); } 33% { transform: translateX(3px) translateY(-3px) scale(1.02); } 66% { transform: translateX(-2px) translateY(-5px) scale(0.99); } }  .animation__breathe { animation: breathe 4s ease-in-out infinite; } @keyframes breathe { 0%, 100% { transform: scale(1); opacity: 0.7; } 50% { transform: scale(1.08); opacity: 1; } }  .animation__orbit { animation: orbit 15s linear infinite; } @keyframes orbit { 0% { transform: rotate(0deg) translateX(20px) rotate(0deg); } 100% { transform: rotate(360deg) translateX(20px) rotate(-360deg); } }   .animation__hero-primary { animation: floatFocus 6s ease-in-out infinite, breathe 8s ease-in-out infinite; }  .animation__background-subtle { animation: floatGentle 12s ease-in-out infinite; opacity: 0.3; }  .animation__service-highlight { animation: floatPulse 5s ease-in-out infinite, magnetic 7s ease-in-out infinite; }  .animation__achievement { animation: floatBounce 4s ease-in-out infinite; animation-delay: 2s; }  @media (max-width: 768px) { .animation__float-focus, .animation__float-gentle, .animation__float-pulse, .animation__float-drift, .animation__float-bounce, .animation__float-swing, .animation__magnetic, .animation__breathe { animation-duration: calc(var(--animation-duration, 6s) * 1.5) !important; transform: scale(0.8) !important; } .animation__float-rotate, .animation__orbit { animation-duration: calc(var(--animation-duration, 20s) * 1.2) !important; } }  @media (prefers-reduced-motion: reduce) { .animation__float-focus, .animation__float-gentle, .animation__float-pulse, .animation__float-drift, .animation__float-bounce, .animation__float-swing, .animation__float-rotate, .animation__magnetic, .animation__breathe, .animation__orbit, .animation__hero-primary, .animation__service-highlight, .animation__achievement { animation: none !important; } }  ._frm-b-stp-hdr ._frm-b-stp-hdr-cntnt span { font-size: 1.5rem !important; } span.opt-lbl-wrp { font-size: 14px; }