:root{
  --accent:#6fbcf0;--accent2:#4da2de;--accent-dim:#6fbcf014;--accent-glow:#6fbcf022;
  --accent-border:#6fbcf035;
  --accent-bg-gradient:#0c1a2080;
  --accent-glow-subtle:#6fbcf00a;
}
.btn-sui{background:var(--accent);color:#080c10}
.btn-sui:hover{opacity:.88;box-shadow:0 4px 20px #6fbcf028;transform:translateY(-1px)}
.hero h1 span{
  /* This gradient is specific, overrides common CSS */
  background:linear-gradient(135deg,#6fbcf0 0%,#a0d8f8 35%,#4a9eff 65%,#6fbcf0 100%);
  background-size:250% 250%;
  animation:gradient-shift 5s ease infinite;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}

/* Refactored Inline Styles */
.nav-logo .logo-certora img { height: 26px; width: auto; }
.nav-logo .logo-sui img { height: 22px; width: auto; }

.hero-glow {
  position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%);
  width: 600px; height: 340px; pointer-events: none; border-radius: 50%;
  background: radial-gradient(ellipse at center, #6fbcf018 0%, #6fbcf006 45%, transparent 70%);
}

.resource-card {
  --res-accent: #6fbcf0;
  --res-bg: #6fbcf012;
}

.btn-audit-cta {
  margin-top: 26px; font-size: 13px; border-radius: 8px;
  background: var(--accent); color: #080c10; font-weight: 700;
}

.proj-logo-sq { background: #031228; border-radius: 9px; padding: 6px; height: 53px; width: 53px; }
.proj-logo-sq.bg-white { background: #fff; padding: 4px; }
.proj-logo-sq.bg-clay { background: #031256; padding: 0; }
.proj-logo-sq.bg-black { background: #000; padding: 0; }