.material-symbols-outlined { display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; fill: currentcolor; }
.sub-nav-bar { border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding-bottom: 14px; margin-bottom: 12px; }
#importify-suppliers:not(.dark) .sub-nav-bar { border-bottom-color: rgba(0, 0, 0, 0.08); }
.ext-pill { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 12px; background: rgba(255, 179, 176, 0.05); border: 1px solid rgba(255, 179, 176, 0.15); color: rgb(229, 226, 225); font-family: inherit; font-size: 13px; font-weight: 500; line-height: 1; white-space: nowrap; transition: background 0.15s, border-color 0.15s; }
.ext-pill .ext-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; background: rgb(34, 197, 94); box-shadow: rgba(34, 197, 94, 0.5) 0px 0px 6px; }
#importify-suppliers:not(.dark) .ext-pill { background: rgba(241, 94, 94, 0.05); border-color: rgba(241, 94, 94, 0.15); color: rgb(51, 51, 51); }
#importify-suppliers { --imp-primary: #f15e5e; --imp-primary-hover: #d94545; --imp-primary-grad: linear-gradient(135deg, #f15e5e, rgba(218,35,35,0.92)); --imp-primary-text-grad: linear-gradient(135deg, #f15e5e, #d94545); }
#importify-suppliers.dark { --imp-primary: #FFB3B0; --imp-primary-hover: #e09995; --imp-primary-grad: linear-gradient(135deg, #FFB3B0, rgba(218,35,35,0.82)); --imp-primary-text-grad: linear-gradient(135deg, #FFB3B0, #e09995); }
.bg-primary-gradient { background: var(--imp-primary); color: rgb(255, 255, 255) !important; }
.bg-primary-gradient svg { color: rgb(255, 255, 255) !important; }
.text-primary-gradient { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; -webkit-text-fill-color: transparent; background-clip: text; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { scrollbar-width: none; }
.category-filter { display: inline-flex; align-items: center; gap: 4px; padding: 6px 14px; border-radius: 9999px; font-size: 0.8125rem; font-weight: 500; cursor: pointer; transition: 0.2s; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); color: rgb(173, 170, 170); user-select: none; }
.category-filter:hover { background: rgba(255, 255, 255, 0.08); color: rgb(224, 224, 224); }
.category-filter.active { background: var(--imp-primary); border-color: transparent; color: rgb(26, 26, 26); font-weight: 600; }
.category-filter-emoji { font-size: 0.875rem; }
#importify-suppliers { background: rgb(249, 249, 249); color: rgb(85, 85, 85); font-family: Inter, -apple-system, sans-serif; margin-bottom: 0px !important; padding-bottom: 0px !important; }
#importify-suppliers > section:last-child { margin-bottom: 0px !important; padding-bottom: 4rem !important; }
body[data-importify-dark="1"] .elementor-section-wrap > .elementor-section:has(#importify-suppliers), body[data-importify-dark="1"] .entry-content:has(#importify-suppliers), body[data-importify-dark="1"] .page-content:has(#importify-suppliers), body[data-importify-dark="1"] article:has(#importify-suppliers), body[data-importify-dark="1"] main:has(#importify-suppliers) { margin-bottom: 0px !important; padding-bottom: 0px !important; }
#importify-suppliers.dark { background: rgb(19, 19, 19); color: rgb(173, 170, 170); }
#importify-suppliers .sec-hero { background: rgb(249, 249, 249); }
#importify-suppliers .sec-how { background: rgb(255, 255, 255); }
#importify-suppliers .sec-marketplace { background: rgb(249, 249, 249); }
#importify-suppliers .sec-become-supplier { background: rgb(249, 249, 249); }
#importify-suppliers .become-supplier-card { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.06) 0px 10px 40px; }
#importify-suppliers .faq-section { background: rgb(240, 240, 240); }
#importify-suppliers.dark .sec-hero { background: rgb(19, 19, 19); }
#importify-suppliers.dark .sec-how { background: rgb(25, 26, 26); }
#importify-suppliers.dark .sec-marketplace { background: rgb(19, 19, 19); }
#importify-suppliers.dark .sec-become-supplier { background: rgb(19, 19, 19); }
#importify-suppliers.dark .become-supplier-card { background: rgb(25, 26, 26); box-shadow: rgba(0, 0, 0, 0.4) 0px 20px 60px; }
#importify-suppliers.dark .faq-section { background: rgb(25, 26, 26); }
#importify-suppliers .faq-card { background: rgb(255, 255, 255); }
#importify-suppliers .faq-card:hover { background: rgb(248, 248, 248); }
#importify-suppliers .faq-card.faq-open { background: rgb(248, 248, 248); box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 30px; }
#importify-suppliers .faq-answer-text { color: rgb(102, 102, 102); }
#importify-suppliers .faq-overline { color: var(--imp-primary); }
#importify-suppliers.dark .faq-card { background: rgb(31, 32, 32); }
#importify-suppliers.dark .faq-card:hover { background: rgb(38, 38, 38); }
#importify-suppliers.dark .faq-card.faq-open { background: rgb(38, 38, 38); box-shadow: rgba(0, 0, 0, 0.4) 0px 20px 40px; }
#importify-suppliers.dark .faq-answer-text { color: rgb(216, 216, 216); }
#importify-suppliers.dark .faq-overline { color: var(--imp-primary); }
.theme-toggle { display: flex; align-items: center; gap: 0px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 9999px; padding: 3px; cursor: pointer; }
.theme-toggle-btn { padding: 6px 16px; border-radius: 9999px; font-size: 0.8125rem; font-weight: 600; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; transition: 0.25s; background: transparent; color: rgb(173, 170, 170); display: flex; align-items: center; gap: 6px; }
.theme-toggle-btn.active { background: rgba(255, 255, 255, 0.12); color: rgb(255, 255, 255); }
.theme-toggle-btn .material-symbols-outlined { font-size: 16px; }
#importify-suppliers .text-on-surface { color: rgb(26, 26, 26); }
#importify-suppliers .text-on-surface-variant { color: rgb(85, 85, 85); }
#importify-suppliers .text-secondary { color: var(--imp-primary); }
#importify-suppliers .text-secondary-dim { color: rgb(136, 136, 136); }
#importify-suppliers .bg-surface-container, #importify-suppliers .bg-surface-container-low, #importify-suppliers .bg-surface-container-high, #importify-suppliers .bg-surface-container-highest, #importify-suppliers .bg-surface-container-lowest, #importify-suppliers .bg-surface, #importify-suppliers .bg-surface-bright { background: rgb(255, 255, 255) !important; }
#importify-suppliers tr.bg-surface-container { background: rgb(255, 255, 255) !important; }
#importify-suppliers tr.bg-surface-container-low { background: rgb(250, 250, 250) !important; }
#importify-suppliers tr.bg-surface-container-high { background: rgb(240, 240, 240) !important; }
#importify-suppliers tr.hover\:bg-surface-bright:hover { background: rgb(245, 245, 245) !important; }
#importify-suppliers .border-outline-variant\/20 { border-color: rgba(0, 0, 0, 0.08) !important; }
#importify-suppliers .border-outline-variant\/40 { border-color: rgba(0, 0, 0, 0.12) !important; }
#importify-suppliers .divide-outline-variant\/10 > :not(:last-child) { border-color: rgba(0, 0, 0, 0.06) !important; }
#importify-suppliers input { background: rgb(255, 255, 255) !important; color: rgb(26, 26, 26) !important; border-color: rgba(0, 0, 0, 0.15) !important; }
#importify-suppliers input::placeholder { color: rgb(153, 153, 153) !important; }
#importify-suppliers .category-filter { background: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.1); color: rgb(102, 102, 102); }
#importify-suppliers .category-filter:hover { background: rgba(0, 0, 0, 0.08); color: rgb(51, 51, 51); }
#importify-suppliers .category-filter.active { color: rgb(255, 255, 255); }
#importify-suppliers .theme-toggle { background: rgba(0, 0, 0, 0.06); border-color: rgba(0, 0, 0, 0.1); }
#importify-suppliers .theme-toggle-btn { color: rgb(136, 136, 136); }
#importify-suppliers .theme-toggle-btn.active { background: rgba(0, 0, 0, 0.1); color: rgb(255, 255, 255); }
#importify-suppliers .shadow-2xl { box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 24px; }
#importify-suppliers.dark .text-on-surface { color: rgb(255, 255, 255); }
#importify-suppliers.dark .text-on-surface-variant { color: rgb(173, 170, 170); }
#importify-suppliers.dark .text-secondary { color: var(--imp-primary); }
#importify-suppliers.dark .text-secondary-dim { color: var(--imp-primary-hover); }
#importify-suppliers.dark .bg-surface, #importify-suppliers.dark .bg-surface-container, #importify-suppliers.dark .bg-surface-container-low, #importify-suppliers.dark .bg-surface-container-high, #importify-suppliers.dark .bg-surface-container-highest, #importify-suppliers.dark .bg-surface-container-lowest, #importify-suppliers.dark .bg-surface-bright { background: rgb(25, 26, 26) !important; }
#importify-suppliers.dark tr.bg-surface-container { background: rgb(25, 26, 26) !important; }
#importify-suppliers.dark tr.bg-surface-container-low { background: rgb(19, 19, 19) !important; }
#importify-suppliers.dark tr.bg-surface-container-high { background: rgb(31, 32, 32) !important; }
#importify-suppliers.dark tr.hover\:bg-surface-bright:hover { background: rgba(255, 179, 176, 0.08) !important; }
#importify-suppliers.dark .border-outline-variant\/20 { border-color: rgba(255, 255, 255, 0.08) !important; }
#importify-suppliers.dark .border-outline-variant\/40 { border-color: rgba(255, 255, 255, 0.15) !important; }
#importify-suppliers.dark .divide-outline-variant\/10 > :not(:last-child) { border-color: rgba(255, 255, 255, 0.06) !important; }
#importify-suppliers.dark input { background: rgb(38, 38, 38) !important; color: rgb(255, 255, 255) !important; border-color: rgba(255, 255, 255, 0.15) !important; }
#importify-suppliers.dark input::placeholder { color: rgb(136, 136, 136) !important; }
#importify-suppliers.dark .category-filter { background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.08); color: rgb(173, 170, 170); }
#importify-suppliers.dark .category-filter:hover { background: rgba(255, 255, 255, 0.08); color: rgb(224, 224, 224); }
#importify-suppliers.dark .category-filter.active { background: var(--imp-primary); border-color: transparent; color: rgb(26, 26, 26); font-weight: 600; }
#importify-suppliers.dark .theme-toggle { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.1); }
#importify-suppliers.dark .theme-toggle-btn { color: rgb(173, 170, 170); }
#importify-suppliers.dark .theme-toggle-btn.active { background: rgba(255, 255, 255, 0.12); color: rgb(255, 255, 255); }
#importify-suppliers.dark .shadow-2xl { box-shadow: rgba(0, 0, 0, 0.4) 0px 20px 40px; }
html[data-importify-dark="1"], body[data-importify-dark="1"], body[data-importify-dark="1"] #page, body[data-importify-dark="1"] #wrapper, body[data-importify-dark="1"] .site, body[data-importify-dark="1"] .page-wrapper, body[data-importify-dark="1"] .site-content, body[data-importify-dark="1"] .content-wrapper { background-color: rgb(19, 19, 19) !important; }
body[data-importify-dark="1"] header, body[data-importify-dark="1"] .elementor-location-header, body[data-importify-dark="1"] #masthead, body[data-importify-dark="1"] .site-header, body[data-importify-dark="1"] .main-header, body[data-importify-dark="1"] nav.main-navigation, body[data-importify-dark="1"] .header-wrapper, body[data-importify-dark="1"] .elementor-section-wrap > .elementor-section:first-child, body[data-importify-dark="1"] .elementor-top-section.elementor-element { background-color: rgb(40, 36, 36) !important; background-image: none !important; border-color: rgba(255, 255, 255, 0.08) !important; }
body[data-importify-dark="1"] footer, body[data-importify-dark="1"] .elementor-location-footer, body[data-importify-dark="1"] #colophon, body[data-importify-dark="1"] .site-footer, body[data-importify-dark="1"] .main-footer, body[data-importify-dark="1"] .footer-wrapper, body[data-importify-dark="1"] .elementor-section-wrap > .elementor-section:last-child { background-color: rgb(40, 36, 36) !important; background-image: none !important; border-color: rgba(255, 255, 255, 0.08) !important; }
body[data-importify-dark="1"] footer a, body[data-importify-dark="1"] footer p, body[data-importify-dark="1"] footer span, body[data-importify-dark="1"] footer li, body[data-importify-dark="1"] footer h1, body[data-importify-dark="1"] footer h2, body[data-importify-dark="1"] footer h3, body[data-importify-dark="1"] footer h4, body[data-importify-dark="1"] footer h5, body[data-importify-dark="1"] footer h6, body[data-importify-dark="1"] .elementor-location-footer * { color: rgb(224, 224, 224) !important; }
body[data-importify-dark="1"] header img[src*="logo" i], body[data-importify-dark="1"] header img[alt*="Importify" i], body[data-importify-dark="1"] header img[alt*="logo" i], body[data-importify-dark="1"] .site-logo img, body[data-importify-dark="1"] .custom-logo, body[data-importify-dark="1"] .elementor-widget-image img, body[data-importify-dark="1"] header .elementor-widget-theme-site-logo img { content: url("https://app.importify.net/dashboard/new_design_images/Importifylogow.png") !important; }
body[data-importify-dark="1"] header a.elementor-button, body[data-importify-dark="1"] header .elementor-button, body[data-importify-dark="1"] header .elementor-button-wrapper a, body[data-importify-dark="1"] header a.btn, body[data-importify-dark="1"] header .button, body[data-importify-dark="1"] header [class*="wp-block-button"] a, body[data-importify-dark="1"] header [class*="cta"], body[data-importify-dark="1"] header [class*="btn-primary"], body[data-importify-dark="1"] header [class*="btn-red"] { background-color: rgb(255, 179, 176) !important; background-image: none !important; color: rgb(26, 26, 26) !important; }
body[data-importify-dark="1"] header a, body[data-importify-dark="1"] header li, body[data-importify-dark="1"] header span, body[data-importify-dark="1"] .elementor-location-header a, body[data-importify-dark="1"] .elementor-location-header li, body[data-importify-dark="1"] .menu a, body[data-importify-dark="1"] nav a { color: rgb(224, 224, 224) !important; }
body[data-importify-dark="1"] header a:hover, body[data-importify-dark="1"] .menu a:hover, body[data-importify-dark="1"] nav a:hover { color: rgb(255, 255, 255) !important; }
body[data-importify-dark="1"] header a.btn, body[data-importify-dark="1"] header .button, body[data-importify-dark="1"] header [class*="btn-"], body[data-importify-dark="1"] header [class*="button"] { color: rgb(26, 26, 26) !important; }
body.suppliers { background: rgb(248, 250, 252); }
html[data-theme="dark"] body.suppliers { background: rgb(7, 26, 61); }
body.suppliers #importify-suppliers { --imp-primary: #ef433f; --imp-primary-hover: #d93a36; --imp-primary-grad: linear-gradient(135deg,#ef433f,#f87171); --imp-primary-text-grad: linear-gradient(135deg,#ef433f,#d93a36); background: rgb(248, 250, 252) !important; color: rgb(71, 85, 105) !important; font-family: "Inter Tight", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; }
body.suppliers #importify-suppliers.dark { background: rgb(7, 26, 61) !important; color: rgb(219, 229, 255) !important; }
body.suppliers #importify-suppliers .sec-hero, body.suppliers #importify-suppliers .sec-marketplace, body.suppliers #importify-suppliers .sec-become-supplier { background: rgb(248, 250, 252) !important; }
body.suppliers #importify-suppliers .sec-how, body.suppliers #importify-suppliers .become-supplier-card, body.suppliers #importify-suppliers .faq-card, body.suppliers #importify-suppliers .bg-surface, body.suppliers #importify-suppliers .bg-surface-container, body.suppliers #importify-suppliers .bg-surface-container-low, body.suppliers #importify-suppliers .bg-surface-container-high, body.suppliers #importify-suppliers .bg-surface-container-highest, body.suppliers #importify-suppliers .bg-surface-container-lowest, body.suppliers #importify-suppliers .bg-surface-bright { background: rgb(255, 255, 255) !important; }
body.suppliers #importify-suppliers .faq-section { background: rgb(241, 245, 249) !important; }
body.suppliers #importify-suppliers tr.bg-surface-container { background: rgb(255, 255, 255) !important; }
body.suppliers #importify-suppliers tr.bg-surface-container-low { background: rgb(248, 250, 252) !important; }
body.suppliers #importify-suppliers tr.bg-surface-container-high { background: rgb(238, 242, 247) !important; }
body.suppliers #importify-suppliers tr.hover\:bg-surface-bright:hover { background: rgb(241, 245, 249) !important; }
body.suppliers #importify-suppliers .text-on-surface { color: rgb(15, 23, 42) !important; }
body.suppliers #importify-suppliers .text-on-surface-variant, body.suppliers #importify-suppliers .faq-answer-text { color: rgb(71, 85, 105) !important; }
body.suppliers #importify-suppliers .text-secondary, body.suppliers #importify-suppliers .faq-overline { color: rgb(239, 67, 63) !important; }
body.suppliers #importify-suppliers .bg-primary-gradient { background: rgb(239, 67, 63) !important; color: rgb(255, 255, 255) !important; }
body.suppliers #importify-suppliers .category-filter.active { background: rgb(239, 67, 63) !important; color: rgb(255, 255, 255) !important; }
body.suppliers #importify-suppliers .category-filter:not(.active) { color: rgb(71, 85, 105) !important; background: rgb(255, 255, 255) !important; border-color: rgba(15, 23, 42, 0.1) !important; }
body.suppliers #importify-suppliers input { background: rgb(255, 255, 255) !important; color: rgb(15, 23, 42) !important; border-color: rgba(15, 23, 42, 0.14) !important; }
body.suppliers #importify-suppliers .border-outline-variant\/20 { border-color: rgba(15, 23, 42, 0.08) !important; }
body.suppliers #importify-suppliers .border-outline-variant\/40 { border-color: rgba(15, 23, 42, 0.12) !important; }
body.suppliers #importify-suppliers .divide-outline-variant\/10 > :not(:last-child) { border-color: rgba(15, 23, 42, 0.07) !important; }
body.suppliers #importify-suppliers.dark .sec-hero, body.suppliers #importify-suppliers.dark .sec-marketplace, body.suppliers #importify-suppliers.dark .sec-become-supplier { background: rgb(7, 26, 61) !important; }
body.suppliers #importify-suppliers.dark .sec-how, body.suppliers #importify-suppliers.dark .become-supplier-card, body.suppliers #importify-suppliers.dark .faq-section { background: rgb(11, 33, 74) !important; }
body.suppliers #importify-suppliers.dark .faq-card, body.suppliers #importify-suppliers.dark .bg-surface, body.suppliers #importify-suppliers.dark .bg-surface-container, body.suppliers #importify-suppliers.dark .bg-surface-container-low, body.suppliers #importify-suppliers.dark .bg-surface-container-high, body.suppliers #importify-suppliers.dark .bg-surface-container-highest, body.suppliers #importify-suppliers.dark .bg-surface-container-lowest, body.suppliers #importify-suppliers.dark .bg-surface-bright { background: rgb(16, 42, 89) !important; }
body.suppliers #importify-suppliers.dark .faq-card:hover, body.suppliers #importify-suppliers.dark .faq-card.faq-open { background: rgb(20, 50, 103) !important; }
body.suppliers #importify-suppliers.dark tr.bg-surface-container { background: rgb(16, 42, 89) !important; }
body.suppliers #importify-suppliers.dark tr.bg-surface-container-low { background: rgb(11, 33, 74) !important; }
body.suppliers #importify-suppliers.dark tr.bg-surface-container-high { background: rgb(20, 50, 103) !important; }
body.suppliers #importify-suppliers.dark tr.hover\:bg-surface-bright:hover { background: rgb(23, 58, 119) !important; }
body.suppliers #importify-suppliers.dark, body.suppliers #importify-suppliers.dark a, body.suppliers #importify-suppliers.dark button, body.suppliers #importify-suppliers.dark td, body.suppliers #importify-suppliers.dark th, body.suppliers #importify-suppliers.dark p, body.suppliers #importify-suppliers.dark span, body.suppliers #importify-suppliers.dark li, body.suppliers #importify-suppliers.dark h1, body.suppliers #importify-suppliers.dark h2, body.suppliers #importify-suppliers.dark h3, body.suppliers #importify-suppliers.dark h4, body.suppliers #importify-suppliers.dark .text-on-surface, body.suppliers #importify-suppliers.dark .text-on-surface-variant, body.suppliers #importify-suppliers.dark .faq-answer-text { color: rgb(238, 245, 255) !important; }
body.suppliers #importify-suppliers.dark .text-secondary, body.suppliers #importify-suppliers.dark .faq-overline { color: rgb(255, 138, 133) !important; }
body.suppliers #importify-suppliers.dark .bg-primary-gradient { background: rgb(239, 67, 63) !important; color: rgb(255, 255, 255) !important; }
body.suppliers #importify-suppliers.dark .category-filter.active { background: rgb(255, 255, 255) !important; color: rgb(15, 23, 42) !important; }
body.suppliers #importify-suppliers.dark .category-filter:not(.active) { color: rgb(234, 242, 255) !important; background: rgb(16, 42, 89) !important; border-color: rgba(255, 255, 255, 0.14) !important; }
body.suppliers #importify-suppliers.dark input { background: rgb(16, 42, 89) !important; color: rgb(255, 255, 255) !important; border-color: rgba(255, 255, 255, 0.18) !important; }
body.suppliers #importify-suppliers.dark input::placeholder { color: rgb(184, 199, 220) !important; }
body.suppliers #importify-suppliers.dark .border-outline-variant\/20 { border-color: rgba(255, 255, 255, 0.12) !important; }
body.suppliers #importify-suppliers.dark .border-outline-variant\/40 { border-color: rgba(255, 255, 255, 0.2) !important; }
body.suppliers #importify-suppliers.dark .divide-outline-variant\/10 > :not(:last-child) { border-color: rgba(255, 255, 255, 0.1) !important; }
body.suppliers .sub-nav-bar { position: static; min-height: 0px; padding: 0px; margin: 0px; border: 0px; }
body.suppliers .sub-nav-bar > a, body.suppliers .sub-nav-bar #ext-pill-installed { margin-top: 24px; }
body.suppliers .sub-nav-bar > .flex { margin-left: 0px; }
body.suppliers .theme-toggle { position: fixed; right: 24px; bottom: 24px; z-index: 70; width: 48px; height: 48px; border-radius: 999px; padding: 0px; display: grid; place-items: center; box-shadow: rgba(15, 23, 42, 0.14) 0px 12px 32px; background: rgb(255, 255, 255) !important; color: rgb(15, 23, 42) !important; border: 1px solid rgba(15, 23, 42, 0.12) !important; }
body.suppliers .theme-toggle::before { content: "☾"; font-size: 22px; line-height: 1; }
html[data-theme="dark"] body.suppliers .theme-toggle::before { content: "☀"; font-size: 20px; }
body.suppliers .theme-toggle-btn { position: absolute; inset: 0px; width: 100%; height: 100%; padding: 0px; opacity: 0; border: 0px; }
body.suppliers .theme-toggle-btn[data-theme="light"] { display: none; }
html[data-theme="dark"] body.suppliers .theme-toggle-btn[data-theme="dark"] { display: none; }
html[data-theme="dark"] body.suppliers .theme-toggle-btn[data-theme="light"] { display: block; }
@media (max-width: 767px) {
  body.suppliers .theme-toggle { right: 16px; bottom: 16px; width: 46px; height: 46px; }
}
.if-header[data-astro-cid-3ef6ksr2] { position: sticky; top: 0px; z-index: 1000; border-bottom: 1px solid rgba(226, 232, 240, 0.76); background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(16px); color: rgb(17, 24, 39); font-family: "Inter Tight", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.if-header__inner[data-astro-cid-3ef6ksr2] { width: min(1180px, 100% - 44px); min-height: 76px; margin: 0px auto; display: flex; align-items: center; gap: 24px; }
.if-logo[data-astro-cid-3ef6ksr2] { display: inline-flex; align-items: center; gap: 9px; color: rgb(17, 24, 39); text-decoration: none; flex: 0 0 auto; }
.if-logo__icon[data-astro-cid-3ef6ksr2] { width: 32px; height: 32px; display: block; }
.if-logo__text[data-astro-cid-3ef6ksr2] { font-size: 24px; font-weight: 800; letter-spacing: -0.02em; line-height: 1; color: inherit; }
.if-nav[data-astro-cid-3ef6ksr2] { display: flex; align-items: center; justify-content: flex-start; gap: 10px; flex: 1 1 0%; margin-left: 42px; }
.if-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2], .if-nav[data-astro-cid-3ef6ksr2] button[data-astro-cid-3ef6ksr2] { font-family: "Inter Tight", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; font-weight: 700; line-height: 1.1; letter-spacing: 0px; }
.if-nav__link[data-astro-cid-3ef6ksr2], .if-nav__trigger[data-astro-cid-3ef6ksr2] { min-height: 42px; border-radius: 10px; color: rgb(75, 85, 99); text-decoration: none; transition: color 0.16s, background 0.16s; }
.if-nav__link[data-astro-cid-3ef6ksr2] { display: inline-flex; align-items: center; padding: 0px 12px; }
.if-nav__trigger[data-astro-cid-3ef6ksr2] { display: inline-flex; align-items: center; gap: 7px; border: 0px; padding: 0px 13px; background: transparent; cursor: pointer; }
.if-nav__group[data-astro-cid-3ef6ksr2]:hover .if-nav__trigger[data-astro-cid-3ef6ksr2], .if-nav__group[data-astro-cid-3ef6ksr2].is-open .if-nav__trigger[data-astro-cid-3ef6ksr2], .if-nav__link[data-astro-cid-3ef6ksr2]:hover, .if-nav__link[data-astro-cid-3ef6ksr2][aria-current="page"] { color: rgb(17, 24, 39); background: rgb(244, 246, 248); }
.if-nav__trigger[data-astro-cid-3ef6ksr2] svg[data-astro-cid-3ef6ksr2] { width: 13px; height: 13px; fill: none; stroke: currentcolor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.16s; }
.if-nav__group[data-astro-cid-3ef6ksr2] { position: relative; }
.if-nav__group[data-astro-cid-3ef6ksr2]::after { content: ""; position: absolute; left: 0px; right: 0px; top: 100%; height: 12px; }
.if-nav__group--resources[data-astro-cid-3ef6ksr2]::after { left: -160px; right: -160px; }
.if-dropdown[data-astro-cid-3ef6ksr2] { position: absolute; top: calc(100% + 2px); left: 0px; padding: 14px; border: 1px solid rgb(229, 233, 240); border-radius: 16px; background: rgb(255, 255, 255); box-shadow: rgba(17, 24, 39, 0.12) 0px 28px 70px, rgba(17, 24, 39, 0.06) 0px 6px 18px; opacity: 0; pointer-events: none; transform: translateY(4px); transition: opacity 0.16s, transform 0.16s; }
.if-dropdown--platforms[data-astro-cid-3ef6ksr2] { min-width: 260px; display: grid; gap: 2px; }
.if-dropdown--platforms[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2] { min-height: 46px; display: flex; align-items: center; gap: 14px; padding: 0px 12px; border-radius: 10px; color: rgb(17, 24, 39); text-decoration: none; font-size: 16px; }
.if-dropdown--platforms[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover, .if-dropdown--platforms[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2][aria-current="page"] { background: rgb(255, 242, 240); }
.if-dot[data-astro-cid-3ef6ksr2] { width: 10px; height: 10px; border-radius: 999px; background: var(--dot); flex: 0 0 auto; }
.if-dropdown--mega[data-astro-cid-3ef6ksr2] { width: min(640px, -48px + 100vw); display: grid; grid-template-columns: 1fr 1fr; gap: 8px 18px; }
.if-nav__group--resources[data-astro-cid-3ef6ksr2] .if-dropdown[data-astro-cid-3ef6ksr2] { left: 50%; transform: translate(-50%, 4px); }
.if-resource[data-astro-cid-3ef6ksr2] { min-height: 64px; display: grid; grid-template-columns: 42px 1fr; gap: 12px; align-items: center; padding: 10px; border-radius: 12px; color: rgb(17, 24, 39); text-decoration: none; }
.if-resource[data-astro-cid-3ef6ksr2]:hover { background: rgb(255, 242, 240); }
.if-resource[data-astro-cid-3ef6ksr2] b[data-astro-cid-3ef6ksr2], .if-resource[data-astro-cid-3ef6ksr2] small[data-astro-cid-3ef6ksr2] { display: block; }
.if-resource[data-astro-cid-3ef6ksr2] b[data-astro-cid-3ef6ksr2] { font-size: 15px; line-height: 1.2; }
.if-resource[data-astro-cid-3ef6ksr2] small[data-astro-cid-3ef6ksr2] { margin-top: 4px; color: rgb(122, 132, 150); font-size: 13px; line-height: 1.25; font-weight: 600; }
.if-resource__icon[data-astro-cid-3ef6ksr2] { width: 34px; height: 34px; display: inline-grid; place-items: center; border-radius: 10px; color: rgb(239, 67, 63); background: rgb(255, 241, 238); border: 1px solid rgb(255, 220, 215); }
.if-resource__icon[data-astro-cid-3ef6ksr2]::before { content: ""; width: 15px; height: 15px; display: block; border: 2px solid; border-radius: 4px; }
.if-resource__icon[data-astro-cid-3ef6ksr2][data-icon="spark"]::before { width: 14px; height: 14px; border: 0px; background: currentcolor; clip-path: polygon(50% 0px, 60% 35%, 100% 50%, 60% 65%, 50% 100%, 40% 65%, 0px 50%, 40% 35%); }
.if-resource__icon[data-astro-cid-3ef6ksr2][data-icon="play"]::before { border-radius: 4px; clip-path: polygon(24% 12%, 88% 50%, 24% 88%); background: currentcolor; border: 0px; }
.if-resource__icon[data-astro-cid-3ef6ksr2][data-icon="megaphone"]::before { border-radius: 999px 4px 4px 999px; }
.if-resource__icon[data-astro-cid-3ef6ksr2][data-icon="users"]::before { border-radius: 999px; box-shadow: currentcolor -7px 7px 0px -4px, currentcolor 7px 7px 0px -4px; }
.if-resource__icon[data-astro-cid-3ef6ksr2][data-icon="mail"]::before { border-radius: 3px; }
.if-resource__icon[data-astro-cid-3ef6ksr2][data-icon="pen"]::before { width: 16px; height: 5px; border-radius: 999px; transform: rotate(-35deg); }
.if-nav__group[data-astro-cid-3ef6ksr2]:hover .if-dropdown[data-astro-cid-3ef6ksr2], .if-nav__group[data-astro-cid-3ef6ksr2].is-open .if-dropdown[data-astro-cid-3ef6ksr2] { opacity: 1; pointer-events: auto; transform: translateY(0px); }
.if-nav__group--resources[data-astro-cid-3ef6ksr2]:hover .if-dropdown[data-astro-cid-3ef6ksr2], .if-nav__group--resources[data-astro-cid-3ef6ksr2].is-open .if-dropdown[data-astro-cid-3ef6ksr2] { transform: translate(-50%); }
.if-nav__group[data-astro-cid-3ef6ksr2]:hover .if-nav__trigger[data-astro-cid-3ef6ksr2] svg[data-astro-cid-3ef6ksr2], .if-nav__group[data-astro-cid-3ef6ksr2].is-open .if-nav__trigger[data-astro-cid-3ef6ksr2] svg[data-astro-cid-3ef6ksr2] { transform: rotate(180deg); }
.if-nav__login[data-astro-cid-3ef6ksr2] { margin-left: auto; color: rgb(17, 24, 39); }
.if-nav__cta[data-astro-cid-3ef6ksr2] { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 0px 26px; border-radius: 999px; color: rgb(255, 255, 255); background: rgb(239, 67, 63); text-decoration: none; box-shadow: rgba(239, 67, 63, 0.24) 0px 14px 28px; transition: background 0.16s, transform 0.16s; }
.if-nav__cta[data-astro-cid-3ef6ksr2]:hover { background: rgb(220, 41, 51); transform: translateY(-1px); }
html[data-theme="dark"] .if-header[data-astro-cid-3ef6ksr2], html[data-importify-dark="1"] .if-header[data-astro-cid-3ef6ksr2], body[data-importify-dark="1"] .if-header[data-astro-cid-3ef6ksr2] { border-bottom-color: rgba(255, 255, 255, 0.1); background: rgba(17, 17, 17, 0.96); color: rgb(255, 255, 255); }
html[data-theme="dark"] .if-logo[data-astro-cid-3ef6ksr2], html[data-importify-dark="1"] .if-logo[data-astro-cid-3ef6ksr2], body[data-importify-dark="1"] .if-logo[data-astro-cid-3ef6ksr2], html[data-theme="dark"] .if-nav__link[data-astro-cid-3ef6ksr2], html[data-theme="dark"] .if-nav__trigger[data-astro-cid-3ef6ksr2], html[data-theme="dark"] .if-nav__login[data-astro-cid-3ef6ksr2], html[data-importify-dark="1"] .if-nav__link[data-astro-cid-3ef6ksr2], html[data-importify-dark="1"] .if-nav__trigger[data-astro-cid-3ef6ksr2], html[data-importify-dark="1"] .if-nav__login[data-astro-cid-3ef6ksr2], body[data-importify-dark="1"] .if-nav__link[data-astro-cid-3ef6ksr2], body[data-importify-dark="1"] .if-nav__trigger[data-astro-cid-3ef6ksr2], body[data-importify-dark="1"] .if-nav__login[data-astro-cid-3ef6ksr2] { color: rgb(255, 255, 255); }
html[data-theme="dark"] .if-nav__group[data-astro-cid-3ef6ksr2]:hover .if-nav__trigger[data-astro-cid-3ef6ksr2], html[data-theme="dark"] .if-nav__group[data-astro-cid-3ef6ksr2].is-open .if-nav__trigger[data-astro-cid-3ef6ksr2], html[data-theme="dark"] .if-nav__link[data-astro-cid-3ef6ksr2]:hover, html[data-theme="dark"] .if-nav__link[data-astro-cid-3ef6ksr2][aria-current="page"], html[data-importify-dark="1"] .if-nav__group[data-astro-cid-3ef6ksr2]:hover .if-nav__trigger[data-astro-cid-3ef6ksr2], html[data-importify-dark="1"] .if-nav__group[data-astro-cid-3ef6ksr2].is-open .if-nav__trigger[data-astro-cid-3ef6ksr2], html[data-importify-dark="1"] .if-nav__link[data-astro-cid-3ef6ksr2]:hover, html[data-importify-dark="1"] .if-nav__link[data-astro-cid-3ef6ksr2][aria-current="page"], body[data-importify-dark="1"] .if-nav__group[data-astro-cid-3ef6ksr2]:hover .if-nav__trigger[data-astro-cid-3ef6ksr2], body[data-importify-dark="1"] .if-nav__group[data-astro-cid-3ef6ksr2].is-open .if-nav__trigger[data-astro-cid-3ef6ksr2], body[data-importify-dark="1"] .if-nav__link[data-astro-cid-3ef6ksr2]:hover, body[data-importify-dark="1"] .if-nav__link[data-astro-cid-3ef6ksr2][aria-current="page"] { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.08); }
html[data-theme="dark"] .if-dropdown[data-astro-cid-3ef6ksr2], html[data-importify-dark="1"] .if-dropdown[data-astro-cid-3ef6ksr2], body[data-importify-dark="1"] .if-dropdown[data-astro-cid-3ef6ksr2] { border-color: rgba(255, 255, 255, 0.12); background: rgb(23, 23, 23); box-shadow: rgba(0, 0, 0, 0.28) 0px 28px 70px, rgba(0, 0, 0, 0.18) 0px 6px 18px; }
html[data-theme="dark"] .if-dropdown[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2], html[data-theme="dark"] .if-resource[data-astro-cid-3ef6ksr2] b[data-astro-cid-3ef6ksr2], html[data-importify-dark="1"] .if-dropdown[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2], html[data-importify-dark="1"] .if-resource[data-astro-cid-3ef6ksr2] b[data-astro-cid-3ef6ksr2], body[data-importify-dark="1"] .if-dropdown[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2], body[data-importify-dark="1"] .if-resource[data-astro-cid-3ef6ksr2] b[data-astro-cid-3ef6ksr2] { color: rgb(255, 255, 255); }
html[data-theme="dark"] .if-resource[data-astro-cid-3ef6ksr2] small[data-astro-cid-3ef6ksr2], html[data-importify-dark="1"] .if-resource[data-astro-cid-3ef6ksr2] small[data-astro-cid-3ef6ksr2], body[data-importify-dark="1"] .if-resource[data-astro-cid-3ef6ksr2] small[data-astro-cid-3ef6ksr2] { color: rgb(185, 192, 204); }
html[data-theme="dark"] .if-dropdown--platforms[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover, html[data-theme="dark"] .if-resource[data-astro-cid-3ef6ksr2]:hover, html[data-theme="dark"] .if-resource__icon[data-astro-cid-3ef6ksr2], html[data-importify-dark="1"] .if-dropdown--platforms[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover, html[data-importify-dark="1"] .if-resource[data-astro-cid-3ef6ksr2]:hover, html[data-importify-dark="1"] .if-resource__icon[data-astro-cid-3ef6ksr2], body[data-importify-dark="1"] .if-dropdown--platforms[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover, body[data-importify-dark="1"] .if-resource[data-astro-cid-3ef6ksr2]:hover, body[data-importify-dark="1"] .if-resource__icon[data-astro-cid-3ef6ksr2] { background: rgba(255, 255, 255, 0.08); }
.if-menu-toggle[data-astro-cid-3ef6ksr2] { display: none; margin-left: auto; border: 1px solid rgb(229, 233, 240); border-radius: 10px; background: rgb(255, 255, 255); color: rgb(17, 24, 39); min-height: 42px; padding: 0px 12px; align-items: center; gap: 10px; font-weight: 800; }
html[data-theme="dark"] .if-menu-toggle[data-astro-cid-3ef6ksr2], html[data-importify-dark="1"] .if-menu-toggle[data-astro-cid-3ef6ksr2], body[data-importify-dark="1"] .if-menu-toggle[data-astro-cid-3ef6ksr2] { border-color: rgba(255, 255, 255, 0.14); background: rgb(32, 32, 32); color: rgb(255, 255, 255); }
.if-menu-toggle[data-astro-cid-3ef6ksr2] i[data-astro-cid-3ef6ksr2], .if-menu-toggle[data-astro-cid-3ef6ksr2] i[data-astro-cid-3ef6ksr2]::before, .if-menu-toggle[data-astro-cid-3ef6ksr2] i[data-astro-cid-3ef6ksr2]::after { width: 18px; height: 2px; display: block; border-radius: 999px; background: currentcolor; content: ""; }
.if-menu-toggle[data-astro-cid-3ef6ksr2] i[data-astro-cid-3ef6ksr2] { position: relative; }
.if-menu-toggle[data-astro-cid-3ef6ksr2] i[data-astro-cid-3ef6ksr2]::before, .if-menu-toggle[data-astro-cid-3ef6ksr2] i[data-astro-cid-3ef6ksr2]::after { position: absolute; left: 0px; }
.if-menu-toggle[data-astro-cid-3ef6ksr2] i[data-astro-cid-3ef6ksr2]::before { top: -6px; }
.if-menu-toggle[data-astro-cid-3ef6ksr2] i[data-astro-cid-3ef6ksr2]::after { top: 6px; }
@media (max-width: 1160px) {
  .if-nav__login[data-astro-cid-3ef6ksr2] { margin-left: 16px; }
}
@media (max-width: 1040px) {
  .if-header__inner[data-astro-cid-3ef6ksr2] { width: min(100% - 32px, 1180px); min-height: 68px; }
  .if-menu-toggle[data-astro-cid-3ef6ksr2] { display: inline-flex; }
  .if-nav[data-astro-cid-3ef6ksr2] { position: absolute; left: 16px; right: 16px; top: calc(100% + 10px); display: none; margin: 0px; padding: 14px; border: 1px solid rgb(229, 233, 240); border-radius: 16px; background: rgb(255, 255, 255); box-shadow: rgba(17, 24, 39, 0.14) 0px 24px 60px; align-items: stretch; flex-direction: column; gap: 0px; }
  html[data-theme="dark"] .if-nav[data-astro-cid-3ef6ksr2], html[data-importify-dark="1"] .if-nav[data-astro-cid-3ef6ksr2], body[data-importify-dark="1"] .if-nav[data-astro-cid-3ef6ksr2] { border-color: rgba(255, 255, 255, 0.12); background: rgb(23, 23, 23); box-shadow: rgba(0, 0, 0, 0.28) 0px 24px 60px; }
  .if-header[data-astro-cid-3ef6ksr2].is-open .if-nav[data-astro-cid-3ef6ksr2] { display: flex; }
  .if-nav__link[data-astro-cid-3ef6ksr2], .if-nav__trigger[data-astro-cid-3ef6ksr2] { min-height: 48px; width: 100%; padding: 0px 10px; display: flex; align-items: center; justify-content: space-between; background: transparent; }
  .if-nav__group[data-astro-cid-3ef6ksr2] { border-bottom: 1px solid rgb(238, 241, 245); }
  html[data-theme="dark"] .if-nav__group[data-astro-cid-3ef6ksr2], html[data-importify-dark="1"] .if-nav__group[data-astro-cid-3ef6ksr2], body[data-importify-dark="1"] .if-nav__group[data-astro-cid-3ef6ksr2] { border-bottom-color: rgba(255, 255, 255, 0.1); }
  .if-dropdown[data-astro-cid-3ef6ksr2] { position: static; width: 100%; min-width: 0px; display: none; padding: 0px 0px 10px; border: 0px; box-shadow: none; opacity: 1; pointer-events: auto; transform: none; background: transparent; }
  .if-dropdown--mega[data-astro-cid-3ef6ksr2] { grid-template-columns: 1fr; }
  .if-nav__group--resources[data-astro-cid-3ef6ksr2] .if-dropdown[data-astro-cid-3ef6ksr2] { left: auto; transform: none; }
  .if-nav__group[data-astro-cid-3ef6ksr2].is-open .if-dropdown[data-astro-cid-3ef6ksr2] { display: grid; transform: none; }
  .if-dropdown--platforms[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2], .if-resource[data-astro-cid-3ef6ksr2] { background: rgb(248, 250, 252); margin-top: 6px; }
  html[data-theme="dark"] .if-dropdown--platforms[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2], html[data-theme="dark"] .if-resource[data-astro-cid-3ef6ksr2], html[data-importify-dark="1"] .if-dropdown--platforms[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2], html[data-importify-dark="1"] .if-resource[data-astro-cid-3ef6ksr2], body[data-importify-dark="1"] .if-dropdown--platforms[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2], body[data-importify-dark="1"] .if-resource[data-astro-cid-3ef6ksr2] { background: rgba(255, 255, 255, 0.06); }
  .if-nav__login[data-astro-cid-3ef6ksr2] { margin-left: 0px; }
  .if-nav__cta[data-astro-cid-3ef6ksr2] { margin-top: 12px; }
}
@media (max-width: 520px) {
  .if-logo__text[data-astro-cid-3ef6ksr2] { font-size: 23px; }
}
html, body { overflow-x: hidden; }
body .if-header { background: none rgba(255, 255, 255, 0.96) !important; border-color: rgba(226, 232, 240, 0.76) !important; color: rgb(17, 24, 39) !important; }
html[data-theme="dark"] body .if-header, body[data-importify-dark="1"] .if-header { background: none rgba(17, 17, 17, 0.96) !important; border-color: rgba(255, 255, 255, 0.1) !important; color: rgb(255, 255, 255) !important; }
body .if-header a, body .if-header button { font-family: "Inter Tight", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; color: inherit !important; }
html[data-theme="dark"] body .if-header a, html[data-theme="dark"] body .if-header li, html[data-theme="dark"] body .if-header span, html[data-theme="dark"] body .if-header button, html[data-theme="dark"] body .if-header nav a, body[data-importify-dark="1"] .if-header a, body[data-importify-dark="1"] .if-header li, body[data-importify-dark="1"] .if-header span, body[data-importify-dark="1"] .if-header button, body[data-importify-dark="1"] .if-header nav a { color: rgb(255, 255, 255) !important; }
html[data-theme="dark"] body .if-logo__image, body[data-importify-dark="1"] .if-logo__image { content: url("https://app.importify.net/dashboard/new_design_images/Importifylogow.png") !important; }
html[data-theme="dark"] body header.if-header img.if-logo__image[alt*="Importify"], body[data-importify-dark="1"] header.if-header img.if-logo__image[alt*="Importify"] { content: url("https://app.importify.net/dashboard/new_design_images/Importifylogow.png") !important; }
body .if-menu-toggle { color: rgb(17, 24, 39) !important; background: rgb(255, 255, 255) !important; }
html[data-theme="dark"] body .if-menu-toggle, body[data-importify-dark="1"] .if-menu-toggle { color: rgb(255, 255, 255) !important; background: rgb(32, 32, 32) !important; border-color: rgba(255, 255, 255, 0.14) !important; }
body .if-nav__cta { color: rgb(255, 255, 255) !important; }
html[data-theme="dark"] body .if-nav__cta, html[data-theme="dark"] body .if-header .if-nav__cta, body[data-importify-dark="1"] .if-nav__cta, body[data-importify-dark="1"] .if-header .if-nav__cta, body .if-header a.if-nav__cta, body .if-header .if-nav__cta { color: rgb(255, 255, 255) !important; background: none rgb(239, 67, 63) !important; }
body .if-footer, html[data-theme="dark"] body .if-footer, body[data-importify-dark="1"] .if-footer { color: rgb(219, 229, 255) !important; background: radial-gradient(circle at 18% 0px, rgba(239, 67, 63, 0.18), transparent 28%), rgb(7, 26, 61) !important; }
body.suppliers[data-importify-dark="1"] #importify-suppliers a:not(.if-nav__cta):not([href*="signup"]):not([href*="dashboard/login"]), body.suppliers[data-importify-dark="1"] #importify-suppliers button, body.suppliers[data-importify-dark="1"] #importify-suppliers .theme-toggle-btn, body.suppliers[data-importify-dark="1"] #importify-suppliers .category-filter { color: rgb(17, 24, 39) !important; }
body.suppliers[data-importify-dark="1"] #importify-suppliers a[href*="signup"], body.suppliers[data-importify-dark="1"] #importify-suppliers a[href*="dashboard/login"] { color: rgb(255, 255, 255) !important; }
.lang-switch { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.lang-switch__globe { display: inline-flex; flex: 0 0 auto; color: var(--accent, #ee6242); opacity: 0.92; }
.lang-switch__globe svg { width: 18px; height: 18px; }
.lang-switch__row { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0px; padding: 0px; }
.lang-switch__cell { display: inline-flex; }
.lang-switch__link { display: inline-block; padding: 4px 11px; border-radius: 999px; text-decoration: none; font: 500 14px / 1.25 "Inter Tight", system-ui, -apple-system, sans-serif; color: rgba(207, 224, 255, 0.72); unicode-bidi: isolate; transition: color 0.15s, background 0.15s; }
.lang-switch__link:hover { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.09); }
.lang-switch__link[aria-current="true"] { color: rgb(255, 255, 255); font-weight: 600; background: color-mix(in oklab,var(--accent, #ee6242) 30%,transparent); }
.lang-switch__link:focus-visible { outline: 2px solid var(--accent, #ee6242); outline-offset: 2px; }
.if-footer[data-astro-cid-sz7xmlte] { color: rgb(219, 229, 255); background: radial-gradient(circle at 18% 0px, rgba(239, 67, 63, 0.18), transparent 28%), rgb(7, 26, 61); font-family: "Inter Tight", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.if-footer__inner[data-astro-cid-sz7xmlte] { width: min(1180px, 100% - 44px); margin: 0px auto; padding: 68px 0px 34px; }
.if-footer__lang[data-astro-cid-sz7xmlte] { margin-top: 28px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, 0.12); }
.if-footer__brand[data-astro-cid-sz7xmlte] { display: grid; grid-template-columns: minmax(260px, 0.9fr) minmax(0px, 1.1fr); gap: 48px; align-items: start; padding-bottom: 44px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.if-footer__logo[data-astro-cid-sz7xmlte] { display: inline-flex; align-items: center; gap: 9px; color: rgb(255, 255, 255); text-decoration: none; line-height: 1; }
.if-footer__icon[data-astro-cid-sz7xmlte] { width: 32px; height: 32px; display: block; flex: 0 0 auto; }
.if-footer__text[data-astro-cid-sz7xmlte] { font-size: 24px; font-weight: 800; letter-spacing: -0.02em; line-height: 1; color: inherit; }
.if-footer__brand[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte] { max-width: 610px; margin: 18px 0px 0px; color: rgb(185, 198, 223); font-size: 16px; line-height: 1.65; }
.if-footer__social[data-astro-cid-sz7xmlte] { display: flex; gap: 10px; align-items: center; margin-top: 22px; }
.if-footer__social[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte] { width: 34px; height: 34px; display: inline-grid; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px; color: rgb(219, 229, 255); background: rgba(255, 255, 255, 0.043); text-decoration: none; transition: border-color 0.16s, background 0.16s, color 0.16s; }
.if-footer__social[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.08); color: rgb(255, 255, 255); }
.if-footer__social[data-astro-cid-sz7xmlte] svg[data-astro-cid-sz7xmlte] { width: 15px; height: 15px; fill: currentcolor; }
.if-footer__nav[data-astro-cid-sz7xmlte] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 34px; padding: 44px 0px 34px; }
.if-footer__col[data-astro-cid-sz7xmlte] h2[data-astro-cid-sz7xmlte] { margin: 0px 0px 16px; color: rgb(255, 255, 255); font-size: 14px; line-height: 1; font-weight: 800; text-transform: uppercase; letter-spacing: 0px; }
.if-footer__col[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte] { display: grid; gap: 10px; margin: 0px; padding: 0px; list-style: none; }
.if-footer__col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte], .if-footer__bottom[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte] { color: rgb(185, 198, 223); text-decoration: none; font-size: 15px; line-height: 1.35; transition: color 0.16s; }
.if-footer__col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover, .if-footer__bottom[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover { color: rgb(255, 255, 255); }
.if-footer__reviews[data-astro-cid-sz7xmlte] { display: flex; gap: 18px; justify-content: space-between; align-items: center; padding: 18px 0px; border-top: 1px solid rgba(255, 255, 255, 0.12); }
.if-footer__reviews[data-astro-cid-sz7xmlte] span[data-astro-cid-sz7xmlte] { color: rgb(142, 160, 191); font-size: 12px; line-height: 1; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.if-footer__reviews[data-astro-cid-sz7xmlte] nav[data-astro-cid-sz7xmlte] { display: flex; flex-wrap: wrap; gap: 14px 22px; justify-content: flex-end; }
.if-footer__reviews[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte] { color: rgb(185, 198, 223); text-decoration: none; font-size: 14px; line-height: 1.2; font-weight: 700; transition: color 0.16s; }
.if-footer__reviews[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover { color: rgb(255, 255, 255); }
.if-footer__bottom[data-astro-cid-sz7xmlte] { display: flex; gap: 22px; justify-content: space-between; align-items: center; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, 0.12); }
.if-footer__bottom[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte] { margin: 0px; color: rgb(142, 160, 191); font-size: 14px; }
.if-footer__bottom[data-astro-cid-sz7xmlte] nav[data-astro-cid-sz7xmlte] { display: flex; flex-wrap: wrap; gap: 14px 20px; justify-content: flex-end; }
@media (max-width: 900px) {
  .if-footer__brand[data-astro-cid-sz7xmlte] { grid-template-columns: 1fr; gap: 24px; }
  .if-footer__nav[data-astro-cid-sz7xmlte] { grid-template-columns: repeat(2, 1fr); }
  .if-footer__bottom[data-astro-cid-sz7xmlte] { align-items: flex-start; flex-direction: column; }
  .if-footer__reviews[data-astro-cid-sz7xmlte] { align-items: flex-start; flex-direction: column; gap: 12px; }
  .if-footer__reviews[data-astro-cid-sz7xmlte] nav[data-astro-cid-sz7xmlte] { justify-content: flex-start; }
  .if-footer__bottom[data-astro-cid-sz7xmlte] nav[data-astro-cid-sz7xmlte] { justify-content: flex-start; }
}
@media (max-width: 560px) {
  .if-footer__inner[data-astro-cid-sz7xmlte] { width: min(100% - 32px, 1180px); padding-top: 52px; }
  .if-footer__nav[data-astro-cid-sz7xmlte] { grid-template-columns: 1fr; gap: 28px; }
}
*, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
*, ::after, ::before { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235); }
::after, ::before { --tw-content: ''; }
:host, html { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }
body { margin: 0px; line-height: inherit; }
hr { height: 0px; color: inherit; border-top-width: 1px; }
abbr:where([title]) { text-decoration: underline dotted; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }
code, kbd, pre, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; }
button, select { text-transform: none; }
button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) { appearance: button; background-color: transparent; background-image: none; }
progress { vertical-align: baseline; }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
summary { display: list-item; }
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0px; }
fieldset { margin: 0px; padding: 0px; }
legend { padding: 0px; }
menu, ol, ul { list-style: none; margin: 0px; padding: 0px; }
dialog { padding: 0px; }
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); }
[role="button"], button { cursor: pointer; }
:disabled { cursor: default; }
audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
[hidden]:where(:not([hidden="until-found"])) { display: none; }
[type="text"], input:where(:not([type])), [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], [multiple], textarea, select { appearance: none; background-color: rgb(255, 255, 255); border-color: rgb(107, 114, 128); border-width: 1px; border-radius: 0px; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; }
[type="text"]:focus, input:where(:not([type])):focus, [type="email"]:focus, [type="url"]:focus, [type="password"]:focus, [type="number"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="week"]:focus, [multiple]:focus, textarea:focus, select:focus { outline: transparent solid 2px; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: rgb(37, 99, 235); }
input::placeholder, textarea::placeholder { color: rgb(107, 114, 128); opacity: 1; }
::-webkit-datetime-edit-fields-wrapper { padding: 0px; }
::-webkit-date-and-time-value { min-height: 1.5em; text-align: inherit; }
::-webkit-datetime-edit { display: inline-flex; }
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-top: 0px; padding-bottom: 0px; }
select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; print-color-adjust: exact; }
[multiple], [size]:where(select:not([size="1"])) { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; print-color-adjust: unset; }
[type="checkbox"], [type="radio"] { appearance: none; padding: 0px; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: rgb(37, 99, 235); background-color: rgb(255, 255, 255); border-color: rgb(107, 114, 128); border-width: 1px; --tw-shadow: 0 0 #0000; }
[type="checkbox"] { border-radius: 0px; }
[type="radio"] { border-radius: 100%; }
[type="checkbox"]:focus, [type="radio"]:focus { outline: transparent solid 2px; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
[type="checkbox"]:checked, [type="radio"]:checked { border-color: transparent; background-color: currentcolor; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; }
[type="checkbox"]:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); }
@media (forced-colors: active) {
  [type="checkbox"]:checked { appearance: auto; }
}
[type="radio"]:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); }
@media (forced-colors: active) {
  [type="radio"]:checked { appearance: auto; }
}
[type="checkbox"]:checked:hover, [type="checkbox"]:checked:focus, [type="radio"]:checked:hover, [type="radio"]:checked:focus { border-color: transparent; background-color: currentcolor; }
[type="checkbox"]:indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentcolor; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; }
@media (forced-colors: active) {
  [type="checkbox"]:indeterminate { appearance: auto; }
}
[type="checkbox"]:indeterminate:hover, [type="checkbox"]:indeterminate:focus { border-color: transparent; background-color: currentcolor; }
[type="file"] { background: unset; border-color: inherit; border-width: 0px; border-radius: 0px; padding: 0px; font-size: unset; line-height: inherit; }
[type="file"]:focus { outline: -webkit-focus-ring-color auto 1px; }
.pointer-events-none { pointer-events: none; }
.absolute { position: absolute; }
.relative { position: relative; }
.-bottom-24 { bottom: -6rem; }
.-left-24 { left: -6rem; }
.-right-24 { right: -6rem; }
.-top-24 { top: -6rem; }
.left-1\/2 { left: 50%; }
.left-4 { left: 1rem; }
.top-0 { top: 0px; }
.top-1\/2 { top: 50%; }
.-z-10 { z-index: -10; }
.z-10 { z-index: 10; }
.mx-auto { margin-left: auto; margin-right: auto; }
.mb-14 { margin-bottom: 3.5rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-5 { margin-bottom: 1.25rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-8 { margin-bottom: 2rem; }
.ml-1 { margin-left: 0.25rem; }
.ml-auto { margin-left: auto; }
.mt-24 { margin-top: 6rem; }
.inline-block { display: inline-block; }
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.grid { display: grid; }
.hidden { display: none; }
.h-10 { height: 2.5rem; }
.h-12 { height: 3rem; }
.h-80 { height: 20rem; }
.h-\[500px\] { height: 500px; }
.w-10 { width: 2.5rem; }
.w-12 { width: 3rem; }
.w-80 { width: 20rem; }
.w-full { width: 100%; }
.max-w-2xl { max-width: 42rem; }
.max-w-3xl { max-width: 48rem; }
.max-w-7xl { max-width: 80rem; }
.border-collapse { border-collapse: collapse; }
.-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.cursor-pointer { cursor: pointer; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.gap-1 { gap: 0.25rem; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-6 { gap: 1.5rem; }
.gap-8 { gap: 2rem; }
.space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); }
.divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); }
.divide-outline-variant\/10 > :not([hidden]) ~ :not([hidden]) { border-color: rgba(72, 72, 72, 0.1); }
.overflow-hidden { overflow: hidden; }
.overflow-x-auto { overflow-x: auto; }
.whitespace-nowrap { white-space: nowrap; }
.rounded-2xl { border-radius: 1rem; }
.rounded-full { border-radius: 9999px; }
.rounded-lg { border-radius: 0.5rem; }
.rounded-xl { border-radius: 0.75rem; }
.border { border-width: 1px; }
.border-b { border-bottom-width: 1px; }
.border-t { border-top-width: 1px; }
.border-outline-variant\/20 { border-color: rgba(72, 72, 72, 0.2); }
.border-outline-variant\/40 { border-color: rgba(72, 72, 72, 0.4); }
.border-white\/5 { border-color: rgba(255, 255, 255, 0.05); }
.bg-amber-600\/10 { background-color: rgba(217, 119, 6, 0.1); }
.bg-amber-600\/20 { background-color: rgba(217, 119, 6, 0.2); }
.bg-blue-500\/10 { background-color: rgba(59, 130, 246, 0.1); }
.bg-blue-500\/20 { background-color: rgba(59, 130, 246, 0.2); }
.bg-green-500\/10 { background-color: rgba(34, 197, 94, 0.1); }
.bg-green-500\/20 { background-color: rgba(34, 197, 94, 0.2); }
.bg-indigo-500\/10 { background-color: rgba(99, 102, 241, 0.1); }
.bg-indigo-500\/20 { background-color: rgba(99, 102, 241, 0.2); }
.bg-pink-500\/10 { background-color: rgba(236, 72, 153, 0.1); }
.bg-pink-500\/20 { background-color: rgba(236, 72, 153, 0.2); }
.bg-primary\/20 { background-color: rgba(255, 179, 176, 0.2); }
.bg-primary\/5 { background-color: rgba(255, 179, 176, 0.05); }
.bg-purple-500\/10 { background-color: rgba(168, 85, 247, 0.1); }
.bg-purple-500\/20 { background-color: rgba(168, 85, 247, 0.2); }
.bg-red-500\/10 { background-color: rgba(239, 68, 68, 0.1); }
.bg-red-500\/20 { background-color: rgba(239, 68, 68, 0.2); }
.bg-secondary\/20 { background-color: rgba(255, 179, 176, 0.2); }
.bg-surface-container { --tw-bg-opacity: 1; background-color: rgb(25 26 26 / var(--tw-bg-opacity, 1)); }
.bg-surface-container-high { --tw-bg-opacity: 1; background-color: rgb(31 32 32 / var(--tw-bg-opacity, 1)); }
.bg-surface-container-highest { --tw-bg-opacity: 1; background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1)); }
.bg-surface-container-low { --tw-bg-opacity: 1; background-color: rgb(19 19 19 / var(--tw-bg-opacity, 1)); }
.bg-teal-500\/10 { background-color: rgba(20, 184, 166, 0.1); }
.bg-teal-500\/20 { background-color: rgba(20, 184, 166, 0.2); }
.bg-yellow-500\/10 { background-color: rgba(234, 179, 8, 0.1); }
.bg-yellow-500\/20 { background-color: rgba(234, 179, 8, 0.2); }
.p-12 { padding: 3rem; }
.p-8 { padding: 2rem; }
.px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-20 { padding-top: 5rem; padding-bottom: 5rem; }
.py-24 { padding-top: 6rem; padding-bottom: 6rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.pb-16 { padding-bottom: 4rem; }
.pb-6 { padding-bottom: 1.5rem; }
.pl-12 { padding-left: 3rem; }
.pr-4 { padding-right: 1rem; }
.pt-12 { padding-top: 3rem; }
.pt-24 { padding-top: 6rem; }
.pt-6 { padding-top: 1.5rem; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.font-headline { font-family: "Inter Tight", Inter, sans-serif; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.text-5xl { font-size: 3rem; line-height: 1; }
.text-\[15px\] { font-size: 15px; }
.text-base { font-size: 1rem; line-height: 1.5rem; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-xs { font-size: 0.75rem; line-height: 1rem; }
.font-bold { font-weight: 700; }
.font-extrabold { font-weight: 800; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.uppercase { text-transform: uppercase; }
.leading-relaxed { line-height: 1.625; }
.tracking-tight { letter-spacing: -0.025em; }
.tracking-tighter { letter-spacing: -0.05em; }
.tracking-wider { letter-spacing: 0.05em; }
.tracking-widest { letter-spacing: 0.1em; }
.text-amber-500 { --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); }
.text-blue-400 { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); }
.text-green-400 { --tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity, 1)); }
.text-indigo-400 { --tw-text-opacity: 1; color: rgb(129 140 248 / var(--tw-text-opacity, 1)); }
.text-on-surface { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.text-on-surface-variant { --tw-text-opacity: 1; color: rgb(173 170 170 / var(--tw-text-opacity, 1)); }
.text-pink-400 { --tw-text-opacity: 1; color: rgb(244 114 182 / var(--tw-text-opacity, 1)); }
.text-primary { --tw-text-opacity: 1; color: rgb(255 179 176 / var(--tw-text-opacity, 1)); }
.text-purple-400 { --tw-text-opacity: 1; color: rgb(192 132 252 / var(--tw-text-opacity, 1)); }
.text-red-400 { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); }
.text-secondary { --tw-text-opacity: 1; color: rgb(255 179 176 / var(--tw-text-opacity, 1)); }
.text-secondary-dim { --tw-text-opacity: 1; color: rgb(224 153 149 / var(--tw-text-opacity, 1)); }
.text-teal-400 { --tw-text-opacity: 1; color: rgb(45 212 191 / var(--tw-text-opacity, 1)); }
.text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.text-yellow-400 { --tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-text-opacity, 1)); }
.placeholder-on-surface-variant::placeholder { --tw-placeholder-opacity: 1; color: rgb(173 170 170 / var(--tw-placeholder-opacity, 1)); }
.opacity-10 { opacity: 0.1; }
.shadow-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.outline-none { outline: transparent solid 2px; outline-offset: 2px; }
.blur-\[120px\] { --tw-blur: blur(120px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.blur-\[80px\] { --tw-blur: blur(80px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.duration-200 { transition-duration: 200ms; }
.hover\:-translate-y-1:hover { --tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.hover\:bg-surface-bright:hover { --tw-bg-opacity: 1; background-color: rgb(44 44 44 / var(--tw-bg-opacity, 1)); }
.hover\:text-on-surface:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.hover\:underline:hover { text-decoration-line: underline; }
.hover\:opacity-90:hover { opacity: 0.9; }
.focus\:border-transparent:focus { border-color: transparent; }
.focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.focus\:ring-secondary:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(255 179 176 / var(--tw-ring-opacity, 1)); }
@media (min-width: 768px) {
  .md\:w-96 { width: 24rem; }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .md\:flex-row { flex-direction: row; }
  .md\:items-end { align-items: flex-end; }
  .md\:items-center { align-items: center; }
  .md\:justify-between { justify-content: space-between; }
  .md\:p-16 { padding: 4rem; }
  .md\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
  .md\:text-7xl { font-size: 4.5rem; line-height: 1; }
  .md\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }
  .md\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }
}