/* ============================================================================
   Datacore ERP Site Refresh
   Refined SaaS typography and surface polish across public pages.
   ============================================================================ */

:root {
    --font-family: 'Onest', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    --font-sans: 'Onest', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    --font-heading: 'Sora', 'Onest', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    --primary-purple: #2557F6 !important;
    --primary-teal: #0EA5E9 !important;
    --dark-purple: #0B1733 !important;
    --light-purple: #78D4F6 !important;
    --accent-teal: #0F8F8A !important;
    --light-teal: #F4F8FC !important;
    --dark-teal: #0B6B65 !important;
    --dark-gray: #0D1830 !important;
    --medium-gray: #5A667A !important;
    --light-gray: #F6F9FC !important;
    --radius-md: 10px !important;
    --radius-lg: 16px !important;
    --radius-xl: 20px !important;
    --radius-control-sharp: 12px !important;
    --radius-chip-sharp: 10px !important;
    --radius-mini-sharp: 8px !important;
    --shadow-sm: 0 1px 2px rgba(13, 24, 48, 0.06) !important;
    --shadow-md: 0 12px 34px rgba(13, 24, 48, 0.08) !important;
    --shadow-lg: 0 22px 54px rgba(13, 24, 48, 0.12) !important;
    --shadow-xl: 0 30px 72px rgba(13, 24, 48, 0.16) !important;
}

html {
    text-rendering: optimizeLegibility;
}

body {
    font-family: var(--font-family) !important;
    color: #0D1830 !important;
    background: #F6F9FC !important;
    letter-spacing: 0 !important;
}

body,
p,
li,
input,
select,
textarea,
button {
    font-feature-settings: "kern" 1, "liga" 1;
}

h1,
h2,
h3,
h4,
h5,
h6,
.dc-title,
.dc-section-head h2,
.dc-split-copy h2,
.dc-cta h2,
.saas-title,
.saas-section-head h2,
.saas-split-copy h2,
.saas-cta h2,
.platform-title,
.platform-section-head h2,
.about-saas-title,
.about-saas-section-head h2,
.about-saas-split-copy h2,
.about-saas-cta h2,
.einvoice-title,
.einvoice-section-head h2,
.einvoice-split-copy h2,
.einvoice-cta h2 {
    font-family: var(--font-heading) !important;
    letter-spacing: 0 !important;
    text-wrap: balance;
}

h1,
.dc-title,
.saas-title,
.platform-title,
.about-saas-title,
.einvoice-title {
    max-width: 820px !important;
    font-size: 4.05rem !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
}

h2,
.dc-section-head h2,
.dc-split-copy h2,
.dc-cta h2,
.saas-section-head h2,
.saas-split-copy h2,
.saas-cta h2,
.platform-section-head h2,
.about-saas-section-head h2,
.about-saas-split-copy h2,
.about-saas-cta h2,
.einvoice-section-head h2,
.einvoice-split-copy h2,
.einvoice-cta h2 {
    font-size: 2.8rem !important;
    font-weight: 700 !important;
    line-height: 1.11 !important;
}

