/* =========================================================================
   RESULTS PAGE — Social proof metrics with varied visual layouts
   Hero (floating numbers) → Highlights → Reply → Depth → Autonomous → Comparison → CTA
   ========================================================================= */


/* HERO — CENTERED FULL-VIEWPORT WITH FLOATING METRICS */

.rs-hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    text-align: center;
    position: relative;
    overflow: hidden;
}


/* FLOATING METRICS BACKGROUND */

.rs-hero .rs-hero__floats {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    pointer-events: none;
    z-index: 0;
}

.rs-hero .rs-hero__floats .rs-float {
    position: absolute;
    font-weight: 700;
    color: var(--color-primary);
    white-space: nowrap;
    line-height: 1;
}

.rs-hero .rs-hero__floats .rs-float--1 { font-size: 72px; opacity: 0.35; top: 15%; left: 5%; animation: rsFloatNear 21s ease-in-out infinite; }
.rs-hero .rs-hero__floats .rs-float--2 { font-size: 64px; opacity: 0.3; top: 70%; right: 8%; animation: rsFloatNear 23s ease-in-out infinite 3s; }
.rs-hero .rs-hero__floats .rs-float--3 { font-size: 56px; opacity: 0.25; bottom: 20%; left: 10%; animation: rsFloatNear 19s ease-in-out infinite 5s; }
.rs-hero .rs-hero__floats .rs-float--4 { font-size: 48px; opacity: 0.25; top: 25%; right: 15%; filter: blur(1px); animation: rsFloatMid 17s ease-in-out infinite 2s; }
.rs-hero .rs-hero__floats .rs-float--5 { font-size: 44px; opacity: 0.2; top: 55%; left: 18%; filter: blur(1px); animation: rsFloatMid 19s ease-in-out infinite 4s; }
.rs-hero .rs-hero__floats .rs-float--6 { font-size: 52px; opacity: 0.22; bottom: 30%; right: 20%; filter: blur(1px); animation: rsFloatMid 23s ease-in-out infinite 1s; }
.rs-hero .rs-hero__floats .rs-float--7 { font-size: 36px; opacity: 0.15; top: 10%; right: 30%; filter: blur(2px); animation: rsFloatFar 29s ease-in-out infinite 3s; }
.rs-hero .rs-hero__floats .rs-float--8 { font-size: 32px; opacity: 0.12; top: 80%; left: 25%; filter: blur(2px); animation: rsFloatFar 26s ease-in-out infinite 6s; }
.rs-hero .rs-hero__floats .rs-float--9 { font-size: 40px; opacity: 0.15; top: 40%; left: 3%; filter: blur(2px); animation: rsFloatFar 24s ease-in-out infinite; }
.rs-hero .rs-hero__floats .rs-float--10 { font-size: 28px; opacity: 0.1; top: 35%; right: 5%; filter: blur(3px); animation: rsFloatFar 31s ease-in-out infinite 2s; }
.rs-hero .rs-hero__floats .rs-float--11 { font-size: 24px; opacity: 0.08; bottom: 15%; right: 35%; filter: blur(3px); animation: rsFloatFar 27s ease-in-out infinite 5s; }
.rs-hero .rs-hero__floats .rs-float--12 { font-size: 30px; opacity: 0.1; top: 5%; left: 35%; filter: blur(3px); animation: rsFloatFar 33s ease-in-out infinite 1s; }

@keyframes rsFloatNear {
    0%, 100% { transform: translate(0, 0) rotate(0deg); }
    33% { transform: translate(10px, -15px) rotate(2deg); }
    66% { transform: translate(-8px, 10px) rotate(-1deg); }
}

@keyframes rsFloatMid {
    0%, 100% { transform: translate(0, 0) rotate(0deg) scale(1); }
    25% { transform: translate(-12px, -10px) rotate(-3deg) scale(1.02); }
    50% { transform: translate(8px, -20px) rotate(2deg) scale(0.98); }
    75% { transform: translate(15px, 5px) rotate(-1deg) scale(1.01); }
}

@keyframes rsFloatFar {
    0%, 100% { transform: translate(0, 0) scale(1); }
    20% { transform: translate(15px, -10px) scale(1.03); }
    40% { transform: translate(-10px, -25px) scale(0.97); }
    60% { transform: translate(-20px, 5px) scale(1.02); }
    80% { transform: translate(10px, 15px) scale(0.99); }
}


