:root { color-scheme: light; }
html { scroll-behavior: smooth; }
body { background:#f7f8fa; }
.brand-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(17,24,39,.98) 0%,rgba(17,24,39,.94) 36%,rgba(17,24,39,.72) 54%,rgba(17,24,39,.18) 78%,rgba(17,24,39,.08) 100%);
  pointer-events:none;
}
.brand-hero img.hero-photo{
  position:absolute; inset:0 0 0 auto; width:62%; height:100%; object-fit:cover; object-position:center;
}
.brand-hero > *:not(.hero-photo){ position:relative; z-index:2; }
.frost{ backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
.card-lift{ transition:transform .2s ease, box-shadow .2s ease; }
.card-lift:hover{ transform:translateY(-3px); box-shadow:0 18px 40px rgba(15,23,42,.12); }
.ai-panel{ display:none; }
.ai-panel.is-open{ display:block; }
@media (max-width: 767px){
  .brand-hero img.hero-photo{ width:100%; opacity:.34; }
  .brand-hero::after{
    background:linear-gradient(90deg,rgba(17,24,39,.98),rgba(17,24,39,.85));
  }
}

[x-cloak]{display:none!important;}