h3,
.dc-card h3,
.dc-list-item strong,
.dc-side-card-head strong,
.saas-module h3,
.saas-floating-card strong,
.saas-command-row strong,
.saas-testimonial-head strong,
.platform-flow-card strong,
.about-saas-panel h3,
.about-saas-panel-row strong,
.einvoice-card strong,
.integration-flow-top strong,
.integration-flow-row strong,
.footer-saas-links h4 {
    font-family: var(--font-heading) !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

p,
.dc-lead,
.dc-section-head p,
.dc-split-copy p,
.dc-cta p,
.dc-card p,
.dc-list-item span,
.terms-simple,
.terms-section p,
.terms-section ul li,
.saas-lead,
.saas-section-head p,
.saas-split-copy p,
.saas-cta p,
.saas-module p,
.saas-floating-card span,
.saas-command-row small,
.saas-testimonial-card p,
.saas-testimonial-head span,
.platform-lead,
.platform-flow-card span,
.about-saas-lead,
.about-saas-panel-row span,
.einvoice-lead,
.integration-flow-top span,
.integration-flow-row span,
.footer-saas-desc,
.footer-saas-cta-card p,
.footer-saas-links a,
.footer-saas-bottom p,
.footer-saas-bottom a {
    font-family: var(--font-family) !important;
    color: #5A667A !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

.dc-lead,
.saas-lead,
.platform-lead,
.about-saas-lead,
.einvoice-lead {
    max-width: 690px !important;
    font-size: 1.1rem !important;
    line-height: 1.72 !important;
}

.dc-section-head p,
.dc-split-copy p,
.dc-cta p,
.saas-section-head p,
.saas-split-copy p,
.saas-cta p,
.platform-section-head p,
.about-saas-section-head p,
.about-saas-split-copy p,
.about-saas-cta p,
.einvoice-section-head p,
.einvoice-split-copy p,
.einvoice-cta p {
    font-size: 1.02rem !important;
    line-height: 1.72 !important;
}

.dc-saas-page,
.saas-home,
.about-saas,
.platform-saas,
.einvoice-saas {
    --dc-navy: #0B1733 !important;
    --dc-blue: #2557F6 !important;
    --dc-cyan: #3AC4E8 !important;
    --dc-muted: #5A667A !important;
    --dc-line: rgba(88, 108, 138, 0.18) !important;
    --saas-navy: #0B1733 !important;
    --saas-blue: #2557F6 !important;
    --saas-sky: #0EA5E9 !important;
    --saas-cyan: #3AC4E8 !important;
    --saas-ink: #0D1830 !important;
    --saas-muted: #5A667A !important;
    --saas-line: rgba(88, 108, 138, 0.18) !important;
    --saas-soft: #F6F9FC !important;
    --about-navy: #0B1733 !important;
    --about-blue: #2557F6 !important;
    --about-cyan: #3AC4E8 !important;
    --about-muted: #5A667A !important;
    --about-line: rgba(88, 108, 138, 0.18) !important;
    --platform-navy: #0B1733 !important;
    --platform-blue: #2557F6 !important;
    --platform-cyan: #3AC4E8 !important;
    --platform-muted: #5A667A !important;
    --platform-line: rgba(88, 108, 138, 0.18) !important;
    --einvoice-navy: #0B1733 !important;
    --einvoice-blue: #2557F6 !important;
    --einvoice-cyan: #3AC4E8 !important;
    --einvoice-muted: #5A667A !important;
    --einvoice-line: rgba(88, 108, 138, 0.18) !important;
    background: linear-gradient(180deg, #F6FAFF 0%, #FFFFFF 38%, #F3F7FB 100%) !important;
    color: #0D1830 !important;
}

.dc-title span,
.dc-gradient-text,
.saas-gradient-text,
.platform-title span,
.about-saas-title span,
.einvoice-title span {
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    color: #2557F6 !important;
    text-decoration: none !important;
}

.navbar.navbar-saas {
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(88, 108, 138, 0.16) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 14px 34px rgba(13, 24, 48, 0.08) !important;
    -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
    backdrop-filter: blur(22px) saturate(145%) !important;
}

.navbar-saas .navbar-container {
    min-height: 60px !important;
}

.navbar-saas .navbar-brand-logo {
    width: 174px !important;
}

.navbar-saas .nav-link,
.navbar-login-link,
.navbar-signup-link,
.navbar-demo-link {
    font-family: var(--font-family) !important;
    font-size: 0.87rem !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

.navbar-saas .nav-link {
    min-height: 40px !important;
    padding: 0 12px !important;
    border-radius: var(--radius-control-sharp) !important;
    color: #46546B !important;
}

.navbar-saas .nav-link:hover,
.navbar-saas .nav-link.active {
    border-color: rgba(37, 87, 246, 0.14) !important;
    background: rgba(37, 87, 246, 0.07) !important;
    color: #2557F6 !important;
}

.navbar-resource-menu {
    position: relative !important;
}

.navbar-resource-toggle {
    appearance: none !important;
    display: inline-flex !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 1px solid transparent !important;
    cursor: pointer !important;
}

.navbar-resource-caret {
    width: 7px !important;
    height: 7px !important;
    border-right: 1.8px solid currentColor !important;
    border-bottom: 1.8px solid currentColor !important;
    transform: translateY(-2px) rotate(45deg) !important;
    transition: transform 0.2s ease !important;
}

.navbar-resource-menu.open .navbar-resource-caret,
.navbar-resource-menu:hover .navbar-resource-caret,
.navbar-resource-menu:focus-within .navbar-resource-caret {
    transform: translateY(1px) rotate(225deg) !important;
}

.navbar-resource-list {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 50% !important;
    z-index: 1500 !important;
    display: grid !important;
    gap: 4px !important;
    min-width: 220px !important;
    margin: 0 !important;
    padding: 8px !important;
    list-style: none !important;
    border: 1px solid rgba(88, 108, 138, 0.16) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 20px 48px rgba(13, 24, 48, 0.12) !important;
    -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate(-50%, 8px) !important;
    transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease !important;
}

@media (min-width: 1200px) {
    .navbar-resource-list::before {
        content: "";
        position: absolute;
        top: -10px;
        left: 0;
        width: 100%;
        height: 10px;
    }
}

.navbar-resource-menu.open .navbar-resource-list,
.navbar-resource-menu:hover .navbar-resource-list,
.navbar-resource-menu:focus-within .navbar-resource-list {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(-50%, 0) !important;
}

.navbar-resource-link {
    display: flex !important;
    align-items: center !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    border-radius: var(--radius-chip-sharp) !important;
    color: #46546B !important;
    font-family: var(--font-family) !important;
    font-size: 0.87rem !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease !important;
}

.navbar-resource-link:hover,
.navbar-resource-link.active {
    background: rgba(37, 87, 246, 0.07) !important;
    color: #2557F6 !important;
}

.navbar-resource-toggle:focus-visible,
.navbar-resource-link:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(37, 87, 246, 0.13) !important;
}

.navbar-signup-link {
    min-width: 104px !important;
    padding: 0 16px !important;
    border-radius: var(--radius-control-sharp) !important;
    border-color: rgba(37, 87, 246, 0.18) !important;
    color: #2557F6 !important;
    box-shadow: 0 10px 22px rgba(37, 87, 246, 0.08) !important;
}

.navbar-demo-link {
    min-width: 122px !important;
    padding: 0 18px !important;
    border-radius: var(--radius-control-sharp) !important;
    background: #2557F6 !important;
    color: #FFFFFF !important;
    box-shadow: 0 14px 28px rgba(37, 87, 246, 0.22) !important;
}

.navbar-login-link,
.navbar-saas .navbar-toggle {
    border-radius: var(--radius-control-sharp) !important;
}

.navbar-saas .navbar-toggle-icon span {
    border-radius: 4px !important;
}

.dc-kicker,
.saas-pill,
.saas-kicker,
.platform-kicker,
.about-saas-kicker,
.einvoice-kicker,
.footer-saas-kicker,
.dc-side-card-head span,
.platform-window-badge,
.einvoice-status,
.integration-flow-badge,
.integration-flow-tag,
.saas-dashboard-badge,
.saas-command-status,
.einvoice-pill,
.training-plan-status,
.training-session-tag,
.training-mini-label {
    font-family: var(--font-family) !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #2557F6 !important;
}

.dc-kicker,
.saas-pill,
.platform-kicker,
.about-saas-kicker,
.einvoice-kicker {
    padding: 7px 12px !important;
    border-radius: var(--radius-control-sharp) !important;
    border-color: rgba(37, 87, 246, 0.16) !important;
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow: 0 10px 26px rgba(13, 24, 48, 0.07) !important;
}

.saas-dashboard-badge,
.saas-command-status,
.platform-window-badge,
.einvoice-pill,
.integration-flow-badge,
.integration-flow-tag,
.training-plan-status,
.training-session-tag,
.training-mini-label {
    min-height: auto !important;
    padding: 6px 10px !important;
    border-radius: var(--radius-chip-sharp) !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.saas-trust-band {
    border-radius: 18px !important;
    padding: 18px 20px !important;
}

.saas-panel-title,
.saas-panel-filter,
.saas-metric-label,
.saas-metric-value,
.training-progress-bar,
.training-progress-bar span {
    border-radius: var(--radius-mini-sharp) !important;
}

.dc-btn,
.saas-btn,
.platform-btn,
.about-saas-btn,
.einvoice-btn,
.footer-saas-btn {
    min-height: 50px !important;
    padding: 0 22px !important;
    border-radius: var(--radius-control-sharp) !important;
    font-family: var(--font-family) !important;
    font-size: 0.96rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.dc-btn-primary,
.saas-btn-primary,
.platform-btn-primary,
.about-saas-btn-primary,
.einvoice-btn-primary,
.footer-saas-btn-primary {
    background: #2557F6 !important;
    color: #FFFFFF !important;
    box-shadow: 0 16px 34px rgba(37, 87, 246, 0.24) !important;
}

.dc-btn-primary:hover,
.saas-btn-primary:hover,
.platform-btn-primary:hover,
.about-saas-btn-primary:hover,
.einvoice-btn-primary:hover,
.footer-saas-btn-primary:hover,
.navbar-demo-link:hover {
    background: #1745D6 !important;
    box-shadow: 0 18px 38px rgba(37, 87, 246, 0.28) !important;
}

.dc-btn-secondary,
.saas-btn-secondary,
.platform-btn-secondary,
.about-saas-btn-secondary,
.einvoice-btn-secondary,
.footer-saas-btn-light {
    border: 1px solid rgba(88, 108, 138, 0.2) !important;
    background: rgba(255, 255, 255, 0.88) !important;
    color: #0D1830 !important;
    box-shadow: 0 10px 26px rgba(13, 24, 48, 0.06) !important;
}

.dc-card,
.dc-glass-card,
.dc-cta-card,
.dc-form-card,
.dc-list-item,
.saas-dashboard,
.saas-proof-card,
.saas-module,
.saas-floating-card,
.saas-command-card,
.saas-command-row,
.saas-story-card,
.saas-testimonial-card,
.saas-cta-card,
.platform-visual,
.platform-window,
.platform-flow-card,
.about-saas-panel,
.about-saas-panel-row,
.einvoice-card,
.einvoice-window,
.integration-flow-card,
.integration-flow-row,
.footer-saas-cta-card,
.footer-saas-logo-card,
.footer-saas-contact,
.footer-saas-app-link {
    border-color: rgba(88, 108, 138, 0.16) !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 16px 40px rgba(13, 24, 48, 0.08) !important;
}

.dc-card,
.dc-list-item,
.saas-proof-card,
.saas-module,
.saas-command-row,
.saas-story-card,
.saas-testimonial-card,
.platform-flow-card,
.about-saas-panel-row,
.integration-flow-row,
.footer-saas-contact,
.footer-saas-app-link {
    border-radius: 18px !important;
}

.dc-glass-card,
.dc-form-card,
.saas-dashboard,
.saas-command-card,
.platform-visual,
.platform-window,
.about-saas-panel,
.einvoice-card,
.einvoice-window,
.integration-flow-card,
.footer-saas-cta-card {
    border-radius: 22px !important;
}

.dc-cta-card,
.saas-cta-card {
    border-radius: 26px !important;
}

.dc-card:hover,
.saas-module:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 20px 48px rgba(13, 24, 48, 0.11) !important;
}

.dc-card i,
.dc-list-icon,
.saas-icon,
.saas-command-icon,
.platform-flow-icon,
.about-saas-panel-icon,
.einvoice-feature i,
.integration-flow-icon {
    border-radius: 14px !important;
    background: #EDF5FF !important;
    color: #2557F6 !important;
}

.saas-visual-glow {
    opacity: 0.65 !important;
    filter: blur(10px) !important;
}

.dc-dark-section,
.saas-split,
.pricing-value-section {
    background: linear-gradient(180deg, #F8FBFF 0%, #EEF5FB 100%) !important;
}

.dc-cta-card,
.saas-cta-card,
.pricing-final-cta .dc-cta-card {
    background: linear-gradient(135deg, #FFFFFF 0%, #EEF5FB 100%) !important;
}

.dc-form-card input,
.dc-form-card select,
.dc-form-card textarea {
    border-color: rgba(88, 108, 138, 0.22) !important;
    border-radius: 14px !important;
    font-family: var(--font-family) !important;
}

.dc-form-card label {
    font-family: var(--font-family) !important;
    color: #334155 !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

.dc-form-card input:focus,
.dc-form-card select:focus,
.dc-form-card textarea:focus {
    border-color: #2557F6 !important;
    box-shadow: 0 0 0 4px rgba(37, 87, 246, 0.13) !important;
}

.footer-modern.footer-saas,
.footer-saas .footer-gradient-bg {
    background: #F3F7FB !important;
}

.footer-saas-links h4,
.footer-saas-cta-card h2 {
    color: #0B1733 !important;
}

.footer-saas-social a {
    background: #FFFFFF !important;
    color: #2557F6 !important;
    box-shadow: 0 10px 24px rgba(13, 24, 48, 0.08) !important;
}

.whatsapp-float {
    box-shadow: 0 16px 34px rgba(37, 211, 102, 0.26) !important;
}

@media (max-width: 1199px) {
    body.navbar-drawer-open {
        overflow: hidden !important;
    }

    .navbar.navbar-saas.drawer-open::before {
        content: "" !important;
        position: fixed !important;
        inset: 0 !important;
        z-index: 1380 !important;
        background: rgba(11, 23, 51, 0.34) !important;
        -webkit-backdrop-filter: blur(5px) !important;
        backdrop-filter: blur(5px) !important;
    }

    .navbar-saas .navbar-container {
        justify-content: space-between !important;
        gap: 14px !important;
        z-index: 1410 !important;
    }

    .navbar-saas .navbar-toggle {
        position: relative !important;
        z-index: 1420 !important;
        margin-left: auto !important;
    }

    .navbar-saas .navbar-nav {
        position: fixed !important;
        top: calc(env(safe-area-inset-top, 0px) + 82px) !important;
        right: max(14px, env(safe-area-inset-right, 0px)) !important;
        left: auto !important;
        display: flex !important;
        width: min(340px, calc(100vw - 28px)) !important;
        max-height: calc(100dvh - env(safe-area-inset-top, 0px) - 96px) !important;
        padding: 14px !important;
        border-radius: 18px !important;
        background:
            radial-gradient(circle at 22% 0%, rgba(58, 196, 232, 0.12), transparent 17rem),
            rgba(255, 255, 255, 0.985) !important;
        box-shadow: 0 26px 68px rgba(13, 24, 48, 0.22) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: scale(0.985) !important;
        transform-origin: top right !important;
        transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.22s ease !important;
    }

    .navbar-saas .navbar-nav.active {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translate3d(0, 0, 0) scale(1) !important;
    }

    .navbar-saas .nav-link,
    .navbar-login-link,
    .navbar-signup-link,
    .navbar-demo-link {
        border-radius: var(--radius-control-sharp) !important;
    }

    .navbar-saas .nav-link {
        min-height: 44px !important;
    }

    .navbar-saas .navbar-resource-menu {
        display: block !important;
        width: 100% !important;
    }

    .navbar-saas .navbar-resource-toggle {
        width: 100% !important;
        justify-content: space-between !important;
    }

    .navbar-resource-list {
        position: static !important;
        display: none !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 4px 0 0 !important;
        padding: 6px !important;
        border-radius: var(--radius-control-sharp) !important;
        background: rgba(37, 87, 246, 0.04) !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
    }

    .navbar-saas .navbar-resource-menu.open .navbar-resource-list {
        display: grid !important;
        transform: none !important;
    }

    .navbar-resource-menu.open .navbar-resource-caret {
        transform: translateY(1px) rotate(225deg) !important;
    }

    .navbar-resource-link {
        width: 100% !important;
        min-height: 42px !important;
    }

    .navbar-saas .navbar-actions {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 1024px) {
    h1,
    .dc-title,
    .saas-title,
    .platform-title,
    .about-saas-title,
    .einvoice-title {
        font-size: 3.05rem !important;
        line-height: 1.07 !important;
    }

    h2,
    .dc-section-head h2,
    .dc-split-copy h2,
    .dc-cta h2,
    .saas-section-head h2,
    .saas-split-copy h2,
    .saas-cta h2,
    .platform-section-head h2,
    .about-saas-section-head h2,
        .about-saas-split-copy h2,
        .about-saas-cta h2,
        .einvoice-section-head h2,
        .einvoice-split-copy h2,
        .einvoice-cta h2 {
        font-size: 2.25rem !important;
    }
}

@media (max-width: 640px) {
    h1,
    .dc-title,
    .saas-title,
    .platform-title,
    .about-saas-title,
    .einvoice-title {
        font-size: 2.32rem !important;
        line-height: 1.08 !important;
    }

    h2,
    .dc-section-head h2,
    .dc-split-copy h2,
    .dc-cta h2,
    .saas-section-head h2,
    .saas-split-copy h2,
    .saas-cta h2,
    .platform-section-head h2,
    .about-saas-section-head h2,
        .about-saas-split-copy h2,
        .about-saas-cta h2,
        .einvoice-section-head h2,
        .einvoice-split-copy h2,
        .einvoice-cta h2 {
        font-size: 1.88rem !important;
        line-height: 1.14 !important;
    }

    .dc-lead,
    .saas-lead,
    .platform-lead,
    .about-saas-lead,
    .einvoice-lead {
        font-size: 1rem !important;
        line-height: 1.68 !important;
    }

    .navbar-saas .navbar-brand-logo {
        width: 152px !important;
    }

    .dc-btn,
    .saas-btn,
    .platform-btn,
    .about-saas-btn,
    .einvoice-btn,
    .footer-saas-btn {
        width: 100% !important;
        padding: 0 18px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .navbar-saas .navbar-nav {
        gap: 5px !important;
    }

    .navbar-saas .nav-link {
        padding: 0 10px !important;
        border-radius: var(--radius-chip-sharp) !important;
    }

    .navbar-signup-link {
        min-width: 94px !important;
        padding: 0 12px !important;
    }

    .navbar-demo-link {
        min-width: 112px !important;
        padding: 0 14px !important;
    }
}