/* CENTER VIGNETTE */

.rs-hero .rs-hero__vignette {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at center, #ffffff 0%, rgba(255, 255, 255, 0) 70%);
    pointer-events: none;
    z-index: 1;
}


/* HERO INNER */

.rs-hero .rs-hero__inner {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    padding: 0 25px;
    position: relative;
    z-index: 2;
}

.rs-hero .rs-hero__inner .rs-hero__badge { display: inline-block; padding: 10px 25px; border-radius: 50px; background: rgba(28, 145, 228, 0.1); color: var(--color-primary); font-weight: 600; letter-spacing: 0.5px; }
.rs-hero .rs-hero__inner .rs-hero__headline { font-size: 32px; font-weight: 700; color: var(--color-ink); line-height: 1.2; margin: 0; }
.rs-hero .rs-hero__inner .rs-hero__subheadline { font-size: 16px; color: var(--color-muted); line-height: 1.7; margin: 0; max-width: 600px; }


/* =========================================================================
   HIGHLIGHTS STRIP
   ========================================================================= */

.rs-highlights { background: #dbeafe; position: relative; z-index: 1; }

.rs-highlights::before { content: ""; position: absolute; top: -79px; left: 0; width: 100%; height: 80px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0 28c240 22 480-18 720 0s480 26 720 0v52H0z' fill='%23dbeafe'/%3E%3C/svg%3E"); background-size: 100% 100%; pointer-events: none; z-index: 2; }

.rs-highlights .content-inner { display: flex; justify-content: center; gap: 50px; flex-wrap: wrap; }

.rs-highlights .content-inner .rs-highlight-card { text-align: center; flex: 1; min-width: 200px; max-width: 300px; }
.rs-highlights .content-inner .rs-highlight-card .rs-highlight-card__value { font-size: 56px; font-weight: 700; color: var(--color-primary); line-height: 1; margin: 0; }
.rs-highlights .content-inner .rs-highlight-card .rs-highlight-card__value .rs-highlight-card__suffix { font-size: 36px; color: var(--color-secondary); }
.rs-highlights .content-inner .rs-highlight-card .rs-highlight-card__label { font-size: 15px; color: var(--color-muted); font-weight: 600; margin-top: 10px; text-transform: uppercase; letter-spacing: 0.5px; }


/* =========================================================================
   REPLY PERFORMANCE — dominant number + speed stats side by side
   ========================================================================= */

.rs-reply { background: var(--color-surface); position: relative; z-index: 1; }

.rs-reply::before { content: ""; position: absolute; top: -79px; left: 0; width: 100%; height: 80px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0 28c240 22 480-18 720 0s480 26 720 0v52H0z' fill='%23ffffff'/%3E%3C/svg%3E"); background-size: 100% 100%; pointer-events: none; z-index: 2; }

.rs-reply .content-inner { max-width: 1100px; }
.rs-reply .content-inner .section-header { text-align: center; margin-bottom: 50px; }
.rs-reply .content-inner .section-header .rs-section-subtitle { color: var(--color-muted); line-height: 1.7; max-width: 560px; margin: 10px auto 0; }

.rs-reply .content-inner .rs-reply__layout { display: flex; gap: 50px; align-items: flex-start; flex-wrap: wrap; }


/* LEFT: BIG NUMBER */

.rs-reply .content-inner .rs-reply__layout .rs-reply__big { flex: 1.2; min-width: 300px; text-align: center; }
.rs-reply .content-inner .rs-reply__layout .rs-reply__big .rs-reply__big-value { font-size: 96px; font-weight: 700; color: var(--color-primary); line-height: 1; margin: 0; }
.rs-reply .content-inner .rs-reply__layout .rs-reply__big .rs-reply__big-value .rs-reply__big-suffix { font-size: 56px; color: var(--color-secondary); }
.rs-reply .content-inner .rs-reply__layout .rs-reply__big .rs-reply__big-label { font-size: 14px; font-weight: 700; color: var(--color-ink); text-transform: uppercase; letter-spacing: 0.5px; margin-top: 10px; }
.rs-reply .content-inner .rs-reply__layout .rs-reply__big .rs-reply__big-context { font-size: 14px; color: var(--color-muted); line-height: 1.7; margin-top: 25px; max-width: 400px; margin-left: auto; margin-right: auto; }


/* RIGHT: SPEED STATS */

.rs-reply .content-inner .rs-reply__layout .rs-reply__speed { flex: 1; min-width: 280px; display: flex; flex-direction: column; gap: 25px; }

.rs-reply .content-inner .rs-reply__layout .rs-reply__speed .rs-reply__speed-card { background: var(--color-background); border-radius: 10px; padding: 25px; border: 1px solid var(--color-border); }
.rs-reply .content-inner .rs-reply__layout .rs-reply__speed .rs-reply__speed-card .rs-reply__speed-value { font-size: 32px; font-weight: 700; color: var(--color-primary); margin: 0; }
.rs-reply .content-inner .rs-reply__layout .rs-reply__speed .rs-reply__speed-card .rs-reply__speed-label { font-size: 14px; color: var(--color-muted); margin-top: 10px; }

.rs-reply .content-inner .rs-reply__layout .rs-reply__speed .rs-reply__speed-insight { font-size: 14px; color: var(--color-muted); line-height: 1.6; font-style: italic; }


/* =========================================================================
   CONVERSATION DEPTH — staircase bar chart (dark section)
   ========================================================================= */

.rs-depth { background: var(--color-ink); position: relative; z-index: 1; }

.rs-depth::before { content: ""; position: absolute; top: -79px; left: 0; width: 100%; height: 80px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0 28c240 22 480-18 720 0s480 26 720 0v52H0z' fill='%230f172a'/%3E%3C/svg%3E"); background-size: 100% 100%; pointer-events: none; z-index: 2; }

.rs-depth .content-inner { max-width: 900px; }
.rs-depth .content-inner .section-header { text-align: center; margin-bottom: 50px; }
.rs-depth .content-inner .section-header .section-title { color: #ffffff; }
.rs-depth .content-inner .section-header .rs-section-subtitle { color: rgba(255, 255, 255, 0.7); line-height: 1.7; max-width: 600px; margin: 10px auto 0; }


/* STAIRCASE BARS */

.rs-depth .content-inner .rs-depth__bars { display: flex; flex-direction: column; gap: 10px; }

.rs-depth .content-inner .rs-depth__bars .rs-depth__row { display: flex; align-items: center; gap: 10px; }

.rs-depth .content-inner .rs-depth__bars .rs-depth__row .rs-depth__row-label { flex: 0 0 120px; font-size: 13px; color: rgba(255, 255, 255, 0.5); text-align: right; white-space: nowrap; }

.rs-depth .content-inner .rs-depth__bars .rs-depth__row .rs-depth__row-track { flex: 1; height: 50px; background: rgba(255, 255, 255, 0.05); border-radius: 10px; overflow: hidden; }

.rs-depth .content-inner .rs-depth__bars .rs-depth__row .rs-depth__row-track .rs-depth__row-bar { height: 100%; background: linear-gradient(90deg, var(--color-primary), var(--color-secondary)); border-radius: 10px; display: flex; align-items: center; justify-content: flex-end; padding-right: 10px; min-width: 50px; }

.rs-depth .content-inner .rs-depth__bars .rs-depth__row .rs-depth__row-track .rs-depth__row-bar .rs-depth__row-value { font-size: 14px; font-weight: 700; color: #ffffff; white-space: nowrap; }


/* INSIGHT */

.rs-depth .content-inner .rs-depth__insight { text-align: center; color: rgba(255, 255, 255, 0.6); font-size: 14px; line-height: 1.7; margin-top: 50px; max-width: 600px; margin-left: auto; margin-right: auto; font-style: italic; }


/* =========================================================================
   AUTONOMOUS ACTIONS — featured card + supporting grid (light blue)
   ========================================================================= */

.rs-autonomous { background: #dbeafe; position: relative; z-index: 1; }

.rs-autonomous::before { content: ""; position: absolute; top: -79px; left: 0; width: 100%; height: 80px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0 28c240 22 480-18 720 0s480 26 720 0v52H0z' fill='%23dbeafe'/%3E%3C/svg%3E"); background-size: 100% 100%; pointer-events: none; z-index: 2; }

.rs-autonomous .content-inner { max-width: 1100px; }
.rs-autonomous .content-inner .section-header { text-align: center; margin-bottom: 50px; }
.rs-autonomous .content-inner .section-header .rs-section-subtitle { color: var(--color-muted); line-height: 1.7; max-width: 560px; margin: 10px auto 0; }


/* FEATURED CARD — large, prominent */

.rs-autonomous .content-inner .rs-autonomous__featured { background: var(--color-surface); border-radius: 10px; padding: 50px; text-align: center; border: 1px solid var(--color-border); margin-bottom: 25px; }

.rs-autonomous .content-inner .rs-autonomous__featured .rs-autonomous__featured-value { font-size: 72px; font-weight: 700; color: var(--color-accent); line-height: 1; margin: 0; }
.rs-autonomous .content-inner .rs-autonomous__featured .rs-autonomous__featured-label { font-size: 16px; font-weight: 700; color: var(--color-ink); text-transform: uppercase; letter-spacing: 0.5px; margin-top: 10px; }
.rs-autonomous .content-inner .rs-autonomous__featured .rs-autonomous__featured-desc { font-size: 15px; color: var(--color-muted); line-height: 1.7; margin-top: 25px; max-width: 600px; margin-left: auto; margin-right: auto; }
.rs-autonomous .content-inner .rs-autonomous__featured .rs-autonomous__featured-why { font-size: 14px; color: var(--color-accent); font-weight: 600; margin-top: 25px; }


/* SUPPORTING CARDS — smaller, 3-column grid */

.rs-autonomous .content-inner .rs-autonomous__grid { display: flex; gap: 25px; flex-wrap: wrap; justify-content: center; }

.rs-autonomous .content-inner .rs-autonomous__grid .rs-autonomous__card { flex: 1; min-width: 250px; max-width: 340px; background: var(--color-surface); border-radius: 10px; padding: 25px; text-align: center; border: 1px solid var(--color-border); }
.rs-autonomous .content-inner .rs-autonomous__grid .rs-autonomous__card .rs-autonomous__card-value { font-size: 36px; font-weight: 700; color: var(--color-primary); line-height: 1; margin: 0; }
.rs-autonomous .content-inner .rs-autonomous__grid .rs-autonomous__card .rs-autonomous__card-label { font-size: 13px; font-weight: 700; color: var(--color-ink); text-transform: uppercase; letter-spacing: 0.5px; margin-top: 10px; }
.rs-autonomous .content-inner .rs-autonomous__grid .rs-autonomous__card .rs-autonomous__card-desc { font-size: 14px; color: var(--color-muted); line-height: 1.6; margin-top: 10px; }


/* =========================================================================
   COST EFFICIENCY — dark section with big price + supporting cards
   ========================================================================= */

.rs-cost { background: var(--color-ink); position: relative; z-index: 1; }

.rs-cost::before { content: ""; position: absolute; top: -79px; left: 0; width: 100%; height: 80px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0 28c240 22 480-18 720 0s480 26 720 0v52H0z' fill='%230f172a'/%3E%3C/svg%3E"); background-size: 100% 100%; pointer-events: none; z-index: 2; }

.rs-cost .content-inner { max-width: 1100px; }
.rs-cost .content-inner .section-header { text-align: center; margin-bottom: 50px; }
.rs-cost .content-inner .section-header .section-title { color: #ffffff; }
.rs-cost .content-inner .section-header .rs-section-subtitle { color: rgba(255, 255, 255, 0.7); line-height: 1.7; max-width: 560px; margin: 10px auto 0; }


/* BIG PRICE */

.rs-cost .content-inner .rs-cost__big { text-align: center; margin-bottom: 50px; }
.rs-cost .content-inner .rs-cost__big .rs-cost__big-value { font-size: 96px; font-weight: 700; color: var(--color-accent); line-height: 1; margin: 0; }
.rs-cost .content-inner .rs-cost__big .rs-cost__big-label { font-size: 14px; font-weight: 700; color: #ffffff; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 10px; }
.rs-cost .content-inner .rs-cost__big .rs-cost__big-context { font-size: 14px; color: rgba(255, 255, 255, 0.6); line-height: 1.7; margin-top: 25px; max-width: 500px; margin-left: auto; margin-right: auto; }


/* SUPPORTING CARDS */

.rs-cost .content-inner .rs-cost__grid { display: flex; gap: 25px; flex-wrap: wrap; justify-content: center; }

.rs-cost .content-inner .rs-cost__grid .rs-cost__card { flex: 1; min-width: 250px; max-width: 340px; background: #1e293b; border-radius: 10px; padding: 25px; text-align: center; border: 1px solid rgba(28, 145, 228, 0.15); }
.rs-cost .content-inner .rs-cost__grid .rs-cost__card .rs-cost__card-value { font-size: 36px; font-weight: 700; color: var(--color-secondary); line-height: 1; margin: 0; }
.rs-cost .content-inner .rs-cost__grid .rs-cost__card .rs-cost__card-label { font-size: 13px; font-weight: 700; color: #ffffff; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 10px; }
.rs-cost .content-inner .rs-cost__grid .rs-cost__card .rs-cost__card-desc { font-size: 14px; color: rgba(255, 255, 255, 0.6); line-height: 1.6; margin-top: 10px; }


/* =========================================================================
   COMPARISON — eesier vs market (white bg)
   ========================================================================= */

.rs-comparison { background: var(--color-surface); position: relative; z-index: 1; }

.rs-comparison::before { content: ""; position: absolute; top: -79px; left: 0; width: 100%; height: 80px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0 28c240 22 480-18 720 0s480 26 720 0v52H0z' fill='%23ffffff'/%3E%3C/svg%3E"); background-size: 100% 100%; pointer-events: none; z-index: 2; }

.rs-comparison .content-inner { max-width: 1100px; }
.rs-comparison .content-inner .section-header { text-align: center; margin-bottom: 50px; }
.rs-comparison .content-inner .section-header .rs-section-subtitle { color: var(--color-muted); line-height: 1.7; max-width: 560px; margin: 10px auto 0; }

.rs-comparison .content-inner .rs-comparison__grid { display: flex; gap: 25px; flex-wrap: wrap; justify-content: center; }
.rs-comparison .content-inner .rs-comparison__grid .rs-comparison__card { flex: 1; min-width: 280px; max-width: 340px; background: var(--color-background); border-radius: 10px; padding: 50px 25px; text-align: center; border: 1px solid var(--color-border); display: flex; flex-direction: column; align-items: center; gap: 10px; }

.rs-comparison .content-inner .rs-comparison__grid .rs-comparison__card .rs-comparison__label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--color-muted); margin: 0; }

.rs-comparison .content-inner .rs-comparison__grid .rs-comparison__card .rs-comparison__numbers { display: flex; align-items: flex-end; justify-content: center; gap: 25px; width: 100%; }

.rs-comparison .content-inner .rs-comparison__grid .rs-comparison__card .rs-comparison__numbers .rs-comparison__eesier { display: flex; flex-direction: column; align-items: center; }
.rs-comparison .content-inner .rs-comparison__grid .rs-comparison__card .rs-comparison__numbers .rs-comparison__eesier .rs-comparison__eesier-value { font-size: 56px; font-weight: 700; color: var(--color-primary); line-height: 1; }
.rs-comparison .content-inner .rs-comparison__grid .rs-comparison__card .rs-comparison__numbers .rs-comparison__eesier .rs-comparison__eesier-tag { font-size: 11px; font-weight: 700; color: var(--color-primary); text-transform: uppercase; letter-spacing: 0.5px; margin-top: 10px; }

.rs-comparison .content-inner .rs-comparison__grid .rs-comparison__card .rs-comparison__numbers .rs-comparison__market { display: flex; flex-direction: column; align-items: center; opacity: 0.4; }
.rs-comparison .content-inner .rs-comparison__grid .rs-comparison__card .rs-comparison__numbers .rs-comparison__market .rs-comparison__market-value { font-size: 28px; font-weight: 600; color: var(--color-muted); line-height: 1; text-decoration: line-through; }
.rs-comparison .content-inner .rs-comparison__grid .rs-comparison__card .rs-comparison__numbers .rs-comparison__market .rs-comparison__market-tag { font-size: 10px; font-weight: 600; color: var(--color-muted); text-transform: uppercase; letter-spacing: 0.5px; margin-top: 10px; }

.rs-comparison .content-inner .rs-comparison__grid .rs-comparison__card .rs-comparison__multiplier { display: inline-block; padding: 10px 25px; border-radius: 50px; background: rgba(28, 145, 228, 0.1); color: var(--color-primary); font-size: 14px; font-weight: 700; }

.rs-comparison .content-inner .rs-comparison__grid .rs-comparison__card .rs-comparison__insight { font-size: 14px; color: var(--color-muted); line-height: 1.6; margin: 0; }


/* =========================================================================
   CTA (dark)
   ========================================================================= */

.rs-cta { background: var(--color-ink); text-align: center; position: relative; z-index: 1; }

.rs-cta::before { content: ""; position: absolute; top: -79px; left: 0; width: 100%; height: 80px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0 28c240 22 480-18 720 0s480 26 720 0v52H0z' fill='%230f172a'/%3E%3C/svg%3E"); background-size: 100% 100%; pointer-events: none; z-index: 2; }

.rs-cta .content-inner { max-width: 700px; display: flex; flex-direction: column; align-items: center; gap: 25px; }
.rs-cta .content-inner .rs-cta__title { font-size: 28px; font-weight: 700; color: #ffffff; line-height: 1.3; margin: 0; }
.rs-cta .content-inner .rs-cta__subtitle { font-size: 16px; color: rgba(255, 255, 255, 0.7); line-height: 1.7; margin: 0; }


/* =========================================================================
   RESPONSIVE
   ========================================================================= */

@media (min-width: 768px) {

    .rs-hero .rs-hero__inner .rs-hero__headline { font-size: 42px; }
    .rs-highlights .content-inner .rs-highlight-card .rs-highlight-card__value { font-size: 72px; }
    .rs-highlights .content-inner .rs-highlight-card .rs-highlight-card__value .rs-highlight-card__suffix { font-size: 48px; }
    .rs-reply .content-inner .rs-reply__layout .rs-reply__big .rs-reply__big-value { font-size: 120px; }
    .rs-reply .content-inner .rs-reply__layout .rs-reply__big .rs-reply__big-value .rs-reply__big-suffix { font-size: 72px; }
    .rs-cta .content-inner .rs-cta__title { font-size: 36px; }

}

@media (min-width: 1024px) {

    .rs-hero .rs-hero__inner .rs-hero__headline { font-size: 48px; }

}

@media (max-width: 767px) {

    .rs-hero .rs-hero__floats { opacity: 0.7; }
    .rs-hero .rs-hero__floats .rs-float { font-size: 20px !important; }

    .rs-highlights .content-inner { gap: 25px; }
    .rs-highlights .content-inner .rs-highlight-card { min-width: 140px; }

    .rs-reply .content-inner .rs-reply__layout .rs-reply__big .rs-reply__big-value { font-size: 72px; }
    .rs-reply .content-inner .rs-reply__layout .rs-reply__big .rs-reply__big-value .rs-reply__big-suffix { font-size: 44px; }

    .rs-depth .content-inner .rs-depth__bars .rs-depth__row .rs-depth__row-label { flex: 0 0 80px; font-size: 11px; }
    .rs-depth .content-inner .rs-depth__bars .rs-depth__row .rs-depth__row-track { height: 40px; }

    .rs-autonomous .content-inner .rs-autonomous__featured { padding: 25px; }
    .rs-autonomous .content-inner .rs-autonomous__featured .rs-autonomous__featured-value { font-size: 48px; }
    .rs-autonomous .content-inner .rs-autonomous__grid .rs-autonomous__card { min-width: 100%; }

    .rs-cost .content-inner .rs-cost__big .rs-cost__big-value { font-size: 64px; }
    .rs-cost .content-inner .rs-cost__grid .rs-cost__card { min-width: 100%; }

    .rs-comparison .content-inner .rs-comparison__grid .rs-comparison__card { min-width: 100%; }
    .rs-comparison .content-inner .rs-comparison__grid .rs-comparison__card .rs-comparison__numbers .rs-comparison__eesier .rs-comparison__eesier-value { font-size: 44px; }

}

@media (prefers-reduced-motion: reduce) {

    .rs-hero .rs-hero__floats .rs-float { animation: none; }

}