/* Shared dropdown corners and the tablet/phone menu. */
@media(min-width:1001px){#site-header .mega-drop>div.mega-menu.odoo-menu{width:100%;border-radius:18px}}
#site-header .nav-mobile-only,#site-header .nav-mobile-actions{display:none}
@media(max-width:1000px){
  body.nav-overlay-open{overflow:hidden}
  #site-header .new-menu{display:block}
  #site-header.menu-open{height:100vh;height:100dvh;background:#fffcfb;color:#2d0313;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  #site-header.menu-open .new-nav{height:86px;width:calc(100% - 64px);max-width:1200px;position:relative}
  #site-header.menu-open .brand-word-shape{background:#2d0313}
  #site-header.menu-open .new-nav-actions>.new-btn{display:none}
  #site-header.menu-open .new-menu{width:42px;height:42px;position:relative;color:#2d0313;padding:8px;flex:none}
  #site-header.menu-open .new-menu i{background:#2d0313;height:2px;margin:5px 2px;transition:transform .15s,opacity .15s}
  #site-header .new-menu.open i:nth-child(1){transform:translateY(7px) rotate(45deg)}
  #site-header .new-menu.open i:nth-child(2){opacity:0}
  #site-header .new-menu.open i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  #site-header.menu-open .nav-scrim{display:none}
  #site-header .new-links.open,#site-header.solid .new-links.open{position:fixed;top:86px;bottom:0;left:0;right:0;display:flex;width:100%;max-height:none;overflow-y:auto;overscroll-behavior:contain;background:#fffcfb;color:#2d0313;border:0;border-radius:0;box-shadow:none;transform:none;margin:0;padding:35px max(32px,calc((100vw - 1200px)/2)) max(32px,env(safe-area-inset-bottom));gap:5px;align-items:stretch;flex-direction:column}
  #site-header .new-links.open>a,#site-header .new-links.open .new-drop>a{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:68px;margin:0;padding:15px 0;font:650 25px/1.3 'DM Sans',system-ui,sans-serif;letter-spacing:-.025em;color:#2d0313;text-decoration:none}
  #site-header.solid .new-links.open>a,#site-header.solid .new-links.open .new-drop>a{color:#2d0313}
  #site-header .new-links.open .new-drop>a svg{width:20px;height:20px;stroke:#946b7c;stroke-width:1.7;flex:none;margin-left:20px}
  #site-header .new-links.open .new-drop>a[aria-expanded=true]{color:#b1265e}
  #site-header .new-links.open a:focus-visible{outline:2px solid #a82e5d;outline-offset:3px;border-radius:5px}
  #site-header .new-links.open .new-drop{position:static}
  #site-header .new-links.open .new-drop.open>div,#site-header .new-links.open .mega-drop>div.mega-menu.odoo-menu{position:static;width:100%;max-height:none;padding:0;margin:0 0 12px;left:auto;top:auto;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;color:#2d0313;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;overflow:visible}
  #site-header .new-links.open .new-drop.open>div{opacity:1;visibility:visible}
  #site-header .new-links.open .new-drop>div a{border-radius:0;background:none}
  #site-header .new-links.open .odoo-menu h5{font-size:11px;line-height:1.5;letter-spacing:.045em;color:#8e4f69;margin-bottom:10px}
  #site-header .new-links.open .odoo-menu section>a{font-size:13px;line-height:1.5;padding:8px 0;color:#513c46}
  #site-header .new-links.open .odoo-menu footer{margin:0;padding:14px 0 0;background:none;border-top:1px solid #ead9e1;text-align:left}
  #site-header .new-links.open .odoo-menu footer a{padding:0!important;font-size:12px;color:#9f2b5b}
  #site-header .new-links.open .odoo-menu footer b{display:none}
  #site-header .new-links.open .resource-drop>div a{padding:10px 0;background:none}
  #site-header .new-links.open .nav-mobile-actions{display:flex;gap:18px;align-items:center;margin-top:auto;padding-top:40px;padding-bottom:4px}
  #site-header .nav-mobile-actions>a{display:flex;flex:1;align-items:center;justify-content:center;min-height:58px;padding:14px 18px;border:1px solid #2d0313;border-radius:999px;font-size:17px;font-weight:600;text-align:center;text-decoration:none;color:#2d0313;white-space:nowrap}
  #site-header .nav-mobile-actions .nav-mobile-trial{background:linear-gradient(110deg,#fb2179,#ff9c61) border-box no-repeat;border-color:transparent;color:white}
}
@media(max-width:700px){
  #site-header.menu-open .new-nav{height:76px;width:calc(100% - 40px)}
  #site-header .new-links.open,#site-header.solid .new-links.open{top:76px;padding:22px 24px max(24px,env(safe-area-inset-bottom));gap:3px}
  #site-header .new-links.open>a,#site-header .new-links.open .new-drop>a{font-size:22px;min-height:61px;padding:14px 0}
  #site-header .new-links.open .new-drop.open>div,#site-header .new-links.open .mega-drop>div.mega-menu.odoo-menu{grid-template-columns:1fr;gap:23px}
  #site-header .new-links.open .nav-mobile-actions{gap:12px;padding-top:30px}
  #site-header .nav-mobile-actions>a{min-height:50px;font-size:14px;padding:12px}
}
@media(max-width:360px){#site-header .new-links.open,#site-header.solid .new-links.open{padding-inline:20px}#site-header .new-links.open>a,#site-header .new-links.open .new-drop>a{font-size:20px;min-height:55px}}
@media(prefers-reduced-motion:reduce){#site-header .new-menu i{transition:none}}

/* Resource links stay plain; keyboard focus uses an outline instead of an underline. */
#site-header .resource-drop>div a:hover,#site-header .resource-drop>div a:focus-visible{background:transparent;color:#2d0313;text-decoration:none}
@media(min-width:1001px){
 #site-header .new-links>a:hover,#site-header .new-links>a.active,
 #site-header .new-drop>a:hover,#site-header .new-drop>a.active,
 #site-header .new-drop>a[aria-expanded="true"]{color:#fff;background:transparent;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
}
@media(max-width:1000px){
 #site-header .new-links.open .new-drop>a[aria-expanded="true"]{color:#2d0313;background:transparent;text-decoration:none}
 #site-header .new-links.open a:hover,
 #site-header .new-links.open a:active,
 #site-header .new-links.open a:focus-visible{text-decoration:none}
}
/* Keep the existing backdrop click target while Resources opens over a sharp page. */
#site-header .resource-drop>a:is(:hover,:active,:focus-visible,.active,[aria-expanded="true"]){text-decoration:none}
#site-header .resource-drop>a:focus-visible,
#site-header .resource-drop>div a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
#site-header:has(.resource-drop>a[aria-expanded="true"]),
#site-header:has(.resource-drop>a[aria-expanded="true"]) .nav-scrim{backdrop-filter:none;-webkit-backdrop-filter:none;transition-property:background-color,box-shadow,color,opacity}
/* Outrank the homepage's scrolled-header hover rule without removing focus rings. */
#site-header.solid .new-links .resource-drop>a,
#site-header:not(.solid) .new-links .resource-drop>a{text-decoration:none}