[data-tools-root] .secure-form input:focus,
[data-tools-root] .secure-form select:focus,
[data-tools-root] .secure-form textarea:focus {
  outline: 2px solid rgba(100, 200, 50, .30);
  outline-offset: 2px;
  border-color: transparent;
}
[data-tools-root] .secure-form button:focus {
  outline: 4px solid var(--cta-ring, rgba(255,107,53,.30));
  outline-offset: 2px;
}

/* Utilidades de estado */
[data-tools-root] .tw-opacity-50 { opacity: .5; }
[data-tools-root] .tw-cursor-not-allowed { cursor: not-allowed; }

/* Spinner */
@keyframes tw-spin { to { transform: rotate(360deg); } }
[data-tools-root] .tw-animate-spin { animation: tw-spin 1s linear infinite; }
[data-tools-root] .tw-rounded { border-radius: .25rem; }
[data-tools-root] .tw-text-sm { font-size: .875rem; line-height: 1.25rem; }
[data-tools-root] .tw-text-xs { font-size: .75rem; line-height: 1rem; }
[data-tools-root] .tw-bg-white { background-color: #ffffff; }
[data-tools-root] .tw-text-gray-700 { color: #374151; }
[data-tools-root] .tw-text-gray-600 { color: #4b5563; }
[data-tools-root] .tw-text-gray-900 { color: #111827; }
[data-tools-root] .tw-text-green-600 { color: #16a34a; }
[data-tools-root] .-tw-bottom-1 { bottom: -0.25rem; }
[data-tools-root] .-tw-right-1 { right: -0.25rem; }
[data-tools-root] .tw-gap-2 { gap: .5rem; }
[data-tools-root] .tw-gap-3 { gap: .75rem; }
[data-tools-root] .tw-gap-4 { gap: 1rem; }
[data-tools-root] .tw-overflow-visible { overflow: visible; }
/* Tools component minimal accessibility styles */
/* Scope everything under the dedicated root to avoid leaks */

#suite-strumenti,
[data-tools-root] {
  scroll-margin-top: 80px; /* better anchor behavior under sticky headers */
}

/* Anchor targets for CTA buttons and forms */
#saas-form,
#saas-form-mobile {
  scroll-margin-top: 96px; /* ensure visibility under sticky headers */
}
@media (min-width: 768px) {
  #saas-form { scroll-margin-top: 112px; } /* desktop header usually taller */
}

/* Wrapper section fallbacks (outside of [data-tools-root]) */
#suite-strumenti.tw-bg-gray-50 { background-color: #f9fafb; }
#suite-strumenti.tw-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
@media (min-width: 640px) {
  #suite-strumenti.sm\:tw-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
}

/* Badges and steppers */
[data-tools-root] .step-item .step-num {
  background-color: #fff;
  color: #111827;
  border: 1px solid #d1d5db;
}
[data-tools-root] .form-stepper { display: flex; align-items: center; justify-content: flex-start; }
[data-tools-root] .form-stepper .step-item .step-label { color: #4b5563; }
[data-tools-root] .form-stepper .step-item.is-active .step-label { color: #111827; }
[data-tools-root] .form-stepper .step-item.is-active .step-num,
[data-tools-root] .form-stepper .step-item .step-num.is-active {
  background-color: var(--brand, #64c832);
  color: #fff;
  border-color: transparent;
}

/* Tabs (desktop) */
[data-tools-root] .tab-btn {
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
[data-tools-root] .tab-btn:focus-visible {
  outline: 2px solid #64c832;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(100, 200, 50, .25);
}
[data-tools-root] [role="tab"][aria-selected="false"]:hover {
  border-color: #9ca3af; /* gray-400 */
}
[data-tools-root] .tab-panel:focus {
  outline: 2px dashed #64c832;
  outline-offset: 4px;
}

/* Accordions (mobile) */
[data-tools-root] .tw-bg-white > button[aria-expanded] {
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
}
[data-tools-root] .tw-bg-white > button[aria-expanded]:focus-visible {
  outline: 2px solid #64c832;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px rgba(100, 200, 50, .25);
}
[data-tools-root] .tw-bg-white > button[aria-expanded='true'] {
  background-color: rgba(100, 200, 50, .05);
}

/* Fallbacks when Tailwind isn't present */
[data-tools-root] .tw-hidden { display: none !important; }
[data-tools-root] .tw-transition-transform { transition: transform .2s ease; }
[data-tools-root] .tw-rotate-180 { transform: rotate(180deg); }

/* Minimal layout fallbacks for accordion header (scoped) */
[data-tools-root] .tw-flex { display: flex; }
[data-tools-root] .tw-inline-flex { display: inline-flex; }
[data-tools-root] .tw-flex-1 { flex: 1 1 0%; }
[data-tools-root] .tw-grid { display: grid; }
[data-tools-root] .tw-items-center { align-items: center; }
[data-tools-root] .tw-items-start { align-items: flex-start; }
[data-tools-root] .tw-flex-col { flex-direction: column; }
[data-tools-root] .tw-justify-between { justify-content: space-between; }
[data-tools-root] .tw-justify-center { justify-content: center; }
[data-tools-root] .tw-justify-start { justify-content: flex-start; }
[data-tools-root] .tw-relative { position: relative; }
[data-tools-root] .tw-absolute { position: absolute; }
[data-tools-root] .tw-z-10 { z-index: 10; }
[data-tools-root] .tw-inline-block { display: inline-block; }
[data-tools-root] .tw-block { display: block; }
[data-tools-root] .tw-text-left { text-align: left; }
[data-tools-root] .tw-text-center { text-align: center; }
[data-tools-root] .tw-w-full { width: 100%; }
[data-tools-root] .tw-w-max { width: max-content; }
[data-tools-root] .tw-flex-shrink-0 { flex-shrink: 0; }
[data-tools-root] .tw-mx-auto { margin-left: auto; margin-right: auto; }

[data-tools-root] .tw-p-4 { padding: 1rem; }
[data-tools-root] .tw-px-4 { padding-left: 1rem; padding-right: 1rem; }
[data-tools-root] .tw-pb-4 { padding-bottom: 1rem; }
[data-tools-root] .tw-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
[data-tools-root] .tw-p-6 { padding: 1.5rem; }
[data-tools-root] .tw-pt-2 { padding-top: .5rem; }
[data-tools-root] .tw-py-2 { padding-top: .5rem; padding-bottom: .5rem; }
[data-tools-root] .tw-px-1 { padding-left: .25rem; padding-right: .25rem; }
[data-tools-root] .tw-pt-3 { padding-top: .75rem; }
[data-tools-root] .tw-mb-3 { margin-bottom: .75rem; }
[data-tools-root] .tw-mb-4 { margin-bottom: 1rem; }
[data-tools-root] .tw-space-y-6 > * + * { margin-top: 1.5rem; }
[data-tools-root] .tw-mr-3 { margin-right: 0.75rem; }
[data-tools-root] .tw-mt-1 { margin-top: 0.25rem; }
[data-tools-root] .tw-mt-8 { margin-top: 2rem; }
[data-tools-root] .tw-mt-12 { margin-top: 3rem; }

[data-tools-root] .tw-h-5 { height: 1.25rem !important; }
[data-tools-root] .tw-w-5 { width: 1.25rem !important; }
[data-tools-root] .tw-h-4 { height: 1rem !important; }
[data-tools-root] .tw-w-4 { width: 1rem !important; }
[data-tools-root] .tw-h-6 { height: 1.5rem !important; }
[data-tools-root] .tw-w-6 { width: 1.5rem !important; }
[data-tools-root] .tw-h-8 { height: 2rem !important; }
[data-tools-root] .tw-w-3 { width: 0.75rem !important; }
[data-tools-root] .tw-h-3 { height: 0.75rem !important; }
[data-tools-root] .tw-w-14 { width: 3.5rem !important; }
[data-tools-root] .tw-h-14 { height: 3.5rem !important; }
[data-tools-root] .tw-w-8 { width: 2rem !important; }
[data-tools-root] .tw-h-16 { height: 4rem !important; }
[data-tools-root] .tw-w-16 { width: 4rem !important; }
[data-tools-root] .tw-h-14 { height: 3.5rem !important; }
[data-tools-root] .tw-w-14 { width: 3.5rem !important; }
[data-tools-root] .tw-h-px { height: 1px !important; }
[data-tools-root] .tw-w-3 { width: .75rem !important; }
[data-tools-root] .tw-h-3 { height: .75rem !important; }
[data-tools-root] .tw-h-64 { height: 16rem !important; }

[data-tools-root] .tw-text-gray-500 { color: #6b7280; }
[data-tools-root] .tw-text-gray-800 { color: #1f2937; }
/* Brand color used via utility class name with arbitrary value */
[data-tools-root] .tw-text-\[\#64c832\] { color: #64c832; }
[data-tools-root] .tw-text-\[\#6fb63b\] { color: #6fb63b; }
[data-tools-root] .tw-bg-\[\#64c832\] { background-color: #64c832; }
[data-tools-root] .tw-bg-\[\#6fb63b\] { background-color: #6fb63b; }

[data-tools-root] .tw-bg-white { background-color: #ffffff; }
[data-tools-root] .tw-bg-gray-50 { background-color: #f9fafb; }
[data-tools-root] .tw-bg-gray-100 { background-color: #f3f4f6; }
[data-tools-root] .tw-bg-gray-200 { background-color: #e5e7eb; }
[data-tools-root] .tw-bg-green-100 { background-color: #dcfce7; }
[data-tools-root] .tw-bg-purple-100 { background-color: #f3e8ff; }
[data-tools-root] .tw-bg-pink-100 { background-color: #fce7f3; }
[data-tools-root] .tw-rounded-lg { border-radius: 0.5rem; }
[data-tools-root] .tw-rounded-xl { border-radius: 0.75rem; }
[data-tools-root] .tw-rounded-full { border-radius: 9999px; }
[data-tools-root] .tw-shadow { box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 1px 3px rgba(0,0,0,.1); }
[data-tools-root] .tw-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,.05); }
[data-tools-root] .tw-shadow-xl { box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.04); }
[data-tools-root] .tw-shadow-md { box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1); }
[data-tools-root] .tw-shadow-lg { box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1); }
[data-tools-root] .tw-border { border-width: 1px; border-style: solid; }
[data-tools-root] .tw-border-l-2 { border-left-width: 2px; }
[data-tools-root] .tw-border-2 { border-width: 2px; border-style: solid; }
[data-tools-root] .tw-border-gray-300 { border-color: #d1d5db; }
[data-tools-root] .tw-border-gray-200 { border-color: #e5e7eb; }
[data-tools-root] .tw-border-gray-400 { border-color: #9ca3af; }
[data-tools-root] .tw-border-white { border-color: #fff; }
[data-tools-root] .tw-rounded-full { border-radius: 9999px; }
[data-tools-root] .tw-font-semibold { font-weight: 600; }
[data-tools-root] .tw-font-medium { font-weight: 500; }
[data-tools-root] .tw-font-bold { font-weight: 700; }
[data-tools-root] .tw-bg-white { background-color: #fff; }
[data-tools-root] .tw-text-white { color: #fff; }
[data-tools-root] .tw-text-gray-700 { color: #374151; }
[data-tools-root] .tw-text-gray-600 { color: #4b5563; }
[data-tools-root] .tw-text-sm { font-size: .875rem; line-height: 1.25rem; }
[data-tools-root] .tw-text-xs { font-size: .75rem; line-height: 1rem; }
[data-tools-root] .tw-text-purple-600 { color: #9333ea; }
[data-tools-root] .tw-text-pink-600 { color: #db2777; }
[data-tools-root] .tw-text-blue-600 { color: #2563eb; }
[data-tools-root] .tw-gap-3 { gap: .75rem; }
[data-tools-root] .tw-gap-4 { gap: 1rem; }
[data-tools-root] .tw-gap-8 { gap: 2rem; }
[data-tools-root] .tw-flex-wrap { flex-wrap: wrap; }
[data-tools-root] .tw-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
[data-tools-root] .tw-p-8 { padding: 2rem; }
[data-tools-root] .tw-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
[data-tools-root] .tw-mb-4 { margin-bottom: 1rem; }
[data-tools-root] .tw-mb-3 { margin-bottom: 0.75rem; }
[data-tools-root] .tw-mb-6 { margin-bottom: 1.5rem; }
[data-tools-root] .tw-mb-8 { margin-bottom: 2rem; }

/* Container & alignment helpers used in the section header */
[data-tools-root] .tw-container { width: 100%; max-width: 72rem; margin-left: auto; margin-right: auto; }
[data-tools-root] .tw-mx-auto { margin-left: auto; margin-right: auto; }
[data-tools-root] .tw-max-w-md { max-width: 28rem; }
[data-tools-root] .tw-max-w-3xl { max-width: 48rem; }
[data-tools-root] .tw-text-center { text-align: center; }
[data-tools-root] .tw-max-w-full { max-width: 100%; }

[data-tools-root] .tw-space-y-4 > * + * { margin-top: 1rem; }
[data-tools-root] .tw-space-y-3 > * + * { margin-top: 0.75rem; }
[data-tools-root] .tw-p-3 { padding: .75rem; }
[data-tools-root] .tw-p-5 { padding: 1.25rem; }
[data-tools-root] .md\:tw-p-6 { padding: 1.5rem; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  [data-tools-root] .tab-btn,
  [data-tools-root] .tw-bg-white > button[aria-expanded] {
    transition: none !important;
  }
}

/* Responsive fallbacks for md: utilities (min-width: 768px) */
@media (min-width: 768px) {
  [data-tools-root] .md\:tw-hidden { display: none !important; }
  [data-tools-root] .md\:tw-block { display: block !important; }
  [data-tools-root] .md\:tw-flex { display: flex !important; }
  [data-tools-root] .md\:tw-grid { display: grid !important; }
  [data-tools-root] .md\:tw-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-tools-root] .md\:tw-self-center { align-self: center; }
}

/* Positioning helpers used by the avatar badge */
[data-tools-root] .tw-absolute { position: absolute; }
[data-tools-root] .-tw-bottom-1 { bottom: -0.25rem; }
[data-tools-root] .-tw-right-1 { right: -0.25rem; }
[data-tools-root] .tw-object-cover { object-fit: cover; }

/* Gradient direction helper (colors may require Tailwind or inline styles) */
[data-tools-root] .tw-bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-from, rgba(100,200,50,.9)), var(--tw-to, rgba(90,155,47,.9))); }

/* Responsive fallbacks for sm: (min-width: 640px) */
@media (min-width: 640px) {
  [data-tools-root] .sm\:tw-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  [data-tools-root] .sm\:tw-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
  [data-tools-root] .sm\:tw-text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
  [data-tools-root] .sm\:tw-inline { display: inline !important; }
}

/* Responsive fallbacks for lg: (min-width: 1024px) */
@media (min-width: 1024px) {
  [data-tools-root] .lg\:tw-px-8 { padding-left: 2rem; padding-right: 2rem; }
}

/* Additional fallbacks: brand colors, typography, spacing, transitions */
[data-tools-root] .tw-text-mg-text-dark { color: var(--mg-text-dark, #111827); }
[data-tools-root] .tw-text-mg-text-light { color: var(--mg-text-light, #6b7280); }
[data-tools-root] .tw-bg-mg-orange { background-color: var(--mg-orange, #f97316); }
[data-tools-root] .hover\:tw-bg-mg-orange-dark:hover { background-color: var(--mg-orange-dark, #ea580c); }
[data-tools-root] .tw-transition-colors { transition: color .2s ease, background-color .2s ease, border-color .2s ease; }
[data-tools-root] .tw-duration-300 { transition-duration: .3s; }
[data-tools-root] .tw-text-lg { font-size: 1.125rem; line-height: 1.75rem; }
[data-tools-root] .tw-text-2xl { font-size: 1.5rem; line-height: 2rem; }
[data-tools-root] .tw-text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
[data-tools-root] .tw-text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
[data-tools-root] .tw-tracking-tight { letter-spacing: -0.015em; }
[data-tools-root] .tw-mt-4 { margin-top: 1rem; }
[data-tools-root] .tw-py-3 { padding-top: .75rem; padding-bottom: .75rem; }

 /* CTA animated background for #suite-strumenti */
 /* Ensure the section is a containing block and hides overflow when classes are present */
 #suite-strumenti.tw-relative,
 #cta-miojest.tw-relative { position: relative; }
 #suite-strumenti.tw-overflow-hidden,
 #cta-miojest.tw-overflow-hidden { overflow: hidden; }

 /* Fallbacks for utility classes used by the overlay (outside of [data-tools-root]) */
 #suite-strumenti .tw-absolute,
 #cta-miojest .tw-absolute { position: absolute; }
 #suite-strumenti .tw-inset-0,
 #cta-miojest .tw-inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
 #suite-strumenti .tw-pointer-events-none,
 #cta-miojest .tw-pointer-events-none { pointer-events: none; }
 #suite-strumenti .tw-z-10,
 #cta-miojest .tw-z-10 { z-index: 10; }
 #suite-strumenti .tw-w-px,
 #cta-miojest .tw-w-px { width: 1px; }
 #suite-strumenti .tw-h-full,
 #cta-miojest .tw-h-full { height: 100%; }

/* Gradient background animation */
 #suite-strumenti.cta-animated-bg,
 #cta-miojest.cta-animated-bg {
  background: linear-gradient(-45deg, #6fb63b, #7bc247, #5a9b2f, #4d8327);
  background-size: 400% 400%;
  animation: cta-gradient-shift 8s ease infinite;
 }

@keyframes cta-gradient-shift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Particles layer */
 #suite-strumenti .cta-particles,
 #cta-miojest .cta-particles {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100%; height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
 }

 #suite-strumenti .cta-particle,
 #cta-miojest .cta-particle {
  position: absolute;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  animation: cta-particle-float 8s linear infinite;
 }

@keyframes cta-particle-float {
  0% {
    transform: translateY(100vh) rotate(0deg);
    opacity: 0;
  }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% {
    transform: translateY(-10vh) rotate(360deg);
    opacity: 0;
  }
}

/* Decorative overlay container */
 #suite-strumenti .cta-overlay,
 #cta-miojest .cta-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
 }

/* Floating/rotation/shimmer animations reused from CTA */
@keyframes float {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-20px) rotate(5deg); }
}

@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.5);
    transform: scale(1.02);
  }
}

@keyframes shimmer {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

@keyframes bounce-slow {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

@keyframes rotate-slow {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

 #suite-strumenti .cta-float-animation,
 #cta-miojest .cta-float-animation { animation: float 6s ease-in-out infinite; }
 #suite-strumenti .cta-float-delayed,
 #cta-miojest .cta-float-delayed { animation: float 6s ease-in-out infinite; animation-delay: -2s; }
 #suite-strumenti .cta-float-delayed-2,
 #cta-miojest .cta-float-delayed-2 { animation: float 6s ease-in-out infinite; animation-delay: -4s; }
 #suite-strumenti .cta-pulse-glow,
 #cta-miojest .cta-pulse-glow { animation: pulse-glow 3s ease-in-out infinite; }
 #suite-strumenti .cta-shimmer-effect,
 #cta-miojest .cta-shimmer-effect { position: relative; overflow: hidden; }
 #suite-strumenti .cta-shimmer-effect::before,
 #cta-miojest .cta-shimmer-effect::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  animation: shimmer 2s infinite;
 }
 #suite-strumenti .cta-bounce-slow,
 #cta-miojest .cta-bounce-slow { animation: bounce-slow 3s ease-in-out infinite; }
 #suite-strumenti .cta-rotate-slow,
 #cta-miojest .cta-rotate-slow { animation: rotate-slow 20s linear infinite; }

/* Ensure content sits above decorative layers when marked */
#suite-strumenti [data-tools-root].tw-relative { position: relative; }
#suite-strumenti [data-tools-root].tw-z-10 { z-index: 10; }

 /* Reduced motion support */
 @media (prefers-reduced-motion: reduce) {
  #suite-strumenti.cta-animated-bg,
  #cta-miojest.cta-animated-bg { animation: none !important; }
  #suite-strumenti .cta-particle,
  #cta-miojest .cta-particle,
  #suite-strumenti .cta-float-animation,
  #cta-miojest .cta-float-animation,
  #suite-strumenti .cta-float-delayed,
  #cta-miojest .cta-float-delayed,
  #suite-strumenti .cta-float-delayed-2,
  #cta-miojest .cta-float-delayed-2,
  #suite-strumenti .cta-rotate-slow,
  #cta-miojest .cta-rotate-slow,
  #suite-strumenti .cta-bounce-slow,
  #cta-miojest .cta-bounce-slow,
  #suite-strumenti .cta-pulse-glow,
  #cta-miojest .cta-pulse-glow { animation: none !important; }
  #suite-strumenti .cta-shimmer-effect::before,
  #cta-miojest .cta-shimmer-effect::before { animation: none !important; }
 }

 /* Minimal fallbacks for CTA utilities (when Tailwind not loaded) */
 /* Scope strictly to #cta-miojest to avoid leakage */
 #cta-miojest .tw-relative { position: relative; }
 #cta-miojest .tw-text-center { text-align: center; }
 #cta-miojest .tw-max-w-4xl { max-width: 56rem; }
 #cta-miojest .tw-mx-auto { margin-left: auto; margin-right: auto; }
 #cta-miojest.tw-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
 #cta-miojest .tw-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }

 /* Spacing helpers */
 #cta-miojest .tw-mb-6 { margin-bottom: 1.5rem; }
 #cta-miojest .tw-mb-8 { margin-bottom: 2rem; }
 #cta-miojest .tw-mb-10 { margin-bottom: 2.5rem; }
 #cta-miojest .tw-mb-12 { margin-bottom: 3rem; }
 #cta-miojest .tw-mb-16 { margin-bottom: 4rem; }
 #cta-miojest .tw-mb-20 { margin-bottom: 5rem; }
 #cta-miojest .tw-p-4 { padding: 1rem; }
 #cta-miojest .tw-p-6 { padding: 1.5rem; }
 #cta-miojest .tw-px-4 { padding-left: 1rem; padding-right: 1rem; }
 #cta-miojest .tw-py-2 { padding-top: .5rem; padding-bottom: .5rem; }
 #cta-miojest .tw-px-12 { padding-left: 3rem; padding-right: 3rem; }
 #cta-miojest .tw-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
 #cta-miojest .tw-px-14 { padding-left: 3.5rem; padding-right: 3.5rem; }
 #cta-miojest .tw-px-16 { padding-left: 4rem; padding-right: 4rem; }
 #cta-miojest .tw-gap-6 { gap: 1.5rem; }
 #cta-miojest .tw-gap-4 { gap: 1rem; }

 @media (min-width: 768px) {
   #cta-miojest .md\:tw-mb-20 { margin-bottom: 5rem; }
 }

 /* Grid helpers */
 #cta-miojest .tw-grid { display: grid; }
 #cta-miojest .tw-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 @media (min-width: 768px) {
   #cta-miojest .md\:tw-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
 }

 /* Display helpers for CTA buttons */
 #cta-miojest a.tw-hidden { display: none; }
 @media (min-width: 768px) {
   #cta-miojest a.md\:tw-hidden { display: none; }
   #cta-miojest a.md\:tw-inline-flex { display: inline-flex; }
 }

 /* Sizing utilities used by particles and shapes */
 #cta-miojest .tw-w-1 { width: .25rem; }  #cta-miojest .tw-h-1 { height: .25rem; }
 #cta-miojest .tw-w-2 { width: .5rem; }   #cta-miojest .tw-h-2 { height: .5rem; }
 #cta-miojest .tw-w-3 { width: .75rem; }  #cta-miojest .tw-h-3 { height: .75rem; }
 #cta-miojest .tw-w-6 { width: 1.5rem; }  #cta-miojest .tw-h-6 { height: 1.5rem; }
 #cta-miojest .tw-w-12 { width: 3rem; }   #cta-miojest .tw-h-12 { height: 3rem; }
 #cta-miojest .tw-w-16 { width: 4rem; }   #cta-miojest .tw-h-16 { height: 4rem; }
 #cta-miojest .tw-w-20 { width: 5rem; }   #cta-miojest .tw-h-20 { height: 5rem; }
 #cta-miojest .tw-w-24 { width: 6rem; }   #cta-miojest .tw-h-24 { height: 6rem; }
 #cta-miojest .tw-w-32 { width: 8rem; }   #cta-miojest .tw-h-32 { height: 8rem; }

 /* Offsets */
 #cta-miojest .tw-top-10 { top: 2.5rem; }
 #cta-miojest .tw-left-10 { left: 2.5rem; }
 #cta-miojest .tw-top-20 { top: 5rem; }
 #cta-miojest .tw-right-16 { right: 4rem; }
 #cta-miojest .tw-bottom-16 { bottom: 4rem; }
 #cta-miojest .tw-left-20 { left: 5rem; }
 #cta-miojest .tw-top-1\/4 { top: 25%; }
 #cta-miojest .tw-right-1\/4 { right: 25%; }
 #cta-miojest .tw-bottom-1\/3 { bottom: 33.333334%; }
 #cta-miojest .tw-left-1\/3 { left: 33.333334%; }

 /* Rounding & borders */
 #cta-miojest .tw-rounded-full { border-radius: 9999px; }
 #cta-miojest .tw-rounded-xl { border-radius: .75rem; }
 #cta-miojest .tw-border { border-width: 1px; border-style: solid; }
 #cta-miojest .tw-border-2 { border-width: 2px; border-style: solid; }
 #cta-miojest .tw-border-white\/40 { border-color: rgba(255,255,255,.4); }
 #cta-miojest .tw-border-white\/20 { border-color: rgba(255,255,255,.2); }

 /* Colors */
 #cta-miojest .tw-text-white { color: #fff; }
 #cta-miojest .tw-text-yellow-200 { color: #fde68a; }
 #cta-miojest .tw-text-orange-200 { color: #fed7aa; }
 #cta-miojest .tw-text-mg-green { color: #64c832; }
 #cta-miojest .tw-bg-mg-green { background-color: #64c832; }
 #cta-miojest .tw-bg-white { background-color: #ffffff; }
 #cta-miojest .tw-bg-white\/30 { background-color: rgba(255,255,255,.3); }
 #cta-miojest .tw-bg-white\/25 { background-color: rgba(255,255,255,.25); }
 #cta-miojest .tw-bg-white\/15 { background-color: rgba(255,255,255,.15); }
 #cta-miojest .tw-bg-white\/10 { background-color: rgba(255,255,255,.10); }
 #cta-miojest .tw-bg-white\/5  { background-color: rgba(255,255,255,.05); }

 /* Gradient helper for vertical line */
 #cta-miojest .tw-bg-gradient-to-b { background-image: linear-gradient(to bottom, transparent, rgba(255,255,255,.2), transparent); }
 /* Responsive paddings on the section node */
 @media (min-width: 640px) {
   #cta-miojest.sm\:tw-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
 }

 /* Typography sizes */
 #cta-miojest .tw-text-sm { font-size: .875rem; line-height: 1.25rem; }
 #cta-miojest .tw-text-lg { font-size: 1.125rem; line-height: 1.75rem; }
 #cta-miojest .tw-text-xl { font-size: 1.25rem; line-height: 1.75rem; }
 #cta-miojest .tw-text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
 #cta-miojest .tw-text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
 @media (min-width: 768px) {
   #cta-miojest .md\:tw-text-6xl { font-size: 3.75rem; line-height: 1; }
 }

 /* Font weights */
 #cta-miojest .tw-font-medium { font-weight: 500; }
 #cta-miojest .tw-font-semibold { font-weight: 600; }
 #cta-miojest .tw-font-bold { font-weight: 700; }
 #cta-miojest .tw-font-extrabold { font-weight: 800; }

 /* Line heights */
 #cta-miojest .tw-leading-tight { line-height: 1.25; }
 #cta-miojest .tw-leading-relaxed { line-height: 1.625; }

 /* Flex helpers */
 #cta-miojest .tw-flex { display: flex; }
 #cta-miojest .tw-inline-flex { display: inline-flex; }
 #cta-miojest .tw-items-center { align-items: center; }
 #cta-miojest .tw-justify-center { justify-content: center; }
 #cta-miojest .tw-flex-col { flex-direction: column; }
 #cta-miojest .tw-gap-2 { gap: .5rem; }
 #cta-miojest .tw-gap-3 { gap: .75rem; }

 /* Icon sizes */
 #cta-miojest .tw-w-3 { width: .75rem; }  #cta-miojest .tw-h-3 { height: .75rem; }
 #cta-miojest .tw-w-4 { width: 1rem; }    #cta-miojest .tw-h-4 { height: 1rem; }
 #cta-miojest .tw-w-5 { width: 1.25rem; } #cta-miojest .tw-h-5 { height: 1.25rem; }

 /* Button transitions and hover fallbacks */
 #cta-miojest .tw-transition-all { transition: all .2s ease; }
 #cta-miojest .tw-duration-500 { transition-duration: .5s; }
 #cta-miojest .tw-transform { transform: translateZ(0); }
 #cta-miojest .hover\:tw-scale-105:hover { transform: scale(1.05); }
 #cta-miojest .hover\:tw-bg-gray-50:hover { background-color: #f9fafb; }
 #cta-miojest .group:hover .group-hover\:tw-opacity-20 { opacity: .2; }
 #cta-miojest .group:hover .group-hover\:tw-rotate-12 { transform: rotate(12deg); }

 /* Gradient text helpers */
 #cta-miojest .tw-bg-clip-text { -webkit-background-clip: text; background-clip: text; }
 #cta-miojest .tw-text-transparent { color: transparent; }
 #cta-miojest .tw-bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-from, transparent), var(--tw-to, transparent)); }
 #cta-miojest .tw-from-yellow-200 { --tw-from: #fde68a; }
 #cta-miojest .tw-to-orange-200 { --tw-to: #fed7aa; }

 /* Rotation */
 #cta-miojest .tw-rotate-45 { transform: rotate(45deg); }

 /* Offsets extras */
 #cta-miojest .tw-top-0 { top: 0; }
 #cta-miojest .tw-left-1\/2 { left: 50%; }

 /* Grid helpers extra */
 #cta-miojest .tw-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
 @media (min-width: 640px) {
   #cta-miojest .sm\:tw-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
 }

 /* Colors extra */
 #cta-miojest .tw-text-yellow-300 { color: #fde047; }

 /* Shadows */
 #cta-miojest .tw-shadow-lg { box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05); }
 #cta-miojest .tw-shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0,0,0,.25); }
 #cta-miojest .hover\:tw-shadow-3xl:hover { box-shadow: 0 35px 60px -15px rgba(0,0,0,.3); }

 /* Drop shadows */
 #cta-miojest .tw-drop-shadow-sm { filter: drop-shadow(0 1px 1px rgba(0,0,0,.05)); }
 #cta-miojest .tw-drop-shadow-md { filter: drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06)); }
 #cta-miojest .tw-drop-shadow-lg { filter: drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1)); }

 /* Backdrop blur */
 #cta-miojest .tw-backdrop-blur-sm { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }

 /* Transitions */
 #cta-miojest .tw-transition-opacity { transition: opacity .2s ease; }
 #cta-miojest .tw-duration-300 { transition-duration: .3s; }
