.eqimmo-eyebrow { display: inline-flex; align-items: center; gap: 0.85rem; font-family: var(--font-mono); font-size: 0.72rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.2em; color: hsl(var(--color-foreground-runtime) / 0.55); line-height: 1; } .eqimmo-eyebrow::before { content: ""; display: inline-block; height: 1px; width: 2rem; background-color: currentColor; flex-shrink: 0; } .eqimmo-eyebrow-on-dark { display: inline-flex; align-items: center; gap: 0.85rem; font-family: var(--font-mono); font-size: 0.72rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.2em; color: hsl(var(--color-accent-runtime)); line-height: 1; } .eqimmo-eyebrow-on-dark::before { content: ""; display: inline-block; height: 1px; width: 2rem; background-color: currentColor; flex-shrink: 0; } .eqimmo-hero-mesh, .eqimmo-stats-charcoal, .eqimmo-pullquote-mesh, .eqimmo-trust-premium { position: relative; background: hsl(var(--color-background-runtime)); isolation: isolate; } .eqimmo-finalcta-charcoal { position: relative; background: hsl(var(--color-foreground-runtime)); isolation: isolate; } .eqimmo-cta-primary { display: inline-flex; align-items: center; gap: 0.5rem; background-color: hsl(var(--color-accent-runtime)); color: hsl(var(--color-foreground-runtime)); padding: 16px 32px; font-weight: 600; font-size: 16px; letter-spacing: -0.005em; border: none; cursor: pointer; box-shadow: 0 1px 3px hsl(var(--color-foreground-runtime) / 0.10), 0 4px 12px hsl(var(--color-accent-runtime) / 0.20); transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 300ms cubic-bezier(0.16, 1, 0.3, 1), background-color 300ms ease; } .eqimmo-cta-primary:hover { transform: translateY(-2px); box-shadow: 0 4px 8px hsl(var(--color-foreground-runtime) / 0.12), 0 12px 32px hsl(var(--color-accent-runtime) / 0.35); } @media (prefers-reduced-motion: reduce) { .eqimmo-cta-primary { transition: none; } .eqimmo-cta-primary:hover { transform: none; } } .eqimmo-cta-outline { display: inline-flex; align-items: center; gap: 0.5rem; background-color: transparent; color: hsl(var(--color-foreground-runtime)); border: 1.5px solid hsl(var(--color-foreground-runtime) / 0.25); padding: 14.5px 30px; font-weight: 600; font-size: 16px; letter-spacing: -0.005em; cursor: pointer; transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1), border-color 300ms ease, background-color 300ms ease; } .eqimmo-cta-outline:hover { transform: translateY(-2px); border-color: hsl(var(--color-foreground-runtime) / 0.5); background-color: hsl(var(--color-foreground-runtime) / 0.04); } @media (prefers-reduced-motion: reduce) { .eqimmo-cta-outline { transition: none; } .eqimmo-cta-outline:hover { transform: none; } } .eqimmo-cta-primary-on-dark { display: inline-flex; align-items: center; gap: 0.5rem; background-color: hsl(var(--color-accent-runtime)); color: hsl(var(--color-foreground-runtime)); padding: 16px 32px; font-weight: 600; font-size: 16px; letter-spacing: -0.005em; border: none; cursor: pointer; box-shadow: 0 8px 32px hsl(var(--color-accent-runtime) / 0.4); transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 300ms cubic-bezier(0.16, 1, 0.3, 1); } .eqimmo-cta-primary-on-dark:hover { transform: translateY(-2px); box-shadow: 0 12px 48px hsl(var(--color-accent-runtime) / 0.55); } @media (prefers-reduced-motion: reduce) { .eqimmo-cta-primary-on-dark { transition: none; } .eqimmo-cta-primary-on-dark:hover { transform: none; } } .eqimmo-cta-outline-on-dark { display: inline-flex; align-items: center; gap: 0.5rem; background-color: transparent; color: hsl(var(--color-background-runtime)); border: 1.5px solid hsl(var(--color-background-runtime) / 0.3); padding: 14.5px 30px; font-weight: 600; font-size: 16px; letter-spacing: -0.005em; cursor: pointer; transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1), border-color 300ms ease, background-color 300ms ease; } .eqimmo-cta-outline-on-dark:hover { transform: translateY(-2px); border-color: hsl(var(--color-background-runtime) / 0.6); background-color: hsl(var(--color-background-runtime) / 0.06); } @media (prefers-reduced-motion: reduce) { .eqimmo-cta-outline-on-dark { transition: none; } .eqimmo-cta-outline-on-dark:hover { transform: none; } }