:root {
  --vetra-brand-navy:#061426;
  --vetra-brand-navy-raised:#0b2037;
  --vetra-brand-blue:#168fe8;
  --vetra-brand-blue-deep:#075db5;
  --vetra-brand-green:#8fcb22;
  --vetra-brand-green-deep:#3d8e20;
  --vetra-brand-white:#f7f9fc;
  --vetra-brand-ink:#081525;
  --vetra-brand-gradient:linear-gradient(135deg,var(--vetra-brand-blue),var(--vetra-brand-green));
  --vetra-brand-shadow:0 18px 45px rgba(0,0,0,.28);
}

.brand {
  gap:.7rem;
  min-width:max-content;
}

.brand-lockup {
  display:flex;
  align-items:center;
  gap:.7rem;
  min-width:0;
}

.brand-icon {
  width:44px;
  height:44px;
  border-radius:13px;
  object-fit:cover;
  box-shadow:0 8px 24px rgba(16,142,232,.24);
  flex:0 0 auto;
}

.brand-copy {
  display:grid;
  line-height:1.08;
}

.brand-copy strong {
  font-size:1.05rem;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.brand-copy small {
  color:var(--muted);
  font-size:.68rem;
  letter-spacing:.04em;
  white-space:nowrap;
}

.brand-hero-lockup {
  width:min(520px,100%);
  margin:0 0 1rem;
}

.brand-hero-lockup img {
  display:block;
  max-width:100%;
  height:auto;
  border-radius:18px;
  box-shadow:var(--vetra-brand-shadow);
}

.brand-hero-lockup .logo-light { display:none; }
html.light .brand-hero-lockup .logo-dark { display:none; }
html.light .brand-hero-lockup .logo-light { display:block; box-shadow:0 18px 45px rgba(12,35,55,.12); }

.primary-btn,
button.primary-btn {
  background:var(--vetra-brand-gradient);
  color:#04111d;
  border-color:transparent;
  box-shadow:0 8px 20px rgba(81,171,96,.2);
  font-weight:800;
}

.primary-btn:hover,
button.primary-btn:hover {
  filter:brightness(1.08);
  transform:translateY(-1px);
}

.ghost-btn.saved,
.favorite-btn.saved {
  color:#ff4d65;
  border-color:rgba(255,77,101,.55);
  background:rgba(255,77,101,.12);
}

.vetra-badge,
.reputation-badge,
.salesrep-mini strong {
  border:1px solid rgba(117,190,60,.36);
  background:linear-gradient(135deg,rgba(22,143,232,.14),rgba(143,203,34,.12));
}

.vetra-score-badge {
  display:inline-flex;
  align-items:center;
  gap:.38rem;
  min-height:32px;
  padding:.35rem .7rem;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(22,143,232,.18),rgba(143,203,34,.16));
  border:1px solid rgba(120,196,58,.42);
  font-weight:800;
}

.vetra-score-badge::before {
  content:'✓';
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:50%;
  color:#071323;
  background:var(--vetra-brand-gradient);
  font-size:.72rem;
}

.vetra-standing-card {
  position:relative;
  overflow:hidden;
}

.vetra-standing-card::after {
  content:'';
  position:absolute;
  width:120px;
  height:120px;
  right:-58px;
  top:-60px;
  border-radius:50%;
  background:var(--vetra-brand-gradient);
  opacity:.12;
}

.vetra-verified {
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  font-weight:800;
  color:var(--vetra-brand-green);
}

.vetra-verified::before {
  content:'✓';
  display:grid;
  place-items:center;
  width:1.35rem;
  height:1.35rem;
  border-radius:50%;
  background:var(--vetra-brand-gradient);
  color:#071323;
}

.vetra-elite {
  color:#eaffb8;
  border-color:rgba(143,203,34,.55);
  background:linear-gradient(135deg,rgba(22,143,232,.24),rgba(143,203,34,.22));
  box-shadow:0 0 0 1px rgba(143,203,34,.08),0 8px 26px rgba(60,145,44,.18);
}

.brand-footer-note {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:.5rem;
  color:var(--muted);
  font-size:.78rem;
  padding:1.1rem 1rem calc(1.1rem + env(safe-area-inset-bottom));
}

.brand-footer-note img {
  width:26px;
  height:26px;
  border-radius:8px;
}

@media (max-width:900px) {
  .brand-copy small { display:none; }
  .brand-icon { width:40px; height:40px; border-radius:12px; }
  .brand-hero-lockup { width:min(430px,100%); }
}

@media (max-width:520px) {
  .brand-copy strong { font-size:.92rem; }
  .brand-icon { width:38px; height:38px; }
  .brand-hero-lockup { margin-bottom:.75rem; }
  .brand-hero-lockup img { border-radius:14px; }
}
