.brand-symbol img { width: 100%; height: 100%; object-fit: contain; display: block; }

/* Unified RhoMinds orange brand theme, sampled from the mobile app mark. */
:root {
    --cyan: #ff8a24;
    --green: #ffb066;
    --orange: #ef6500;
    --blue: #f47a17;
    --red: #ce5100;
    --muted: #aab3be;
    --orange-surface-deep: #5c1f08;
    --orange-surface: #7a2b07;
    --orange-surface-light: #963706;
    --orange-on-surface: #fff8f2;
    --orange-on-surface-muted: #ffe1c8;
    --orange-label: #ffc38f;
}

.button,
.rho-core,
.brand-symbol {
    background: linear-gradient(135deg, #ef6500 0%, #ff7912 48%, #ffb066 100%);
}

.rm-hero {
    background: radial-gradient(circle at 76% 42%, #3a2013 0, transparent 29%), linear-gradient(135deg, #080a0f, #100b08);
}

.home-cta,
.proof-callout,
.cta-band {
    background: linear-gradient(110deg, var(--orange-surface-deep), var(--orange-surface) 58%, var(--orange-surface-light));
    color: var(--orange-on-surface);
}

.home-cta .section-id,
.home-cta .kicker,
.proof-callout .section-id,
.proof-callout .kicker,
.cta-band .section-id,
.cta-band .kicker {
    color: var(--orange-label);
}

.home-cta p,
.proof-callout p,
.cta-band p {
    color: var(--orange-on-surface-muted);
}

.home-cta .button,
.proof-callout .button,
.cta-band .button {
    background: #fff1e5;
    border: 1px solid #fff1e5;
    color: #281006;
    box-shadow: 0 12px 32px rgba(35, 10, 2, .24);
    width: fit-content;
    max-width: 100%;
    justify-self: start;
    white-space: normal;
}

.home-cta .button:hover,
.proof-callout .button:hover,
.cta-band .button:hover {
    background: #ffffff;
    border-color: #ffffff;
}

.product-hero {
    background: radial-gradient(circle at 85% 30%, #3a2013, transparent 32%), #0a0e14;
}

.product-hero .product-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: clamp(48px, 6vw, 90px);
    align-items: center;
}

.product-hero .product-hero-copy {
    min-width: 0;
}

.product-hero .product-hero-copy h1,
.product-hero .product-hero-copy .lead,
.product-hero .product-hero-copy .hero-summary {
    max-width: 100%;
    overflow-wrap: break-word;
}

.product-hero .product-stage {
    position: relative;
    right: auto;
    top: auto;
    width: 300px;
    height: 300px;
    justify-self: end;
}

.story-art {
    background: radial-gradient(circle, #4a2817, #090c11);
}

.insight-art span {
    border-color: rgba(255, 138, 36, .4);
}

.system-icon {
    background: transparent;
}

.system-card {
    min-height: 275px;
}

.system-main {
    padding: 34px 0;
}

.system-main .system-tagline {
    color: #d1d6dc;
    font-weight: 600;
    margin-top: 9px;
}

.system-main .system-summary {
    max-width: 720px;
    margin-top: 12px;
    color: #aab3be;
    font-size: 14px;
    line-height: 1.65;
}

.product-overview .lead-copy {
    margin: 0 0 22px;
}

.product-overview .lead-copy:last-child {
    margin-bottom: 36px;
}

.hero-copy > p,
.page-hero > p,
.hero-summary,
.lead-copy,
.insight-card p,
.story-grid p,
.contact-intro p,
.article-deck,
.article-body {
    color: #b4bdc7;
}

.main-nav a,
.footer-top a,
.ghost-link,
.line-link {
    color: #cbd1d8;
}

@media(max-width:1200px) {
    .product-hero {
        min-height: 560px;
        padding: 90px 0;
    }

    .product-hero .product-stage {
        display: none;
    }

    .product-hero .product-hero-grid {
        display: block;
    }

    .product-hero h1 {
        max-width: none;
        font-size: clamp(48px, 8vw, 78px);
    }

    .product-hero .lead,
    .product-hero .hero-summary {
        max-width: 780px;
    }

    .product-hero .actions {
        flex-wrap: wrap;
    }
}

@media(max-width:680px) {
    .system-card { min-height: 280px; }
    .system-main { padding: 24px 0; }
    .system-main .system-summary { font-size: 12px; line-height: 1.5; }
    .product-hero { min-height: auto; padding: 70px 0; }
    .product-hero h1 { font-size: 50px; overflow-wrap: anywhere; }
    .product-hero .lead { font-size: 20px; }
}