:root {
    --rs-orange: #ff6b1a;
    --rs-orange-hover: #e85c0c;
    --rs-navy: #17233a;
    --rs-ink: #273449;
    --rs-muted: #667085;
    --rs-soft: #fff8f2;
    --rs-line: #ffd5c0;
}

.directory-card--rayanstream {
    border-color: var(--rs-line);
    background: #fffaf5;
    box-shadow: 0 18px 42px rgba(23, 35, 58, .08);
}
.directory-card--rayanstream::after { background: var(--rs-orange); }
.directory-card--rayanstream .directory-card__visual { margin: -12px -12px 7px; }
.directory-card--rayanstream .directory-card__visual > img {
    height: 205px;
    margin: 0;
    border-radius: 8px;
    object-fit: cover;
    filter: drop-shadow(0 15px 22px rgba(23, 35, 58, .14));
}
.directory-card--rayanstream .directory-card__flag {
    inset: 9px 9px auto auto;
    max-width: calc(100% - 18px);
    border-color: #ffc39f;
    color: #71300d;
    background: rgba(255, 248, 242, .96);
}
.directory-card--rayanstream .directory-card__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.directory-card--rayanstream .directory-card__actions > a {
    min-width: 0;
    min-height: 44px;
    justify-content: center;
    padding-inline: 8px;
    font-size: .7rem;
    text-align: center;
    white-space: nowrap;
}
.directory-card--rayanstream .directory-card__actions > a:first-child {
    grid-column: 1 / -1;
    color: var(--rs-navy);
    background: var(--rs-orange);
}
.directory-card--rayanstream .directory-card__actions .directory-card__pricing {
    color: #8d390a;
    border-color: #f5b68f;
    background: #fff4ec;
}
.directory-card--rayanstream .directory-card__actions .directory-card__consult {
    color: #16456d;
    border-color: #a8cbe0;
    background: #eef7fc;
}
.directory-card--rayanstream .directory-card__actions .directory-card__catalog {
    color: #8d390a;
    border-color: #f2aa7f;
    background: #ffeade;
}

