.sf-mega-backdrop{position:fixed;left:0;right:0;bottom:0;top:56px;background:rgba(10,35,80,.35);z-index:9998;display:none}

/* Top-anchored, responsive mega menu (matches original behavior better) */
.sf-mega{position:fixed;top:56px;left:0;right:0;z-index:9999;display:none}
.sf-mega__panel{
  width:calc(100vw - 24px);
  max-width:calc(100vw - 24px);
  max-height:calc(100vh - 76px);
  overflow:auto;
  margin:0 auto;
  background:rgba(245,249,255,.50);
  -webkit-backdrop-filter:blur(16px) saturate(160%);
  backdrop-filter:blur(16px) saturate(160%);
  border:1px solid rgba(15,98,254,.18);
  border-radius:0;
  box-shadow:0 18px 54px rgba(0,0,0,.22);
  display:grid;
  grid-template-columns:300px 1fr 320px
}

.sf-mega__left{
  padding:18px;
  border-right:1px solid rgba(15,98,254,.14);
  background:rgba(234,242,255,.40);
}
.sf-mega__middle{padding:22px 22px 18px 22px;border-right:1px solid rgba(15,98,254,.10)}
.sf-mega__right{padding:22px 18px 18px 18px}

.sf-mega__headerRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0 0 14px 0;
  padding:12px 12px;
  border-radius:0;
  background:linear-gradient(90deg,#0f62fe 0%, #3d8bfd 55%, #74b3ff 100%);
  box-shadow:0 10px 24px rgba(15,98,254,.20);
}
.sf-mega__headerTitle{font-size:15px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff}

