/* ============================================================
   RDA site chrome — header + footer styles extracted from
   https://www.rdadigital.com/product-blokpilot
   ============================================================ */

@font-face { font-family: Avenir; font-weight: 600; src: url("https://8649788.fs1.hubspotusercontent-na1.net/hubfs/8649788/raw_assets/public/RDA-2024/fonts/avenir85.woff2") format("woff2"), url("https://8649788.fs1.hubspotusercontent-na1.net/hubfs/8649788/raw_assets/public/RDA-2024/fonts/avenir85.woff") format("woff"); }
@font-face { font-family: Avenir; font-weight: 500; src: url("https://8649788.fs1.hubspotusercontent-na1.net/hubfs/8649788/raw_assets/public/RDA-2024/fonts/avenir65Medium.woff2") format("woff2"), url("https://8649788.fs1.hubspotusercontent-na1.net/hubfs/8649788/raw_assets/public/RDA-2024/fonts/avenir65Medium.woff") format("woff"); }
@font-face { font-family: Avenir; font-weight: 300; src: url("https://8649788.fs1.hubspotusercontent-na1.net/hubfs/8649788/raw_assets/public/RDA-2024/fonts/avenir35Lightfont.woff2") format("woff2"), url("https://8649788.fs1.hubspotusercontent-na1.net/hubfs/8649788/raw_assets/public/RDA-2024/fonts/avenir35Lightfont.woff") format("woff"); }
@font-face { font-family: Avenir; font-weight: 400; src: url("https://8649788.fs1.hubspotusercontent-na1.net/hubfs/8649788/raw_assets/public/RDA-2024/fonts/avenir55.woff2") format("woff2"), url("https://8649788.fs1.hubspotusercontent-na1.net/hubfs/8649788/raw_assets/public/RDA-2024/fonts/avenir55.woff") format("woff"); }
@font-face { font-family: Avenir45; src: url("https://8649788.fs1.hubspotusercontent-na1.net/hubfs/8649788/raw_assets/public/RDA-2024/fonts/avenir45Bookfont.woff2") format("woff2"), url("https://8649788.fs1.hubspotusercontent-na1.net/hubfs/8649788/raw_assets/public/RDA-2024/fonts/avenir45Bookfont.woff") format("woff"); }
@font-face { font-family: Avenir; font-weight: 800; src: url("https://8649788.fs1.hubspotusercontent-na1.net/hubfs/8649788/raw_assets/public/RDA-2024/fonts/avenir95Black.woff2") format("woff2"), url("https://8649788.fs1.hubspotusercontent-na1.net/hubfs/8649788/raw_assets/public/RDA-2024/fonts/avenir95Black.woff") format("woff"); }

html { -webkit-font-smoothing: antialiased; max-width: 100%; overflow-x: hidden; text-rendering: optimizelegibility; width: 100%; }
body { background-color: var(--layout-outer-bg); }
ol, ul { list-style: none; }
a { color: inherit; text-decoration: none; transition: color var(--transition-fast); }
a:hover { color: var(--color-orange); }
canvas, img, picture, svg, video { display: block; height: auto; max-width: 100%; }
button, input, select, textarea { font: inherit; }

.cta { align-items: center; background: linear-gradient(180deg, var(--color-orange-light) 0, var(--color-orange-dark) 100%); border: none; border-radius: var(--radius-sm); cursor: pointer; display: inline-flex; font-family: var(--font-primary); font-size: var(--font-size-small); font-weight: var(--font-weight-regular); gap: 10px; justify-content: center; letter-spacing: 0.7px; padding: 8px 20px; text-shadow: var(--shadow-text); text-transform: uppercase; transition: transform var(--transition-fast), box-shadow var(--transition-fast); }
.cta, .cta:hover { color: var(--color-white); }
.cta:hover { box-shadow: rgba(252, 99, 13, 0.3) 0 4px 12px; transform: translateY(-1px); }
.cta::after { background-image: url("https://8649788.fs1.hubspotusercontent-na1.net/hubfs/8649788/Website%202026/arrow_forward.svg"); background-repeat: no-repeat; background-size: contain; content: ""; display: inline-block; height: 15px; width: 15px; }

