@import url('/keytag/assets/styles.css');

:root{
  --green:#0879f9;
  --green-dark:#0759bd;
  --green-soft:#eef6ff;
  --ink:#101d2d;
  --surface-2:#f5f9ff;
}
body{background:#fff}
.brand img{width:240px;max-height:66px}
.site-header{border-bottom-color:#e4edf8}
.nav-cta,.btn-primary{background:linear-gradient(135deg,#075fd1,#1185ff);box-shadow:0 13px 28px rgba(8,121,249,.22)}
.nav-cta:hover,.btn-primary:hover{box-shadow:0 18px 34px rgba(8,121,249,.27)}
.hero{background:radial-gradient(circle at 7% 20%,#edf6ff,transparent 42%),linear-gradient(90deg,#fff 0%,#fff 47%,#f3f8ff 100%)}
.hero-visual img{object-position:center;border:1px solid #deebf8}
.product-logo-showcase{display:block;width:min(560px,92%);margin:0 auto 32px}
.compliance-note{margin-top:24px;padding:17px 19px;border-left:4px solid var(--green);border-radius:0 14px 14px 0;background:var(--green-soft);color:#43546a;font-size:.9rem}
.cta{background:linear-gradient(90deg,rgba(4,17,36,.96),rgba(7,38,78,.86)),url('/alarmtag/assets/alarmtag-hero.jpg') center 38%/cover}
.status{background:var(--green-soft);color:var(--green-dark)}
@media(max-width:600px){.brand img{width:132px}.parent-brand{padding-left:7px;font-size:.62rem}.product-logo-showcase{width:100%}}