.sf-mega__title{font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:14px 0 10px 0;color:#111}
.sf-mega__list{list-style:none;margin:0;padding:0}
.sf-mega__list a{
  display:block;
  padding:10px 10px;
  border-radius:0;
  color:#0b1a33;
  text-decoration:none;
  font-size:17px
}
.sf-mega__list a:hover{
  background:rgba(15,98,254,.10);
  color:#0f62fe;
}
.sf-mega__list a[aria-current="true"]{
  outline:none;
  background:linear-gradient(90deg, rgba(15,98,254,.22) 0%, rgba(15,98,254,.10) 100%);
  border:1px solid rgba(15,98,254,.35);
  color:#0f62fe;
}

.sf-mega__sectionTitle{font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6f6f6f;margin:0 0 12px 0}
.sf-mega__middle{background:rgba(243,248,255,.35)}
.sf-mega__right{background:rgba(255,255,255,.35)}
.sf-mega__items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sf-mega__item{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:0;border:1px solid rgba(0,0,0,.10);background:rgba(255,255,255,.55);position:relative;overflow:hidden}
.sf-mega__item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sf-accent,#0f62fe);opacity:.9}
.sf-mega__item:hover{box-shadow:0 10px 24px rgba(0,0,0,.10);transform:translateY(-1px)}
.sf-mega__item{transition:box-shadow .15s ease,transform .15s ease}
.sf-mega__itemIcon{
  width:42px;height:42px;border-radius:0;
  background:color-mix(in srgb, var(--sf-accent,#0f62fe) 16%, #ffffff);
  display:flex;align-items:center;justify-content:center;
  font-weight:800;color:var(--sf-accent,#0f62fe);
  flex:0 0 auto;
  border:1px solid color-mix(in srgb, var(--sf-accent,#0f62fe) 28%, rgba(0,0,0,.08));
  box-shadow:0 8px 18px rgba(15,98,254,.10);
}
.sf-mega__logo{width:26px;height:26px;display:block}
.sf-mega__item a{color:#111;text-decoration:none;font-weight:800;font-size:16px}
.sf-mega__item a:hover{text-decoration:underline}
.sf-mega__item p{margin:4px 0 0 0;color:#525252;font-size:15px;line-height:1.35}

.sf-mega__featured{
  border:1px solid rgba(15,98,254,.18);
  border-radius:0;
  padding:14px;
  margin-bottom:16px;
  background:rgba(243,248,255,.35);
}
.sf-mega__featured h4{margin:0 0 12px 0;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#6f6f6f}
.sf-mega__featuredItem{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:0}
.sf-mega__featuredItem:hover{background:#f2f4f8}
.sf-mega__featuredItem .ico{width:34px;height:34px;border-radius:0;background:rgba(242,244,248,.60);display:flex;align-items:center;justify-content:center;color:#111;font-weight:700}
.sf-mega__featuredItem a{color:#111;text-decoration:none;font-weight:700}
.sf-mega__featuredItem a:hover{text-decoration:underline}
.sf-mega__featuredItem p{margin:2px 0 0 0;color:#525252;font-size:15px;line-height:1.35}

.sf-mega__helpful{border-top:1px solid rgba(0,0,0,.08);padding-top:14px}
.sf-mega__helpful a{display:block;color:#111;text-decoration:none;padding:8px 0;font-size:16px;font-weight:600}
.sf-mega__helpful a:hover{text-decoration:underline}

.sf-mega__close{
  background:rgba(255,255,255,.20);
  color:#fff;
  border:1px solid rgba(255,255,255,.28);
  border-radius:0;
  padding:8px 12px;
  font-size:13px;
  cursor:pointer
}
.sf-mega__close:hover{opacity:.9}

.sf-mega--open{display:block}
.sf-mega-backdrop--open{display:block}

/* Responsive breakpoints: collapse to vertical stack */
@media (max-width: 980px){
  .sf-mega__panel{grid-template-columns:1fr}
  .sf-mega__left{border-right:none;border-bottom:1px solid rgba(15,98,254,.14)}
  .sf-mega__middle{border-right:none;border-bottom:1px solid rgba(15,98,254,.10)}
}

/* Focus Areas mega menu */
.sf-focus{position:fixed;top:56px;left:0;right:0;z-index:9999;display:none}
.sf-focus__panel{
  width:calc(100vw - 24px);
  max-width:calc(100vw - 24px);
  max-height:calc(100vh - 76px);
  overflow:auto;
  margin:0 auto;
  background:rgba(255,255,255,.40);
  -webkit-backdrop-filter:blur(16px) saturate(160%);
  backdrop-filter:blur(16px) saturate(160%);
  border:1px solid rgba(15,98,254,.18);
  border-radius:0;
  box-shadow:0 18px 54px rgba(0,0,0,.22);
  display:grid;
  grid-template-columns:1fr 360px;
}
.sf-focus__main{
  padding:22px;
  background:rgba(243,248,255,.35);
}
.sf-focus__side{
  padding:22px 18px 18px 18px;
  border-left:1px solid rgba(15,98,254,.10);
  background:rgba(255,255,255,.35);
}
.sf-focus__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sf-focus__card{
  display:flex;gap:12px;align-items:flex-start;
  padding:14px 14px;
  border-radius:0;
  border:1px solid rgba(0,0,0,.10);
  background:rgba(255,255,255,.55);
  position:relative;
  overflow:hidden;
  text-decoration:none;
  color:#111;
  transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease;
}
.sf-focus__card:hover{box-shadow:0 12px 28px rgba(0,0,0,.12);transform:translateY(-1px);border-color:rgba(15,98,254,.25)}
.sf-focus__icon{
  width:42px;height:42px;border-radius:0;
  background:rgba(15,98,254,.12);
  border:1px solid rgba(15,98,254,.22);
  display:flex;align-items:center;justify-content:center;
  flex:0 0 auto;
}
.sf-focus__icon svg{width:22px;height:22px;stroke:#0f62fe}
.sf-focus__card h4{margin:0 0 6px 0;font-size:16px;font-weight:800}
.sf-focus__card p{margin:0;color:#525252;font-size:15px;line-height:1.35}
.sf-focus--open{display:block}

@media (max-width: 980px){
  .sf-focus__panel{grid-template-columns:1fr}
  .sf-focus__side{border-left:none;border-top:1px solid rgba(15,98,254,.10)}
  .sf-focus__grid{grid-template-columns:1fr}
}

/* More mega menu (matches original layout) */
.sf-more{position:fixed;top:56px;left:0;right:0;z-index:9999;display:none}
.sf-more__panel{
  width:calc(100vw - 24px);
  max-width:calc(100vw - 24px);
  max-height:calc(100vh - 76px);
  overflow:auto;
  margin:0 auto;
  background:rgba(245,249,255,.50);
  -webkit-backdrop-filter:blur(16px) saturate(160%);
  backdrop-filter:blur(16px) saturate(160%);
  border:1px solid rgba(15,98,254,.18);
  border-radius:0;
  box-shadow:0 18px 54px rgba(0,0,0,.22);
  display:grid;
  grid-template-columns:1fr 360px;
}
.sf-more__main{
  padding:22px;
  background:rgba(243,248,255,.35);
}
.sf-more__side{
  padding:22px 18px 18px 18px;
  border-left:1px solid rgba(15,98,254,.10);
  background:rgba(255,255,255,.35);
}
.sf-more__sectionTitle{
  font-size:14px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#6f6f6f;
  margin:0 0 12px 0;
}
.sf-more__featuredGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}
.sf-more__featuredCard{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px;
  border:1px solid rgba(0,0,0,.10);
  background:rgba(255,255,255,.55);
  text-decoration:none;
  color:#111;
  transition:box-shadow .15s ease, transform .15s ease, border-color .15s ease;
}
.sf-more__featuredCard:hover{
  box-shadow:0 10px 24px rgba(0,0,0,.10);
  transform:translateY(-1px);
  border-color:rgba(15,98,254,.22);
}
.sf-more__featuredIcon{
  width:42px;
  height:42px;
  border:1px solid rgba(15,98,254,.22);
  background:rgba(15,98,254,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.sf-more__featuredIcon svg{width:22px;height:22px;stroke:#0f62fe}
.sf-more__featuredCard h4{margin:0 0 6px 0;font-size:16px;font-weight:800}
.sf-more__featuredCard p{margin:0;color:#525252;font-size:15px;line-height:1.35}

.sf-more__columns{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px 22px;
}
.sf-more__colTitle{
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#6f6f6f;
  margin:0 0 10px 0;
}
.sf-more__colLinks{display:flex;flex-direction:column;gap:8px}
.sf-more__link{
  color:#111;
  text-decoration:none;
  font-size:16px;
  font-weight:600;
}
.sf-more__link:hover{text-decoration:underline}

.sf-more--open{display:block}

@media (max-width: 1200px){
  .sf-more__featuredGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-more__columns{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 980px){
  .sf-more__panel{grid-template-columns:1fr}
  .sf-more__side{border-left:none;border-top:1px solid rgba(15,98,254,.10)}
  .sf-more__columns{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 640px){
  .sf-more__featuredGrid{grid-template-columns:1fr}
  .sf-more__columns{grid-template-columns:1fr}
}