:root {
    --orange: #f28c28;
    --orange-dark: #d87312;
}

.button.primary {
    background: linear-gradient(135deg, var(--orange), var(--orange-dark));
    color: #fff;
    box-shadow: 0 4px 12px rgba(216, 115, 18, .24);
}

.button.primary:hover {
    filter: brightness(1.05);
}

.brand-logo {
    display: block;
    width: 168px;
    height: auto;
    padding: 5px 8px;
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .18);
}

@media (max-width: 760px) {
    .brand-logo { width: 138px; }
    .brand { gap: 7px; }
    .brand small { display: inline; font-size: 10px; }
}

.zoho-device { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.zoho-online { background:#dff4e8; color:#17613f; }
.zoho-offline { background:#edf1f3; color:#52616d; }