#hs_cos_wrapper_footer, #hs_cos_wrapper_header, .constrained-width { margin: 0 auto; max-width: var(--layout-content-width); width: 100%; }

/* ---------------- Header / nav ---------------- */
.nav-container { background: rgba(255, 255, 255, 0.2); border-radius: var(--radius-sm); padding: 24px 0; width: 100%; }
@media (max-width: 1280px) { .nav-container { padding: 16px 0; } }
@media (max-width: 768px) { .nav-container { padding: 10px 0; } }
.nav { align-items: center; display: flex; justify-content: space-between; width: 100%; }
.nav__logo { height: auto; object-fit: contain; width: 105px; }
.nav__menu-wrapper .hs-menu-wrapper > ul { align-items: center; display: flex; gap: 40px; list-style: none; margin: 0; padding: 0; }
.nav__menu-wrapper .hs-menu-wrapper > ul > li { position: relative; }
.nav__menu-wrapper .hs-menu-wrapper > ul > li > a { color: var(--color-dark-purple); font-family: var(--font-primary); font-size: var(--font-size-nav); font-weight: var(--font-weight-medium); letter-spacing: 1.32px; text-decoration: none; text-transform: uppercase; transition: color var(--transition-fast); }
.nav__menu-wrapper .hs-menu-wrapper > ul > li > a:hover { color: var(--color-orange); }
.nav__menu-wrapper .hs-menu-children-wrapper { background: var(--color-white); border-radius: var(--radius-sm); box-shadow: var(--shadow-dropdown); display: flex; flex-direction: column; left: 0; list-style: none; margin: 10px 0 0; min-width: 220px; opacity: 0; padding: 10px 21px; pointer-events: none; position: absolute; top: 100%; transform: translateY(-10px); transition: opacity var(--transition-normal), transform var(--transition-normal); z-index: 100; }
.nav__menu-wrapper .hs-menu-wrapper > ul > li:hover > .hs-menu-children-wrapper { opacity: 1; pointer-events: auto; transform: translateY(0); }
.nav__menu-wrapper .hs-menu-wrapper > ul > li::after { content: ""; height: 10px; left: 0; position: absolute; top: 100%; width: 100%; }
.nav__menu-wrapper .hs-menu-children-wrapper a { align-items: center; border-bottom: 1px solid var(--color-light-gray); color: var(--color-dark-purple); display: flex; font-family: var(--font-primary); font-size: var(--font-size-nav-submenu); font-weight: var(--font-weight-light); letter-spacing: 0.65px; padding: 4px 0; text-decoration: none; text-transform: none; transition: color var(--transition-fast); }
.nav__menu-wrapper .hs-menu-children-wrapper li:not(.hs-item-has-children):last-child a { border-bottom: none; }
.nav__menu-wrapper .hs-menu-children-wrapper a:hover { color: var(--color-orange); }
.nav__hamburger { background: none; border: none; cursor: pointer; display: none; flex-direction: column; gap: 5px; padding: 8px; z-index: 201; }
.nav__hamburger-line { background: var(--color-dark-purple); border-radius: 2px; display: block; height: 2px; transition: transform var(--transition-normal), opacity var(--transition-normal); width: 24px; }
@media (max-width: 1000px) { .nav__hamburger { display: flex; right: 32px; top: 34px; } }
@media (max-width: 1000px) { .nav__menu-wrapper { background: var(--color-white); box-shadow: rgba(0, 0, 0, 0.1) -4px 0 20px; height: 100vh; overflow-y: auto; padding: 32px 24px 48px; position: fixed; right: 0; top: 0; transform: translateX(100%); transition: transform var(--transition-normal), visibility 0s var(--transition-normal); visibility: hidden; width: 280px; z-index: 200; } }
@media (max-width: 1000px) { .nav__menu-wrapper .hs-menu-wrapper > ul { align-items: flex-start; flex-direction: column; gap: 0; } }
@media (max-width: 1000px) { .nav__menu-wrapper .hs-menu-wrapper > ul > li { border-bottom: 1px solid var(--color-light-gray); padding-bottom: 6px; width: 100%; } }
@media (max-width: 1000px) { .nav__menu-wrapper .hs-menu-wrapper > ul > li > a { display: block; font-size: var(--font-size-menu); font-weight: 800; letter-spacing: 0.16px; padding: 12px 0 4px; } }
@media (max-width: 1000px) { .nav__menu-wrapper .hs-menu-children-wrapper { box-shadow: none; margin: 0; min-width: 0; opacity: 1; padding: 4px 0 0; pointer-events: auto; position: static; transform: none; } }
@media (max-width: 1000px) { .nav__menu-wrapper .hs-menu-children-wrapper a { border-bottom: none; } }
.nav__menu-wrapper .hs-menu-children-wrapper { left: -20px; min-width: 270px; }
@media (min-width: 1001px) { .nav__menu-wrapper .hs-menu-depth-1.hs-item-has-children:hover .hs-menu-depth-2.hs-item-has-children .hs-menu-children-wrapper { pointer-events: auto; } }
@media (min-width: 1001px) { .nav__menu-wrapper .hs-menu-item:nth-child(2) .hs-menu-children-wrapper { column-gap: 16px; grid-template-columns: 1fr 1fr; display: grid !important; } }
@media (min-width: 1001px) { .nav__menu-wrapper .hs-menu-depth-2.hs-item-has-children .hs-menu-children-wrapper { box-shadow: none; left: -20px; margin: 0; min-width: 200px; opacity: 1; padding: 0; transform: translateY(0); display: flex !important; position: static !important; } }
@media (min-width: 1001px) { .nav__menu-wrapper .hs-menu-item:nth-child(2) .hs-menu-depth-2.hs-item-has-children:last-child { border-left: 1px solid var(--color-light-gray); padding-left: 16px; } }
.nav__menu-wrapper .hs-menu-depth-2.hs-item-has-children > a { font-weight: 600; }
.nav__menu-wrapper .hs-menu-depth-2.hs-item-has-children > a:empty { display: none; }
.nav__menu-wrapper .hs-menu-item:nth-child(2) .hs-menu-depth-2.hs-item-has-children:first-child .hs-menu-children-wrapper { min-width: 120px; }
.nav__menu-wrapper .hs-menu-item:nth-child(2) .hs-menu-depth-2.hs-item-has-children:first-child .hs-menu-children-wrapper > li > a { font-weight: 600; }
.nav__menu-wrapper .hs-menu-item:nth-child(2) .hs-menu-depth-2.hs-item-has-children .hs-menu-children-wrapper > li:last-child a { border-bottom: none; }
@media (min-width: 1001px) { .nav__menu-wrapper .hs-menu-item:nth-child(4) .hs-menu-children-wrapper { column-gap: 32px; grid-template-columns: 1fr 1fr; min-width: 360px; display: grid !important; } }
@media (min-width: 1001px) { .nav__menu-wrapper .hs-menu-item:nth-child(2) .hs-menu-depth-2.hs-item-has-children .hs-menu-children-wrapper > li > a { border-bottom: 1px solid var(--color-light-gray); } }
.nav__menu-wrapper .cta { font-size: var(--font-size-nav); }
.nav__menu-wrapper .hs-menu-children-wrapper a b { font-weight: 600; }
@media (max-width: 1000px) { .nav__menu-wrapper { width: 100%; } }
@media (max-width: 1000px) { .nav__menu-wrapper .hs-menu-children-wrapper { min-width: 0; } }
@media (max-width: 1000px) { .hs-menu-depth-1.hs-item-has-children > a { align-items: center; justify-content: space-between; display: flex !important; } }
@media (max-width: 1000px) { .hs-menu-depth-1.hs-item-has-children > a::after { background-color: var(--color-dark-purple); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' class='nav__dropdown-icon' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m-7-7h14'/%3E%3C/svg%3E"); background-position: 50% center; background-repeat: no-repeat; border-radius: 100%; content: ""; height: 24px; transition: transform 0.3s; width: 24px; } }
@media (max-width: 1000px) { .hs-menu-depth-1 > ul.hs-menu-children-wrapper { opacity: 1; position: static; transform: none; transition: none; visibility: visible; display: none !important; } }
@media (max-width: 1000px) { .nav__menu-wrapper .hs-menu-wrapper > ul > li:last-child { border-bottom: none; } }
@media (max-width: 1000px) { .nav__menu-wrapper .hs-menu-item:nth-child(4) .hs-menu-children-wrapper li:first-child, .nav__menu-wrapper .hs-menu-item:nth-child(4) .hs-menu-children-wrapper li:nth-child(3), .nav__menu-wrapper .hs-menu-item:nth-child(4) .hs-menu-children-wrapper li:nth-child(5), .nav__menu-wrapper .hs-menu-item:nth-child(4) .hs-menu-children-wrapper li:nth-child(7) { order: -1; } }

/* ---------------- Footer ---------------- */
.footer { background-color: var(--color-white); display: flex; flex-direction: column; gap: 32px; padding: 0; }
.footer__logo-link { align-self: flex-start; display: inline-block; }
.footer__logo { height: 58px; object-fit: cover; width: 128px; }
.footer__columns { display: flex; justify-content: space-between; padding: 10px; width: 100%; }
.footer__bottom { align-items: flex-end; display: flex; justify-content: space-between; padding: 10px; width: 100%; }
.footer__address { color: var(--color-medium-gray); font-size: var(--font-size-menu); letter-spacing: 0.16px; }
.footer__connect { align-items: center; display: flex; flex-direction: column; gap: var(--spacing-sm); width: 160px; }
.footer__connect-title { color: var(--color-orange); font-size: var(--font-size-small); font-weight: var(--font-weight-semibold); letter-spacing: 0.28px; text-transform: uppercase; }
.social-icons { align-items: center; display: flex; gap: var(--spacing-sm); }
.social-icons__item { color: var(--color-dark-purple); transition: transform var(--transition-fast); }
.social-icons__item, .social-icons__item svg { height: 24px; width: 24px; }
.social-icons__item:hover { transform: scale(1.1); }
@media (max-width: 1024px) { .footer { padding: 50px var(--spacing-lg) 40px; } }
@media (max-width: 768px) { .footer { gap: 32px; padding: 32px 0 0; } }
@media (max-width: 768px) { .footer__bottom { align-items: flex-start; flex-direction: column; gap: var(--spacing-lg); } }
@media (max-width: 768px) { .footer__connect { align-items: flex-start; width: auto; } }
.footer { gap: 64px; }
.footer__columns { padding: 0; }
.footer__nav { display: grid; gap: 8%; grid-template-columns: repeat(4, 1fr); list-style-type: none; margin: 0; padding: 0; width: 100%; }
.footer__nav, .footer__nav ul { list-style-type: none; padding-left: 0; }
.footer__nav a { display: inline-block; }
.footer__nav > li, .footer__nav__group, .footer__nav__group > li.has-children { display: flex; flex-direction: column; gap: 20px; }
.footer__nav .footer__nav__group a, .footer__nav .footer__nav__parent { color: var(--footer-parent-link, var(--color-dark-purple)); font-size: var(--font-size-menu); font-weight: 800; letter-spacing: 0.16px; text-decoration: none; text-transform: uppercase; }
.footer__nav__children { display: flex; flex-direction: column; gap: 10px; }
.footer__nav .footer__nav__children a { color: var(--color-medium-gray); font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0.16px; line-height: 150%; text-transform: none; }
.footer__nav__group > li:not(:last-child) { border-bottom: 1px solid var(--footer-border-color, #f0f0f0); padding-bottom: 20px; }
.footer__nav a:focus, .footer__nav a:hover { color: var(--color-orange); }
@media (max-width: 1024px) { .footer__nav { gap: 2rem; grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { .footer__nav { grid-template-columns: repeat(1, 1fr); } }

/* ---------------- Standalone-page additions (not from the live site) ---------------- */
/* gutters when viewport is narrower than the 1200px content width */
@media (max-width: 1248px) {
  header.nav-container { padding-left: 24px; padding-right: 24px; }
  footer.footer { padding-left: 24px; padding-right: 24px; }
}
footer.footer { padding-top: 32px; padding-bottom: 48px; }
/* mobile menu open state (the live site toggles this with its own JS) */
.nav--open .nav__menu-wrapper { transform: translateX(0); transition: transform var(--transition-normal); visibility: visible; }
@media (max-width: 1000px) {
  .hs-menu-depth-1.is-expanded > ul.hs-menu-children-wrapper { display: block !important; }
  .hs-menu-depth-1.is-expanded > a::after { transform: rotate(45deg); }
}