/* HADS CLEAN BASELINE — additive polish. The validated visual nucleus remains intact. */
:focus-visible{outline:3px solid #a35bd0;outline-offset:3px;border-radius:8px}
.skip-link{position:fixed;left:12px;top:-80px;z-index:99999;background:#17131b;color:#fff;padding:12px 16px;border-radius:0 0 12px 12px;text-decoration:none}.skip-link:focus{top:0}
/* Premium navigation dropdown: replaces the plain white browser-like block. */
.dropdown{border:1px solid rgba(118,85,154,.18)!important;border-top:0!important;border-radius:0 0 20px 20px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 22px 48px rgba(40,27,49,.16)!important;padding:8px!important;overflow:hidden!important;backdrop-filter:blur(16px)}
.dropdown a{border-radius:12px!important;padding:12px 16px!important;margin:2px 0!important;border:0!important;transition:.18s ease!important}
.dropdown a:hover,.dropdown a.active{background:#f3edf7!important;color:#6e428d!important;transform:translateX(2px)}
/* Expertise approach: coherent editorial cards, no tiny floating thumbnail look. */
.difference-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:28px!important}
.difference-item{display:grid!important;grid-template-columns:42px 1fr!important;gap:14px!important;align-items:start!important;padding:18px!important;border:1px solid #e6ddec!important;border-radius:22px!important;background:linear-gradient(145deg,#fff,#faf7fc)!important;box-shadow:0 12px 26px rgba(75,49,88,.07)!important}
.difference-item .check{width:38px!important;height:38px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#9a55bd,#72418f)!important;color:white!important}
.difference-item strong{font-size:16px!important;line-height:1.3!important}.difference-item span{display:block!important;margin-top:6px!important;line-height:1.55!important;color:#6f6b73!important}
@media(max-width:900px){.difference-list{grid-template-columns:1fr!important}}
@media(max-width:760px){.dropdown{border-radius:18px!important;margin:8px 12px!important}.difference-item{padding:16px!important}.difference-copy h2{font-size:clamp(38px,11vw,54px)!important}}

/* HADS V1.2.1 — brand presence, additive and layout-safe. */
.main-header .logo,
header .logo{
  position:relative;
  flex:0 0 auto;
  text-decoration:none;
  transition:transform .2s ease,opacity .2s ease;
}
.main-header .logo:hover,
header .logo:hover{transform:translateY(-1px);opacity:.98}
.main-header .logo img,
header .logo img{
  width:clamp(100px,7.6vw,118px)!important;
  height:auto!important;
  max-height:44px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 5px 10px rgba(69,43,81,.10));
}
.main-header .logo small,
header .logo small{
  margin-top:3px!important;
  font-size:clamp(7px,.55vw,8.5px)!important;
  line-height:1.15!important;
  letter-spacing:.025em!important;
  color:#765296!important;
  font-weight:600!important;
  opacity:.92;
  white-space:nowrap;
}
/* Legal pages use .brand instead of .logo. */
header .brand img{
  width:96px!important;
  height:auto!important;
  max-height:40px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 5px 10px rgba(69,43,81,.09));
}
@media(max-width:900px){
  .main-header .logo img,header .logo img{width:98px!important;max-height:38px!important}
  .main-header .logo small,header .logo small{font-size:7px!important}
}
@media(max-width:650px){
  .main-header .logo img,header .logo img{width:92px!important;max-height:36px!important}
  .main-header .logo small,header .logo small{max-width:108px;overflow:hidden;text-overflow:ellipsis}
  header .brand img{width:82px!important;max-height:34px!important}
}
@media(prefers-reduced-motion:reduce){.main-header .logo,header .logo{transition:none}}