/* Brand theme overrides for Home Genie */
:root {
  --primary: #00c2ff;
  --primary-600: #0393c5;
  --accent: #2af598;
}

.brand-text { background: linear-gradient(90deg, #fff, #b9f1ff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.card-icon { background: rgba(0,194,255,.15); border-color: rgba(0,194,255,.28); }
.step-num { background: rgba(42,245,152,.12); border-color: rgba(42,245,152,.25); color: #caffdf; }
.btn-primary { background: linear-gradient(180deg, var(--primary), var(--primary-600)); box-shadow: 0 8px 24px rgba(0,194,255,.35); }
.btn-primary:hover { box-shadow: 0 10px 30px rgba(0,194,255,.45); }
.hero-blob { color: var(--primary); }

/* Sticky quick actions */
.sticky-cta { position: fixed; left: 50%; transform: translateX(-50%); bottom: 12px; display: grid; grid-auto-flow: column; gap: .5rem; background: rgba(11,16,32,.72); border: 1px solid rgba(255,255,255,.1); border-radius: 999px; padding: .35rem .5rem; box-shadow: 0 10px 32px rgba(0,0,0,.45); backdrop-filter: blur(8px) saturate(140%); z-index: 999; }
@media (max-width: 720px) {
  .sticky-cta { width: calc(100% - 24px); }
}
@media (max-width: 520px) {
  .sticky-cta { bottom: 10px; gap: .35rem; }
  .sticky-cta .btn { padding: .55rem .75rem; }
}