@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&display=swap');

html { scroll-behavior: smooth; }
body {
    background: #f5f7f6 !important;
    color: #10202b !important;
    font-family: 'Manrope', sans-serif !important;
}
body > .relative.flex.min-h-screen {
    overflow: hidden;
}
header.fixed {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    border: 0 !important;
    border-bottom: 1px solid #dce4e7 !important;
    border-radius: 0 !important;
    background: rgba(245, 247, 246, .94) !important;
    box-shadow: none !important;
    backdrop-filter: blur(14px);
    color: #10202b !important;
    display: flex !important;
    align-items: center !important;
    padding: 1.5rem max(1.5rem, calc((100% - 80rem) / 2)) !important;
}
header.fixed > div:first-child { flex: 0 0 auto; }
header.fixed > nav { flex: 1 1 auto !important; justify-content: center !important; gap: 2rem !important; }
header.fixed > div:last-child { flex: 0 0 auto; }
header.fixed a,
header.fixed button,
header.fixed .text-white {
    color: #10202b !important;
}
header.fixed a:hover,
header.fixed button:hover {
    color: #ed2526 !important;
}
header.fixed .bg-primary {
    color: #fff !important;
    background: #ed2526 !important;
}
header.fixed .bg-primary:hover {
    color: #fff !important;
    background: #10202b !important;
}
main {
    background: #f5f7f6;
}
main > section:first-child,
main > .relative:first-child,
main > .flex:first-child {
    padding-top: 9rem !important;
    background: #f5f7f6 !important;
}
main h1,
main h2,
main h3,
main h4 {
    color: #10202b;
    font-family: 'Space Grotesk', 'Manrope', sans-serif !important;
    letter-spacing: -.02em;
}
main h1 {
    font-size: clamp(2.75rem, 6vw, 5.5rem) !important;
    line-height: 1.02 !important;
}
main p,
main li {
    color: #61717c;
}
main img {
    border-radius: 1rem;
}
main .bg-slate-950,
main .bg-\[\#0d141b\] {
    background: #10202b !important;
}
main .bg-white,
main .bg-background-light,
main .bg-slate-50,
main .bg-slate-100 {
    background: #fff !important;
}
main .border-slate-200,
main .border-slate-300,
main .border-border-slate {
    border-color: #dce4e7 !important;
}
main .rounded-xl,
main .rounded-2xl,
main .rounded-3xl {
    border-radius: .75rem !important;
}
main .shadow-xl,
main .shadow-2xl {
    box-shadow: 0 20px 60px rgba(16, 32, 43, .10) !important;
}
main .text-primary,
main .text-signal {
    color: #ed2526 !important;
}
main .bg-primary {
    background: #ed2526 !important;
}
main .text-slate-600,
main .text-slate-500,
main .text-slate-400,
main .text-slate-muted {
    color: #61717c !important;
}
main section > div:first-child {
    max-width: 80rem;
}
#crmWebToEntityForm {
    width: 100% !important;
    max-width: none !important;
    border: 1px solid #dce4e7 !important;
    border-radius: .75rem !important;
    box-shadow: 0 20px 60px rgba(16, 32, 43, .08) !important;
    padding: 2rem !important;
}
.legal-content h2 {
    color: #10202b !important;
    font-family: 'Space Grotesk', 'Manrope', sans-serif !important;
    letter-spacing: -.02em;
}
.legal-content p,
.legal-content li {
    color: #61717c !important;
}
footer {
    background: #10202b !important;
    border-top: 0 !important;
}
footer h2,
footer h4,
footer p,
footer a {
    color: rgba(255, 255, 255, .72) !important;
}
footer h2,
footer h4 {
    color: #fff !important;
}
footer a:hover {
    color: #ed2526 !important;
}
@media (max-width: 767px) {
    header.fixed {
        padding: .75rem 1rem !important;
    }
    header.fixed > nav { display: none !important; }
    main > section:first-child,
    main > .relative:first-child,
    main > .flex:first-child {
        padding-top: 7rem !important;
    }
    #crmWebToEntityForm {
        padding: 1rem !important;
    }
}