@media (min-width: 1024px) {
    .lg\:col-span-6 {
        grid-column: span 6 / span 6;
    }
}

/* Resurse listing: explicit grid gutters (ensures spacing if Tailwind gap utilities are missing from build) */
.resurse-cards-grid {
    gap: 1.5rem;
}
@media (min-width: 640px) {
    .resurse-cards-grid {
        gap: 2rem;
    }
}

/* Resurse cards: inner padding (Tailwind p-* may be absent from build) */
.resurse-cards-grid .resurse-card {
    box-sizing: border-box;
    padding: 1.5rem;
}
@media (min-width: 640px) {
    .resurse-cards-grid .resurse-card {
        padding: 1.75rem;
    }
}

.resurse-cards-grid .resurse-card::before {
    z-index: -1;
}

/* Footer big logo visual style – subtle, neutral grey without blue tint */
.footer-logo-effect img {
    opacity: 0.08;
    filter: grayscale(1);
    mix-blend-mode: multiply;
}

/* Hide secondary auth button on very narrow screens */
@media (max-width: 380px) {
    .header-auth-secondary {
        display: none;
    }
}

/* Same as mosaic-html/fint.css — override theme checkbox accent (violet/blue) */
.form-checkbox {
    color: #111827;
}
.form-checkbox:checked {
    background-color: #111827 !important;
    border-color: transparent !important;
    color: #fff;
}
.form-checkbox:checked:hover,
.form-checkbox:checked:focus {
    background-color: #030712 !important;
}
.form-checkbox:focus-visible {
    --tw-ring-color: color-mix(in oklab, #111827 45%, transparent);
}
html.dark .form-checkbox:checked {
    background-color: #000 !important;
    border-color: #4b5563 !important;
    color: #fff !important;
}
html.dark .form-checkbox:checked:hover,
html.dark .form-checkbox:checked:focus {
    background-color: #171717 !important;
    border-color: #6b7280 !important;
}
html.dark .form-checkbox:focus-visible {
    --tw-ring-color: color-mix(in oklab, #fff 35%, transparent);
}

/* ===================================================================
   Build-gap backfill: utilities used by the PHP views that were not
   present in the purged Tailwind build (style.css). Values match
   Tailwind v4 defaults. See also the prior fallbacks above.
   =================================================================== */
.grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); }
@media (width >= 48rem) { .md\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (width >= 64rem) { .lg\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (width >= 64rem) { .lg\:col-span-3 { grid-column:span 3/span 3; } }
@media (width >= 48rem) { .md\:col-span-6 { grid-column:span 6/span 6; } }
.gap-5 { gap:1.25rem; }
.gap-6 { gap:1.5rem; }
@media (width >= 48rem) { .md\:gap-8 { gap:2rem; } }
@media (width >= 64rem) { .lg\:gap-16 { gap:4rem; } }
.p-6 { padding:1.5rem; }
@media (width >= 48rem) { .md\:p-7 { padding:1.75rem; } }
.pb-2 { padding-bottom:0.5rem; }
.pb-20 { padding-bottom:5rem; }
.pb-28 { padding-bottom:7rem; }
.pt-1 { padding-top:0.25rem; }
.pt-4 { padding-top:1rem; }
.pr-2 { padding-right:0.5rem; }
@media (width >= 48rem) { .md\:pt-8 { padding-top:2rem; } }
@media (width >= 48rem) { .md\:pb-12 { padding-bottom:3rem; } }
@media (width >= 48rem) { .md\:pb-14 { padding-bottom:3.5rem; } }
@media (width >= 48rem) { .md\:pb-44 { padding-bottom:11rem; } }
.mb-12 { margin-bottom:3rem; }
@media (width >= 48rem) { .md\:mb-16 { margin-bottom:4rem; } }
@media (width >= 48rem) { .md\:mb-6 { margin-bottom:1.5rem; } }
@media (width >= 48rem) { .md\:mt-6 { margin-top:1.5rem; } }
@media (width >= 48rem) { .md\:mt-10 { margin-top:2.5rem; } }
@media (width >= 48rem) { .md\:mt-20 { margin-top:5rem; } }
.h-10 { height:2.5rem; }
.h-auto { height:auto; }
.max-w-xl { max-width:36rem; }
.max-w-4xl { max-width:56rem; }
.min-h-\[4\.5rem\] { min-height:4.5rem; }
.min-h-\[10rem\] { min-height:10rem; }
.min-h-\[11rem\] { min-height:11rem; }
.w-\[72\%\] { width:72%; }
@media (width >= 40rem) { .sm\:w-\[60\%\] { width:60%; } }
@media (width >= 48rem) { .md\:w-\[40\%\] { width:40%; } }
@media (width >= 64rem) { .lg\:w-\[32\%\] { width:32%; } }
@media (width >= 64rem) { .lg\:w-\[40\%\] { width:40%; } }
.top-6 { top:1.5rem; }
.scroll-mt-28 { scroll-margin-top:7rem; }
@media (width >= 64rem) { .lg\:sticky { position:sticky; } }
@media (width >= 64rem) { .lg\:top-28 { top:7rem; } }
.uppercase { text-transform:uppercase; }
.tracking-wider { letter-spacing:0.05em; }
.leading-relaxed { line-height:1.625; }
.text-\[8px\] { font-size:8px; }
.text-\[11px\] { font-size:11px; }
@media (width >= 48rem) { .md\:text-\[13px\] { font-size:13px; } }
@media (width >= 48rem) { .md\:text-3xl { font-size:1.875rem;line-height:1.3333;letter-spacing:-0.037em; } }
@media (width >= 40rem) { .sm\:text-5xl { font-size:3rem;line-height:1;letter-spacing:-0.037em; } }
.aspect-4\/3 { aspect-ratio:4/3; }
@media (width >= 48rem) { .md\:aspect-video { aspect-ratio:16/9; } }
.fill-blue-400 { fill:var(--color-blue-400); }
.text-blue-400 { color:var(--color-blue-400); }
.text-blue-600 { color:var(--color-blue-600); }
.border-gray-800 { border-color:var(--color-gray-800); }
.bg-blue-500\/10 { background-color:color-mix(in oklab,var(--color-blue-500) 10%,transparent); }
.bg-gray-800\/40 { background-color:color-mix(in oklab,var(--color-gray-800) 40%,transparent); }
.border-gray-200\/70 { border-color:color-mix(in oklab,var(--color-gray-200) 70%,transparent); }
.border-gray-200\/80 { border-color:color-mix(in oklab,var(--color-gray-200) 80%,transparent); }
.transition-shadow { transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s; }
.line-clamp-2 { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.rotate-180 { transform:rotate(180deg); }
.ring-4 { box-shadow:0 0 0 4px var(--tw-ring-color,currentColor); }
.ring-gray-50 { --tw-ring-color:var(--color-gray-50); }
.space-y-1 > :not([hidden]) ~ :not([hidden]) { margin-top:0.25rem; }
.hover\:border-gray-700:hover { border-color:var(--color-gray-700); }
.hover\:text-blue-300:hover { color:#93c5fd; }
.hover\:text-blue-700:hover { color:var(--color-blue-700); }
.hover\:shadow-md:hover { box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1); }
.hover\:-translate-y-0\.5:hover { transform:translateY(-0.125rem); }
.group:hover .group-hover\:shadow-xl { box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1); }
.group:hover .group-hover\:-translate-x-0\.5 { transform:translateX(-0.125rem); }
.focus-visible\:ring-2:focus-visible { outline:2px solid var(--tw-ring-color,#111827); }
.focus-visible\:ring-offset-2:focus-visible { outline-offset:2px; }
.focus-visible\:ring-offset-gray-50:focus-visible { outline-offset:2px; }
.animate-\[breath_6s_ease-in-out_0\.5s_infinite_both\] { animation:breath 6s ease-in-out 0.5s infinite both; }
.animate-\[breath_6s_ease-in-out_1s_infinite_both\] { animation:breath 6s ease-in-out 1s infinite both; }
.animate-\[breath_6s_ease-in-out_3s_infinite_both\] { animation:breath 6s ease-in-out 3s infinite both; }
@media (width >= 64rem) { .lg\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); } }
.w-28 { width:7rem; }
.h-28 { height:7rem; }
.before\:w-28::before { width:7rem; }

/* Build-gap backfill: product showcase + endpoints sections */
.bg-emerald-50 { background-color:#ecfdf5; }
.bg-emerald-200 { background-color:#a7f3d0; }
.bg-emerald-500 { background-color:#10b981; }
.bg-gray-100 { background-color:var(--color-gray-100); }
.text-emerald-600 { color:#059669; }
.text-emerald-700 { color:#047857; }
.text-blue-700 { color:var(--color-blue-700); }
.fill-white { fill:#fff; }
.h-0\.5 { height:0.125rem; }
.w-1\.5 { width:0.375rem; }
.h-1\.5 { height:0.375rem; }
.w-2 { width:0.5rem; }
.h-2 { height:0.5rem; }
.w-3\.5 { width:0.875rem; }
.h-3\.5 { height:0.875rem; }
.w-7 { width:1.75rem; }
.h-7 { height:1.75rem; }
.w-11 { width:2.75rem; }
.h-11 { height:2.75rem; }
.min-w-\[3\.25rem\] { min-width:3.25rem; }
.gap-1\.5 { gap:0.375rem; }
@media (width >= 40rem) { .sm\:gap-6 { gap:1.5rem; } }
.mt-0\.5 { margin-top:0.125rem; }
.mt-1\.5 { margin-top:0.375rem; }
.mt-3 { margin-top:0.75rem; }
.mx-1 { margin-left:0.25rem;margin-right:0.25rem; }
@media (width >= 40rem) { .sm\:mx-2 { margin-left:0.5rem;margin-right:0.5rem; } }
.pb-5 { padding-bottom:1.25rem; }
.px-2\.5 { padding-left:0.625rem;padding-right:0.625rem; }
.py-0\.5 { padding-top:0.125rem;padding-bottom:0.125rem; }
.py-2\.5 { padding-top:0.625rem;padding-bottom:0.625rem; }
@media (width >= 48rem) { .md\:p-6 { padding:1.5rem; } }
.rounded-md { border-radius:0.375rem; }
.text-right { text-align:right; }
@media (width >= 40rem) { .sm\:text-right { text-align:right; } }
@media (width >= 40rem) { .sm\:items-center { align-items:center; } }
@media (width >= 40rem) { .sm\:justify-between { justify-content:space-between; } }
.divide-y > :not([hidden]) ~ :not([hidden]) { border-top:1px solid var(--color-gray-200); }
.divide-gray-100 > :not([hidden]) ~ :not([hidden]) { border-color:var(--color-gray-100); }

/* extrase responsive + enterprise relayout */
@media (width >= 48rem) { .md\:py-16 { padding-top:4rem;padding-bottom:4rem; } }

/* bank logo slider */
.-mx-2 { margin-left:-0.5rem;margin-right:-0.5rem; }
.basis-1\/2 { flex-basis:50%; }
@media (width >= 64rem) { .lg\:basis-1\/5 { flex-basis:20%; } }
.max-h-8 { max-height:2rem; }
.max-w-\[78\%\] { max-width:78%; }
.object-contain { object-fit:contain; }
.pb-1 { padding-bottom:0.25rem; }
@media (width >= 40rem) { .sm\:basis-1\/3 { flex-basis:33.333333%; } }
.snap-mandatory { --tw-scroll-snap-strictness:mandatory; }
.snap-start { scroll-snap-align:start; }
.snap-x { scroll-snap-type:x var(--tw-scroll-snap-strictness,proximity); }
.w-auto { width:auto; }
.no-scrollbar { -ms-overflow-style:none; scrollbar-width:none; }
.no-scrollbar::-webkit-scrollbar { display:none; }
@media (width >= 48rem) { .md\:mb-14 { margin-bottom:3.5rem; } }

/* supported-banks section */
.max-h-10 { max-height:2.5rem; }
.max-w-5xl { max-width:64rem; }

/* supported-banks logo grid */
.gap-x-6 { column-gap:1.5rem; }
.gap-y-10 { row-gap:2.5rem; }
.grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media (width >= 64rem) { .lg\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); } }
.max-w-\[70\%\] { max-width:70%; }

/* enterprise image bg / extrase tweaks */
.object-cover { object-fit:cover; }
.min-h-\[3\.5rem\] { min-height:3.5rem; }

/* enterprise photo background */
.bg-center { background-position:center; }
.bg-cover { background-size:cover; }
.bg-gray-900\/80 { background-color:color-mix(in oklab,var(--color-gray-900) 80%,transparent); }

/* enterprise text contrast */
.bg-gray-800\/60 { background-color:color-mix(in oklab,var(--color-gray-800) 60%,transparent); }
.bg-gray-900\/85 { background-color:color-mix(in oklab,var(--color-gray-900) 85%,transparent); }
.border-gray-700 { border-color:var(--color-gray-700); }

/* extrase overview section */
.gap-x-8 { column-gap:2rem; }
.gap-y-3 { row-gap:0.75rem; }

/* extrase relaxed spacing */
@media (width >= 48rem) { .md\:mb-20 { margin-bottom:5rem; } }
@media (width >= 48rem) { .md\:py-32 { padding-top:8rem;padding-bottom:8rem; } }
.py-20 { padding-top:5rem;padding-bottom:5rem; }

/* extrase full-height sections */
.min-h-\[90vh\] { min-height:90vh; }
@media (width >= 48rem) { .md\:pb-32 { padding-bottom:8rem; } }

/* overview first-section spacing */
.mb-14 { margin-bottom:3.5rem; }
@media (width >= 48rem) { .md\:pt-12 { padding-top:3rem; } }
.pt-8 { padding-top:2rem; }

/* relaxed block-flow padding */
.py-24 { padding-top:6rem;padding-bottom:6rem; }
@media (width >= 48rem) { .md\:py-36 { padding-top:9rem;padding-bottom:9rem; } }

/* homepage Extrase constellation — responsive scale wrapper */
.w-\[720px\] { width:720px; }
.h-\[160px\] { height:160px; }
.scale-\[0\.5\] { scale:50% 50%; }
@media (width >= 40rem) {
  .sm\:h-\[220px\] { height:220px; }
  .sm\:scale-\[0\.7\] { scale:70% 70%; }
}
@media (width >= 48rem) {
  .md\:h-auto { height:auto; }
  .md\:overflow-visible { overflow:visible; }
  .md\:scale-100 { scale:100% 100%; }
}

/* homepage Extrase constellation — scattered bubble offsets */
.translate-x-\[150px\] { --tw-translate-x:150px; translate:var(--tw-translate-x) var(--tw-translate-y); }
.-translate-x-\[150px\] { --tw-translate-x:-150px; translate:var(--tw-translate-x) var(--tw-translate-y); }
.translate-x-\[155px\] { --tw-translate-x:155px; translate:var(--tw-translate-x) var(--tw-translate-y); }
.-translate-x-\[155px\] { --tw-translate-x:-155px; translate:var(--tw-translate-x) var(--tw-translate-y); }
.translate-x-\[260px\] { --tw-translate-x:260px; translate:var(--tw-translate-x) var(--tw-translate-y); }
.-translate-x-\[260px\] { --tw-translate-x:-260px; translate:var(--tw-translate-x) var(--tw-translate-y); }
.translate-x-\[265px\] { --tw-translate-x:265px; translate:var(--tw-translate-x) var(--tw-translate-y); }
.-translate-x-\[265px\] { --tw-translate-x:-265px; translate:var(--tw-translate-x) var(--tw-translate-y); }
.translate-x-\[305px\] { --tw-translate-x:305px; translate:var(--tw-translate-x) var(--tw-translate-y); }
.-translate-x-\[305px\] { --tw-translate-x:-305px; translate:var(--tw-translate-x) var(--tw-translate-y); }
.translate-y-\[5px\] { --tw-translate-y:5px; translate:var(--tw-translate-x) var(--tw-translate-y); }
.translate-y-\[95px\] { --tw-translate-y:95px; translate:var(--tw-translate-x) var(--tw-translate-y); }
.-translate-y-\[95px\] { --tw-translate-y:-95px; translate:var(--tw-translate-x) var(--tw-translate-y); }
.translate-y-\[100px\] { --tw-translate-y:100px; translate:var(--tw-translate-x) var(--tw-translate-y); }
.-translate-y-\[100px\] { --tw-translate-y:-100px; translate:var(--tw-translate-x) var(--tw-translate-y); }
.translate-y-\[105px\] { --tw-translate-y:105px; translate:var(--tw-translate-x) var(--tw-translate-y); }
.-translate-y-\[105px\] { --tw-translate-y:-105px; translate:var(--tw-translate-x) var(--tw-translate-y); }
.translate-y-\[110px\] { --tw-translate-y:110px; translate:var(--tw-translate-x) var(--tw-translate-y); }
.-translate-y-\[110px\] { --tw-translate-y:-110px; translate:var(--tw-translate-x) var(--tw-translate-y); }

/* homepage: number badges + how-it-works spacing */
.text-base { font-size:1rem; line-height:1.5rem; }
@media (width >= 48rem) { .md\:mt-16 { margin-top:4rem; } }

/* contact page: form fields + alerts (self-contained, build-gap safe) */
.fint-label { display:block; font-size:0.875rem; font-weight:500; color:#374151; margin-bottom:0.5rem; }
.fint-input { display:block; width:100%; box-sizing:border-box; border:1px solid #e5e7eb; border-radius:0.625rem; padding:0.6875rem 0.875rem; font-size:0.9375rem; line-height:1.4; color:#111827; background:#fff; transition:border-color .15s ease, box-shadow .15s ease; }
.fint-input::placeholder { color:#9ca3af; }
.fint-input:focus { outline:none; border-color:#3b82f6; box-shadow:0 0 0 3px rgba(59,130,246,.15); }
textarea.fint-input { resize:vertical; min-height:7rem; }
.fint-alert { border-radius:0.75rem; padding:0.75rem 1rem; font-size:0.9375rem; margin-bottom:1.25rem; border:1px solid transparent; }
.fint-alert-ok { background:#ecfdf5; border-color:#a7f3d0; color:#065f46; }
.fint-alert-err { background:#fef2f2; border-color:#fecaca; color:#991b1b; }

/* contact page: form spans two columns */
@media (width >= 48rem) { .md\:col-span-2 { grid-column:span 2/span 2; } }

/* CTA dark panel: own stacking context so before:-z-10 background renders over bg-white sections */
.isolate { isolation:isolate; }