/* Shared chrome for the public iAgenda Hub homepage and five institutional pages.
   A single visual language, with each page retaining its own content and behavior. */
.site-header.top{background:rgba(9,9,10,.96);backdrop-filter:blur(14px);border-bottom:1px solid #302a22}
.site-header .nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px}
.site-header .brand{flex:none;margin-right:auto;color:#f6f1e8;text-decoration:none;font:400 25px/.98 Georgia,"Times New Roman",serif;letter-spacing:-.025em}
.site-header .brand small{display:block;margin-top:7px;font:800 9px/1.2 Inter,Arial,sans-serif;letter-spacing:.16em;color:#d8bb83}
.site-header .nav-links{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:clamp(10px,1.5vw,20px);margin:0 0 0 auto;color:#aaa49a;font:750 12px/1.4 Inter,Arial,sans-serif}
.site-header .nav-links a{color:#aaa49a;text-decoration:none;white-space:nowrap}
.site-header .nav-links a:hover,.site-header .nav-links a[aria-current="page"]{color:#d8bb83}
.site-header .nav-actions{display:flex;align-items:center;flex:none;gap:8px;margin-left:3px}
.site-header .lang{display:flex;align-items:center;border:1px solid #3a352f;border-radius:999px;padding:3px;background:#0e0e0f;min-height:36px}
.site-header .lang button,.site-header .lang a,.site-header .lang span{border:0;background:transparent;color:#aaa49a;border-radius:999px;padding:5px 8px;font:900 10px/1.1 Inter,Arial,sans-serif;cursor:pointer;text-decoration:none}
.site-header .lang button.active,.site-header .lang a.active,.site-header .lang span.active{background:#d8bb83;color:#09090a}
.site-header .nav-actions .btn{min-height:44px;border-radius:12px;padding:12px 16px;font:850 13px/1.3 Inter,Arial,sans-serif;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.site-header .nav-actions .btn.secondary{background:transparent;color:#f6f1e8;border:1px solid #4a443b}
.site-header .nav-actions .btn.primary{background:#d8bb83;color:#0a0a0b;border:1px solid #d8bb83}
.site-header .nav-actions .btn.primary:hover{background:#e6c991}
.site-header .nav-actions .btn.secondary:hover{border-color:#d8bb83}
.site-footer .shell{width:min(1160px,calc(100% - 40px));margin:0 auto}
.site-footer{background:#09090a;color:#aaa39a;border-top:1px solid #302a22;padding:38px 0 64px;font:400 12px/1.72 Inter,Arial,sans-serif}
.site-footer .footer-grid{display:grid;grid-template-columns:1.06fr 1.06fr 1.2fr;gap:clamp(20px,4vw,60px);align-items:start}
.site-footer .footer-grid>div{min-width:0}
.site-footer strong{display:block;color:#d8bb83;font-weight:700;margin:0 0 2px;font-size:12px;line-height:1.55}
.site-footer p{color:#aaa39a;font-size:12px;line-height:1.72;margin:2px 0 0}
.site-footer a{color:#d8bb83;text-decoration:none}
.site-footer a:hover{text-decoration:underline;color:#edd09b}
.site-footer a:focus-visible,.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid #d8bb83;outline-offset:3px}
.site-footer .institutional-links{display:flex;flex-wrap:wrap;gap:5px 14px;margin:14px 0 6px}
.site-footer .institutional-links a{font-size:12px;color:#d8bb83;text-decoration:none;white-space:nowrap}
.site-footer .institutional-links a:hover{text-decoration:underline}
.site-footer .fine{font-size:11px;color:#867f77}
@media(max-width:1180px){
  .site-header .nav{gap:11px}
  .site-header .nav-links{gap:11px;font-size:11px}
  .site-header .brand{font-size:23px}
  .site-header .nav-actions .btn{padding:10px 13px;font-size:12px}
}
@media(max-width:970px){
  .site-header .nav{flex-wrap:wrap;padding:12px 0;row-gap:9px}
  .site-header .nav-links{order:3;width:100%;margin:0;border-top:1px solid #302a22;padding:10px 0 2px;justify-content:center;flex-wrap:wrap;gap:10px 18px}
  .site-header .nav-actions{margin-left:auto}
}
@media(max-width:620px){
  .site-header .nav{min-height:65px;padding:11px 0;gap:7px}
  .site-header .brand{font-size:21px}
  .site-header .brand small{font-size:8px;letter-spacing:.08em}
  .site-header .nav-links{gap:7px 14px;font-size:11px}
  .site-header .nav-actions{gap:6px}
  .site-header .nav-actions .btn{min-height:36px;padding:9px 10px;font-size:11px}
  .site-header .nav-actions>.lang{display:flex}
  .site-header .nav-actions .btn.primary{display:inline-flex}
  .site-footer{padding:30px 0 96px}
  .site-footer .footer-grid{grid-template-columns:1fr;gap:22px}
  .site-footer .institutional-links{gap:8px 12px}
}
@media(max-width:370px){
  .site-header .brand{font-size:19px}
  .site-header .nav-actions .btn{font-size:10px;padding:8px}
}

/* Exact typography parity across homepage and corporate pages.
   The homepage's legacy mobile acquisition script can otherwise override
   the logo with 19px and the subtitle with an unreadable 6.5px. */
.site-header .nav-links a{font:inherit;font-size:inherit;line-height:inherit}
@media(max-width:620px){
  .site-header .brand{font-size:20px!important}
  .site-header .brand small{font-size:8px!important}
}

/* One authoritative trial-banner style across the homepage and all public
   institutional pages. Earlier templates used conflicting 11px and 10px sizes,
   and an injected mobile stylesheet only affected the homepage. */
.trial-strip{
  box-sizing:border-box;
  min-height:34px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#12100d;
  border-bottom:1px solid rgba(216,187,131,.2);
  color:#e3c78f;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:11px;
  font-weight:900;
  line-height:1.55;
  letter-spacing:.055em;
  text-align:center;
  text-transform:uppercase;
}
.trial-strip .trial-strip-track{
  display:flex;
  width:100%;
  justify-content:center;
  align-items:center;
  animation:none!important;
  transform:none!important;
  will-change:auto;
}
.trial-strip .trial-strip-message{
  font:inherit;
  color:inherit;
  letter-spacing:inherit;
  padding:7px 16px;
  display:block;
  white-space:nowrap;
}
.trial-strip .trial-strip-message[aria-hidden="true"]{display:none!important}
@media(max-width:620px){
  .trial-strip{
    min-height:28px;
    padding:5px 12px;
    font-size:8px;
    line-height:1.15;
    letter-spacing:.045em;
  }
  .trial-strip .trial-strip-track{width:100%;justify-content:center!important}
  .trial-strip .trial-strip-message{
    padding:0;
    flex:0 1 auto;
    white-space:normal!important;
    text-align:center;
  }
}

/* Compact, readable mobile navigation. Links remain visible without JavaScript. */
.site-header .nav-toggle{display:none;align-items:center;justify-content:center;min-height:44px;padding:9px 13px;border:1px solid #605039;border-radius:12px;background:transparent;color:#e8d2aa;font:750 13px/1.2 Inter,Arial,sans-serif;cursor:pointer}
@media(max-width:970px){
  .site-header .nav-toggle{display:inline-flex}
  html.nav-ready .site-header .nav-links{display:none}
  html.nav-ready .site-header .nav-links.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:8px 0 4px}
  html.nav-ready .site-header .nav-links a{display:block;padding:11px 12px;font-size:15px;line-height:1.4}
}
@media(max-width:620px){
  .site-header .brand small{font-size:9px!important;letter-spacing:.08em}
  .site-header .nav-actions .btn.primary{display:none}
  .site-header .nav-actions .btn.secondary{min-height:43px;padding:10px 11px;font-size:12px}
  .site-header .nav-toggle{padding:10px 12px;font-size:12px}
}

/* Home-style collapsible commercial navigation for all marketing pages.
   Footer and page content remain untouched. */
.site-header.top{position:relative;z-index:90;background:rgba(9,9,10,.96);border-bottom:1px solid #302a22;backdrop-filter:blur(14px)}
.site-header .shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}
.site-header .nav{display:flex;align-items:center;gap:16px;min-height:76px;flex-wrap:nowrap;padding:0}
.site-header .brand{margin-right:auto;flex:none;font:400 25px/.98 Georgia,"Times New Roman",serif;color:#f6f1e8;text-decoration:none}
/* Keep the brand bright on Solutions pages, whose legacy .nav a rule is more specific. */
.site-header .nav a.brand{color:#f6f1e8}
.site-header .brand small{display:block;margin-top:7px;color:#d8bb83;font:800 9px/1.2 Inter,Arial,sans-serif;letter-spacing:.16em}
.site-header .nav-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}
.site-header .nav-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;padding:12px 16px;font:850 13px/1.3 Inter,Arial,sans-serif;text-decoration:none;white-space:nowrap}
.site-header .nav-actions .btn.secondary{border:1px solid #4a443b;background:transparent;color:#f6f1e8}
.site-header .nav-actions .btn.primary{border:1px solid #d8bb83;background:#d8bb83;color:#09090a}
.site-header .nav-toggle{display:inline-flex!important;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid #605039;border-radius:12px;background:transparent;color:#e8d2aa;font:750 13px/1.2 Inter,Arial,sans-serif;cursor:pointer}
html.nav-ready .site-header .nav-links{display:none!important}
html.nav-ready .site-header .nav-links.is-open{display:flex!important;position:absolute;top:calc(100% - 1px);right:max(20px,calc((100vw - 1160px)/2));width:min(360px,calc(100vw - 32px));max-height:min(76vh,720px);overflow:auto;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:9px;background:#111113;border:1px solid #55432e;border-radius:0 0 15px 15px;box-shadow:0 22px 38px #0009;color:#f6f1e8;z-index:100}
.site-header .nav-links>a{display:block;padding:10px 14px;color:#f6f1e8!important;font:700 14px/1.4 Inter,Arial,sans-serif;text-decoration:none;white-space:normal}
.site-header .nav-links>a:hover,.site-header .site-nav-submenu a:hover{background:#2a241c;color:#f5dba9!important}
.site-header .site-nav-submenu{display:flex;flex-direction:column;margin:0 0 4px 12px;padding:0 0 0 12px;border-left:1px solid #655038}
.site-header .site-nav-submenu a{display:block;padding:9px 11px;color:#c3b7a5;font:600 13px/1.4 Inter,Arial,sans-serif;text-decoration:none}
.site-header .nav-links [aria-current=page]{color:#d8bb83!important}
.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid #d8bb83;outline-offset:3px}
@media(max-width:620px){.site-header .nav{min-height:65px;gap:7px}.site-header .brand{font-size:20px!important}.site-header .brand small{font-size:8px!important}.site-header .nav-actions{gap:6px}.site-header .nav-actions .btn{padding:9px 10px;font-size:11px;min-height:40px}.site-header .nav-actions .btn.primary{display:none}.site-header .nav-toggle{font-size:12px;padding:9px 10px;min-height:42px}}

/* Canonical brand identity for every public site header. */
.site-header .brand{font:400 25px/.98 Georgia,"Times New Roman",serif;letter-spacing:-.025em;color:#f6f1e8;white-space:nowrap}
.site-header .brand small{display:block;margin-top:7px;font:800 9px/1.2 Inter,Arial,sans-serif;letter-spacing:.16em;color:#d8bb83}
@media(max-width:620px){.site-header .brand{font-size:20px!important}.site-header .brand small{font-size:8px!important;letter-spacing:.08em}}

