/* Homepage finishing only: retain content, layout, breakpoints and motion. */
.home-header .nav-shell {
  border-color: #f0dcebd9;
  background: linear-gradient(110deg, #fffafcf5, #fcf6fcf2 66%, #fff3e9f2);
  box-shadow: 0 12px 36px #14041c30, inset 0 1px 0 #ffffffde;
  backdrop-filter: blur(20px) saturate(1.08);
}
.home-header .logo img { filter: drop-shadow(0 2px 5px #6000700a); }
.home-header .nav-shell nav > a,
.home-header .nav-shell summary { transition: color .2s ease; }
.home-header .nav-shell a:hover { filter: none; }
.home-header .nav-shell nav > a:hover,
.home-header .nav-shell summary:hover { color: #82078d; }
.home-header .dropdown {
  border-color: #e9d5ee;
  background: #fffafd;
  box-shadow: 0 18px 42px #2c10331c, inset 0 1px 0 #fff;
}
.home-header .callback {
  border-color: #d8b1dca8;
  background: linear-gradient(110deg, #fffcff, #fff6ec);
  box-shadow: 0 4px 16px #6c25770a, inset 0 1px 0 #fff;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.home-header .callback:hover { border-color: #ba84c3; box-shadow: 0 5px 18px #6c257716; }
.home-header .login {
  box-shadow: 0 5px 16px #8706951c, inset 0 1px 0 #ffffff38;
  transition: box-shadow .2s ease, filter .2s ease;
}
.home-header .login:hover { filter: brightness(1.06); box-shadow: 0 7px 21px #8706952a; }
.home-header a:focus-visible,
.home-header button:focus-visible,
.home-header summary:focus-visible { outline: 2px solid #c88e32; outline-offset: 4px; }
.hero {
  background-image: radial-gradient(ellipse at 5% 40%, #78088f 0, transparent 53%),
    radial-gradient(ellipse at 68% 115%, #6e330938, transparent 40%),
    linear-gradient(112deg, #460547, #1b0428 64%, #2d0638);
}
.hero .welcome { letter-spacing: .42em; color: #eacb80; }
.hero .intro { color: #e4d6ea; font-weight: 400; line-height: 1.75; letter-spacing: .1px; }
.hero .access { color: #efdaa0; letter-spacing: .15px; }
.hero .access:before,
.hero .access:after { height: 1px; box-shadow: 0 0 8px #dfb75929; }
.hero .brand-grid a {
  border-width: 1px;
  border-color: #fff4ff;
  border-bottom-width: 2px;
  border-bottom-color: #bd81c9;
  border-right-color: #dcc598;
  background: linear-gradient(135deg, #fffdfd, #f7f0f9 52%, #ece2ef);
  box-shadow: 0 14px 34px #14001257, inset 0 1px 0 #ffffffeb;
  transition: transform .3s ease, border-color .3s ease;
}
.hero .brand-grid a:before {
  border-color: #cbb4d13b;
  background: linear-gradient(145deg, #ffffff26, transparent 55%);
}
.hero .brand-grid img { filter: drop-shadow(0 3px 5px #44204c0c); }
.hero .brand-grid a:focus-visible { outline: 2px solid #f2d398; outline-offset: 5px; }
/* Anchor the leadership cutout to the section edge without moving desktop copy. */
#why { --why-bottom-gap: 90px; padding-bottom: var(--why-bottom-gap); }
#why .why-visual { align-self: end; top: var(--why-bottom-gap); }
#why .why-visual.is-revealed,
#why .why-visual > img { animation: none; transform: none; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .hero .brand-grid a:hover { transform: translateY(-5px); border-color: #fff8ee; border-bottom-color: #ce9bdd; }
}
@media (max-width: 600px) {
  #why { --why-bottom-gap: 0px; }
  #why .why-copy { grid-row: 1; }
  #why .why-visual { grid-row: 2; margin-block: 0; }
  .home-header .nav-shell { box-shadow: 0 8px 25px #14041c2b, inset 0 1px 0 #ffffffde; }
  .hero .intro { line-height: 1.8; letter-spacing: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .home-header a, .home-header summary, .hero .brand-grid a { transition: none; }
  .hero .brand-grid a:hover { transform: none; }
}