/*
 * Brand design system shared by the marketing pages rendered by HomeView —
 * was an inline <style> (HomeView.renderBrandStyles). Static, no tenant data.
 */
/* Light StoneUI hero (Phase 2): warm paper, product screenshot in a browser frame. */
.hero-light { position: relative; background: #fafaf9; overflow: hidden; border-bottom: 1px solid #ececeb; }
.hero-light::before {
    content: ''; position: absolute; inset: 0; pointer-events: none;
    background:
        radial-gradient(ellipse 42% 52% at 82% 18%, rgba(22,163,116,0.06), transparent 70%),
        radial-gradient(ellipse 38% 44% at 8% 92%, rgba(15,122,82,0.045), transparent 62%);
}
.badge-e { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.7rem; letter-spacing: 0.13em; text-transform: uppercase; font-weight: 600; color: #78716c; background: #ffffff; border: 1px solid #e7e5e4; padding: 0.35rem 0.8rem; border-radius: 3px; }
.badge-e .dot { width: 6px; height: 6px; border-radius: 50%; background: #daa520; }
.hero-underline { border-bottom: 2px solid #0f7a52; padding-bottom: 0.02em; }
.hero-img { position: relative; border: 1px solid #e7e5e4; border-radius: 3px; overflow: hidden; background: #ffffff; box-shadow: 0 1px 3px rgba(28,25,23,0.06), 0 24px 48px -30px rgba(28,25,23,0.42); }
.hero-img .fbar { display: flex; align-items: center; gap: 0.4rem; padding: 0.55rem 0.8rem; border-bottom: 1px solid #ececeb; background: #fafaf9; }
.hero-img .fbar .rd { width: 8px; height: 8px; border-radius: 50%; background: #d6d3d1; }
.hero-img .fbar .addr { margin-left: 0.5rem; font-family: ui-monospace, Menlo, monospace; font-size: 0.62rem; letter-spacing: 0.02em; color: #a8a29e; }
.hero-img .shot { display: block; width: 100%; height: auto; }
.hero-bar { position: absolute; top: 0; left: 0; right: 0; height: 3px;
    background: linear-gradient(90deg, var(--gradient-start), var(--gradient-end), var(--gradient-start)); z-index: 5; }
.brand-card {
    background: white; border: 1px solid #e7e5e4; border-radius: 3px;
    padding: 1.75rem; transition: border-color 0.12s; position: relative; }
.hero-credit {
    position: absolute; bottom: 0.75rem; right: 1rem;
    font-size: 0.5625rem; color: rgba(255,255,255,0.3);
    z-index: 3; font-family: var(--font-body);
}
.hero-credit a { color: rgba(255,255,255,0.4); text-decoration: underline; }