/* The site header and footer, as the React Nav and Footer render them on every other page.
   Their markup here is a copy; landing.css restyles any [class*="bg-white/"], the dropdown
   wrappers, rings and footer text for the old landing. Measured against lizard.build/pricing. */
html body .production-header,html body .production-header :where(:not(svg):not(svg *)),
html body footer,html body footer :where(:not(svg):not(svg *)){font-family:'Geist Site',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif!important}
html body .production-header .nav-bar{gap:normal}

/* Product and Resources menus: the panel alone is the surface; rows are clear until hovered. */
html body .production-header .nav-bar [data-dropdown]{background:transparent!important;border:0!important}
html body .production-header .nav-bar [data-dropdown] a{background-color:transparent!important}
html body .production-header .nav-bar [data-dropdown] a:hover{background-color:rgba(255,255,255,.04)!important}
html body .production-header .nav-bar [data-dropdown] a>span:first-child{background-color:rgba(255,255,255,.04)!important}

/* Language menu. */
html body .production-header details nav{background:#141719!important;border-color:rgba(255,255,255,.1)!important;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)!important}
html body .production-header details nav a{background-color:transparent!important}
html body .production-header details nav a:hover{background-color:rgba(255,255,255,.05)!important}
html body .production-header details nav a[aria-current="page"]{background-color:rgba(255,255,255,.05)!important}
html body .production-header summary img,html body .production-header details nav img{box-shadow:0 0 0 1px rgba(255,255,255,.1)!important}

/* Signed-in actions. */
html body .production-header .nav-bar>div:nth-child(2)>a[href="/"]:not(.nav-avatar){color:#fff!important}
html body .production-header .nav-avatar img,html body .production-header .nav-avatar span{box-shadow:0 0 0 1px rgba(255,255,255,.06)!important}

/* Footer text. */
html body footer p.text-txt-secondary,html body footer button.text-txt-secondary{color:#858B94!important;font-weight:400!important}
html body footer button.text-txt-secondary:hover{color:#E9EDF4!important}
html body footer h3{font-weight:400!important;letter-spacing:normal!important}
html body footer a[href*="aidirectori.es"] .flex-col>span:last-child{color:#fff!important}

/* Same 24px side gutter as every section (this file loads last, after the hero's own rules). */
html body main>section:first-child{padding-left:24px!important;padding-right:24px!important}
html body main>section:first-child>.hero-agents{padding-left:24px;padding-right:24px}
@media(max-width:767px){html body footer{padding-left:24px!important;padding-right:24px!important}}
/* Footer content on the same 1152px column as the sections (landing.css widened it to 1600px). */
html body footer{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}

/* Closing CTA: the same buttons as the header's "Start for free" (34px, 16px padding,
   8px radius, 14px Semibold). Primary is 50% emerald with an emerald border, solid on hover;
   secondary is #2E2E2E, #3B3B3B on hover. a.site-cta[href] outranks landing.css's
   main a[href*='/login'] rules. */
html body main a.site-cta[href]{box-sizing:border-box;padding:6px 16px!important;border:1px solid transparent!important;border-radius:8px!important;box-shadow:none!important;color:#E9EDF4!important;font:600 14px/20px 'Geist Site',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif!important;text-decoration:none;transition:background-color .15s,border-color .15s}
html body main a.site-cta.site-cta-primary{background:rgba(16,185,129,.5)!important;border-color:#10B981!important}
html body main a.site-cta.site-cta-primary:is(:hover,:active){background:#10B981!important}
html body main a.site-cta.site-cta-secondary{background:#2E2E2E!important}
html body main a.site-cta.site-cta-secondary:is(:hover,:active){background:#3B3B3B!important}
html body main a.site-cta[href]:focus-visible{outline:2px solid #10B981;outline-offset:2px}