.rayanstream-hero,
.rayanstream-section,
.rayanstream-benefits { min-width: 0; }
.rayanstream-hero {
    padding: 76px 0;
    overflow: hidden;
    background: #fffaf5;
}
.rayanstream-hero__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, .92fr);
    align-items: center;
    gap: 64px;
}
.rayanstream-hero__content,
.rayanstream-hero__visual { min-width: 0; }
.rayanstream-brandline { display: flex; align-items: center; gap: 11px; color: var(--rs-navy); font-size: .76rem; font-weight: 900; }
.rayanstream-brandline img { flex: 0 0 auto; width: 54px; height: 54px; }
.rayanstream-kicker,
.rayanstream-label { display: inline-flex; align-items: center; gap: 7px; color: #a33c06; font-size: .72rem; font-weight: 900; }
.rayanstream-kicker { margin-top: 20px; padding: 7px 10px; border: 1px solid #ffc39f; border-radius: 6px; background: #fff3eb; }
.rayanstream-kicker .lucide { width: 16px; height: 16px; }
.rayanstream-hero h1 { max-width: 760px; margin: 17px 0 16px; color: var(--rs-navy); font-size: clamp(2.15rem, 4.2vw, 4rem); line-height: 1.45; letter-spacing: 0; }
.rayanstream-hero__content > p { max-width: 720px; margin: 0; color: var(--rs-muted); line-height: 2.05; }
.rayanstream-hero__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 27px; }
.btn--rayanstream-primary { color: var(--rs-navy); border-color: var(--rs-orange); background: var(--rs-orange); }
.btn--rayanstream-primary:hover { color: #fff; border-color: var(--rs-orange-hover); background: var(--rs-orange-hover); }
.btn--rayanstream-secondary { color: var(--rs-navy); border-color: #9eabc0; background: #fff; }
.btn--rayanstream-catalog { color: #7d3108; border-color: #f1a778; background: #ffe9dc; }
.btn--rayanstream-catalog:hover { color: #fff; border-color: var(--rs-orange-hover); background: var(--rs-orange-hover); }
.btn--rayanstream-dark { color: #fff; border-color: #34445f; background: var(--rs-navy); }
.rayanstream-inline-link,
.rayanstream-text-link { display: inline-flex; align-items: center; gap: 6px; color: #9b3a07; font-size: .76rem; font-weight: 900; }
.rayanstream-inline-link .lucide,
.rayanstream-text-link .lucide { width: 17px; height: 17px; }
.rayanstream-hero__content .rayanstream-hero__note { display: flex; align-items: flex-start; gap: 7px; margin-top: 18px; color: #59677b; font-size: .7rem; }
.rayanstream-hero__note .lucide { flex: 0 0 auto; width: 16px; height: 16px; margin-top: 5px; color: var(--rs-orange-hover); }
.rayanstream-hero__visual { margin: 0; padding: 18px; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; box-shadow: 0 26px 70px rgba(23, 35, 58, .14); }
.rayanstream-hero__visual img { width: 100%; height: auto; display: block; border-radius: 6px; }
.rayanstream-hero__visual figcaption { margin-top: 11px; color: #788396; font-size: .64rem; line-height: 1.8; text-align: center; }

.rayanstream-benefits { border-top: 1px solid #ffe4d3; border-bottom: 1px solid #ffe4d3; background: #fff; }
.rayanstream-benefits .container { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.rayanstream-benefits article { min-width: 0; display: flex; align-items: center; gap: 11px; padding: 24px 18px; }
.rayanstream-benefits article:not(:last-child) { border-left: 1px solid #ffe4d3; }
.rayanstream-benefits article > .lucide { flex: 0 0 auto; width: 27px; height: 27px; color: var(--rs-orange-hover); }
.rayanstream-benefits strong,
.rayanstream-benefits small { display: block; }
.rayanstream-benefits strong { color: var(--rs-navy); font-size: .78rem; }
.rayanstream-benefits small { margin-top: 3px; color: var(--rs-muted); font-size: .64rem; line-height: 1.7; }

.rayanstream-section { padding: 88px 0; }
.rayanstream-section--soft { background: var(--rs-soft); }
.rayanstream-section__heading { max-width: 760px; margin-bottom: 38px; }
.rayanstream-section__heading--center { margin-right: auto; margin-left: auto; text-align: center; }
.rayanstream-section__heading h2 { margin: 10px 0 12px; color: var(--rs-navy); font-size: clamp(1.65rem, 3vw, 2.45rem); line-height: 1.55; letter-spacing: 0; }
.rayanstream-section__heading p { margin: 0; color: var(--rs-muted); line-height: 2; }
.rayanstream-intro__grid { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 58px; }
.rayanstream-intro__grid .rayanstream-section__heading { margin: 0; }
.rayanstream-intro__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.rayanstream-intro__cards article { min-width: 0; min-height: 230px; padding: 27px; border: 1px solid #dfe5ed; border-radius: 8px; background: #fff; }
.rayanstream-intro__cards article.is-answer { border-color: var(--rs-line); background: #fff8f2; }
.rayanstream-intro__cards .lucide { width: 34px; height: 34px; color: var(--rs-orange-hover); }
.rayanstream-intro__cards h3 { margin: 19px 0 8px; color: var(--rs-navy); }
.rayanstream-intro__cards p { margin: 0; color: var(--rs-muted); font-size: .77rem; line-height: 1.95; }

.rayanstream-feature-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.rayanstream-feature-group { min-width: 0; padding: 28px; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; box-shadow: 0 15px 38px rgba(23, 35, 58, .05); }
.rayanstream-feature-group > header { display: flex; align-items: flex-start; gap: 12px; padding-bottom: 18px; border-bottom: 1px solid #f2e3da; }
.rayanstream-feature-group > header > .lucide { flex: 0 0 auto; width: 40px; height: 40px; padding: 9px; border-radius: 7px; color: var(--rs-navy); background: #ffe8d8; }
.rayanstream-feature-group h3 { margin: 0 0 5px; color: var(--rs-navy); font-size: 1.05rem; }
.rayanstream-feature-group header p { margin: 0; color: var(--rs-muted); font-size: .7rem; line-height: 1.8; }
.rayanstream-feature-list { display: grid; gap: 3px; margin-top: 14px; }
.rayanstream-feature { min-width: 0; display: grid; grid-template-columns: auto 1fr; gap: 10px; padding: 12px 0; }
.rayanstream-feature > .lucide { width: 20px; height: 20px; margin-top: 3px; color: var(--rs-orange-hover); }
.rayanstream-feature h4 { margin: 0 0 3px; color: var(--rs-ink); font-size: .82rem; }
.rayanstream-feature p { margin: 0; color: var(--rs-muted); font-size: .68rem; line-height: 1.8; }

.rayanstream-audience-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.rayanstream-audience-grid article { min-width: 0; min-height: 235px; padding: 25px; border: 1px solid #e0e6ee; border-radius: 8px; background: #fff; }
.rayanstream-audience-grid .lucide { width: 33px; height: 33px; color: var(--rs-orange-hover); }
.rayanstream-audience-grid h3 { margin: 19px 0 8px; color: var(--rs-navy); }
.rayanstream-audience-grid p { margin: 0; color: var(--rs-muted); font-size: .75rem; line-height: 1.95; }

.rayanstream-section--navy { color: #fff; background: var(--rs-navy); }
.rayanstream-section--navy .rayanstream-label { color: #ffb17f; }
.rayanstream-section--navy .rayanstream-section__heading h2 { color: #fff; }
.rayanstream-section--navy .rayanstream-section__heading p { color: #bdc7d7; }
.rayanstream-workflow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.rayanstream-workflow li { min-width: 0; padding: 24px; border: 1px solid #42506a; border-radius: 8px; background: #1e2c45; }
.rayanstream-workflow li > span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: var(--rs-navy); background: var(--rs-orange); font-weight: 900; }
.rayanstream-workflow h3 { margin: 17px 0 7px; color: #fff; }
.rayanstream-workflow p { margin: 0; color: #c5cedc; font-size: .72rem; line-height: 1.9; }

.rayanstream-integration__grid { display: grid; grid-template-columns: 1fr .8fr; align-items: center; gap: 58px; }
.rayanstream-integration__grid .rayanstream-section__heading { margin: 0; }
.rayanstream-text-link { margin-top: 20px; }
.rayanstream-integration ul { margin: 0; padding: 26px; border: 1px solid var(--rs-line); border-radius: 8px; background: #fffaf5; list-style: none; }
.rayanstream-integration li { display: flex; align-items: flex-start; gap: 8px; padding: 12px 0; color: var(--rs-ink); line-height: 1.8; }
.rayanstream-integration li:not(:last-child) { border-bottom: 1px solid #f3e3da; }
.rayanstream-integration li .lucide { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 5px; color: var(--rs-orange-hover); }

.rayanstream-faq__grid { display: grid; grid-template-columns: .7fr 1.3fr; align-items: start; gap: 60px; }
.rayanstream-faq__grid .rayanstream-section__heading { margin: 0; }
.rayanstream-faq details { border-bottom: 1px solid #ebdace; }
.rayanstream-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 0; color: var(--rs-navy); font-weight: 900; cursor: pointer; }
.rayanstream-faq summary .lucide { flex: 0 0 auto; width: 18px; height: 18px; color: var(--rs-orange-hover); transition: transform .25s ease; }
.rayanstream-faq details[open] summary .lucide { transform: rotate(180deg); }
.rayanstream-faq details p { margin: 0; padding: 0 0 18px; color: var(--rs-muted); line-height: 2; }

.rayanstream-catalog { padding-top: 40px; padding-bottom: 40px; background: #fff; }
.rayanstream-catalog__inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    padding: 28px;
    border: 1px solid var(--rs-line);
    border-radius: 8px;
    background: #fff8f2;
    box-shadow: 0 16px 36px rgba(23, 35, 58, .06);
}
.rayanstream-catalog__icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: #9a3906;
    background: #ffe2d0;
}
.rayanstream-catalog__icon .lucide { width: 28px; height: 28px; }
.rayanstream-catalog__icon-fallback { font-size: .68rem; font-weight: 900; letter-spacing: 0; }
.rayanstream-catalog__icon:has(.lucide) .rayanstream-catalog__icon-fallback { display: none; }
.rayanstream-catalog h2 { margin: 5px 0 4px; color: var(--rs-navy); font-size: 1.35rem; letter-spacing: 0; }
.rayanstream-catalog p { margin: 0; color: var(--rs-muted); font-size: .76rem; line-height: 1.9; }
.rayanstream-catalog .btn { min-width: 210px; justify-content: center; }

.rayanstream-contact { background: #fff; }
.rayanstream-contact__inner { display: flex; align-items: center; justify-content: space-between; gap: 42px; padding: 38px; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff8f2; }
.rayanstream-contact h2 { margin: 8px 0; color: var(--rs-navy); font-size: clamp(1.5rem, 3vw, 2.2rem); letter-spacing: 0; }
.rayanstream-contact p { margin: 0; color: var(--rs-muted); line-height: 1.9; }
.rayanstream-contact__actions { flex: 0 0 auto; display: flex; flex-wrap: wrap; gap: 9px; }

.directory-card--rayanstream a:focus-visible,
.rayanstream-hero a:focus-visible,
.rayanstream-section a:focus-visible,
.rayanstream-section summary:focus-visible { outline: 3px solid var(--rs-orange); outline-offset: 3px; }
.rayanstream-feature-group,
.rayanstream-audience-grid article,
.rayanstream-intro__cards article { transition: transform .45s ease, box-shadow .45s ease, border-color .45s ease; }
.rayanstream-feature-group:hover,
.rayanstream-audience-grid article:hover,
.rayanstream-intro__cards article:hover { transform: translateY(-4px); border-color: #f3b087; box-shadow: 0 18px 42px rgba(23, 35, 58, .09); }

@media (max-width: 1050px) {
    .rayanstream-hero__inner { grid-template-columns: minmax(0, 1fr) minmax(350px, .85fr); gap: 36px; }
    .rayanstream-benefits .container { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .rayanstream-benefits article:nth-child(2) { border-left: 0; }
    .rayanstream-benefits article:nth-child(-n+2) { border-bottom: 1px solid #ffe4d3; }
    .rayanstream-audience-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 800px) {
    .rayanstream-hero { padding: 58px 0; }
    .rayanstream-hero__inner,
    .rayanstream-intro__grid,
    .rayanstream-integration__grid,
    .rayanstream-faq__grid { grid-template-columns: 1fr; gap: 34px; }
    .rayanstream-hero__visual { max-width: 620px; margin: auto; }
    .rayanstream-feature-groups,
    .rayanstream-workflow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .rayanstream-catalog__inner { grid-template-columns: auto minmax(0, 1fr); }
    .rayanstream-catalog .btn { grid-column: 1 / -1; width: 100%; }
    .rayanstream-contact__inner { align-items: flex-start; flex-direction: column; }
    .rayanstream-contact__actions { width: 100%; }
}

@media (max-width: 580px) {
    .directory-card--rayanstream .directory-card__actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .directory-card--rayanstream .directory-card__actions > a:first-child { grid-column: 1 / -1; }
    .directory-card--rayanstream .directory-card__actions > a { min-height: 42px; padding-inline: 5px; font-size: .64rem; }
    .rayanstream-hero h1 { font-size: 2rem; }
    .rayanstream-hero__actions { align-items: stretch; flex-direction: column; }
    .rayanstream-hero__actions .btn,
    .rayanstream-inline-link { justify-content: center; width: 100%; }
    .rayanstream-benefits .container,
    .rayanstream-intro__cards,
    .rayanstream-feature-groups,
    .rayanstream-audience-grid,
    .rayanstream-workflow { grid-template-columns: 1fr; }
    .rayanstream-benefits article,
    .rayanstream-benefits article:nth-child(2) { border-left: 0; border-bottom: 1px solid #ffe4d3; }
    .rayanstream-benefits article:last-child { border-bottom: 0; }
    .rayanstream-section { padding: 66px 0; }
    .rayanstream-feature-group,
    .rayanstream-intro__cards article,
    .rayanstream-contact__inner { padding: 21px; }
    .rayanstream-catalog__inner { grid-template-columns: 1fr; padding: 21px; text-align: center; }
    .rayanstream-catalog__icon { margin-inline: auto; }
    .rayanstream-catalog .btn { min-width: 0; white-space: normal; }
    .rayanstream-contact__actions { flex-direction: column; }
    .rayanstream-contact__actions .btn { justify-content: center; width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .directory-card--rayanstream *,
    .rayanstream-hero *,
    .rayanstream-section * { animation: none !important; scroll-behavior: auto !important; transition: none !important; }
    .rayanstream-feature-group:hover,
    .rayanstream-audience-grid article:hover,
    .rayanstream-intro__cards article:hover { transform: none; }
}