/* capops.ai brand (with theme.css)  wordmark + tagline match product reference */ .capops-brand-link { display: inline-flex; align-items: center; gap: 0.7rem; text-decoration: none; color: inherit; } .capops-brand-link:hover .capops-wordmark { opacity: 0.94; } .capops-brand-link:focus-visible { outline: none; border-radius: 10px; box-shadow: var(--focus); } .capops-mark { width: 40px; height: 40px; flex-shrink: 0; display: block; object-fit: contain; } /* Lavender / lilac wordmark, full string underlined in white (reference UI) */ .capops-wordmark { font-size: 1.35rem; font-weight: 800; letter-spacing: 0.02em; line-height: 1.15; color: #d8ccf5; text-decoration: underline; text-decoration-color: rgba(255, 255, 255, 0.92); text-decoration-thickness: 1px; text-underline-offset: 0.18em; text-decoration-skip-ink: none; } .capops-wordmark .capops-ai { color: inherit; font-weight: inherit; } .capops-tagline { margin: 0; font-size: 0.9rem; font-weight: 500; color: #f1f5f9; line-height: 1.5; max-width: 42em; } .capops-brand-heading { margin: 0; font-size: inherit; font-weight: inherit; line-height: inherit; } /* Single horizontal logo image (mark + wordmark in one SVG) */ .capops-brand-link--logo-img-only { display: block; line-height: 0; } .capops-brand-link--logo-img-only:hover .capops-logo-full { opacity: 0.94; } .capops-logo-full { display: block; width: 100%; max-width: 280px; height: auto; margin-inline: auto; } .capops-app-header-inner--stack { flex-direction: column; align-items: stretch; gap: 1rem; } .capops-app-header--main .capops-logo-full { max-width: min(280px, 100%); filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.35)); } .capops-app-header--main .capops-tagline { flex: none; width: 100%; border-left: none; padding: 0; padding-top: 0.1rem; font-size: 0.93rem; font-weight: 500; color: #f8fafc; } /* Main app header  deep navy plate like logo background */ .capops-app-header--main { margin: -1.25rem -1rem 1.5rem; padding: 1.35rem 1.1rem 1.45rem; background: linear-gradient(165deg, #0c1224 0%, #070b14 55%, #050810 100%); border: 1px solid rgba(255, 255, 255, 0.08); border-top: none; border-radius: 0 0 14px 14px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06); } .capops-app-header-inner { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.25rem; } @media (max-width: 520px) { .capops-app-header--main .capops-app-header-inner--stack { gap: 0.85rem; } .capops-app-header--main .capops-app-header-inner--stack .capops-tagline { border-top: 1px solid rgba(96, 165, 250, 0.35); padding-top: 0.85rem; } } /* Auth / landing mast */ .capops-brand-mast { display: flex; flex-direction: column; align-items: center; margin-bottom: 1.15rem; padding-bottom: 1.15rem; text-align: center; width: 100%; max-width: 460px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .capops-brand-mast .capops-brand-link { flex-direction: column; gap: 0.55rem; } .capops-brand-mast .capops-brand-link--logo-img-only { width: 100%; display: flex; justify-content: center; } .capops-brand-mast .capops-logo-full { max-width: min(280px, 92vw); } .capops-brand-mast .capops-mark { width: 56px; height: 56px; filter: drop-shadow(0 3px 16px rgba(37, 99, 235, 0.42)); } .capops-brand-mast .capops-wordmark { font-size: 1.72rem; }