/* ============================================================================
   WELL RUN · SIGNAL SYSTEM — RESTREAM ME
   Page styles for /en/tech-hub/restream/  (namespace: .rs-)
   Built on Signal Core tokens in global.css.
   ============================================================================ */

/* Black page base for the Reveal Lift seam: every section paints its own
   opaque background, so the base colour only shows through the footer seam. */
.rs-page { background: var(--wr-black) !important; overflow-x: hidden; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
.rs-page a, .rs-page button, .rs-page summary { -webkit-tap-highlight-color: transparent; }
.rs-h1, .rs-h2, .rs-distinct__statement, .rs-proof__t, .rs-edge__host { overflow-wrap: break-word; }

/* Section scaffolding ------------------------------------------------------ */
.rs-section { position: relative; z-index: 2; width: 100%; padding: clamp(104px, 15vh, 200px) var(--wr-pad-x); background: var(--wr-white); }
.rs-section--dark  { background: var(--wr-hero);  color: var(--wr-white); }
.rs-section--black { background: var(--wr-black); color: var(--wr-white); }
.rs-inner { position: relative; z-index: 4; max-width: var(--wr-max-width); margin: 0 auto; width: 100%; }
.rs-eyebrow { margin-bottom: 32px; }

.rs-h2 { font-size: clamp(30px, 4vw, 52px); font-weight: 800; line-height: 1.08; letter-spacing: -0.02em; color: var(--wr-black); max-width: 19ch; text-wrap: balance; }
.rs-section--dark .rs-h2, .rs-section--black .rs-h2 { color: var(--wr-white); }
.rs-lead { font-size: clamp(16px, 1.35vw, 19px); line-height: 1.65; color: var(--wr-black-40); max-width: 62ch; margin-top: 26px; }
.rs-section--dark .rs-lead, .rs-section--black .rs-lead { color: var(--wr-white-65); }
.rs-lead strong { color: inherit; font-weight: 700; }
.rs-section--dark .rs-lead strong { color: var(--wr-white); }
.rs-head--center { text-align: center; }
.rs-head--center .rs-h2, .rs-head--center .rs-lead { margin-left: auto; margin-right: auto; }

/* Buttons ------------------------------------------------------------------ */
.rs-btn { display: inline-flex; align-items: center; gap: 9px; height: 52px; padding: 0 28px; border-radius: var(--wr-radius-pill); font-size: 13px; font-weight: 800; letter-spacing: 0.04em; color: var(--wr-black); position: relative; isolation: isolate; background: var(--wr-grad); background-size: 200% auto; animation: gradientShimmerSlow 4s ease-in-out infinite alternate; transition: transform 0.25s var(--wr-ease-out), box-shadow 0.3s ease; box-shadow: 0 8px 30px -10px #F0492366; }
.rs-btn svg { width: 15px; height: 15px; stroke: var(--wr-black); stroke-width: 2.4; fill: none; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.25s var(--wr-ease-out); }
@media (hover: hover) and (pointer: fine) { .rs-btn:hover { transform: translateY(-2px); box-shadow: 0 14px 38px -10px #F0492399; } .rs-btn:hover svg { transform: translateX(4px); } }
.rs-btn--ghost { background: transparent; animation: none; box-shadow: none; color: var(--wr-black); border: 1.5px solid var(--wr-black-15); }
.rs-section--dark .rs-btn--ghost, .rs-section--black .rs-btn--ghost, .rs-hero .rs-btn--ghost, .rs-cta .rs-btn--ghost { color: var(--wr-white); border-color: var(--wr-white-16); }
.rs-btn--ghost svg { stroke: var(--wr-orange); }
@media (hover: hover) and (pointer: fine) { .rs-btn--ghost:hover { transform: translateY(-2px); border-color: var(--wr-orange); } }

.rs-tlink { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 700; letter-spacing: 0.02em; color: var(--wr-black); }
.rs-section--dark .rs-tlink, .rs-section--black .rs-tlink { color: var(--wr-white); }
.rs-tlink svg { width: 14px; height: 14px; stroke: var(--wr-orange); stroke-width: 2.4; fill: none; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.22s var(--wr-ease-out); }
@media (hover: hover) and (pointer: fine) { .rs-tlink:hover svg { transform: translateX(4px); } }

/* Breadcrumb (Tech Hub product context) ------------------------------------ */
.rs-crumb { display: inline-flex; align-items: center; gap: 9px; align-self: center; font-family: ui-monospace, Menlo, monospace; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wr-white-45); margin-bottom: 22px; }
.rs-crumb a { color: var(--wr-white-65); text-decoration: none; transition: color 0.2s ease; }
.rs-crumb a:hover { color: var(--wr-white); }
.rs-crumb span { color: var(--wr-white-16); }
.rs-crumb b { color: var(--wr-orange); font-weight: 700; }

/* Brand Plate — art-directed image surface (image-ready) ------------------- */
.rs-ph { position: relative; overflow: hidden; background-color: #0D0A07; background-image: repeating-linear-gradient(135deg, #F2F2F20A 0 2px, transparent 2px 11px); display: flex; align-items: flex-end; }
.rs-ph__tag { position: relative; z-index: 2; margin: 16px; font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wr-white-65); padding: 6px 11px; border: 1px solid var(--wr-white-16); border-radius: var(--wr-radius-pill); background: #0D0A07AA; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.rs-ph::after { content: ''; position: absolute; inset: 0; background: radial-gradient(80% 60% at 70% 20%, #F0492318, transparent 60%); pointer-events: none; }

/* ============================================================================
   HERO — shared shell + three Hero Modes (A Signal Map · B Dashboard · C Editorial)
   ========================================================================== */
.rs-hero { position: relative; z-index: 2; min-height: 100vh; min-height: 100svh; width: 100%; background: var(--wr-hero); color: var(--wr-white); overflow: hidden; display: none; }
.rs-hero.is-active { display: block; }
.rs-hero::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 22vh; background: linear-gradient(to bottom, transparent, var(--wr-hero)); z-index: 1; pointer-events: none; }
.rs-hero__glow { position: absolute; inset: 0; pointer-events: none; z-index: 0; background: radial-gradient(56% 48% at 84% 16%, #F0492326 0%, transparent 62%), radial-gradient(44% 38% at 4% 72%, #FFD80016 0%, transparent 56%); }
.rs-hero__grid { position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: radial-gradient(circle, #F2F2F212 1px, transparent 1.4px); background-size: 34px 34px; -webkit-mask-image: radial-gradient(120% 90% at 80% 14%, #000 0%, transparent 64%); mask-image: radial-gradient(120% 90% at 80% 14%, #000 0%, transparent 64%); opacity: 0.7; }
.rs-hero__beam { position: absolute; top: 0; left: 0; right: 0; height: 1px; z-index: 1; pointer-events: none; background: linear-gradient(90deg, transparent, #F0492366 26%, #FFD80088 50%, #F0492366 74%, transparent); -webkit-mask-image: linear-gradient(90deg, transparent, #000 30%, #000 70%, transparent); mask-image: linear-gradient(90deg, transparent, #000 30%, #000 70%, transparent); opacity: 0.5; }

.rs-hero__inner { position: relative; z-index: 2; max-width: var(--wr-max-width); margin: 0 auto; min-height: 100vh; min-height: 100svh; padding: calc(var(--wr-nav-height) + 40px) var(--wr-pad-x) 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: clamp(26px, 4vh, 46px); }
.rs-hero__copy { display: flex; flex-direction: column; align-items: center; width: 100%; }
.rs-h1 { font-size: clamp(32px, 4.6vw, 58px); font-weight: 800; line-height: 1.05; letter-spacing: -0.03em; color: var(--wr-white); max-width: 20ch; text-wrap: balance; }
.rs-hero__anchor-stmt { font-size: clamp(17px, 1.7vw, 22px); font-weight: 700; letter-spacing: -0.01em; line-height: 1.4; color: var(--wr-white); margin-top: 22px; max-width: 30ch; }
.rs-hero__anchor-stmt em { font-style: normal; background: var(--wr-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.rs-hero__sub { font-size: clamp(14px, 1.25vw, 16.5px); line-height: 1.6; color: var(--wr-white-65); max-width: 64ch; margin-top: 18px; }
.rs-hero__sub strong { color: var(--wr-white); font-weight: 700; }
.rs-hero__ctas { display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; margin-top: 30px; }

/* Status pill — monospace operational tag with a pulsing dot */
.rs-status { display: inline-flex; align-items: center; gap: 10px; align-self: center; font-family: ui-monospace, Menlo, monospace; font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wr-white-75); padding: 8px 16px 8px 13px; border-radius: var(--wr-radius-pill); background: var(--wr-glass-08); border: 1px solid var(--wr-white-10); margin-bottom: 24px; }
.rs-status__dot { position: relative; width: 7px; height: 7px; border-radius: 50%; background: #FFD800; }
.rs-status__dot::after { content: ''; position: absolute; inset: 0; border-radius: 50%; background: #FFD800; animation: rsPulse 2s ease-out infinite; }
@keyframes rsPulse { 0% { box-shadow: 0 0 0 0 #FFD80066; } 70% { box-shadow: 0 0 0 8px #FFD80000; } 100% { box-shadow: 0 0 0 0 #FFD80000; } }

/* ── Routing anchors (hero) — three inline buyer paths ───────────────────── */
.rs-routes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; width: 100%; max-width: 920px; margin: 4px auto 0; text-align: left; }
.rs-route { position: relative; display: flex; flex-direction: column; padding: 18px 20px 18px; border-radius: 16px; background: var(--wr-glass-08); border: 1px solid var(--wr-white-10); text-decoration: none; overflow: hidden; transition: transform 0.28s var(--wr-ease-out), border-color 0.28s ease, background 0.28s ease; }
.rs-route::before { content: ''; position: absolute; left: 0; top: 0; right: 0; height: 2px; background: var(--wr-grad); transform: scaleX(0); transform-origin: left; transition: transform 0.35s var(--wr-ease-out); }
.rs-route__k { font-family: ui-monospace, Menlo, monospace; font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wr-orange); }
.rs-route__t { font-size: 15px; font-weight: 800; letter-spacing: -0.01em; color: var(--wr-white); margin: 9px 0 7px; }
.rs-route__d { font-size: 12.5px; line-height: 1.5; color: var(--wr-white-65); }
.rs-route__go { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; font-size: 12px; font-weight: 700; letter-spacing: 0.02em; color: var(--wr-white); }
.rs-route__go svg { width: 13px; height: 13px; stroke: var(--wr-orange); stroke-width: 2.4; fill: none; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.22s var(--wr-ease-out); }
@media (hover: hover) and (pointer: fine) {
  .rs-route:hover { transform: translateY(-3px); border-color: var(--wr-white-16); background: var(--wr-glass-12, #F2F2F214); }
  .rs-route:hover::before { transform: scaleX(1); }
  .rs-route:hover .rs-route__go svg { transform: translateX(4px); }
}
@media (max-width: 780px) { .rs-routes { grid-template-columns: 1fr; max-width: 460px; } }

/* ============================================================================
   SIGNATURE MOTIF · SIGNAL MAP (Hero A)
   One live production feed → Restream ME edge node → fanned destinations.
   Flowing dashes on the connectors read as signal travelling in real time.
   ========================================================================== */
.rs-map { position: relative; width: 100%; max-width: 940px; margin: 0 auto; border-radius: 22px; padding: 16px; background: radial-gradient(140% 130% at 50% -10%, #1A1009, #0B0805 64%); box-shadow: 0 50px 120px -50px #000, 0 0 0 1px var(--wr-white-08); isolation: isolate; }
.rs-map::before { content: ''; position: absolute; inset: 0; border-radius: 22px; padding: 1.4px; background: linear-gradient(135deg, #F04923, #FFD80055 50%, #F0492300); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; opacity: 0.6; pointer-events: none; }

.rs-map__bar { display: flex; align-items: center; gap: 12px; padding: 4px 8px 14px; }
.rs-map__brand { display: inline-flex; align-items: center; gap: 9px; font-weight: 800; font-size: 13px; letter-spacing: 0.04em; color: var(--wr-white); }
.rs-map__brand i { width: 9px; height: 9px; border-radius: 3px; background: var(--wr-grad); }
.rs-map__os { font-family: ui-monospace, Menlo, monospace; font-size: 9.5px; font-weight: 700; letter-spacing: 0.16em; color: var(--wr-white-45); }
.rs-map__edge { margin-left: auto; display: inline-flex; align-items: center; gap: 7px; font-family: ui-monospace, Menlo, monospace; font-size: 10px; font-weight: 700; letter-spacing: 0.08em; color: var(--wr-white-75); }
.rs-map__edge b { width: 7px; height: 7px; border-radius: 50%; background: #FFD800; box-shadow: 0 0 8px #FFD800; }
.rs-map__edge u { text-decoration: none; color: var(--wr-yellow); }
.rs-map__token { display: inline-flex; align-items: center; gap: 6px; font-family: ui-monospace, Menlo, monospace; font-size: 9.5px; font-weight: 700; letter-spacing: 0.1em; color: var(--wr-yellow); padding: 4px 9px; border-radius: var(--wr-radius-pill); border: 1px solid #FFD80033; }
.rs-map__token svg { width: 11px; height: 11px; stroke: var(--wr-yellow); stroke-width: 2; fill: none; }

/* The diagram stage: SVG connectors fill the box; HTML nodes sit on top at
   matching percentage positions (SVG viewBox 0 0 100 100, non-scaling stroke). */
.rs-map__stage { position: relative; width: 100%; height: clamp(300px, 42vh, 420px); }
.rs-map__wires { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }
.rs-map__wires .rs-wire-base { fill: none; stroke: var(--wr-white-10); stroke-width: 1.5; }
.rs-map__wires .rs-wire-flow { fill: none; stroke: url(#rsFlowGrad); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 5 13; animation: rsFlow 1s linear infinite; filter: drop-shadow(0 0 3px #F0492388); }
@keyframes rsFlow { to { stroke-dashoffset: -18; } }

/* Node — generic positioned chip on the stage */
.rs-node { position: absolute; transform: translate(-50%, -50%); z-index: 2; }

/* Source node (left) */
.rs-src { width: 168px; }
.rs-src__card { display: flex; flex-direction: column; gap: 9px; padding: 13px 14px; border-radius: 13px; background: linear-gradient(180deg, #150E08, #0D0907); border: 1px solid var(--wr-white-10); }
.rs-src__k { font-family: ui-monospace, Menlo, monospace; font-size: 9px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wr-orange); }
.rs-src__t { font-size: 13px; font-weight: 800; color: var(--wr-white); letter-spacing: -0.01em; }
.rs-bars { display: flex; align-items: flex-end; gap: 3px; height: 22px; }
.rs-bars i { flex: 1; border-radius: 2px; background: var(--wr-grad); opacity: 0.85; animation: rsBars 1.1s ease-in-out infinite; }
.rs-bars i:nth-child(2) { animation-delay: 0.12s; } .rs-bars i:nth-child(3) { animation-delay: 0.24s; } .rs-bars i:nth-child(4) { animation-delay: 0.36s; } .rs-bars i:nth-child(5) { animation-delay: 0.48s; } .rs-bars i:nth-child(6) { animation-delay: 0.6s; } .rs-bars i:nth-child(7) { animation-delay: 0.72s; }
@keyframes rsBars { 0%, 100% { height: 30%; } 50% { height: 100%; } }
.rs-src__meta { font-family: ui-monospace, Menlo, monospace; font-size: 9px; font-weight: 700; letter-spacing: 0.06em; color: var(--wr-white-45); }

/* Hub node (centre) — the Restream ME CDN edge */
.rs-hub { width: 150px; text-align: center; }
.rs-hub__core { position: relative; margin: 0 auto 10px; width: 96px; height: 96px; border-radius: 22px; display: grid; place-items: center; background: radial-gradient(120% 120% at 50% 20%, #1F130B, #0C0806); box-shadow: 0 18px 50px -16px #F0492366, inset 0 0 0 1px var(--wr-white-08); }
.rs-hub__core::before { content: ''; position: absolute; inset: 0; border-radius: 22px; padding: 1.6px; background: var(--wr-grad); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; }
.rs-hub__core::after { content: ''; position: absolute; inset: -6px; border-radius: 26px; border: 1px solid #F0492366; opacity: 0; animation: rsHubRing 2.6s ease-out infinite; }
@keyframes rsHubRing { 0% { transform: scale(0.86); opacity: 0.8; } 100% { transform: scale(1.18); opacity: 0; } }
.rs-hub__mark { position: relative; width: 40px; height: 40px; }
.rs-hub__mark svg { width: 100%; height: 100%; stroke: var(--wr-yellow); stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.rs-hub__name { font-size: 12.5px; font-weight: 800; color: var(--wr-white); letter-spacing: -0.01em; }
.rs-hub__sub { font-family: ui-monospace, Menlo, monospace; font-size: 9px; font-weight: 700; letter-spacing: 0.08em; color: var(--wr-white-45); margin-top: 3px; }
.rs-hub__rec { display: inline-flex; align-items: center; gap: 5px; margin-top: 8px; font-family: ui-monospace, Menlo, monospace; font-size: 8.5px; font-weight: 800; letter-spacing: 0.12em; color: #FF5B3D; }
.rs-hub__rec b { width: 6px; height: 6px; border-radius: 50%; background: #FF5B3D; animation: rsRecBlink 1.4s steps(1) infinite; }
@keyframes rsRecBlink { 0%, 60% { opacity: 1; } 61%, 100% { opacity: 0.25; } }

/* Destination chips (right) */
.rs-dst { display: inline-flex; align-items: center; gap: 9px; min-width: 178px; padding: 9px 13px; border-radius: 11px; background: linear-gradient(180deg, #140E08, #0C0806); border: 1px solid var(--wr-white-10); transition: border-color 0.3s ease, transform 0.3s var(--wr-ease-out); }
.rs-dst__dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; background: var(--wr-white-16); transition: background 0.3s ease, box-shadow 0.3s ease; }
.rs-dst__t { font-size: 12px; font-weight: 700; color: var(--wr-white-75); letter-spacing: -0.005em; white-space: nowrap; }
.rs-dst__lock { margin-left: auto; display: inline-flex; }
.rs-dst__lock svg { width: 12px; height: 12px; stroke: var(--wr-yellow); stroke-width: 2; fill: none; }
.rs-dst--secure { border-color: #FFD80033; }
.rs-dst.is-receiving { border-color: transparent; transform: translateX(2px); box-shadow: 0 0 0 1px #F0492366, 0 10px 30px -16px #F0492399; }
.rs-dst.is-receiving .rs-dst__dot { background: #FFD800; box-shadow: 0 0 9px #FFD800; }
.rs-dst.is-receiving .rs-dst__t { color: var(--wr-white); }

.rs-map__foot { display: flex; align-items: center; gap: 14px; padding: 16px 8px 4px; flex-wrap: wrap; }
.rs-map__hint { font-family: ui-monospace, Menlo, monospace; font-size: 9.5px; font-weight: 700; letter-spacing: 0.06em; color: var(--wr-white-45); display: inline-flex; align-items: center; gap: 7px; }
.rs-map__hint svg { width: 13px; height: 13px; stroke: var(--wr-orange); stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.rs-map__count { margin-left: auto; font-family: ui-monospace, Menlo, monospace; font-size: 9.5px; font-weight: 700; letter-spacing: 0.08em; color: var(--wr-white-75); }
.rs-map__count b { color: var(--wr-yellow); }

/* Mobile: stack the diagram vertically and hide wires (they assume the wide layout) */
@media (max-width: 760px) {
  .rs-map__stage { height: auto; display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 6px 0 4px; }
  .rs-map__wires { display: none; }
  .rs-node { position: static; transform: none; }
  .rs-src, .rs-hub, .rs-dst { width: auto; }
  .rs-dst { width: 100%; max-width: 280px; min-width: 0; }
  .rs-dests-wrap { display: flex; flex-direction: column; gap: 8px; width: 100%; align-items: center; }
}


@media (max-width: 560px) { .rs-h1 { font-size: clamp(29px, 8.4vw, 40px); } }
@media (prefers-reduced-motion: reduce) {
  .rs-status__dot::after, .rs-hub__core::after, .rs-hub__rec b, .rs-bars i, .rs-map__wires .rs-wire-flow { animation: none; }
}

/* ============================================================================
   METRICS — elevated proof band (black cells, warm gradient outline)
   ========================================================================== */
.rs-metrics { position: relative; z-index: 2; background: var(--wr-black); padding: clamp(28px, 5vh, 56px) var(--wr-pad-x) clamp(64px, 9vh, 104px); }
.rs-metrics__bar { position: relative; max-width: var(--wr-max-width); margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); border-radius: var(--wr-radius-card); overflow: hidden; background: linear-gradient(180deg, #140D08, #0E0906); }
.rs-metrics__bar::after { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: linear-gradient(120deg, #F04923, #FFD80055 55%, #F0492300); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; pointer-events: none; }
.rs-metric { position: relative; padding: clamp(20px, 2.2vw, 30px) clamp(20px, 2.2vw, 32px); overflow: hidden; }
.rs-metric + .rs-metric { border-left: 1px solid var(--wr-white-08); }
.rs-metric::before { content: ''; position: absolute; right: -30%; top: -60%; width: 70%; height: 140%; background: radial-gradient(ellipse, #F0492322, transparent 70%); pointer-events: none; opacity: 0; transition: opacity 0.4s ease; }
@media (hover: hover) and (pointer: fine) { .rs-metric:hover::before { opacity: 1; } }
.rs-metric__tag { font-family: ui-monospace, Menlo, monospace; font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wr-orange); }
.rs-metric__num { font-size: clamp(22px, 2.4vw, 33px); font-weight: 800; letter-spacing: -0.03em; line-height: 1.05; margin-top: 10px; background: var(--wr-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.rs-metric__label { font-size: 12.5px; font-weight: 600; letter-spacing: 0.01em; color: var(--wr-white-45); margin-top: 10px; max-width: 24ch; line-height: 1.4; }
@media (max-width: 760px) { .rs-metrics__bar { grid-template-columns: 1fr 1fr; } .rs-metric:nth-child(odd) { border-left: none; } .rs-metric:nth-child(n+3) { border-top: 1px solid var(--wr-white-08); } }

/* ============================================================================
   THE DISTINCTION — proprietary infrastructure, not a SaaS tool (dark statement)
   ========================================================================== */
.rs-distinct__statement { font-size: clamp(26px, 3.4vw, 44px); font-weight: 800; line-height: 1.12; letter-spacing: -0.025em; color: var(--wr-white); max-width: 26ch; text-wrap: balance; margin-top: 28px; }
.rs-distinct__statement em { font-style: normal; background: var(--wr-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.rs-distinct__body { font-size: clamp(15px, 1.3vw, 18px); line-height: 1.66; color: var(--wr-white-65); max-width: 60ch; margin-top: 24px; }
.rs-distinct__body strong { color: var(--wr-white); font-weight: 700; }
.rs-vs { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 56px; }
.rs-vs__cell { position: relative; padding: 28px 30px; border-radius: var(--wr-radius-card); overflow: hidden; }
.rs-vs__cell--saas { background: var(--wr-glass-08); border: 1px solid var(--wr-white-10); }
.rs-vs__cell--me { background: linear-gradient(180deg, #1A1009, #0E0906); border: 1px solid transparent; }
.rs-vs__cell--me::before { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1.4px; background: linear-gradient(135deg, #F04923, #FFD80066 55%, #F0492300); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; pointer-events: none; }
.rs-vs__k { display: inline-flex; align-items: center; gap: 8px; font-family: ui-monospace, Menlo, monospace; font-size: 10.5px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
.rs-vs__cell--saas .rs-vs__k { color: var(--wr-white-45); }
.rs-vs__cell--me .rs-vs__k { color: var(--wr-orange); }
.rs-vs__cell--me .rs-vs__k::before { content: ''; width: 18px; height: 2px; background: var(--wr-grad); }
.rs-vs__t { font-size: 18px; font-weight: 800; letter-spacing: -0.01em; color: var(--wr-white); margin-top: 14px; }
.rs-vs__d { font-size: 14.5px; line-height: 1.6; margin-top: 12px; }
.rs-vs__cell--saas .rs-vs__d { color: var(--wr-white-45); }
.rs-vs__cell--me .rs-vs__d { color: var(--wr-white-75); }
.rs-vs__d b { color: var(--wr-white); font-weight: 700; }
@media (max-width: 760px) { .rs-vs { grid-template-columns: 1fr; } }

/* ============================================================================
   FIVE PLATFORM CAPABILITIES — feature grid (Signal FX · glint)
   ========================================================================== */
.rs-cap-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 64px; }
.rs-cap { position: relative; padding: 28px 26px 30px; border-radius: var(--wr-radius-card); background: var(--wr-white); border: 1px solid var(--wr-black-08); overflow: hidden; box-shadow: 0 1px 2px rgba(13,10,7,0.04), 0 18px 40px -34px rgba(13,10,7,0.5); transition: border-color 0.3s ease, transform 0.35s var(--wr-ease-out), box-shadow 0.4s ease; }
.rs-cap--feature { grid-column: span 2; display: flex; flex-direction: column; }
.rs-cap__n { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 11px; background: linear-gradient(135deg, #FFD80022, #F0492322); border: 1px solid var(--wr-black-08); margin-bottom: 18px; }
.rs-cap__n svg { width: 20px; height: 20px; stroke: var(--wr-orange); stroke-width: 1.9; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.rs-cap__num { position: absolute; top: 22px; right: 26px; font-family: ui-monospace, Menlo, monospace; font-size: 11px; font-weight: 800; letter-spacing: 0.1em; color: var(--wr-black-15); }
.rs-cap__t { font-size: 17.5px; font-weight: 800; letter-spacing: -0.01em; color: var(--wr-black); line-height: 1.2; }
.rs-cap--feature .rs-cap__t { font-size: 20px; }
.rs-cap__d { font-size: 14px; line-height: 1.58; color: var(--wr-black-40); margin-top: 10px; }
.rs-cap__who { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--wr-black-08); font-size: 12.5px; line-height: 1.5; color: var(--wr-black); }
.rs-cap__who b { color: var(--wr-orange); font-family: ui-monospace, Menlo, monospace; font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; display: block; margin-bottom: 5px; }
@media (hover: hover) and (pointer: fine) { .rs-cap:hover { transform: translateY(-3px); border-color: var(--wr-black-15); box-shadow: 0 30px 60px -40px rgba(13,10,7,0.5); } }
@media (max-width: 880px) { .rs-cap-grid { grid-template-columns: 1fr 1fr; } .rs-cap--feature { grid-column: span 2; } }
@media (max-width: 560px) { .rs-cap-grid { grid-template-columns: 1fr; } .rs-cap--feature { grid-column: span 1; } }

/* ============================================================================
   THE INFRASTRUCTURE — two paragraphs + live edge-node anchor (dark)
   ========================================================================== */
.rs-infra { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: clamp(28px, 4vw, 60px); align-items: start; margin-top: 56px; }
.rs-infra__copy p { font-size: clamp(15px, 1.3vw, 17px); line-height: 1.7; color: var(--wr-white-65); }
.rs-infra__copy p + p { margin-top: 22px; }
.rs-infra__copy strong { color: var(--wr-white); font-weight: 700; }
.rs-infra__copy em { font-style: normal; background: var(--wr-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; }
/* The live edge-node terminal card */
.rs-edge { position: relative; border-radius: var(--wr-radius-card); overflow: hidden; padding: 24px 24px 22px; background: linear-gradient(180deg, #110B07, #0A0705); border: 1px solid transparent; font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; }
.rs-edge::before { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1.4px; background: linear-gradient(135deg, #F04923, #FFD80055 55%, #F0492300); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; pointer-events: none; }
.rs-edge__top { display: flex; align-items: center; gap: 8px; padding-bottom: 16px; border-bottom: 1px solid var(--wr-white-08); }
.rs-edge__top i { width: 9px; height: 9px; border-radius: 50%; background: var(--wr-white-16); }
.rs-edge__top i:first-child { background: #FFD800; box-shadow: 0 0 8px #FFD800; }
.rs-edge__title { margin-left: 8px; font-size: 10px; font-weight: 700; letter-spacing: 0.12em; color: var(--wr-white-45); text-transform: uppercase; }
.rs-edge__host { font-size: clamp(15px, 1.6vw, 19px); font-weight: 800; letter-spacing: -0.01em; color: var(--wr-white); margin-top: 18px; }
.rs-edge__host b { background: var(--wr-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.rs-edge__line { display: flex; align-items: center; gap: 9px; font-size: 11.5px; line-height: 2; color: var(--wr-white-65); margin-top: 12px; }
.rs-edge__line span:first-child { color: #FFD800; font-weight: 700; }
.rs-edge__note { font-size: 10.5px; line-height: 1.6; color: var(--wr-white-45); margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--wr-white-08); }
@media (max-width: 760px) { .rs-infra { grid-template-columns: 1fr; } }

/* ============================================================================
   COMMERCIAL MODELS — three deploy paths (light)
   ========================================================================== */
.rs-models { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 60px; }
.rs-model { position: relative; display: flex; flex-direction: column; padding: 30px 28px 30px; border-radius: var(--wr-radius-card); background: var(--wr-white); border: 1px solid var(--wr-black-08); overflow: hidden; box-shadow: 0 1px 2px rgba(13,10,7,0.04), 0 18px 40px -34px rgba(13,10,7,0.5); }
.rs-model--strategic { background: linear-gradient(180deg, #15100B, #0D0A07); border-color: transparent; color: var(--wr-white); }
.rs-model--strategic::before { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1.4px; background: linear-gradient(135deg, #F04923, #FFD80066 55%, #F0492300); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; pointer-events: none; }
.rs-model__badge { position: absolute; top: 18px; right: 18px; font-family: ui-monospace, Menlo, monospace; font-size: 9px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wr-black); padding: 4px 10px; border-radius: var(--wr-radius-pill); background: var(--wr-grad); }
.rs-model__k { font-family: ui-monospace, Menlo, monospace; font-size: 10.5px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wr-orange); }
.rs-model__t { font-size: 19px; font-weight: 800; letter-spacing: -0.01em; color: var(--wr-black); margin: 11px 0 13px; }
.rs-model--strategic .rs-model__t { color: var(--wr-white); }
.rs-model__d { font-size: 14px; line-height: 1.58; color: var(--wr-black-40); }
.rs-model--strategic .rs-model__d { color: var(--wr-white-65); }
.rs-model__d b { color: var(--wr-black); font-weight: 700; }
.rs-model--strategic .rs-model__d b { color: var(--wr-white); }
.rs-model__for { margin-top: auto; padding-top: 18px; font-size: 12.5px; line-height: 1.5; color: var(--wr-black); }
.rs-model--strategic .rs-model__for { color: var(--wr-white-75); }
.rs-model__for b { color: var(--wr-orange); font-family: ui-monospace, Menlo, monospace; font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; display: block; margin-bottom: 6px; }
.rs-model__link { color: var(--wr-orange); font-weight: 700; text-decoration: none; } .rs-model__link:hover { text-decoration: underline; }
.rs-model--strategic .rs-model__link { color: var(--wr-yellow); }
.rs-models-cta { margin-top: 34px; }
@media (max-width: 880px) { .rs-models { grid-template-columns: 1fr; } }

/* ============================================================================
   PROOF — operational anchors (dark)
   ========================================================================== */
.rs-proof-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 60px; }
.rs-proof { position: relative; padding: 30px 30px 30px; border-radius: var(--wr-radius-card); background: var(--wr-glass-08); border: 1px solid var(--wr-white-10); overflow: hidden; transition: transform 0.35s var(--wr-ease-out), border-color 0.3s ease; }
.rs-proof--anchor { grid-column: span 2; background: linear-gradient(135deg, #160F09, #0C0806); border-color: transparent; }
.rs-proof--anchor::before { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1.4px; background: linear-gradient(135deg, #F04923, #FFD80066 55%, #F0492300); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; pointer-events: none; }
.rs-proof__k { font-family: ui-monospace, Menlo, monospace; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; background: var(--wr-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.rs-proof__t { font-size: 19px; font-weight: 800; letter-spacing: -0.01em; color: var(--wr-white); margin: 12px 0 12px; line-height: 1.2; }
.rs-proof--anchor .rs-proof__t { font-size: clamp(24px, 2.6vw, 34px); max-width: 16ch; }
.rs-proof__d { font-size: 14px; line-height: 1.62; color: var(--wr-white-65); max-width: 60ch; }
.rs-proof--anchor .rs-proof__d { font-size: 15px; max-width: 64ch; }
.rs-proof__big { font-size: clamp(34px, 5vw, 60px); font-weight: 800; letter-spacing: -0.03em; line-height: 1; background: var(--wr-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
@media (hover: hover) and (pointer: fine) { .rs-proof:hover { transform: translateY(-3px); border-color: var(--wr-white-16); } .rs-proof--anchor:hover { transform: none; } }
@media (max-width: 760px) { .rs-proof-grid { grid-template-columns: 1fr; } .rs-proof--anchor { grid-column: span 1; } }

/* ============================================================================
   FAQ — visible Q&A (NOT an accordion; answers rendered as page text), light
   ========================================================================== */
.rs-qa { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 40px; margin-top: 60px; }
.rs-qa__item { padding-top: 26px; border-top: 1px solid var(--wr-black-08); }
.rs-qa__q { display: flex; gap: 12px; font-size: clamp(16px, 1.5vw, 19px); font-weight: 800; letter-spacing: -0.01em; color: var(--wr-black); line-height: 1.3; }
.rs-qa__q::before { content: ''; flex-shrink: 0; width: 9px; height: 9px; margin-top: 7px; border-radius: 3px; background: var(--wr-grad); }
.rs-qa__a { font-size: 14.5px; line-height: 1.62; color: var(--wr-black-40); margin-top: 12px; padding-left: 21px; }
.rs-qa__a a { color: var(--wr-orange); font-weight: 700; text-decoration: none; }
.rs-qa__a a:hover { text-decoration: underline; }
@media (max-width: 760px) { .rs-qa { grid-template-columns: 1fr; } }

/* ============================================================================
   CTA — full-bleed black close
   ========================================================================== */
.rs-cta { position: relative; z-index: 2; background: var(--wr-black); overflow: hidden; padding: clamp(96px, 14vh, 168px) var(--wr-pad-x) clamp(110px, 16vh, 190px); text-align: center; color: var(--wr-white); }
.rs-cta__glow { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(60% 80% at 50% 0%, #F0492329, transparent 62%); }
.rs-cta__inner { position: relative; z-index: 2; max-width: var(--wr-max-width); margin: 0 auto; }
.rs-cta .rs-h2 { margin: 0 auto; max-width: 18ch; color: var(--wr-white); }
.rs-cta .rs-lead { margin: 26px auto 0; color: var(--wr-white-65); }
.rs-cta__ctas { display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; margin-top: 40px; }

/* ============================================================================
   REVEAL LIFT — footer fixed beneath the page; body padding-bottom (set by
   Reveal Lift JS to footer height) is the scroll room that uncovers it.
   ========================================================================== */
.rs-foot-reveal #site-footer-mount { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1; width: 100%; }
.rs-foot-reveal { padding-bottom: 55vh; }
@media (prefers-reduced-motion: reduce) {
  .rs-foot-reveal #site-footer-mount { position: static; }
  .rs-foot-reveal { padding-bottom: 0; }
}

/* ============================================================================
   RESPONSIVE CASCADE — ultrawide framing + phone full-width CTAs.
   ========================================================================== */
@media (min-width: 1700px) {
  .rs-page { --wr-max-width: 1480px; }
  .rs-h1 { font-size: clamp(44px, 4vw, 70px); }
  .rs-h2 { font-size: clamp(40px, 3.4vw, 62px); }
  .rs-distinct__statement { font-size: clamp(36px, 3.4vw, 52px); }
  .rs-hero__sub, .rs-lead { font-size: clamp(16.5px, 1.1vw, 20px); }
}

@media (min-width: 2200px) {
  .rs-page { --wr-max-width: 1680px; }
  .rs-map { max-width: 1080px; }
}

/* Phones: stack CTA clusters full-width. */
@media (max-width: 560px) {
  .rs-hero__ctas,
  .rs-cta__ctas {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 12px;
  }

  .rs-hero__ctas .rs-btn,
  .rs-cta__ctas .rs-btn,
  .rs-models-cta .rs-btn {
    width: 100%;
    justify-content: center;
  }
}

/* Compact phones: trim section padding + numerals. */
@media (max-width: 380px) {
  .rs-section,
  .rs-metrics,
  .rs-cta {
    padding-left: 18px;
    padding-right: 18px;
  }

  .rs-metric__num { font-size: clamp(20px, 7.5vw, 30px); }
  .rs-proof__big { font-size: clamp(30px, 12vw, 48px); }
}

/* Touch devices: comfortable tap targets on inline text links. */
@media (pointer: coarse) {
  .rs-tlink,
  .rs-route__go { min-height: 40px; }
}

/* ============================================================================
   SIGNAL ATMOSPHERE — live backgrounds (Drift Lines · Halftone Logo · Aurora)
   Canvas mounts as the section's first child; keep it behind the content.
   ========================================================================== */
.rs-metrics .wr-atmo-canvas,
.rs-section .wr-atmo-canvas,
.rs-cta .wr-atmo-canvas { position: absolute; inset: 0; left: 0; z-index: 0; pointer-events: none; }
.rs-metrics__bar { position: relative; z-index: 1; }

/* ============================================================================
   FAQ — dark, foldable accordion (matches the Video Production page)
   ========================================================================== */
.rs-faq__list { max-width: 880px; margin: 56px auto 0; }
.rs-fi { border-top: 1px solid var(--wr-white-08); }
.rs-fi:last-of-type { border-bottom: 1px solid var(--wr-white-08); }
.rs-fi summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 0; cursor: pointer; list-style: none;
  font-size: clamp(15px, 1.4vw, 18px); font-weight: 700; color: var(--wr-white); line-height: 1.4; letter-spacing: -0.01em; }
.rs-fi summary::-webkit-details-marker { display: none; }
.rs-fi__ico { flex-shrink: 0; width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid var(--wr-white-16);
  display: flex; align-items: center; justify-content: center; transition: border-color 0.22s, background 0.22s; }
.rs-fi__ico svg { stroke: var(--wr-white-45); transition: transform 0.3s, stroke 0.22s; }
.rs-fi[open] .rs-fi__ico { background: var(--wr-grad); border-color: transparent; }
.rs-fi[open] .rs-fi__ico svg { transform: rotate(45deg); stroke: var(--wr-black); }
.rs-fi__a { font-size: 14px; line-height: 1.75; color: var(--wr-white-65); padding-bottom: 24px; padding-right: 48px; }
.rs-fi__a a { color: var(--wr-orange); font-weight: 700; text-decoration: none; }
.rs-fi__a a:hover { text-decoration: underline; }

/* ============================================================================
   AURORA — one continuous background spanning Proof · FAQ · CTA (no seams).
   The three sections go transparent; a single canvas on the wrapper covers all.
   ========================================================================== */
.rs-aurora { position: relative; z-index: 3; margin-top: -30vh; background: var(--wr-hero); }
.rs-aurora > .rs-section, .rs-aurora > .rs-cta { background: transparent; }
.rs-aurora > .wr-atmo-canvas { position: absolute; inset: 0; left: 0; z-index: 0; pointer-events: none; }

/* ============================================================================
   PREMIUM PASS — Signal Edge Spark + glass, elevating the four key sections
   (Distinction · Five capabilities · Commercial models · Proof). CSS-only, so
   it lands on every locale. Reuses the /Services accent-ring + glow language.
   ========================================================================== */
@property --rs-arc { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
@keyframes rsArc { to { --rs-arc: 360deg; } }

/* ---- Accent cards: swap the static gradient borders for the lapping Edge
   Spark ring + a soft warm glow (ME cell · strategic model · proof anchor). -- */
.rs-vs__cell--me, .rs-model--strategic, .rs-proof--anchor {
  overflow: visible;
  box-shadow: 0 0 34px -10px #F0492355, 0 26px 60px -46px rgba(0,0,0,.7);
}
.rs-vs__cell--me::before, .rs-model--strategic::before, .rs-proof--anchor::before {
  z-index: 3;
  background: conic-gradient(from var(--rs-arc),
    transparent 0 56%, var(--wr-yellow) 72%, #FFF1B8 79%, var(--wr-orange) 87%, transparent 95%);
  animation: rsArc 3.4s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .rs-vs__cell--me::before, .rs-model--strategic::before, .rs-proof--anchor::before,
  .rs-cap--feature::before { animation: none; background: var(--wr-grad); }
}

/* ---- DISTINCTION — sharpen the A/B: recede the commodity cell, light up ours ---- */
.rs-vs { gap: 20px; align-items: stretch; }
.rs-vs__cell { padding: 34px 34px; display: flex; flex-direction: column; }
.rs-vs__cell--saas { opacity: .8; transition: opacity .3s ease, transform .35s var(--wr-ease-out); }
@media (hover: hover) { .rs-vs__cell--saas:hover { opacity: 1; transform: translateY(-3px); } }
.rs-vs__t { margin-top: 16px; font-size: 19px; }
.rs-vs__d { margin-top: 14px; }

/* ---- FIVE CAPABILITIES — make the lead card a dark Edge-Spark hero among the
   light cards; tidy the icon chips + hover. ---- */
.rs-cap-grid { gap: 18px; }
.rs-cap { padding: 30px 28px 32px; }
.rs-cap__n { border-radius: 13px; }
.rs-cap--feature {
  overflow: visible; border-color: transparent;
  background: radial-gradient(120% 130% at 100% 0%, rgba(240,73,35,.18) 0, transparent 60%), var(--wr-black);
  box-shadow: 0 0 34px -10px #F0492355, 0 26px 60px -46px rgba(0,0,0,.7);
}
.rs-cap--feature::before {
  content: ''; position: absolute; inset: 0; z-index: 3; border-radius: inherit; padding: 1.5px;
  background: conic-gradient(from var(--rs-arc), transparent 0 56%, var(--wr-yellow) 72%, #FFF1B8 79%, var(--wr-orange) 87%, transparent 95%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; animation: rsArc 3.4s linear infinite;
}
.rs-cap--feature .rs-cap__t { color: var(--wr-white); }
.rs-cap--feature .rs-cap__d { color: var(--wr-white-65); }
.rs-cap--feature .rs-cap__num { color: var(--wr-white-16); }
.rs-cap--feature .rs-cap__who { color: var(--wr-white); border-top-color: var(--wr-white-10); }
.rs-cap--feature .rs-cap__n { background: linear-gradient(135deg,#FFD80026,#F0492326); border-color: var(--wr-white-10); }

/* ---- COMMERCIAL MODELS — lift + glow on the plain cards, sharper badge ---- */
.rs-models { gap: 18px; }
.rs-model { padding: 32px 30px; transition: transform .35s var(--wr-ease-out), box-shadow .4s ease; }
@media (hover: hover) { .rs-model:not(.rs-model--strategic):hover { transform: translateY(-4px); box-shadow: 0 30px 62px -40px rgba(13,10,7,.42); } }
.rs-model__badge { box-shadow: 0 6px 18px -8px #F0492366; }

/* ---- PROOF — bigger anchor numeral with a gradient underline, hover glow ---- */
.rs-proof-grid { gap: 20px; }
.rs-proof { padding: 32px; transition: transform .35s var(--wr-ease-out), border-color .3s ease, box-shadow .4s ease; }
.rs-proof--anchor .rs-proof__big { font-size: clamp(40px, 6vw, 76px); }
.rs-proof__big { display: inline-block; }
.rs-proof--anchor .rs-proof__big::after {
  content: ''; display: block; height: 3px; width: 72px; margin-top: 16px; border-radius: 3px; background: var(--wr-grad);
}
.rs-proof--anchor .rs-proof__d { color: var(--wr-white-75); margin-top: 18px; }
@media (hover: hover) { .rs-proof:not(.rs-proof--anchor):hover { transform: translateY(-4px); border-color: var(--wr-white-16); box-shadow: 0 30px 60px -44px #F0492366; } }

/* ############################################################################
   INTERACTIVE REBUILDS (motion-led) — Explorer · Path · Proof Wall · Models
   ############################################################################ */
@keyframes rsBlink { 0%,100%{opacity:1} 50%{opacity:.25} }
@keyframes rsFade { from{opacity:0; transform:translateY(12px)} to{opacity:1; transform:none} }

/* ===== SIGNAL EXPLORER (Five capabilities) ===== */
.rs-xp { display:grid; grid-template-columns:1.4fr .92fr; gap:clamp(18px,2.4vw,34px); margin-top:clamp(40px,6vh,60px); align-items:stretch; }
.rs-xp__stage { position:relative; border-radius:var(--wr-radius-card); overflow:hidden; min-height:clamp(360px,54vh,580px); background:#0A0705; box-shadow:0 44px 110px -54px #000, 0 0 0 1px var(--wr-white-08); }
.rs-xp__frame { position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; transform:scale(1.07); transition:opacity .8s ease, transform 7s ease; filter:saturate(1.03) contrast(1.03); }
.rs-xp__frame.is-active { opacity:1; transform:scale(1); }
.rs-xp__scrim { position:absolute; inset:0; background:linear-gradient(180deg, rgba(10,7,5,.12) 0%, rgba(10,7,5,.2) 42%, rgba(10,7,5,.94) 100%); }
.rs-xp__hud { position:absolute; top:16px; left:20px; right:20px; z-index:2; display:flex; justify-content:space-between; font-family:ui-monospace,Menlo,monospace; font-size:11px; letter-spacing:.12em; color:var(--wr-white-75); }
.rs-xp__rec { display:inline-flex; align-items:center; gap:7px; color:var(--wr-orange); font-weight:700; }
.rs-xp__rec::before { content:''; width:8px; height:8px; border-radius:50%; background:var(--wr-orange); box-shadow:0 0 9px var(--wr-orange); animation:rsBlink 1.5s infinite; }
.rs-xp__caption { position:absolute; z-index:2; left:clamp(20px,3vw,36px); right:clamp(20px,3vw,36px); bottom:clamp(22px,3.4vh,36px); }
.rs-xp__num { font-family:ui-monospace,Menlo,monospace; font-size:12px; font-weight:800; letter-spacing:.16em; background:var(--wr-grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.rs-xp__cap-t { font-size:clamp(23px,2.5vw,32px); font-weight:800; letter-spacing:-.015em; color:#fff; margin-top:8px; line-height:1.08; }
.rs-xp__cap-d { font-size:14.5px; line-height:1.5; color:var(--wr-white-75); margin-top:9px; max-width:46ch; }
.rs-xp__list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.rs-xp__item { position:relative; display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:center; padding:17px 18px; border-radius:14px; cursor:pointer; border:1px solid var(--wr-white-08); background:var(--wr-glass-06); overflow:hidden; transition:border-color .3s, background .3s, transform .3s; }
.rs-xp__item:hover { transform:translateX(3px); }
.rs-xp__item.is-active { background:var(--wr-glass-10); border-color:var(--wr-white-16); }
.rs-xp__k { font-family:ui-monospace,Menlo,monospace; font-size:12px; font-weight:800; color:var(--wr-white-45); }
.rs-xp__item.is-active .rs-xp__k { color:var(--wr-orange); }
.rs-xp__label { font-size:16px; font-weight:800; letter-spacing:-.01em; color:#fff; }
.rs-xp__bar { position:absolute; left:0; right:0; bottom:0; height:2px; }
.rs-xp__bar i { display:block; height:100%; width:0; background:var(--wr-grad); }
@keyframes rsXpBar { from{width:0} to{width:100%} }
@media (max-width:860px){ .rs-xp{ grid-template-columns:1fr; } .rs-xp__stage{ min-height:clamp(300px,48vh,440px); } }

/* ===== PATH DIAGRAM (The distinction) ===== */
.rs-pathwrap { margin-top:clamp(38px,5vh,56px); }
.rs-path { display:flex; flex-direction:column; gap:clamp(16px,2.4vh,26px); }
.rs-path__row { display:grid; grid-template-columns:auto 1fr auto 1.3fr auto; align-items:center; gap:clamp(8px,1.4vw,18px); padding:clamp(16px,2.2vh,24px); border-radius:var(--wr-radius-card); border:1px solid var(--wr-white-08); background:var(--wr-glass-06); }
.rs-path__row--me { position:relative; background:radial-gradient(120% 130% at 100% 0%, rgba(240,73,35,.16) 0, transparent 60%), #0E0906; border-color:transparent; box-shadow:0 0 34px -12px #F0492355; }
.rs-path__row--me::before { content:''; position:absolute; inset:0; border-radius:inherit; padding:1.4px; background:linear-gradient(120deg,#F04923,#FFD80066 55%,#F0492300); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; }
.rs-path__tag { font-family:ui-monospace,Menlo,monospace; font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--wr-white-45); }
.rs-path__node { display:flex; flex-direction:column; gap:3px; padding:12px 16px; border-radius:12px; background:var(--wr-glass-08); border:1px solid var(--wr-white-10); min-width:96px; text-align:center; }
.rs-path__node b { font-size:13.5px; font-weight:800; color:#fff; letter-spacing:-.01em; }
.rs-path__node small { font-size:10.5px; color:var(--wr-white-45); }
.rs-path__node--mid { min-width:150px; }
.rs-path__row--saas .rs-path__node--mid { border-style:dashed; border-color:var(--wr-white-16); }
.rs-path__row--me .rs-path__node--mid { border-color:transparent; background:linear-gradient(180deg,#1A1009,#0E0906); box-shadow:0 0 0 1px #F0492355, 0 0 22px -8px #F0492366; }
.rs-path__row--me .rs-path__node--mid b { color:#fff; }
.rs-path__row--me .rs-path__node--mid small { color:var(--wr-yellow); }
.rs-path__wire { position:relative; height:2px; border-radius:2px; background:var(--wr-white-10); }
.rs-path__wire i { position:absolute; top:50%; width:7px; height:7px; border-radius:50%; margin-top:-3.5px; }
.rs-path__row--saas .rs-path__wire i { background:var(--wr-white-45); }
.rs-path__row--me .rs-path__wire i { background:var(--wr-grad); box-shadow:0 0 8px var(--wr-orange); }
.rs-path__wire i:nth-child(1){ animation:rsFlow 2.6s linear infinite; }
.rs-path__wire i:nth-child(2){ animation:rsFlow 2.6s linear infinite 1.3s; }
.rs-path__wire i:nth-child(3){ animation:rsFlow 2.6s linear infinite .65s; }
@keyframes rsFlow { from{left:-3%; opacity:0} 12%{opacity:1} 88%{opacity:1} to{left:103%; opacity:0} }
@media (prefers-reduced-motion: reduce){ .rs-path__wire i{ animation:none; left:50%; } }
@media (max-width:820px){
  .rs-path__row{ grid-template-columns:1fr; justify-items:center; gap:10px; }
  .rs-path__wire{ height:26px; width:2px; }
  .rs-path__wire i{ left:50%; top:0; margin:0 0 0 -3.5px; }
  .rs-path__row--saas .rs-path__wire i{ animation:rsFlowV 2.6s linear infinite; }
  .rs-path__row--me .rs-path__wire i:nth-child(1){ animation:rsFlowV 2.6s linear infinite; }
  .rs-path__row--me .rs-path__wire i:nth-child(2){ animation:rsFlowV 2.6s linear infinite 1.3s; }
}
@keyframes rsFlowV { from{top:-8%; opacity:0} 12%{opacity:1} 88%{opacity:1} to{top:108%; opacity:0} }

/* ===== PROOF WALL (figures + filmstrip) ===== */
.rs-pw { margin-top:clamp(36px,5vh,54px); }
.rs-pw__figs { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--wr-white-08); border:1px solid var(--wr-white-08); border-radius:var(--wr-radius-card); overflow:hidden; }
.rs-pw__fig { background:#0E0906; padding:clamp(22px,3vh,34px) clamp(18px,2vw,28px); }
.rs-pw__k { font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--wr-white-45); display:block; margin-bottom:14px; }
.rs-pw__num { font-size:clamp(32px,4.2vw,58px); font-weight:800; letter-spacing:-.03em; line-height:1; background:var(--wr-grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.rs-pw__cap { font-size:12.5px; color:var(--wr-white-65); margin-top:12px; line-height:1.42; }
@media (max-width:760px){ .rs-pw__figs{ grid-template-columns:1fr 1fr; } }
.rs-pw__strip { margin-top:18px; overflow:hidden; -webkit-mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); }
.rs-pw__track { display:flex; gap:16px; width:max-content; animation:rsPwScroll 48s linear infinite; }
.rs-pw__strip:hover .rs-pw__track { animation-play-state:paused; }
.rs-pw__card { position:relative; flex:0 0 auto; width:clamp(232px,25vw,312px); aspect-ratio:16/10; border-radius:16px; overflow:hidden; background-size:cover; background-position:center; border:1px solid var(--wr-white-08); }
.rs-pw__card::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(10,7,5,0) 38%, rgba(10,7,5,.92)); }
.rs-pw__meta { position:absolute; left:16px; right:16px; bottom:14px; z-index:1; }
.rs-pw__league { font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--wr-yellow); }
.rs-pw__client { font-size:16px; font-weight:800; color:#fff; margin-top:3px; letter-spacing:-.01em; }
@keyframes rsPwScroll { from{transform:translateX(0)} to{transform:translateX(-50%)} }
@media (prefers-reduced-motion: reduce){ .rs-pw__track{ animation:none; } }

/* ===== MODEL SWITCH (Commercial models) ===== */
.rs-mx { margin-top:clamp(34px,4.5vh,50px); }
.rs-mx__tabs { display:inline-flex; flex-wrap:wrap; gap:6px; padding:6px; border-radius:var(--wr-radius-pill); background:var(--wr-glass-06); border:1px solid var(--wr-white-08); }
.rs-mx__tab { border:0; background:transparent; cursor:pointer; font-family:inherit; font-size:13.5px; font-weight:700; color:var(--wr-white-65); padding:10px 20px; border-radius:var(--wr-radius-pill); transition:background .3s, color .3s; }
.rs-mx__tab:hover { color:#fff; }
.rs-mx__tab.is-active { background:var(--wr-grad); color:var(--wr-black); }
.rs-mx__stage { margin-top:22px; }
.rs-mx__panel { display:none; grid-template-columns:1fr 1fr; gap:clamp(20px,3vw,46px); align-items:center; }
.rs-mx__panel.is-active { display:grid; animation:rsFade .5s ease; }
.rs-mx__media { position:relative; border-radius:var(--wr-radius-card); overflow:hidden; aspect-ratio:16/11; background-size:cover; background-position:center; box-shadow:0 44px 100px -54px #000, 0 0 0 1px var(--wr-white-08); }
.rs-mx__media::after { content:''; position:absolute; inset:0; background:linear-gradient(200deg, rgba(10,7,5,0) 50%, rgba(10,7,5,.6)); }
.rs-mx__badge { position:absolute; z-index:1; top:16px; left:16px; font-family:ui-monospace,Menlo,monospace; font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--wr-black); padding:5px 11px; border-radius:var(--wr-radius-pill); background:var(--wr-grad); }
.rs-mx__k { font-family:ui-monospace,Menlo,monospace; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--wr-orange); }
.rs-mx__t { font-size:clamp(24px,2.7vw,36px); font-weight:800; letter-spacing:-.02em; color:#fff; margin:12px 0 14px; line-height:1.06; }
.rs-mx__d { font-size:15px; line-height:1.62; color:var(--wr-white-65); }
.rs-mx__d b { color:#fff; font-weight:700; }
.rs-mx__d a { color:var(--wr-orange); font-weight:700; text-decoration:none; } .rs-mx__d a:hover{ text-decoration:underline; }
.rs-mx__for { margin-top:18px; padding-top:16px; border-top:1px solid var(--wr-white-10); font-size:13px; line-height:1.5; color:var(--wr-white-75); }
.rs-mx__for b { display:block; margin-bottom:5px; font-family:ui-monospace,Menlo,monospace; font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--wr-orange); }
@media (max-width:820px){ .rs-mx__panel{ grid-template-columns:1fr; } }

/* ── DISTINCTION v2 — supporting note + fused (Production + Well Run CDN) origin ── */
.rs-path__note { max-width:70ch; margin:clamp(22px,3vh,34px) auto 0; text-align:center; font-size:clamp(14px,1.2vw,16px); line-height:1.66; color:var(--wr-white-65); }
.rs-path__note strong { color:#fff; font-weight:700; }
.rs-path__row--fused { grid-template-columns:minmax(0,auto) 1fr auto; }
.rs-path__node--fused { display:flex; align-items:center; justify-content:center; gap:clamp(12px,1.6vw,20px); min-width:0; padding:14px clamp(16px,2vw,24px); text-align:center; background:linear-gradient(180deg,#1A1009,#0E0906); border-color:transparent; box-shadow:0 0 0 1px #F0492355, 0 0 26px -8px #F0492366; }
.rs-path__seg { display:flex; flex-direction:column; align-items:center; gap:3px; }
.rs-path__seg small { font-size:10.5px; color:var(--wr-yellow); }
.rs-path__seg b { font-size:13.5px; font-weight:800; color:#fff; letter-spacing:-.01em; }
.rs-path__plus { flex:none; font-size:24px; font-weight:800; line-height:1; background:var(--wr-grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
@media (max-width:820px){ .rs-path__row--fused{ grid-template-columns:1fr; justify-items:center; } .rs-path__node--fused{ flex-direction:column; text-align:center; } .rs-path__seg{ align-items:center; } }

/* ── CAPABILITIES v2 — extra caption line + Edge Spark selector (fills all edges) ── */
.rs-xp__cap-sub { display:block; margin-top:11px; font-family:ui-monospace,Menlo,monospace; font-size:11px; letter-spacing:.04em; color:var(--wr-yellow); }
.rs-xp__cap-d { max-width:54ch; }
.rs-xp__bar { display:none; }
.rs-xp__item.is-active::before { content:''; position:absolute; inset:0; z-index:2; border-radius:14px; padding:1.6px;
  background:conic-gradient(from var(--rs-arc), transparent 0 60%, var(--wr-yellow) 73%, #FFF1B8 80%, var(--wr-orange) 88%, transparent 96%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; animation:rsArc 4.2s linear infinite; }
@media (prefers-reduced-motion: reduce){ .rs-xp__item.is-active::before{ animation:none; background:var(--wr-grad); } }
@media (max-width:560px){ .rs-xp__cap-sub{ display:none; } }

/* Capabilities: selector rail fills the stage height (equal-height items) */
@media (min-width:861px){
  .rs-xp__list { height:100%; }
  .rs-xp__item { flex:1 1 0; }
}

/* ── METRICS PARALLAX — expanded section + layered depth (canvas · glow · bar) ── */
.rs-metrics { padding-top: clamp(80px,13vh,150px); padding-bottom: clamp(96px,15vh,180px); }
.rs-metrics .wr-atmo-canvas { z-index:1; will-change:transform; }
.rs-metrics__bar { z-index:2; will-change:transform; }
.rs-metrics__glow { position:absolute; inset:-40% -4%; z-index:0; pointer-events:none; will-change:transform;
  background: radial-gradient(58% 55% at 28% 38%, rgba(240,73,35,0.08), transparent 70%), radial-gradient(55% 60% at 82% 72%, rgba(240,73,35,0.07), transparent 72%); }
@media (prefers-reduced-motion: reduce){ .rs-metrics .wr-atmo-canvas, .rs-metrics__bar, .rs-metrics__glow { transform:none !important; } }

/* ── Metrics sits BEHIND its neighbours: hero covers it from above, distinction
   slides up and covers it from below. Metrics expanded +~50vh for the reveal. ── */
.rs-hero { z-index: 4; }
.rs-metrics { z-index: 2; margin-top: -12vh;
  padding-top: clamp(110px, 30vh, 340px); padding-bottom: clamp(170px, 48vh, 540px); }
#distinction { position: relative; z-index: 3; margin-top: -30vh; }

/* ── The Infrastructure — same layered parallax as the metrics section ── */
#infrastructure { isolation: isolate; z-index: 2; margin-top: -12vh;
  padding-top: clamp(100px, 22vh, 280px); padding-bottom: clamp(160px, 40vh, 460px); }
#infrastructure .wr-atmo-canvas { z-index: 1; will-change: transform; }
#infrastructure .rs-inner { will-change: transform; }
.rs-infra__glow { position:absolute; inset:-40% -4%; z-index:0; pointer-events:none; will-change:transform;
  background:
    radial-gradient(42% 40% at 16% 24%, rgba(240,73,35,0.12), transparent 64%),
    radial-gradient(48% 44% at 86% 74%, rgba(240,73,35,0.10), transparent 66%),
    radial-gradient(36% 34% at 66% 10%, rgba(240,73,35,0.06), transparent 60%); }
/* neighbours cover it: capabilities from the top, models rises over it from below */
#capabilities { z-index: 3; }
@media (prefers-reduced-motion: reduce){ #infrastructure .wr-atmo-canvas, #infrastructure .rs-inner, .rs-infra__glow { transform:none !important; } }

/* Proof figures float — no frame/background, just the numbers on the aurora */
.rs-pw__figs { background: none; border: 0; border-radius: 0; overflow: visible; gap: 0; }
.rs-pw__fig { background: none; }
.rs-pw__fig + .rs-pw__fig { border-left: 1px solid var(--wr-white-10); }
@media (max-width: 760px) {
  .rs-pw__fig + .rs-pw__fig { border-left: 0; }
  .rs-pw__fig:nth-child(n+3) { border-top: 1px solid var(--wr-white-10); }
}

/* ============================================================================
   COMMERCIAL MODELS v2 — editorial alternating rows (big photo + copy),
   licensing path carries the Edge Spark accent. Sits on the aurora.
   ========================================================================== */
.rs-deploy { display:flex; flex-direction:column; gap:clamp(34px,6vh,84px); margin-top:clamp(44px,6vh,74px); }
.rs-dep { display:grid; grid-template-columns:1.08fr 0.92fr; gap:clamp(26px,4vw,68px); align-items:center; }
.rs-dep--flip .rs-dep__media { order:2; }
.rs-dep--flip .rs-dep__body { order:1; }
.rs-dep__media { position:relative; aspect-ratio:16/11; border-radius:var(--wr-radius-card); overflow:hidden; box-shadow:0 44px 100px -54px #000, 0 0 0 1px var(--wr-white-08); }
.rs-dep__img { position:absolute; inset:0; background-size:cover; background-position:center; transition:transform .7s var(--wr-ease-out); }
@media (hover:hover){ .rs-dep__media:hover .rs-dep__img { transform:scale(1.06); } }
.rs-dep__media::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(200deg, rgba(10,7,5,0) 55%, rgba(10,7,5,.5)); }
.rs-dep__badge { position:absolute; z-index:3; top:16px; left:16px; font-family:ui-monospace,Menlo,monospace; font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--wr-black); padding:5px 11px; border-radius:var(--wr-radius-pill); background:var(--wr-grad); box-shadow:0 6px 18px -8px #F0492366; }
.rs-dep__n { display:block; font-family:ui-monospace,Menlo,monospace; font-size:clamp(30px,4vw,52px); font-weight:800; letter-spacing:-.02em; line-height:1; background:var(--wr-grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.rs-dep__k { display:block; margin-top:12px; font-family:ui-monospace,Menlo,monospace; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--wr-orange); }
.rs-dep__t { font-size:clamp(24px,2.8vw,38px); font-weight:800; letter-spacing:-.02em; color:#fff; margin:10px 0 14px; line-height:1.05; }
.rs-dep__d { font-size:15px; line-height:1.62; color:var(--wr-white-65); max-width:54ch; }
.rs-dep__d b { color:#fff; font-weight:700; }
.rs-dep__d a { color:var(--wr-orange); font-weight:700; text-decoration:none; } .rs-dep__d a:hover{ text-decoration:underline; }
.rs-dep__for { margin-top:18px; padding-top:16px; border-top:1px solid var(--wr-white-10); font-size:13px; line-height:1.5; color:var(--wr-white-75); max-width:54ch; }
.rs-dep__for b { display:block; margin-bottom:5px; font-family:ui-monospace,Menlo,monospace; font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--wr-orange); }
.rs-dep--accent .rs-dep__media { box-shadow:0 0 42px -10px #F0492366, 0 44px 100px -54px #000; }
.rs-dep--accent .rs-dep__media::before { content:''; position:absolute; inset:0; z-index:2; border-radius:inherit; padding:1.6px;
  background:conic-gradient(from var(--rs-arc), transparent 0 60%, var(--wr-yellow) 73%, #FFF1B8 80%, var(--wr-orange) 88%, transparent 96%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; animation:rsArc 4.2s linear infinite; }
@media (prefers-reduced-motion: reduce){ .rs-dep--accent .rs-dep__media::before { animation:none; background:var(--wr-grad); } }
@media (max-width:820px){ .rs-dep { grid-template-columns:1fr; gap:20px; } .rs-dep--flip .rs-dep__media, .rs-dep--flip .rs-dep__body { order:0; } }

/* Commercial models — full-width CTA card (replaces the plain button) */
.rs-dep-cta { display:flex; align-items:center; justify-content:space-between; gap:clamp(20px,3vw,40px); width:100%;
  margin-top:clamp(40px,6vh,72px); padding:clamp(28px,4.5vh,50px) clamp(26px,4vw,58px);
  border-radius:var(--wr-radius-card); text-decoration:none;
  background:radial-gradient(120% 170% at 100% 0%, rgba(240,73,35,0.16), transparent 58%), var(--wr-glass-06);
  border:1px solid var(--wr-white-10); transition:border-color .3s, transform .35s var(--wr-ease-out), box-shadow .4s ease; }
@media (hover:hover){ .rs-dep-cta:hover { transform:translateY(-3px); border-color:var(--wr-white-16); box-shadow:0 30px 72px -44px #F0492377; } }
.rs-dep-cta__t { font-size:clamp(20px,2.3vw,32px); font-weight:800; letter-spacing:-.02em; color:#fff; line-height:1.08; max-width:24ch; }
.rs-dep-cta__arrow { flex:none; display:grid; place-items:center; width:clamp(52px,5vw,66px); height:clamp(52px,5vw,66px); border-radius:50%; background:var(--wr-grad); box-shadow:0 10px 26px -10px #F0492366; }
.rs-dep-cta__arrow svg { width:24px; height:24px; stroke:var(--wr-black); stroke-width:2.4; fill:none; stroke-linecap:round; stroke-linejoin:round; transition:transform .3s ease; }
@media (hover:hover){ .rs-dep-cta:hover .rs-dep-cta__arrow svg { transform:translateX(4px); } }
@media (max-width:600px){ .rs-dep-cta { flex-direction:column; align-items:flex-start; gap:20px; } }