/* F4N4 visual layer. Load after the site's original stylesheets. */
:root {
  --f4n4-ink: #101c2c;
  --f4n4-navy: #17283d;
  --f4n4-gold: #d2ad64;
  --f4n4-surface: #fbfaf7;
  --f4n4-line: rgba(168,136,81,.24);
}
html { scroll-behavior: smooth; }
body { background: var(--f4n4-surface); color:var(--f4n4-ink); -webkit-font-smoothing:antialiased; }
.navbar,.navbar.scrolled { backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); background:rgba(16,28,44,.96); box-shadow:0 9px 28px rgba(5,16,29,.18); }
.nav-container { gap:clamp(8px,1.3vw,22px); }
.nav-container .logo { flex:0 0 auto; min-width:0; }
.nav-container .logo picture { display:block; line-height:0; }
.nav-container .agc-logo { width:clamp(55px,5vw,72px); height:auto; filter:drop-shadow(0 3px 10px rgba(219,174,88,.28)); }
.nav-container .nav-menu { flex:1 1 auto; min-width:0; gap:clamp(9px,1.35vw,23px); justify-content:center; }
.navbar .nav-menu .nav-link { color:#f5f1e8; }
.nav-menu .nav-link { white-space:nowrap; transition:color .22s ease,opacity .22s ease; }
.nav-menu .nav-link:hover,.nav-menu .nav-link:focus-visible { color:#f0d093; }
#f4n4-language-wrap { order:2; margin-left:0!important; }
.auth-menu { order:3; flex:0 0 auto; position:relative; z-index:25; }
.auth-button { border:1px solid rgba(237,205,144,.65); background:linear-gradient(145deg,#e3bd76,#bd8d45); color:#16243a; border-radius:999px; padding:10px 16px; font:600 13px/1.2 Inter,system-ui,sans-serif; max-width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; box-shadow:0 5px 15px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.52); transition:transform .22s ease,box-shadow .22s ease; }
.auth-button:hover { transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.55); }
.auth-button:focus-visible,.auth-panel button:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.auth-panel { position:absolute; right:0; top:calc(100% + 12px); min-width:220px; border:1px solid var(--f4n4-line); border-radius:14px; background:#fff; padding:14px; box-shadow:0 16px 40px rgba(8,24,42,.22); color:var(--f4n4-ink); }
.auth-panel[hidden] { display:none; }
.auth-panel p { overflow-wrap:anywhere; margin:0 0 12px; font:13px/1.5 Inter,system-ui,sans-serif; }
.auth-panel button { width:100%; border:1px solid var(--f4n4-line); background:#f9f4e9; border-radius:8px; padding:9px; cursor:pointer; color:var(--f4n4-ink); font-weight:600; }
.hamburger { order:4; }
.hamburger span { background:#f4e2bd; }
.hero { background:radial-gradient(circle at 76% 34%,rgba(204,159,83,.22),transparent 34%),linear-gradient(130deg,#13243a,#1b2d43 56%,#28364a); overflow:hidden; }
.hero-gradient { background:radial-gradient(ellipse at 72% 50%,rgba(231,192,116,.14),transparent 50%)!important; }
.hero-title { letter-spacing:-.035em; line-height:1.08; text-wrap:balance; text-shadow:0 3px 24px rgba(0,0,0,.15); }
.hero-subtitle { max-width:650px; font-size:clamp(1.1rem,1.8vw,1.35rem); line-height:1.55; }
.cta-button,.btn-submit,.submit-button { border-radius:12px; box-shadow:0 8px 24px rgba(128,83,28,.2),inset 0 1px 0 rgba(255,255,255,.38); transition:transform .25s ease,box-shadow .25s ease; }
.cta-button:hover,.btn-submit:hover,.submit-button:hover { transform:translateY(-3px); box-shadow:0 12px 30px rgba(128,83,28,.25); }
.service-card,.stat-item,.opportunity-card,.investor-card,.feature-item { transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease; }
.service-card,.opportunity-card,.investor-card { border:1px solid var(--f4n4-line); border-radius:18px; box-shadow:0 12px 32px rgba(20,34,51,.08),inset 0 1px 0 rgba(255,255,255,.75); }
.service-card:hover,.opportunity-card:hover,.investor-card:hover { transform:translateY(-5px); box-shadow:0 20px 48px rgba(20,34,51,.15); border-color:rgba(186,142,70,.45); }
.section-title { letter-spacing:-.025em; text-wrap:balance; }
input,select,textarea { accent-color:#bc914e; }
@media (max-width:1100px) {
  .navbar .nav-menu { position:fixed; left:-100%; top:94px; display:flex; flex-direction:column; width:100%; max-height:calc(100vh - 94px); overflow:auto; padding:24px; background:#17283d; text-align:left; gap:12px; box-shadow:0 20px 30px rgba(0,0,0,.25); }
  .navbar .nav-menu.active { left:0; }
  .navbar .nav-menu .nav-link { color:#fff; font-size:15px; }
  .navbar .hamburger { display:flex; }
  .auth-menu { margin-left:auto; }
  .auth-button { padding:9px 11px; }
}
@media (max-width:968px) {
  .nav-container .nav-menu { justify-content:flex-start; }
  .navbar .nav-menu { background:#17283d; }
  .navbar .nav-menu .nav-link { color:#fff; }
  .auth-menu { margin-left:auto; }
  #f4n4-language-wrap { order:2; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .service-card,.stat-item,.opportunity-card,.investor-card,.feature-item,.auth-button,.cta-button,.btn-submit,.submit-button { transition:none!important; }
}