/* RVC_REAL_LABS_2026_ELEGANCE_V2
   Luxury technology system: precision, restraint, hierarchy. */
:root {
  --rl26-bg: #050607;
  --rl26-bg-deep: #020304;
  --rl26-surface: #0a0c0f;
  --rl26-surface-2: #0f1216;
  --rl26-surface-3: #14181d;
  --rl26-surface-hover: #181d23;
  --rl26-border: rgba(230, 237, 242, .10);
  --rl26-border-strong: rgba(230, 237, 242, .18);
  --rl26-text: #f5f7f8;
  --rl26-text-soft: #c9d0d5;
  --rl26-muted: #879099;
  --rl26-muted-2: #626b74;
  --rl26-accent: #79dff2;
  --rl26-accent-soft: rgba(121, 223, 242, .10);
  --rl26-success: #6fd0a7;
  --rl26-warning: #d5b56e;
  --rl26-danger: #e27b82;
  --rl26-radius-sm: 7px;
  --rl26-radius: 11px;
  --rl26-radius-lg: 16px;
  --rl26-shadow: 0 24px 70px rgba(0,0,0,.28);
  --bg: var(--rl26-bg);
  --panel: var(--rl26-surface);
  --panel2: var(--rl26-surface-2);
  --text: var(--rl26-text);
  --muted: var(--rl26-muted);
  --line: var(--rl26-border);
  --cyan: var(--rl26-accent);
  --green: var(--rl26-success);
  color-scheme: dark;
}

html { background: var(--rl26-bg); color-scheme: dark; }
body {
  margin: 0;
  background: var(--rl26-bg) !important;
  color: var(--rl26-text) !important;
  font-family: Inter, "Helvetica Neue", Arial, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 15px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body::before, body::after { content: none !important; }
* { box-sizing: border-box; }
::selection { background: rgba(121,223,242,.22); color: #fff; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }

h1,h2,h3,h4,h5,h6,
.hero h1,.section h2,.page-hero h1,
.auth-brand h1,.legacy-copy h2,.legacy-copy h3 {
  color: var(--rl26-text) !important;
  font-family: Inter, "Helvetica Neue", Arial, ui-sans-serif, system-ui, sans-serif !important;
  font-style: normal !important;
  font-stretch: normal !important;
  text-transform: none !important;
  text-shadow: none !important;
  letter-spacing: -.035em !important;
}
p { color: var(--rl26-text-soft); }
.container { width: min(1240px, calc(100% - 56px)); margin-inline: auto; }
.site-shell { overflow: clip; background: var(--rl26-bg); }

/* Navigation / brand */
.nav-wrap,
.rvc-horizontal-header {
  position: sticky;
  top: 0;
  z-index: 50;
  border-bottom: 1px solid var(--rl26-border) !important;
  background: rgba(5, 6, 7, .92) !important;
  box-shadow: none !important;
  backdrop-filter: blur(22px) saturate(120%);
}
.nav { min-height: 78px; height: 78px; gap: 24px; }
.rl26-brand-lockup { display: inline-flex !important; align-items: center; flex: 0 0 auto; min-width: 172px; text-decoration: none; }
.rl26-brand-lockup-image { display: block; width: 172px; height: 58px; object-fit: contain; object-position: left center; filter: none; }
.nav-links { display: flex; align-items: center; gap: 26px; margin-left: auto; }
.nav a,
.nav-links a,
.nav-actions a,
.nav-logout-button {
  color: #a9b1b8 !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 560 !important;
  font-style: normal !important;
  letter-spacing: -.005em !important;
  text-transform: none !important;
  text-shadow: none !important;
}
.nav-links a::after { display: none !important; }
.nav-links a:hover,.nav-actions a:hover,.nav-logout-button:hover { color: #fff !important; }
.nav-actions { display: flex; align-items: center; gap: 14px; }
.nav-logout-button { padding: 0; border: 0 !important; background: transparent !important; cursor: pointer; }
.rvc-language-picker select {
  min-height: 36px;
  padding: 0 32px 0 11px;
  border: 1px solid var(--rl26-border) !important;
  border-radius: var(--rl26-radius-sm) !important;
  background: var(--rl26-surface) !important;
  color: #aeb6bd !important;
  box-shadow: none !important;
}
.menu-btn {
  border: 1px solid var(--rl26-border) !important;
  border-radius: var(--rl26-radius-sm) !important;
  background: var(--rl26-surface) !important;
  color: var(--rl26-text) !important;
}

/* Buttons */
.btn,.auth-submit,.auth-social,.rvc-plan-button,.rvc-checkout-submit,
.rl-support-submit,.rl-staff-submit,.primary-button,.secondary-button,.project-link,
.bill-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: var(--rl26-radius-sm) !important;
  clip-path: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-family: inherit !important;
  font-weight: 650 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  transition: background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease !important;
}
.btn { min-height: 44px; padding: 0 18px; font-size: 13px; }
.btn-small { min-height: 36px; padding: 0 13px; font-size: 12px; }
.btn:hover { transform: translateY(-1px); }
.btn-primary,.auth-submit,.rvc-plan-button.is-primary,.rvc-checkout-submit,
.rl-support-submit,.primary-button,.bill-button.is-primary {
  border: 1px solid #eff7f9 !important;
  background: #f0f7f9 !important;
  color: #070a0c !important;
}
.btn-primary:hover,.auth-submit:hover,.rvc-plan-button.is-primary:hover,.rvc-checkout-submit:hover,
.rl-support-submit:hover,.primary-button:hover,.bill-button.is-primary:hover { background: #fff !important; border-color: #fff !important; }
.btn-ghost,.secondary-button,.auth-social,.bill-button {
  border: 1px solid var(--rl26-border-strong) !important;
  background: var(--rl26-surface-2) !important;
  color: #dce1e5 !important;
}
.btn-ghost:hover,.secondary-button:hover,.auth-social:hover,.bill-button:hover { background: var(--rl26-surface-hover) !important; border-color: rgba(230,237,242,.28) !important; }
.text-link,.auth-link { color: #cfeff5 !important; text-decoration-color: rgba(121,223,242,.32); }
.text-danger { color: #d68b91 !important; }

/* Type hierarchy */
.eyebrow,.kicker,.rl26-eyebrow,.rl26-overline,
.bill-eyebrow,.rl-support-eyebrow,.rl-staff-eyebrow {
  color: #8d979f !important;
  font-family: inherit !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 650 !important;
  letter-spacing: .095em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}
.page-hero { padding: 92px 0 58px; border-bottom: 1px solid var(--rl26-border); background: #07090b !important; text-align: left; }
.page-hero h1 { max-width: 820px; margin: 10px 0 18px; font-size: clamp(42px,5.8vw,72px); line-height: 1; }
.page-hero p { max-width: 720px; margin: 0; color: var(--rl26-muted); font-size: 17px; }
.section { padding: 92px 0; }
.section h2 { font-size: clamp(34px,4vw,56px); line-height: 1.04; }
.lead,.hero-lead { color: #a7b0b7 !important; }
.muted { color: var(--rl26-muted) !important; }

/* Universal surfaces: remove neon/HUD language */
.feature-card,.security-card,.price-card,.download-panel,.dashboard-card,.hud-form,
.studio-panel,.project-card,.auth-card,.rl-support-card,.rl-staff-card,.rl-staff-panel,
.bill-card,.bill-metric,.mode-option,.settings-grid > *, .empty-state {
  clip-path: none !important;
  border: 1px solid var(--rl26-border) !important;
  border-radius: var(--rl26-radius) !important;
  background: var(--rl26-surface) !important;
  box-shadow: none !important;
}
.feature-card::before,.feature-card::after,.auth-card::before,.auth-card::after,
.panel-corners::before,.panel-corners::after { display: none !important; }
.icon,.brand-mark { box-shadow: none !important; }

input,select,textarea,
.hud-form input,.hud-form select,.hud-form textarea,
.bill-input,.rl-support-field input,.rl-support-field select,.rl-support-field textarea,
.rl-staff-filters input,.rl-staff-filters select,.rl-staff-panel input,.rl-staff-panel select,.rl-staff-panel textarea {
  border: 1px solid var(--rl26-border-strong) !important;
  border-radius: 8px !important;
  outline: none;
  background: #080a0d !important;
  color: #f2f5f7 !important;
  box-shadow: none !important;
}
input:focus,select:focus,textarea:focus {
  border-color: rgba(121,223,242,.55) !important;
  box-shadow: 0 0 0 3px rgba(121,223,242,.07) !important;
}

/* Home — luxury editorial product page */
.rl26-lux-hero { position: relative; padding: 118px 0 100px; border-bottom: 1px solid var(--rl26-border); background: #050607; }
.rl26-lux-hero::before { content:""; position:absolute; inset:0; pointer-events:none; background: radial-gradient(circle at 78% 36%, rgba(121,223,242,.055), transparent 25%); }
.rl26-lux-hero-grid { position:relative; display:grid; grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr); gap:82px; align-items:center; }
.rl26-lux-copy h1 { margin:18px 0 24px; max-width:760px; font-size:clamp(54px,6.4vw,92px); font-weight:620; line-height:.96; letter-spacing:-.06em !important; }
.rl26-lux-lead { max-width:650px; margin:0; color:#a3adb5; font-size:18px; line-height:1.75; }
.rl26-lux-actions { display:flex; gap:10px; flex-wrap:wrap; margin:32px 0 27px; }
.rl26-lux-meta { display:flex; gap:18px; flex-wrap:wrap; color:#69737c; font-size:12px; }
.rl26-lux-meta span { display:flex; align-items:center; gap:8px; }
.rl26-lux-meta span::before { content:""; width:4px; height:4px; border-radius:50%; background:#56616a; }
.rl26-lux-brand-stage { min-width:0; }
.rl26-lux-brand-plane { min-height:440px; display:flex; align-items:center; justify-content:center; padding:54px; border:1px solid var(--rl26-border); border-radius:14px; background:linear-gradient(180deg,#0a0c0f,#07090b); box-shadow:0 32px 90px rgba(0,0,0,.32); }
.rl26-lux-brand-plane img { display:block; width:min(100%,560px); max-height:360px; object-fit:contain; filter:drop-shadow(0 18px 35px rgba(0,0,0,.42)); }
.rl26-lux-spec-row { display:grid; grid-template-columns:repeat(3,1fr); margin-top:12px; border:1px solid var(--rl26-border); border-radius:10px; overflow:hidden; background:#080a0c; }
.rl26-lux-spec-row span { padding:14px 16px; color:#929ca4; font-size:11px; }
.rl26-lux-spec-row span+span { border-left:1px solid var(--rl26-border); }
.rl26-lux-spec-row b { margin-right:8px; color:#59636b; font-size:9px; }
.rl26-lux-strip { border-bottom:1px solid var(--rl26-border); background:#07090b; }
.rl26-lux-strip .container { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:24px; color:#707a82; font-size:12px; }
.rl26-lux-section { padding:108px 0; background:#050607; }
.rl26-lux-section-soft { border-block:1px solid var(--rl26-border); background:#080a0d; }
.rl26-lux-section-head { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(340px,.65fr); gap:70px; align-items:end; margin-bottom:44px; }
.rl26-lux-section-head h2,.rl26-lux-split h2,.rl26-lux-final h2 { margin:10px 0 0; font-size:clamp(38px,4.8vw,66px); line-height:1.02; font-weight:600; }
.rl26-lux-section-head p { margin:0; color:#8b959d; font-size:16px; line-height:1.75; }
.rl26-lux-feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.rl26-lux-feature { position:relative; min-height:255px; padding:30px; border:1px solid var(--rl26-border); border-radius:12px; background:#090b0e; overflow:hidden; }
.rl26-lux-feature-wide { grid-column:1/-1; display:grid; grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr); gap:50px; min-height:430px; }
.rl26-lux-feature h3 { margin:18px 0 10px; font-size:24px; font-weight:600; }
.rl26-lux-feature p { max-width:520px; margin:0; color:#858f97; line-height:1.7; }
.rl26-feature-index { color:#59636c; font-size:10px; letter-spacing:.1em; }
.rl26-mini-editor { align-self:end; overflow:hidden; border:1px solid #1b2026; border-radius:10px; background:#050709; }
.rl26-mini-editor-bar { height:40px; display:flex; align-items:center; gap:9px; padding:0 12px; border-bottom:1px solid #151a1f; color:#859099; font-size:10px; }
.rl26-mini-editor-bar i { width:5px; height:5px; border-radius:50%; background:var(--rl26-success); }
.rl26-mini-editor-bar small { margin-left:auto; color:#515b63; }
.rl26-mini-editor-stage { height:220px; display:flex; align-items:center; justify-content:center; background:#080b0e; }
.rl26-mini-editor-stage img { width:54%; max-height:160px; object-fit:contain; opacity:.78; }
.rl26-mini-editor-tracks { display:grid; gap:7px; padding:12px; border-top:1px solid #151a1f; }
.rl26-mini-editor-tracks span { height:17px; border:1px solid #252d34; border-radius:4px; background:#11161b; }
.rl26-mini-editor-tracks span:nth-child(2) { width:72%; }
.rl26-mini-editor-tracks span:nth-child(3) { width:88%; }
.rl26-lux-demo { overflow:hidden; border:1px solid var(--rl26-border); border-radius:14px; background:#050607; box-shadow:var(--rl26-shadow); }
.rl26-lux-demo video { display:block; width:100%; max-height:720px; background:#000; }
.rl26-lux-demo-empty { min-height:410px; display:grid; grid-template-columns:minmax(280px,.8fr) minmax(280px,1fr); gap:48px; align-items:center; padding:64px; }
.rl26-lux-demo-empty img { width:100%; max-width:430px; max-height:240px; object-fit:contain; }
.rl26-lux-demo-empty h3 { margin:0 0 10px; font-size:30px; }
.rl26-lux-demo-empty p { max-width:470px; color:#828c94; }
.rl26-lux-split { display:grid; grid-template-columns:minmax(0,.9fr) minmax(420px,1fr); gap:90px; align-items:start; }
.rl26-lux-principles { border-top:1px solid var(--rl26-border); }
.rl26-lux-principles div { display:grid; grid-template-columns:48px 1fr; gap:18px; padding:19px 0; border-bottom:1px solid var(--rl26-border); }
.rl26-lux-principles span { color:#58626a; font-size:10px; }
.rl26-lux-principles strong { color:#dbe0e4; font-size:14px; font-weight:560; }
.rl26-lux-final { padding:82px 0; border-top:1px solid var(--rl26-border); background:#080a0c; }
.rl26-lux-final .container { display:flex; align-items:end; justify-content:space-between; gap:50px; }
.rl26-lux-final h2 { font-size:clamp(38px,4vw,58px); }
.rl26-lux-final p { max-width:610px; margin:12px 0 0; color:#858f97; }

/* Studio dashboard / authenticated workspace */
.studio-shell { min-height:calc(100vh - 78px); display:grid !important; grid-template-columns:240px minmax(0,1fr) !important; background:#050607 !important; }
.studio-sidebar { padding:30px 18px !important; border-right:1px solid var(--rl26-border) !important; background:#080a0c !important; }
.studio-user { padding:0 10px 24px !important; border-bottom:1px solid var(--rl26-border); }
.studio-user .avatar { width:34px !important; height:34px !important; border:1px solid var(--rl26-border-strong) !important; background:#11151a !important; color:#dbe1e5 !important; box-shadow:none !important; }
.studio-user strong { color:#f0f3f5; font-size:13px; font-weight:600; }
.studio-user small { color:#6e7880; font-size:10px; }
.studio-sidebar nav { display:grid; gap:3px; margin-top:22px; }
.studio-sidebar nav a { padding:10px 12px !important; border:1px solid transparent !important; border-radius:7px !important; color:#8d979f !important; font-size:13px !important; font-weight:520 !important; text-decoration:none; }
.studio-sidebar nav a:hover { background:#0f1216 !important; color:#eef2f4 !important; }
.studio-sidebar nav a.active { border-color:var(--rl26-border) !important; background:#111419 !important; color:#f3f5f6 !important; box-shadow:none !important; }
.studio-main { min-width:0; padding:52px 48px 76px !important; }
.studio-topline { display:flex; justify-content:space-between; gap:32px; align-items:end; margin-bottom:34px; }
.studio-topline h1 { margin:8px 0 8px; font-size:clamp(38px,4.5vw,62px); font-weight:590; line-height:1; }
.studio-topline p { max-width:700px; margin:0; color:#7f8991; }
.metric-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-bottom:16px; }
.metric-grid article { min-height:118px; padding:18px; border:1px solid var(--rl26-border) !important; border-radius:9px !important; background:#090b0e !important; box-shadow:none !important; }
.metric-grid article>span { color:#68727a !important; font-size:9px !important; font-weight:650 !important; letter-spacing:.08em !important; }
.metric-grid strong { display:block; margin-top:9px; color:#edf1f3 !important; font-size:24px; font-weight:620; }
.metric-grid small { display:block; margin-top:7px; color:#646e76 !important; font-size:10px; line-height:1.35; }
.studio-panel { padding:24px !important; }
.panel-head { display:flex; align-items:start; justify-content:space-between; gap:22px; margin-bottom:20px; }
.panel-head h2,.studio-panel>h2 { margin:6px 0 0; font-size:22px; font-weight:600; }
.panel-head>a { color:#aab3ba; font-size:12px; text-decoration:none; }
.project-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.project-card { overflow:hidden; }
.project-thumb { min-height:126px !important; display:flex; align-items:end !important; justify-content:space-between !important; padding:14px !important; border-bottom:1px solid var(--rl26-border) !important; background:linear-gradient(145deg,#0e1216,#080a0c) !important; }
.project-thumb>span { color:#515b63 !important; font-size:12px !important; letter-spacing:.06em !important; }
.project-thumb>b { padding:4px 7px; border:1px solid var(--rl26-border); border-radius:5px; color:#7f8991; font-size:9px; font-weight:550; }
.project-body { padding:17px !important; }
.project-body h3 { margin:0 0 5px; font-size:16px; font-weight:590; }
.project-body p { margin:0 0 16px; color:#6d777f; font-size:11px; }
.project-actions { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.studio-two { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; }
.data-row { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 0; border-top:1px solid var(--rl26-border) !important; }
.data-row:first-of-type { border-top:0 !important; }
.data-row strong { display:block; color:#dce1e4; font-size:12px; font-weight:560; }
.data-row small { display:block; margin-top:3px; color:#626c74; font-size:10px; }
.status { color:#9ca6ad !important; }

/* Auth */
.auth-stage { min-height:calc(100vh - 78px); display:grid; place-items:center; padding:72px 24px !important; background:#050607 !important; }
.auth-card { width:min(520px,100%); padding:38px !important; }
.auth-brand h1,.auth-card h1 { margin:8px 0 10px; font-size:38px !important; font-weight:600 !important; }
.auth-card p { color:#808a92 !important; }

/* Pricing baseline */
.rvc-pricing-v2 { background:#050607 !important; color:var(--rl26-text) !important; }
.rvc-pricing-hero { border-bottom:1px solid var(--rl26-border) !important; background:#07090b !important; }
.rvc-plan,.rvc-price-facts,.rvc-billing-toggle,.rvc-ph-launch { box-shadow:none !important; }

/* Billing portal refinement */
.rvc-billing { background:#050607 !important; color:var(--rl26-text) !important; }
.bill-container { width:min(1180px,calc(100% - 48px)) !important; }
.bill-header h1 { color:#f2f5f6 !important; font-family:inherit !important; font-style:normal !important; font-weight:600 !important; text-transform:none !important; text-shadow:none !important; }
.bill-status::before { box-shadow:none !important; }
.bill-card,.bill-metric { background:#090b0e !important; border-color:var(--rl26-border) !important; }
.bill-credit-total { color:#dfe5e8 !important; }
.bill-row,.bill-purchase { border-color:var(--rl26-border) !important; }
.bill-security { border-color:var(--rl26-border) !important; background:#0b0e11 !important; color:#8d979f !important; }
.bill-security strong { color:#c9d1d6 !important; }

/* Support */
.rl-support-shell,.rl-staff-shell { color:var(--rl26-text); }
.rl-support-card,.rl-staff-card,.rl-staff-panel { background:#090b0e !important; border-color:var(--rl26-border) !important; }
.rl-support-security-note,.rl-staff-notice { border:1px solid var(--rl26-border); background:#0e1115 !important; color:#89939b; }
.rl-support-ticket-row,.rl-staff-ticket-row,.rl-support-message,.rl-staff-message,.rl-staff-note { border-color:var(--rl26-border) !important; background:#0b0e11 !important; }
.rl-support-ticket-row:hover,.rl-staff-ticket-row:hover { border-color:var(--rl26-border-strong) !important; background:#101419 !important; }
.rl-support-message-customer,.rl-staff-message.type-customer { background:#10161a !important; }
.rl-staff-message.type-staff { background:#101512 !important; }

/* Footer */
.footer { border-top:1px solid var(--rl26-border) !important; background:#040506 !important; }
.footer h4 { color:#656f77 !important; font-family:inherit !important; font-size:10px !important; font-style:normal !important; font-weight:650 !important; letter-spacing:.08em !important; text-transform:uppercase !important; }
.footer a:not(.brand) { color:#8c969e !important; }
.footer a:not(.brand):hover { color:#fff !important; }
.footer-copy,.footer-bottom { color:#5d666d !important; }

@media (max-width:1100px) {
  .rl26-lux-hero-grid,.rl26-lux-section-head,.rl26-lux-split { grid-template-columns:1fr; gap:42px; }
  .rl26-lux-brand-plane { min-height:360px; }
  .metric-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .project-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:900px) {
  .container { width:min(100% - 32px,1240px); }
  .nav-links,.nav-actions .link-muted { display:none; }
  .menu-btn { display:block; margin-left:auto; }
  .nav-actions { margin-left:0; }
  .nav-links.open { position:absolute; top:78px; left:0; right:0; display:flex; flex-direction:column; align-items:stretch; gap:4px; padding:18px; border-bottom:1px solid var(--rl26-border); background:#07090b; }
  .nav-links.open a { padding:10px; }
  .studio-shell { grid-template-columns:1fr !important; }
  .studio-sidebar { display:none; }
  .studio-main { padding:36px 22px 60px !important; }
  .studio-topline { align-items:start; flex-direction:column; }
  .rl26-lux-feature-wide { grid-template-columns:1fr; }
}
@media (max-width:720px) {
  .rl26-brand-lockup-image { width:145px; height:52px; }
  .rl26-brand-lockup { min-width:145px; }
  .rl26-lux-hero { padding:82px 0 72px; }
  .rl26-lux-copy h1 { font-size:clamp(46px,14vw,68px); }
  .rl26-lux-brand-plane { min-height:290px; padding:30px; }
  .rl26-lux-strip .container { flex-wrap:wrap; justify-content:flex-start; padding:18px 0; }
  .rl26-lux-section { padding:78px 0; }
  .rl26-lux-feature-grid,.project-grid,.studio-two,.metric-grid { grid-template-columns:1fr; }
  .rl26-lux-demo-empty { grid-template-columns:1fr; padding:34px; }
  .rl26-lux-final .container { align-items:flex-start; flex-direction:column; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
}

/* Auth / brand image sizing — preserve the full circuit silhouette. */
.auth-brand img{display:block;width:min(100%,300px)!important;max-height:170px!important;margin:0 0 22px!important;object-fit:contain!important;object-position:left center!important;filter:none!important}.auth-brand{margin-bottom:24px}.auth-brand .kicker{margin-bottom:8px!important}.rl26-new-project-card{max-width:560px!important}

/* RVC_REAL_LABS_2026_LUXE_COLOR_V2_2
   Richer brand color, cleaner navigation, premium depth without gamer neon. */
:root {
  --rl26-bg:#04070b;
  --rl26-bg-deep:#020409;
  --rl26-surface:#091019;
  --rl26-surface-2:#0c1420;
  --rl26-surface-3:#111b28;
  --rl26-surface-hover:#152233;
  --rl26-border:rgba(174,210,232,.13);
  --rl26-border-strong:rgba(174,210,232,.22);
  --rl26-text:#f7fbff;
  --rl26-text-soft:#c4d0d9;
  --rl26-muted:#81909d;
  --rl26-muted-2:#5f6d79;
  --rl26-accent:#62e8ff;
  --rl26-blue:#7395ff;
  --rl26-teal:#51dfc6;
  --rl26-accent-soft:rgba(98,232,255,.10);
  --rl26-spectrum:linear-gradient(110deg,#6ef0ff 0%,#70cfff 38%,#7598ff 76%,#a8b8ff 100%);
  --rl26-shadow:0 28px 90px rgba(0,0,0,.38);
}
html,body,.site-shell { background:#04070b!important; }
body {
  background:
    radial-gradient(1100px 620px at 82% -12%,rgba(72,151,255,.07),transparent 60%),
    radial-gradient(900px 600px at -10% 28%,rgba(69,227,219,.035),transparent 60%),
    #04070b!important;
}
::selection {background:rgba(103,222,255,.28);color:#fff}

/* Header: one calm row, one language picker, stronger brand presence. */
.nav-wrap.rl26-nav-v22 {
  background:rgba(4,8,13,.84)!important;
  border-bottom-color:rgba(145,197,226,.14)!important;
  box-shadow:0 10px 35px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(24px) saturate(135%);
}
.rl26-nav-v22 .nav {height:82px;min-height:82px;gap:28px}
.rl26-nav-v22 .rl26-brand-lockup {min-width:214px}
.rl26-nav-v22 .rl26-brand-lockup-image {width:214px;height:70px;object-fit:contain;object-position:left center}
.rl26-nav-v22 .nav-links {gap:24px;margin-left:auto}
.rl26-nav-v22 .nav-links>a,
.rl26-nav-v22 .nav-actions>a,
.rl26-nav-v22 .nav-logout-button {color:#aab8c4!important;font-size:13px!important;font-weight:570!important}
.rl26-nav-v22 .nav-links>a {position:relative;padding:30px 0 28px}
.rl26-nav-v22 .nav-links>a::before {content:"";position:absolute;left:0;right:100%;bottom:18px;height:2px;border-radius:99px;background:var(--rl26-spectrum);transition:right .18s ease}
.rl26-nav-v22 .nav-links>a:hover {color:#f8fcff!important}
.rl26-nav-v22 .nav-links>a:hover::before {right:0}
.rl26-nav-v22 .nav-actions {gap:12px}
.rvc-mobile-language-control {display:none!important}
.rl26-language-compact {position:relative;width:auto!important}
.rl26-language-compact::before {content:"◌";position:absolute;left:10px;top:50%;transform:translateY(-51%);z-index:2;color:#748a9b;font-size:12px;pointer-events:none}
.rl26-language-compact select {width:104px!important;min-width:104px!important;max-width:104px!important;min-height:38px;padding:0 30px 0 28px!important;border-color:rgba(160,203,229,.14)!important;background:rgba(11,18,27,.80)!important;color:#aebbc5!important}
.rl26-nav-cta {min-width:108px;border-color:rgba(138,227,255,.44)!important;background:linear-gradient(135deg,#a5f5ff 0%,#7edfff 46%,#8ca8ff 100%)!important;color:#061018!important;box-shadow:0 10px 28px rgba(73,180,255,.12)!important}
.rl26-nav-cta:hover {background:linear-gradient(135deg,#c3f9ff 0%,#9ce9ff 45%,#a5baff 100%)!important;box-shadow:0 14px 38px rgba(73,180,255,.18)!important}

/* Primary color language */
.btn-primary.rl26-primary-gradient,
.btn-primary:not(.rvc-founder-banner__cta) {
  border-color:rgba(148,231,255,.5)!important;
  background:linear-gradient(135deg,#a4f4ff 0%,#72ddff 48%,#819eff 100%)!important;
  color:#061018!important;
  box-shadow:0 13px 34px rgba(64,177,255,.14)!important;
}
.btn-primary:hover {transform:translateY(-1px);filter:brightness(1.04)}
.btn-ghost {background:rgba(12,20,31,.76)!important;border-color:rgba(165,207,230,.18)!important;color:#d9e4eb!important}
.btn-ghost:hover {background:rgba(17,29,44,.92)!important;border-color:rgba(120,213,255,.34)!important;color:#fff!important}
.text-link,.auth-link {color:#80dcf3!important}

/* Hero: dramatic color and depth, still restrained. */
.rl26-luxe-color-hero {
  isolation:isolate;
  overflow:hidden;
  padding:112px 0 108px;
  background:
    linear-gradient(180deg,rgba(5,10,17,.98),rgba(4,7,11,.98)),
    #04070b!important;
}
.rl26-luxe-color-hero::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(4,8,13,.96) 0%,rgba(4,8,13,.78) 42%,rgba(4,8,13,.24) 72%,rgba(4,8,13,.62) 100%),
    radial-gradient(850px 520px at 76% 40%,rgba(67,194,255,.14),transparent 62%),
    radial-gradient(650px 440px at 88% 13%,rgba(111,125,255,.10),transparent 58%),
    radial-gradient(560px 420px at 54% 88%,rgba(64,225,197,.055),transparent 64%);
}
.rl26-luxe-color-hero::after {
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(96,228,255,.42),rgba(119,147,255,.30),transparent);
  z-index:1;
}
.rl26-luxe-orb {position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:-1;opacity:.28}
.rl26-luxe-orb-a {width:360px;height:360px;right:11%;top:17%;background:#1da4ff}
.rl26-luxe-orb-b {width:260px;height:260px;right:28%;bottom:-8%;background:#29d7bd;opacity:.12}
.rl26-lux-hero-grid {grid-template-columns:minmax(0,.94fr) minmax(500px,1.06fr);gap:74px}
.rl26-overline-accent {display:inline-flex;align-items:center;gap:10px;color:#8eb3c4!important}
.rl26-overline-accent i {width:30px;height:1px;background:linear-gradient(90deg,#65eaff,#829bff);box-shadow:0 0 18px rgba(83,212,255,.2)}
.rl26-lux-copy h1 {margin:18px 0 24px;max-width:760px;font-size:clamp(58px,6.2vw,90px);font-weight:625;line-height:.94;letter-spacing:-.058em!important}
.rl26-gradient-text {
  background:linear-gradient(112deg,#f7fbff 0%,#b6effb 34%,#72dcff 62%,#94a9ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
  text-shadow:0 20px 60px rgba(78,182,255,.08)!important;
}
.rl26-lux-lead {color:#aebdca;font-size:18px;line-height:1.72}
.rl26-luxe-proof-row {gap:22px;color:#7d8f9d;font-size:11px}
.rl26-luxe-proof-row span::before {width:5px;height:5px;background:linear-gradient(135deg,#62e8ff,#7598ff);box-shadow:0 0 12px rgba(98,232,255,.18)}

.rl26-luxe-brand-stage {position:relative;padding:14px}
.rl26-luxe-frame-glow {position:absolute;inset:7% 6%;border-radius:30px;background:radial-gradient(circle at 50% 48%,rgba(80,204,255,.19),rgba(88,133,255,.06) 42%,transparent 68%);filter:blur(35px);pointer-events:none}
.rl26-luxe-brand-plane {
  position:relative;
  min-height:466px;
  overflow:hidden;
  padding:52px 56px 46px;
  border-color:rgba(133,202,239,.22)!important;
  background:
    linear-gradient(145deg,rgba(25,47,67,.64),rgba(10,17,27,.88) 42%,rgba(8,12,20,.96) 100%)!important;
  box-shadow:0 38px 110px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.045),0 0 80px rgba(67,172,255,.055)!important;
}
.rl26-luxe-brand-plane::before {content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(113,231,255,.10),transparent 24%,transparent 66%,rgba(113,147,255,.055));pointer-events:none}
.rl26-luxe-brand-plane::after {content:"";position:absolute;left:-10%;right:-10%;bottom:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(98,232,255,.52),rgba(118,148,255,.35),transparent);box-shadow:0 0 24px rgba(82,201,255,.22)}
.rl26-luxe-brand-plane img {position:relative;z-index:2;width:min(100%,620px);max-height:330px;filter:drop-shadow(0 24px 44px rgba(0,0,0,.42)) drop-shadow(0 0 28px rgba(76,201,255,.08))}
.rl26-luxe-brand-kicker {position:absolute;left:22px;top:18px;color:#6f8290;font-size:8px;font-weight:700;letter-spacing:.15em}
.rl26-luxe-brand-footer {position:absolute;left:22px;right:22px;bottom:17px;display:flex;justify-content:space-between;gap:20px;color:#8193a0;font-size:9px;letter-spacing:.07em;text-transform:uppercase}
.rl26-luxe-spec-row {border-color:rgba(152,203,231,.15)!important;background:rgba(9,16,25,.92)!important}
.rl26-luxe-spec-row span {color:#9daeba}
.rl26-luxe-spec-row b {color:#6ad9ef}

.rl26-luxe-strip {background:linear-gradient(90deg,#07101a,#09131f 50%,#07101a)!important;border-color:rgba(140,198,228,.12)!important}
.rl26-luxe-strip .container {min-height:68px;color:#8798a5}
.rl26-luxe-strip span {display:flex;align-items:center;gap:9px;white-space:nowrap}
.rl26-strip-dot {display:inline-block;width:6px;height:6px;border-radius:50%}
.rl26-strip-dot.is-cyan {background:#69e8ff;box-shadow:0 0 14px rgba(105,232,255,.22)}
.rl26-strip-dot.is-blue {background:#829dff}
.rl26-strip-dot.is-teal {background:#55dfc5}
.rl26-strip-dot.is-silver {background:#cbd6dd}

/* Sections and cards: color-coded restraint, not neon boxes. */
.rl26-luxe-section-a {background:linear-gradient(180deg,#04070b,#050a10)!important}
.rl26-luxe-section-b {background:linear-gradient(180deg,#07101a,#05090f)!important}
.rl26-lux-section-head h2,.rl26-lux-split h2,.rl26-lux-final h2 {color:#f7fbff!important}
.rl26-lux-section-head p {color:#8fa0ad}
.rl26-luxe-card {border-color:rgba(157,205,232,.14)!important;background:linear-gradient(155deg,rgba(13,23,34,.96),rgba(7,12,19,.96))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.rl26-luxe-card::before {content:"";position:absolute;left:0;top:0;right:0;height:2px;opacity:.76}
.rl26-luxe-card.is-cyan::before {background:linear-gradient(90deg,#64e9ff,rgba(100,233,255,0))}
.rl26-luxe-card.is-blue::before {background:linear-gradient(90deg,#7a9cff,rgba(122,156,255,0))}
.rl26-luxe-card.is-teal::before {background:linear-gradient(90deg,#52dec3,rgba(82,222,195,0))}
.rl26-luxe-card.is-silver::before {background:linear-gradient(90deg,#c9d6df,rgba(201,214,223,0))}
.rl26-luxe-card:hover {transform:translateY(-3px);border-color:rgba(120,213,255,.24)!important;background:linear-gradient(155deg,rgba(16,29,43,.98),rgba(8,14,22,.98))!important}
.rl26-card-kicker {display:block;margin-bottom:10px;color:#7591a2;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.rl26-lux-feature h3 {color:#eef6fa!important}
.rl26-lux-feature p {color:#8b9ba8}
.rl26-feature-index {color:#6f8b9d!important}
.rl26-mini-editor {border-color:rgba(119,199,236,.17)!important;background:linear-gradient(180deg,#07131d,#071019)!important}
.rl26-mini-editor-bar {border-bottom-color:rgba(133,198,226,.13)!important}
.rl26-mini-editor-bar i {background:linear-gradient(135deg,#62e8ff,#789bff)!important}
.rl26-mini-editor-stage {background:radial-gradient(circle at 50% 50%,rgba(82,202,255,.10),rgba(3,8,13,.92) 64%)!important}
.rl26-mini-editor-tracks span:first-child {background:linear-gradient(90deg,rgba(92,221,255,.42),rgba(104,153,255,.18))!important}
.rl26-mini-editor-tracks span:nth-child(2) {background:linear-gradient(90deg,rgba(78,223,194,.36),rgba(68,126,163,.10))!important}
.rl26-mini-editor-tracks span:nth-child(3) {background:linear-gradient(90deg,rgba(194,211,222,.22),rgba(87,115,137,.07))!important}
.rl26-luxe-demo {border-color:rgba(131,200,235,.18)!important;background:linear-gradient(145deg,#06101a,#05090f)!important;box-shadow:0 34px 100px rgba(0,0,0,.38)!important}
.rl26-lux-demo-empty {background:radial-gradient(circle at 28% 50%,rgba(66,198,255,.08),transparent 34%)}
.rl26-luxe-principles {border-top-color:rgba(145,197,226,.17)!important}
.rl26-luxe-principles div {border-bottom-color:rgba(145,197,226,.13)!important}
.rl26-luxe-principles span {color:#69cde1}
.rl26-luxe-principles strong {color:#dce7ed}
.rl26-luxe-final {position:relative;overflow:hidden;background:linear-gradient(100deg,#08131e,#07101a 58%,#0a1423)!important;border-color:rgba(137,200,232,.13)!important}
.rl26-luxe-final::before {content:"";position:absolute;width:560px;height:420px;border-radius:50%;right:-120px;top:-180px;background:radial-gradient(circle,rgba(76,200,255,.11),rgba(110,133,255,.04) 44%,transparent 68%)}
.rl26-luxe-final .container {position:relative}

/* Universal pages inherit the richer premium palette. */
.page-hero {background:linear-gradient(140deg,#07111b,#05090e)!important;border-color:rgba(146,199,228,.13)!important}
.feature-card,.security-card,.price-card,.download-panel,.dashboard-card,.hud-form,.studio-panel,.project-card,.auth-card,.rl-support-card,.rl-staff-card,.rl-staff-panel,.bill-card,.bill-metric,.mode-option,.settings-grid>* , .empty-state {
  background:linear-gradient(150deg,rgba(12,21,31,.96),rgba(7,12,18,.96))!important;
  border-color:rgba(153,202,229,.13)!important;
}
.feature-card:hover,.project-card:hover {border-color:rgba(103,217,255,.24)!important}
.auth-stage {background:radial-gradient(circle at 50% 20%,rgba(67,184,255,.08),transparent 35%),#04070b!important}
.auth-card {box-shadow:0 32px 100px rgba(0,0,0,.36)!important}
.rvc-pricing-v2,.rvc-billing {background:#04070b!important}
.rvc-pricing-hero {background:linear-gradient(140deg,#07121d,#05090f)!important}
.bill-card,.bill-metric,.rl-support-card,.rl-staff-card,.rl-staff-panel {background:linear-gradient(150deg,#0b151f,#070c12)!important}
.footer {background:linear-gradient(180deg,#04070b,#020409)!important;border-top-color:rgba(142,195,223,.12)!important}
.footer .rl26-brand-lockup-image {width:190px;height:72px}

@media (max-width:1100px) {
  .rl26-nav-v22 .rl26-brand-lockup {min-width:184px}
  .rl26-nav-v22 .rl26-brand-lockup-image {width:184px;height:64px}
  .rl26-nav-v22 .nav-links {gap:17px}
}
@media (max-width:900px) {
  .rvc-mobile-language-control {display:block!important;margin-top:8px}
  .rl26-language-compact {display:none!important}
  .rl26-nav-v22 .nav-links.open {top:82px;background:rgba(5,10,16,.98)!important;border-bottom-color:rgba(145,197,226,.15)!important}
  .rl26-nav-v22 .nav-links.open>a {padding:11px 10px}
  .rl26-nav-v22 .nav-links.open>a::before {display:none}
  .rl26-luxe-color-hero {padding-top:82px}
}
@media (max-width:720px) {
  .rl26-nav-v22 .rl26-brand-lockup {min-width:164px}
  .rl26-nav-v22 .rl26-brand-lockup-image {width:164px;height:60px}
  .rl26-luxe-brand-plane {min-height:320px;padding:36px 28px}
  .rl26-luxe-brand-footer {display:none}
  .rl26-lux-copy h1 {font-size:clamp(48px,14vw,68px)}
}


/* RVC_REAL_LABS_2026_POLISH_V2_3
   Elegant tech refinement: warmer invitation, stronger hierarchy, cleaner navigation. */
:root {
  --rl26-font-text: "Segoe UI Variable Text", "Segoe UI Variable", "Aptos", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --rl26-font-display: "Segoe UI Variable Display", "Segoe UI Variable", "Aptos Display", "Aptos", "Inter", ui-sans-serif, system-ui, sans-serif;
  --rl26-sky: #70dcf4;
  --rl26-blue: #7297ff;
  --rl26-teal: #55ddc3;
  --rl26-nav-surface: rgba(7, 13, 20, .92);
}
html, body, button, input, select, textarea {
  font-family: var(--rl26-font-text) !important;
  font-optical-sizing: auto;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
h1,h2,h3,h4,h5,h6,.rvc-price,.rvc-plan-name,.bill-header h1 {
  font-family: var(--rl26-font-display) !important;
}

/* Public navigation: glass/navy rather than a flat black strip. */
.nav-wrap.rl26-nav-v22 {
  border-bottom: 1px solid rgba(118, 186, 220, .16) !important;
  background:
    radial-gradient(circle at 18% -80%, rgba(93, 221, 248, .13), transparent 38%),
    linear-gradient(180deg, rgba(8, 16, 25, .97), rgba(5, 10, 16, .96)) !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, .24) !important;
  backdrop-filter: blur(22px) saturate(132%) !important;
}
.rl26-nav-v22 .nav { height: 76px !important; min-height: 76px !important; gap: 22px !important; }
.rl26-nav-v22 .rl26-brand-lockup { min-width: 198px !important; }
.rl26-nav-v22 .rl26-brand-lockup-image { width: 198px !important; height: 66px !important; }
.rl26-nav-v22 .nav-links { gap: 22px !important; }
.rl26-nav-v22 .nav-links>a,
.rl26-nav-v22 .nav-actions>a,
.rl26-nav-v22 .nav-logout-button {
  color: #b9c8d2 !important;
  font-family: var(--rl26-font-text) !important;
  font-size: 13px !important;
  font-weight: 620 !important;
  letter-spacing: -.005em !important;
}
.rl26-nav-v22 .nav-links>a { padding: 27px 0 25px !important; }
.rl26-nav-v22 .nav-links>a::before {
  bottom: 15px !important;
  height: 2px !important;
  background: linear-gradient(90deg, var(--rl26-sky), var(--rl26-blue)) !important;
  box-shadow: 0 0 12px rgba(112, 220, 244, .18);
}
.rl26-nav-v22 .nav-links>a:hover,
.rl26-nav-v22 .nav-actions>a:hover,
.rl26-nav-v22 .nav-logout-button:hover { color: #f7fbff !important; }
.rl26-nav-v22 .nav-actions { gap: 10px !important; }
.rl26-nav-v22 .nav-logout-button,
.rl26-nav-v22 .link-muted {
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 12px !important;
  border: 1px solid rgba(135, 183, 211, .12) !important;
  border-radius: 9px !important;
  background: rgba(16, 27, 39, .58) !important;
}
.rl26-nav-v22 .nav-logout-button:hover,
.rl26-nav-v22 .link-muted:hover {
  border-color: rgba(116, 207, 239, .28) !important;
  background: rgba(21, 37, 53, .78) !important;
}
.rl26-language-compact select {
  min-height: 38px !important;
  border-color: rgba(130, 190, 220, .18) !important;
  background: linear-gradient(180deg, rgba(15, 27, 40, .92), rgba(9, 18, 28, .92)) !important;
  color: #c9d6de !important;
}
.rl26-nav-cta {
  min-height: 40px !important;
  padding: 0 16px !important;
  border-color: rgba(153, 235, 255, .58) !important;
  background: linear-gradient(135deg, #8eeaff 0%, #72d8f4 45%, #7e9dff 100%) !important;
  color: #061019 !important;
  box-shadow: 0 10px 28px rgba(75, 185, 235, .18), inset 0 1px 0 rgba(255,255,255,.55) !important;
  font-weight: 720 !important;
}
.rl26-nav-cta:hover {
  color: #02070b !important;
  filter: brightness(1.045) saturate(1.04) !important;
  box-shadow: 0 14px 36px rgba(75, 185, 235, .25), inset 0 1px 0 rgba(255,255,255,.68) !important;
}

/* More inviting button family. Secondary controls are tinted steel, not dead black. */
.btn,.btn-ghost,.secondary-button,.auth-social,.bill-button {
  font-family: var(--rl26-font-text) !important;
  font-weight: 650 !important;
}
.btn-primary,.auth-submit,.rvc-checkout-submit {
  border-color: rgba(154, 234, 255, .58) !important;
  background: linear-gradient(135deg, #8de9ff 0%, #6ed9f1 48%, #7898ff 100%) !important;
  color: #061019 !important;
  box-shadow: 0 12px 30px rgba(78, 192, 235, .18) !important;
}
.btn-primary:hover,.auth-submit:hover,.rvc-checkout-submit:hover {
  background: linear-gradient(135deg, #a7efff 0%, #79e2f7 48%, #8aa7ff 100%) !important;
  box-shadow: 0 15px 38px rgba(78, 192, 235, .25) !important;
}
.btn-ghost,.secondary-button,.auth-social,.bill-button {
  border-color: rgba(130, 188, 220, .20) !important;
  background: linear-gradient(180deg, rgba(20, 34, 49, .88), rgba(12, 22, 33, .88)) !important;
  color: #d4e0e7 !important;
}
.btn-ghost:hover,.secondary-button:hover,.auth-social:hover,.bill-button:hover {
  border-color: rgba(113, 213, 244, .34) !important;
  background: linear-gradient(180deg, rgba(27, 47, 67, .94), rgba(16, 30, 44, .94)) !important;
  color: #fff !important;
}

/* Keep the luxe color pass, but make content feel a touch brighter and more welcoming. */
.rl26-lux-lead { color: #b8c7d1 !important; }
.rl26-lux-meta { color: #8397a5 !important; }
.rl26-luxe-card { box-shadow: 0 14px 40px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.028) !important; }

@media (max-width: 1100px) {
  .rl26-nav-v22 .rl26-brand-lockup { min-width: 178px !important; }
  .rl26-nav-v22 .rl26-brand-lockup-image { width: 178px !important; height: 62px !important; }
  .rl26-nav-v22 .nav-links { gap: 15px !important; }
}


/* RVC_REAL_LABS_2026_LUXURY_METAL_V2_4
   Cyan/blue/teal remain the technology language. Gold is reserved for premium
   moments, founder status, high-value actions and metallic brand details. */
:root {
  --rl26-gold: #d8b663;
  --rl26-gold-bright: #f4dfa3;
  --rl26-gold-soft: rgba(216, 182, 99, .14);
  --rl26-gold-border: rgba(226, 193, 112, .34);
  --rl26-gold-deep: #7b5722;
  --rl26-metal-gold: linear-gradient(110deg, #80602a 0%, #c9a450 24%, #f3dfa4 48%, #d2ad5c 69%, #8a6427 100%);
}
.nav-wrap.rl26-nav-v22 {
  border-bottom-color: rgba(179, 208, 225, .15) !important;
  background:
    radial-gradient(circle at 18% -95%, rgba(91, 219, 247, .12), transparent 37%),
    radial-gradient(circle at 83% -130%, rgba(221, 184, 91, .055), transparent 34%),
    linear-gradient(180deg, rgba(8, 16, 25, .985), rgba(5, 10, 16, .975)) !important;
  box-shadow: inset 0 1px 0 rgba(245, 222, 161, .035), 0 14px 38px rgba(0, 0, 0, .24) !important;
}
.rl26-nav-v22 .rl26-brand-lockup-image {
  filter: drop-shadow(0 0 14px rgba(89, 214, 244, .055)) drop-shadow(0 6px 18px rgba(0,0,0,.24)) !important;
}
.rl26-nav-v22 .nav-links>a::before {
  background: linear-gradient(90deg, var(--rl26-sky) 0%, var(--rl26-gold) 48%, var(--rl26-blue) 100%) !important;
  box-shadow: 0 0 12px rgba(112, 220, 244, .12) !important;
}
.rl26-language-compact { width: 158px !important; min-width: 158px !important; }
.rl26-language-compact::before { color: #b89a57 !important; }
.rl26-language-compact select {
  width: 158px !important; min-width: 158px !important; max-width: 158px !important;
  padding: 0 34px 0 30px !important; color: #d7e1e7 !important;
  text-overflow: clip !important; white-space: nowrap !important;
}
.rvc-mobile-language-picker select { width: 100% !important; min-width: 100% !important; }
.rl26-nav-cta {
  position: relative !important; overflow: hidden !important; min-width: 120px !important;
  border: 1px solid rgba(226, 193, 112, .50) !important;
  background:
    radial-gradient(circle at 18% 10%, rgba(103, 226, 255, .18), transparent 34%),
    linear-gradient(135deg, #19364d 0%, #10283c 52%, #16243a 100%) !important;
  color: #f8fbfd !important; text-shadow: 0 1px 0 rgba(0,0,0,.26) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.09), inset 0 -1px 0 rgba(216,182,99,.08), 0 11px 28px rgba(0,0,0,.28), 0 0 0 1px rgba(83,208,246,.035) !important;
}
.rl26-nav-cta::after {
  content: ""; position: absolute; left: 13px; right: 13px; top: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(248,225,165,.72), transparent); pointer-events: none;
}
.rl26-nav-cta:hover {
  border-color: rgba(244, 218, 151, .76) !important;
  background:
    radial-gradient(circle at 18% 10%, rgba(111, 233, 255, .24), transparent 34%),
    linear-gradient(135deg, #21445f 0%, #15334a 52%, #1c2d47 100%) !important;
  color: #fff !important; filter: none !important; transform: translateY(-1px) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 14px 34px rgba(0,0,0,.32), 0 0 22px rgba(93,207,246,.07) !important;
}
.rl26-overline-accent i { background: linear-gradient(90deg, #65eaff 0%, #d7b563 52%, #829bff 100%) !important; }
.rl26-luxe-brand-plane {
  border-color: rgba(210, 185, 122, .22) !important;
  box-shadow: 0 38px 110px rgba(0,0,0,.50), inset 0 1px 0 rgba(250,230,177,.055), 0 0 80px rgba(67,172,255,.045) !important;
}
.rl26-luxe-brand-plane::after { background: linear-gradient(90deg, transparent, rgba(98,232,255,.46), rgba(224,190,105,.48), rgba(118,148,255,.28), transparent) !important; }
.rl26-luxe-brand-kicker { color: #bfa362 !important; }
.rl26-luxe-card.is-silver::before { background: var(--rl26-metal-gold) !important; opacity: .84 !important; }
.rl26-luxe-card.is-silver .rl26-card-kicker, .rl26-luxe-card.is-silver .rl26-feature-index { color: #c7a95f !important; }
.footer h4 { color: #a9925c !important; }
a:focus-visible, button:focus-visible, select:focus-visible, input:focus-visible, textarea:focus-visible { outline-color: rgba(232, 202, 130, .72) !important; }
@media (max-width: 1180px) {
  .rl26-language-compact { width: 146px !important; min-width: 146px !important; }
  .rl26-language-compact select { width: 146px !important; min-width: 146px !important; max-width: 146px !important; }
}

/* RVC_REAL_LABS_2026_LUXURY_COCKPIT_V2_5
   Automotive-luxury refinement: satin black, gunmetal, champagne metal and
   instrument-light cyan. Gold is trim; cyan is instrumentation. */
:root {
  --rl26-cockpit: #070b0f;
  --rl26-cockpit-raised: #0d141b;
  --rl26-gunmetal: #16202a;
  --rl26-gunmetal-2: #202b35;
  --rl26-champagne: #c8b27b;
  --rl26-champagne-bright: #e9dbb5;
  --rl26-champagne-dark: #806a39;
  --rl26-instrument: #70def2;
  --rl26-instrument-blue: #6f8cff;
  --rl26-metal-line: rgba(227, 214, 180, .17);
}
body {
  background:
    radial-gradient(circle at 74% 7%, rgba(41, 92, 127, .11), transparent 28%),
    linear-gradient(180deg, #05090d 0%, #04070a 100%) !important;
}
.nav-wrap.rl26-nav-v22 {
  background:
    linear-gradient(90deg, transparent, rgba(111, 222, 242, .025) 32%, rgba(200,178,123,.028) 70%, transparent),
    linear-gradient(180deg, rgba(12, 19, 26, .995), rgba(6, 11, 16, .99)) !important;
  border-bottom: 1px solid rgba(178, 193, 202, .14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -1px 0 rgba(200,178,123,.06),
    0 18px 42px rgba(0,0,0,.28) !important;
}
.rl26-nav-v22 .nav { min-height: 80px !important; height: 80px !important; }
.rl26-nav-v22 .nav-links>a {
  color: #b7c1c8 !important;
  font-weight: 600 !important;
}
.rl26-nav-v22 .nav-links>a:hover { color: #f4f7f8 !important; }
.rl26-nav-v22 .nav-links>a::before {
  height: 1px !important;
  background: linear-gradient(90deg, transparent, var(--rl26-champagne), var(--rl26-instrument), transparent) !important;
  box-shadow: none !important;
}

/* Native desktop selects break the luxury illusion. Desktop uses a custom menu. */
.rl26-language-luxury {
  position: relative !important;
  width: 176px !important;
  min-width: 176px !important;
}
.rl26-language-luxury::before { content: none !important; }
.rl26-language-menu { position: relative; width: 176px; }
.rl26-language-menu > summary {
  position: relative;
  display: flex;
  min-height: 40px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 13px 0 15px;
  border: 1px solid rgba(200,178,123,.28);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(27, 38, 48, .96), rgba(11, 17, 23, .98));
  color: #edf1f3;
  cursor: pointer;
  list-style: none;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -1px 0 rgba(0,0,0,.46),
    0 8px 24px rgba(0,0,0,.20);
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.rl26-language-menu > summary::-webkit-details-marker { display: none; }
.rl26-language-menu > summary:hover,
.rl26-language-menu[open] > summary {
  border-color: rgba(227,204,149,.48);
  background: linear-gradient(180deg, rgba(34, 47, 59, .98), rgba(14, 22, 29, .99));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 10px 28px rgba(0,0,0,.28);
}
.rl26-language-current {
  overflow: hidden;
  color: #edf2f4;
  font-size: 12px;
  font-weight: 630;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rl26-language-chevron {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-right: 1.5px solid var(--rl26-champagne-bright);
  border-bottom: 1.5px solid var(--rl26-champagne-bright);
  transform: translateY(-2px) rotate(45deg);
  transition: transform .18s ease;
}
.rl26-language-menu[open] .rl26-language-chevron { transform: translateY(2px) rotate(225deg); }
.rl26-language-panel {
  position: absolute;
  top: calc(100% + 9px);
  right: 0;
  z-index: 120;
  width: 250px;
  overflow: hidden;
  border: 1px solid rgba(200,178,123,.26);
  border-radius: 12px;
  background:
    radial-gradient(circle at 100% 0%, rgba(83, 202, 233, .06), transparent 30%),
    linear-gradient(180deg, rgba(17, 25, 33, .995), rgba(7, 12, 17, .995));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 28px 70px rgba(0,0,0,.52),
    0 0 0 1px rgba(88, 220, 244, .025);
  backdrop-filter: blur(24px) saturate(120%);
}
.rl26-language-panel-title {
  padding: 13px 14px 10px;
  border-bottom: 1px solid rgba(227,237,242,.07);
  color: #8c99a2;
  font-size: 9px;
  font-weight: 720;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.rl26-language-options {
  max-height: min(420px, calc(100vh - 150px));
  overflow-y: auto;
  padding: 7px;
  scrollbar-width: thin;
  scrollbar-color: rgba(200,178,123,.42) rgba(255,255,255,.03);
}
.rl26-language-options::-webkit-scrollbar { width: 7px; }
.rl26-language-options::-webkit-scrollbar-track { background: rgba(255,255,255,.025); }
.rl26-language-options::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(200,178,123,.38); }
.rl26-language-option {
  display: flex;
  width: 100%;
  min-height: 36px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 11px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #b7c1c8;
  font-size: 12px;
  font-weight: 560;
  text-align: left;
  cursor: pointer;
}
.rl26-language-option:hover {
  background: linear-gradient(90deg, rgba(75, 171, 203, .09), rgba(200,178,123,.045));
  color: #f6f8f9;
}
.rl26-language-option.is-active {
  color: #f0e4c3;
  background: rgba(200,178,123,.055);
}
.rl26-language-selected {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--rl26-champagne-bright), var(--rl26-champagne-dark));
  box-shadow: 0 0 0 3px rgba(200,178,123,.07);
}

/* Primary navigation action: satin-gunmetal, not candy cyan. */
.rl26-nav-cta {
  min-width: 112px !important;
  min-height: 40px !important;
  padding: 0 17px !important;
  border: 1px solid rgba(211,190,139,.42) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(135deg, rgba(91,216,241,.085), transparent 44%),
    linear-gradient(180deg, #202b35 0%, #111820 50%, #0b1016 100%) !important;
  color: #f2f5f6 !important;
  font-size: 12px !important;
  font-weight: 680 !important;
  text-shadow: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(0,0,0,.50),
    0 10px 28px rgba(0,0,0,.28) !important;
}
.rl26-nav-cta::after {
  left: 14px !important;
  right: 14px !important;
  background: linear-gradient(90deg, transparent, rgba(235,220,179,.58), rgba(106,220,242,.28), transparent) !important;
}
.rl26-nav-cta:hover {
  border-color: rgba(235,216,166,.66) !important;
  background:
    linear-gradient(135deg, rgba(101,226,246,.11), transparent 45%),
    linear-gradient(180deg, #293742 0%, #17222b 50%, #0d141a 100%) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 14px 34px rgba(0,0,0,.34) !important;
}

/* Satin-metal surfaces across public product areas. */
.rl26-luxe-card,
.auth-card,
.bill-card,
.studio-panel {
  border-color: rgba(164, 180, 190, .14) !important;
  background:
    linear-gradient(145deg, rgba(18, 26, 33, .95), rgba(8, 13, 18, .98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 22px 54px rgba(0,0,0,.20) !important;
}
.rl26-luxe-card::after {
  background: linear-gradient(90deg, transparent, rgba(218,203,165,.16), rgba(102,218,241,.12), transparent) !important;
}
.footer {
  border-top-color: rgba(200,178,123,.13) !important;
  background: linear-gradient(180deg, #080d12, #05080b) !important;
}
.footer h4 { color: #c4b385 !important; }

@media (max-width: 1180px) {
  .rl26-language-luxury, .rl26-language-menu { width: 160px !important; min-width: 160px !important; }
}
@media (max-width: 900px) {
  .rl26-language-luxury { display: none !important; }
}

/* RVC_REAL_LABS_2026_FINAL_DRAFT_V3
   Locked visual language: satin graphite, steel, instrument cyan/blue/teal,
   and champagne metal reserved for premium moments. */
:root {
  --rl26-final-contract: 1;
  --rl26-final-bg: #05090d;
  --rl26-final-panel: #0c131a;
  --rl26-final-panel-2: #101a23;
  --rl26-final-border: rgba(151, 177, 191, .16);
  --rl26-final-border-strong: rgba(169, 195, 207, .25);
  --rl26-final-text: #f3f7f9;
  --rl26-final-copy: #afbec8;
  --rl26-final-muted: #758793;
  --rl26-final-cyan: #70dff3;
  --rl26-final-blue: #7796e8;
  --rl26-final-teal: #59cdb8;
  --rl26-final-gold: #c8b27b;
  --rl26-final-gold-bright: #eadbb1;
}

/* Public-page typography is sentence-case and editorial rather than HUD-like. */
.rl26-product-hero h1,
.rl26-flow-hero h1,
.rl26-roadmap-hero h1,
.rl26-faq-hero h1,
.rl26-support-bridge h1,
.rl26-service-hero h1,
.rl26-archive-hero h1,
.rl26-retired-flow h1 {
  color: var(--rl26-final-text);
  font-family: var(--rl26-font-display) !important;
  font-size: clamp(3.15rem, 7vw, 6.2rem);
  font-weight: 650;
  letter-spacing: -.055em;
  line-height: .94;
  margin: 18px 0 24px;
}
.rl26-product-lead,
.rl26-flow-hero p,
.rl26-roadmap-hero p,
.rl26-faq-hero p,
.rl26-support-bridge p,
.rl26-service-hero p,
.rl26-archive-hero p,
.rl26-retired-flow p {
  color: var(--rl26-final-copy);
  font-size: clamp(1.02rem, 1.7vw, 1.22rem);
  line-height: 1.72;
  max-width: 760px;
}
.rl26-overline-gold { color: #cdbb8d !important; }
.rl26-overline-gold i { background: linear-gradient(90deg, #8f743d, #ead9aa) !important; }

/* HOME — show the product, not another oversized brand plaque. */
.rl26-home-product-stage { position: relative; min-width: 0; }
.rl26-home-product-stage::before {
  content: "";
  position: absolute;
  inset: 9% -8% -12% 18%;
  background: radial-gradient(circle, rgba(70, 182, 222, .12), transparent 55%);
  filter: blur(20px);
  pointer-events: none;
}
.rl26-home-window {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(174, 198, 210, .22);
  border-radius: 17px;
  background: linear-gradient(155deg, rgba(15, 24, 32, .99), rgba(5, 10, 14, .99));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 36px 90px rgba(0,0,0,.42);
}
.rl26-home-window::after {
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(232,216,174,.46), rgba(112,223,243,.42), transparent);
}
.rl26-home-window-bar {
  height: 48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 16px;
  border-bottom:1px solid rgba(149,176,190,.14);
  background:linear-gradient(180deg, rgba(23,34,43,.96), rgba(11,18,24,.96));
  color:#d6e0e5;
  font-size:12px;
}
.rl26-home-window-bar div { display:flex; align-items:center; gap:9px; }
.rl26-home-window-bar img { width:25px; height:25px; object-fit:contain; }
.rl26-home-window-bar strong { font-weight:650; letter-spacing:-.01em; }
.rl26-home-window-bar > span { color:#9eafba; }
.rl26-home-workspace { display:grid; grid-template-columns: 92px minmax(0,1fr) 94px; min-height: 300px; }
.rl26-home-assets,.rl26-home-inspector { padding:14px 11px; background:rgba(7,12,16,.72); color:#8495a0; font-size:10px; }
.rl26-home-assets { border-right:1px solid rgba(145,169,181,.10); }
.rl26-home-inspector { border-left:1px solid rgba(145,169,181,.10); }
.rl26-home-assets b,.rl26-home-inspector b { color:#c8d3d9; font-size:11px; font-weight:620; }
.rl26-home-assets span { display:block; height:34px; margin-top:10px; border:1px solid rgba(139,166,180,.12); border-radius:6px; background:linear-gradient(135deg, rgba(24,38,49,.85),rgba(12,20,27,.9)); }
.rl26-home-inspector i { display:block; height:25px; margin-top:10px; border:1px solid rgba(139,166,180,.11); border-radius:5px; background:rgba(14,23,30,.9); }
.rl26-home-preview {
  position:relative;
  display:grid;
  place-items:center;
  margin:15px;
  overflow:hidden;
  border:1px solid rgba(112,223,243,.18);
  border-radius:8px;
  background:
    radial-gradient(circle at 54% 45%, rgba(72,150,184,.11), transparent 42%),
    #030608;
}
.rl26-home-preview img { width:55%; max-height:180px; object-fit:contain; opacity:.92; filter:drop-shadow(0 15px 28px rgba(0,0,0,.35)); }
.rl26-home-preview-label { position:absolute; left:10px; top:9px; color:#889aa6; font-size:9px; }
.rl26-home-preview-guide { position:absolute; inset:27px 32px; border:1px solid rgba(112,223,243,.34); }
.rl26-home-preview-guide::before,.rl26-home-preview-guide::after { content:""; position:absolute; width:7px; height:7px; background:#d9f8ff; border:1px solid #70dff3; }
.rl26-home-preview-guide::before { left:-4px; top:-4px; }
.rl26-home-preview-guide::after { right:-4px; bottom:-4px; }
.rl26-home-timeline { position:relative; min-height:112px; padding:11px 14px 14px 76px; border-top:1px solid rgba(145,170,183,.12); background:#070c10; }
.rl26-home-timeline-head { position:absolute; left:12px; top:12px; display:flex; flex-direction:column; gap:4px; color:#b9c6cd; font-size:10px; }
.rl26-home-timeline-head small { color:#687b87; }
.rl26-home-track { position:relative; height:28px; margin:5px 0; border:1px solid rgba(146,174,189,.15); border-radius:5px; background:#0d161c; overflow:hidden; }
.rl26-home-track i { display:block; width:38%; height:100%; }
.rl26-home-track.is-video i { background:linear-gradient(90deg, rgba(70,126,171,.58), rgba(103,88,161,.52)); border-right:1px solid rgba(154,168,233,.35); }
.rl26-home-track.is-audio i { width:78%; background:linear-gradient(90deg, rgba(37,111,91,.64), rgba(50,134,112,.45)); }
.rl26-home-playhead { position:absolute; left:42%; top:8px; bottom:8px; width:1px; background:#e7c779; box-shadow:0 0 10px rgba(231,199,121,.14); }
.rl26-home-product-proof { display:grid; grid-template-columns:repeat(4,1fr); margin-top:10px; border:1px solid rgba(147,174,188,.13); border-radius:10px; overflow:hidden; background:rgba(7,13,18,.78); }
.rl26-home-product-proof span { padding:11px 8px; text-align:center; color:#8fa1ac; font-size:10px; border-right:1px solid rgba(147,174,188,.1); }
.rl26-home-product-proof span:last-child { border-right:0; color:#d3bf8c; }

/* PRODUCT */
.rl26-product-hero,.rl26-flow-hero,.rl26-roadmap-hero,.rl26-faq-hero,.rl26-support-bridge,.rl26-service-hero,.rl26-archive-hero,.rl26-retired-flow {
  position:relative;
  padding: clamp(84px, 9vw, 138px) 0 clamp(70px, 8vw, 116px);
  border-bottom:1px solid rgba(145,171,184,.12);
  background:
    radial-gradient(circle at 82% 18%, rgba(51,122,155,.10), transparent 31rem),
    radial-gradient(circle at 68% 100%, rgba(200,178,123,.055), transparent 28rem),
    #05090d;
}
.rl26-product-hero-grid { display:grid; grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr); gap:clamp(48px,7vw,96px); align-items:center; }
.rl26-product-console { overflow:hidden; border:1px solid rgba(166,193,206,.20); border-radius:16px; background:#070d12; box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 30px 80px rgba(0,0,0,.38); }
.rl26-product-console-top { display:flex; justify-content:space-between; padding:13px 16px; color:#8ea0aa; font-size:10px; border-bottom:1px solid rgba(147,172,184,.12); background:#101820; }
.rl26-product-console-body { display:grid; grid-template-columns:88px minmax(0,1fr) 90px; min-height:260px; }
.rl26-product-console-assets,.rl26-product-console-inspector { padding:13px 10px; color:#83949f; font-size:9px; background:#080e13; }
.rl26-product-console-assets { border-right:1px solid rgba(143,168,181,.1); }
.rl26-product-console-inspector { border-left:1px solid rgba(143,168,181,.1); }
.rl26-product-console-assets i,.rl26-product-console-inspector span { display:block; height:26px; margin-top:9px; border:1px solid rgba(144,171,185,.11); border-radius:5px; background:#0f1820; }
.rl26-product-console-preview { margin:14px; display:grid; place-items:center; border:1px solid rgba(107,215,238,.18); border-radius:7px; background:radial-gradient(circle,rgba(75,153,183,.10),transparent 46%),#020507; }
.rl26-product-console-preview img { width:55%; opacity:.9; }
.rl26-product-console-timeline { display:grid; gap:5px; padding:12px 15px; border-top:1px solid rgba(143,168,181,.11); }
.rl26-product-console-timeline i { height:22px; width:78%; border-radius:5px; background:linear-gradient(90deg,rgba(59,112,150,.55),rgba(42,68,88,.55)); }
.rl26-product-console-timeline i:nth-child(2) { width:92%; background:linear-gradient(90deg,rgba(46,125,105,.58),rgba(34,83,72,.48)); }
.rl26-product-console-timeline i:nth-child(3) { width:46%; background:linear-gradient(90deg,rgba(171,145,87,.35),rgba(72,61,38,.35)); }
.rl26-product-section,.rl26-flow-section,.rl26-roadmap-section,.rl26-faq-section,.rl26-service-section,.rl26-archive-section,.rl26-archive-shop { padding:clamp(72px,8vw,118px) 0; background:#060a0e; }
.rl26-product-section-soft { background:linear-gradient(180deg,#080e13,#05090d); border-top:1px solid rgba(149,174,187,.10); border-bottom:1px solid rgba(149,174,187,.10); }
.rl26-product-section-head { max-width:760px; margin-bottom:42px; }
.rl26-product-section-head h2,.rl26-product-proof h2,.rl26-final-cta h2,.rl26-faq-support h2,.rl26-settings-hero h1,.rl26-settings-panel h2,.rl26-archive-shop h1,.rl26-archive-detail h1,.rl26-service-form h2 { color:#eef4f7; letter-spacing:-.035em; }
.rl26-product-section-head h2,.rl26-product-proof h2 { font-size:clamp(2.2rem,4.6vw,4rem); margin:10px 0 14px; }
.rl26-product-section-head p { color:#9fb0ba; line-height:1.7; }
.rl26-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.rl26-product-card { position:relative; min-height:245px; padding:28px; overflow:hidden; border:1px solid rgba(149,176,189,.14); border-radius:15px; background:linear-gradient(150deg,rgba(18,28,36,.98),rgba(7,12,17,.99)); box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
.rl26-product-card::before { content:""; position:absolute; inset:0 auto 0 0; width:2px; background:#71828c; }
.rl26-product-card.is-cyan::before{background:#70dff3}.rl26-product-card.is-blue::before{background:#7796e8}.rl26-product-card.is-teal::before{background:#59cdb8}.rl26-product-card.is-gold::before{background:#c8b27b}.rl26-product-card.is-silver::before{background:#bdc7cd}.rl26-product-card.is-steel::before{background:#6f8b9a}
.rl26-product-card>span { color:#71838e; font-size:11px; }
.rl26-product-card h3 { color:#eef4f7; font-size:1.35rem; margin:50px 0 10px; letter-spacing:-.025em; }
.rl26-product-card p { color:#94a6b1; line-height:1.65; margin:0; }
.rl26-product-proof { display:grid; grid-template-columns:.9fr 1.1fr; gap:72px; align-items:start; }
.rl26-product-proof-list { display:grid; gap:0; border-top:1px solid rgba(149,175,188,.15); }
.rl26-product-proof-list div { display:grid; grid-template-columns:180px 1fr; gap:22px; padding:20px 0; border-bottom:1px solid rgba(149,175,188,.12); }
.rl26-product-proof-list b { color:#dce6eb; font-weight:620; }.rl26-product-proof-list span { color:#8597a2; }
.rl26-final-cta { padding:70px 0; background:linear-gradient(145deg,#0b1218,#070b0f); border-top:1px solid rgba(200,178,123,.12); }
.rl26-final-cta>.container { display:flex; align-items:center; justify-content:space-between; gap:36px; }
.rl26-final-cta h2 { font-size:clamp(2rem,4vw,3.4rem); margin:8px 0; }.rl26-final-cta p { color:#8fa0aa; margin:0; }

/* HOW IT WORKS */
.rl26-flow-hero .container,.rl26-faq-hero .container,.rl26-support-bridge .container,.rl26-service-hero .container,.rl26-archive-hero .container,.rl26-retired-flow .container { max-width:1100px; }
.rl26-flow-track { position:relative; }
.rl26-flow-track::before { content:""; position:absolute; left:52px; top:52px; bottom:52px; width:1px; background:linear-gradient(#70dff3,#7189ac 55%,#c8b27b); opacity:.45; }
.rl26-flow-step { position:relative; display:grid; grid-template-columns:105px minmax(0,1fr) 270px; gap:32px; align-items:start; padding:36px 0; border-bottom:1px solid rgba(149,176,188,.12); }
.rl26-flow-index { position:relative; z-index:2; display:grid; place-items:center; width:44px; height:44px; margin-left:31px; border:1px solid rgba(187,209,219,.24); border-radius:50%; background:#0c151c; color:#d5e1e6; font-size:11px; box-shadow:0 0 0 8px #060a0e; }
.rl26-flow-step span { color:#718590; font-size:11px; }.rl26-flow-step h2 { color:#f0f5f7; font-size:clamp(1.8rem,3.3vw,2.8rem); margin:8px 0 10px; letter-spacing:-.035em; }.rl26-flow-step p { color:#96a8b2; line-height:1.7; margin:0; }.rl26-flow-step aside { color:#9eafba; padding:15px 17px; border:1px solid rgba(150,177,190,.13); border-radius:10px; background:#0b1218; font-size:12px; line-height:1.6; }

/* ROADMAP */
.rl26-roadmap-hero-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.55fr); gap:70px; align-items:end; }
.rl26-roadmap-summary { padding:24px; border:1px solid rgba(200,178,123,.18); border-radius:14px; background:linear-gradient(145deg,rgba(23,27,28,.96),rgba(10,15,18,.98)); box-shadow:inset 0 1px 0 rgba(255,247,220,.04); }
.rl26-roadmap-summary>span { color:#bca66f; font-size:11px; }.rl26-roadmap-summary strong { display:block; color:#eff3f4; margin:10px 0 8px; font-size:1.08rem; }.rl26-roadmap-summary p { font-size:.92rem; line-height:1.6; margin:0; }
.rl26-roadmap-legend { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:34px; }.rl26-roadmap-legend span,.rl26-roadmap-card header b { padding:7px 10px; border:1px solid rgba(151,177,190,.16); border-radius:999px; font-size:10px; font-weight:650; }
.rl26-roadmap-legend .is-live,.rl26-roadmap-card header .is-live { color:#85d6c6; border-color:rgba(89,205,184,.22); background:rgba(89,205,184,.06); }.rl26-roadmap-legend .is-dev,.rl26-roadmap-card header .is-dev { color:#90dff0; border-color:rgba(112,223,243,.22); background:rgba(112,223,243,.06); }.rl26-roadmap-legend .is-plan,.rl26-roadmap-card header .is-plan { color:#aebce7; border-color:rgba(119,150,232,.22); background:rgba(119,150,232,.06); }.rl26-roadmap-legend .is-research,.rl26-roadmap-card header .is-research { color:#d8c38f; border-color:rgba(200,178,123,.24); background:rgba(200,178,123,.06); }
.rl26-roadmap-track { position:relative; }.rl26-roadmap-track::before { content:""; position:absolute; left:12px; top:30px; bottom:30px; width:1px; background:linear-gradient(#59cdb8,#70dff3 40%,#7796e8 70%,#c8b27b); opacity:.48; }
.rl26-roadmap-item { display:grid; grid-template-columns:25px 1fr; gap:22px; margin-bottom:16px; }.rl26-roadmap-node { position:relative; z-index:2; width:11px; height:11px; margin-top:32px; margin-left:7px; border:2px solid #70dff3; border-radius:50%; background:#060a0e; box-shadow:0 0 0 5px #060a0e; }.rl26-roadmap-node.is-live{border-color:#59cdb8}.rl26-roadmap-node.is-plan{border-color:#7796e8}.rl26-roadmap-node.is-research{border-color:#c8b27b}
.rl26-roadmap-card { padding:28px 30px; border:1px solid rgba(150,176,189,.14); border-radius:15px; background:linear-gradient(145deg,rgba(17,26,34,.98),rgba(8,13,18,.99)); box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }.rl26-roadmap-card header { display:flex; align-items:center; justify-content:space-between; gap:16px; }.rl26-roadmap-card header>span { color:#8699a5; font-size:11px; }.rl26-roadmap-card h2 { color:#eef4f6; font-size:clamp(1.55rem,3vw,2.3rem); margin:14px 0 9px; letter-spacing:-.03em; }.rl26-roadmap-card>p { color:#96a8b2; line-height:1.68; }.rl26-roadmap-card ul { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; padding:0; margin:18px 0 0; list-style:none; }.rl26-roadmap-card li { padding:10px 12px; border:1px solid rgba(149,175,188,.10); border-radius:8px; background:#091015; color:#b6c3ca; font-size:12px; }
.rl26-roadmap-note { margin:30px 0 0 47px; padding:17px 20px; border-left:2px solid #c8b27b; background:rgba(200,178,123,.04); color:#8295a0; line-height:1.6; }

/* FAQ */
.rl26-faq-shell { max-width:900px; }.rl26-faq-item { border-bottom:1px solid rgba(149,176,189,.14); }.rl26-faq-item:first-child { border-top:1px solid rgba(149,176,189,.14); }.rl26-faq-item summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 4px; color:#dbe5ea; font-size:1.05rem; font-weight:620; }.rl26-faq-item summary::-webkit-details-marker{display:none}.rl26-faq-item summary i { position:relative; width:18px; height:18px; flex:0 0 auto; }.rl26-faq-item summary i::before,.rl26-faq-item summary i::after { content:""; position:absolute; background:#88a0ac; }.rl26-faq-item summary i::before { width:12px; height:1px; left:3px; top:8px; }.rl26-faq-item summary i::after { width:1px; height:12px; left:8px; top:3px; transition:transform .15s ease; }.rl26-faq-item[open] summary i::after { transform:rotate(90deg); }.rl26-faq-item>div { padding:0 50px 24px 4px; }.rl26-faq-item p { color:#91a3ae; line-height:1.7; margin:0; }.rl26-faq-support { display:flex; align-items:center; justify-content:space-between; gap:32px; margin-top:56px; padding:28px; border:1px solid rgba(200,178,123,.16); border-radius:14px; background:linear-gradient(145deg,rgba(20,25,27,.96),rgba(10,15,18,.98)); }.rl26-faq-support h2 { margin:8px 0; }.rl26-faq-support p { color:#8799a4; margin:0; }

/* SETTINGS / SUPPORT / SERVICES */
.rl26-settings-page { padding:64px 0 96px; background:#05090d; min-height:100vh; }.rl26-settings-hero { display:flex; align-items:end; justify-content:space-between; gap:36px; margin-bottom:24px; }.rl26-settings-hero h1 { font-size:clamp(2.5rem,5vw,4.4rem); margin:8px 0 12px; }.rl26-settings-hero p { max-width:720px; color:#98aab5; line-height:1.7; }.rl26-settings-actions { display:flex; gap:10px; flex-wrap:wrap; }.rl26-settings-panel { border-color:rgba(151,178,191,.14) !important; background:linear-gradient(145deg,rgba(17,26,34,.98),rgba(8,13,18,.99)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important; }.rl26-settings-panel h2 { margin:8px 0 10px; }.rl26-settings-panel p { color:#8fa1ac; line-height:1.65; }.rl26-settings-grid { margin:18px 0; }.rl26-settings-form select,.rl26-settings-form input { border-color:rgba(154,181,194,.18) !important; background:#0b141b !important; }.rl26-settings-history { display:grid; grid-template-columns:.65fr 1.35fr; gap:34px; }
.rl26-support-bridge .rl26-lux-actions,.rl26-retired-flow .rl26-lux-actions { margin-top:30px; }
.rl26-service-shell { max-width:900px; }.rl26-service-form { padding:30px; border:1px solid rgba(151,177,190,.15); border-radius:15px; background:linear-gradient(145deg,#101920,#080d12); box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }.rl26-service-field { margin-bottom:22px; }.rl26-service-field>label { display:block; color:#c9d4da; margin-bottom:8px; font-weight:620; }.rl26-service-field input[type=text],.rl26-service-field input[type=email],.rl26-service-field textarea,.rl26-service-field select { width:100%; border:1px solid rgba(151,178,191,.18); border-radius:9px; background:#091117; color:#e9f0f3; padding:12px 13px; }.rl26-service-field textarea { min-height:170px; }.rl26-service-field p,.rl26-service-note { color:#7f929d; line-height:1.6; }.rl26-service-field small { color:#e0a6a1; }.rl26-service-two { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.rl26-service-options { display:flex; gap:14px; flex-wrap:wrap; }.rl26-service-options label { display:flex; align-items:center; gap:9px; color:#b7c5cd; }.rl26-service-options-cards { margin:8px 0 24px; }.rl26-service-options-cards label { flex:1; min-width:220px; padding:14px; border:1px solid rgba(151,178,191,.13); border-radius:9px; background:#0b1319; }

/* ARCHIVE — clearly historical and intentionally separated from the flagship. */
.rl26-archive-section,.rl26-archive-shop { background:#080a0c; }.rl26-archive-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }.rl26-archive-card { overflow:hidden; border:1px solid rgba(177,164,135,.14); border-radius:14px; background:#111315; }.rl26-archive-card-wide { grid-column:span 2; }.rl26-archive-card img { width:100%; aspect-ratio:16/7; object-fit:cover; filter:saturate(.7) contrast(.95); }.rl26-archive-card div { padding:22px; }.rl26-archive-card span,.rl26-archive-product span { color:#a99464; font-size:10px; }.rl26-archive-card h2,.rl26-archive-card h3 { color:#e9e7e1; margin:8px 0; }.rl26-archive-card p { color:#8f9292; line-height:1.6; }
.rl26-archive-shop-head { display:flex; justify-content:space-between; gap:32px; align-items:end; margin-bottom:34px; }.rl26-archive-product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.rl26-archive-product { overflow:hidden; text-decoration:none; border:1px solid rgba(178,164,135,.13); border-radius:13px; background:#101214; color:inherit; }.rl26-archive-product img,.rl26-archive-product-placeholder { width:100%; aspect-ratio:16/10; object-fit:cover; background:#17191b; display:grid; place-items:center; color:#6f706d; }.rl26-archive-product>div:last-child { padding:18px; }.rl26-archive-product h2 { color:#e7e6e1; font-size:1.05rem; margin:7px 0; }.rl26-archive-product p { color:#898d8e; line-height:1.55; }.rl26-archive-product strong,.rl26-archive-price { color:#d7c38d; }.rl26-archive-detail { display:grid; grid-template-columns:1fr 1fr; gap:54px; align-items:start; }.rl26-archive-detail-cover { width:100%; border:1px solid rgba(178,164,135,.15); border-radius:13px; }.rl26-archive-detail-gallery { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:10px; }.rl26-archive-detail-gallery img { width:100%; border-radius:8px; }.rl26-archive-detail h1 { font-size:clamp(2.4rem,5vw,4.3rem); margin:12px 0; }.rl26-archive-detail p,.rl26-archive-note { color:#8f9597; line-height:1.7; }.rl26-archive-price { font-size:1.8rem; margin:20px 0; }.rl26-archive-back { display:inline-block; margin-bottom:26px; color:#a99a75; text-decoration:none; }.rl26-archive-cart { max-width:850px; }.rl26-archive-cart-row { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:18px 0; border-bottom:1px solid rgba(177,164,135,.12); }.rl26-archive-cart-row div { display:flex; flex-direction:column; gap:5px; }.rl26-archive-cart-row strong { color:#e6e5df; }.rl26-archive-cart-row span { color:#888f91; }

/* Legal/account finishing: remove leftover neon from status and legal surfaces. */
.rl26-auth-status-logo { width:108px; margin-bottom:18px; filter:drop-shadow(0 10px 22px rgba(0,0,0,.3)); }
.auth-card,.legal-shell,.legal-card { box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 52px rgba(0,0,0,.20) !important; }
.product-hunt-footer-badge img { opacity:.78; filter:saturate(.72) brightness(.88); transition:opacity .18s ease; }.product-hunt-footer-badge img:hover { opacity:1; }

@media (max-width: 1040px) {
  .rl26-product-hero-grid,.rl26-roadmap-hero-grid,.rl26-product-proof { grid-template-columns:1fr; }
  .rl26-product-console { max-width:760px; }
  .rl26-product-grid { grid-template-columns:repeat(2,1fr); }
  .rl26-flow-step { grid-template-columns:85px 1fr; }.rl26-flow-step aside { grid-column:2; }
  .rl26-flow-track::before { left:42px; }.rl26-flow-index { margin-left:21px; }
  .rl26-archive-product-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 720px) {
  .rl26-product-hero h1,.rl26-flow-hero h1,.rl26-roadmap-hero h1,.rl26-faq-hero h1,.rl26-support-bridge h1,.rl26-service-hero h1,.rl26-archive-hero h1,.rl26-retired-flow h1 { font-size:clamp(2.6rem,14vw,4.3rem); }
  .rl26-home-workspace { grid-template-columns:66px minmax(0,1fr); }.rl26-home-inspector { display:none; }.rl26-home-preview { margin:10px; }.rl26-home-product-proof { grid-template-columns:repeat(2,1fr); }
  .rl26-product-grid,.rl26-roadmap-card ul,.rl26-archive-grid,.rl26-archive-product-grid,.rl26-archive-detail,.rl26-service-two,.rl26-settings-history { grid-template-columns:1fr; }
  .rl26-archive-card-wide { grid-column:auto; }
  .rl26-flow-step { grid-template-columns:56px 1fr; gap:16px; }.rl26-flow-track::before { left:22px; }.rl26-flow-index { width:38px;height:38px;margin-left:3px; }.rl26-flow-step aside { grid-column:2; }
  .rl26-final-cta>.container,.rl26-faq-support,.rl26-settings-hero,.rl26-archive-shop-head { flex-direction:column; align-items:flex-start; }
  .rl26-roadmap-note { margin-left:0; }
  .rl26-roadmap-card { padding:22px; }.rl26-roadmap-card header { align-items:flex-start; flex-direction:column; }
}


/* FINAL LEGAL + OPEN-STUDIO FINISHING */
.rl26-legal-hero,.rl26-open-hero { padding:clamp(84px,9vw,138px) 0 clamp(68px,7vw,104px); border-bottom:1px solid rgba(149,175,188,.12); background:radial-gradient(circle at 80% 8%,rgba(64,135,166,.09),transparent 32rem),radial-gradient(circle at 25% 100%,rgba(200,178,123,.045),transparent 28rem),#05090d; }
.rl26-legal-hero h1,.rl26-open-hero h1 { max-width:920px; margin:18px 0 22px; color:#f2f6f8; font-family:var(--rl26-font-display)!important; font-size:clamp(3.1rem,7vw,6.1rem); font-weight:650; letter-spacing:-.055em; line-height:.95; }
.rl26-legal-hero p,.rl26-open-hero p { max-width:790px; color:#a7b7c0; font-size:clamp(1.02rem,1.7vw,1.2rem); line-height:1.72; }
.rl26-legal-section,.rl26-open-section { padding:clamp(72px,8vw,118px) 0; background:#060a0e; }
.rl26-legal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.rl26-legal-card { position:relative; min-height:215px; padding:27px; overflow:hidden; border:1px solid rgba(151,178,191,.14); border-radius:14px; background:linear-gradient(145deg,#111a22,#080e13); box-shadow:inset 0 1px 0 rgba(255,255,255,.035); color:inherit; text-decoration:none; transition:transform .18s ease,border-color .18s ease,background .18s ease; }
.rl26-legal-card::before { content:""; position:absolute; inset:0 auto 0 0; width:2px; background:linear-gradient(#70dff3,#527f9c); opacity:.65; }
.rl26-legal-card-gold::before { background:linear-gradient(#eadbb1,#8d7541); }
.rl26-legal-card:hover { transform:translateY(-2px); border-color:rgba(174,201,213,.25); background:linear-gradient(145deg,#15212a,#0a1117); }
.rl26-legal-card>span { color:#8296a2; font-size:10px; font-weight:650; letter-spacing:.08em; text-transform:uppercase; }
.rl26-legal-card h2 { margin:14px 0 10px; color:#e8eff2; font-size:1.4rem; letter-spacing:-.025em; }
.rl26-legal-card p { color:#8fa1ac; line-height:1.65; margin:0 0 24px; }
.rl26-legal-card b { position:absolute; left:27px; bottom:24px; color:#91dcea; font-size:12px; font-weight:650; }
.rl26-legal-card-gold b { color:#d9c895; }
.rl26-legal-support { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:34px; padding:28px; border:1px solid rgba(200,178,123,.15); border-radius:14px; background:linear-gradient(145deg,rgba(22,27,29,.96),rgba(9,14,17,.99)); }
.rl26-legal-support h2 { margin:9px 0 0; color:#e8eef1; letter-spacing:-.03em; }
.rl26-open-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(350px,.78fr); gap:clamp(50px,8vw,110px); align-items:center; }
.rl26-open-instrument { position:relative; padding:30px; border:1px solid rgba(169,196,208,.19); border-radius:15px; background:linear-gradient(150deg,#111c25,#080d12); box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 28px 70px rgba(0,0,0,.3); }
.rl26-open-instrument>span { color:#7f929e; font-size:10px; letter-spacing:.08em; }
.rl26-open-instrument>strong { display:block; margin:14px 0 30px; color:#eaf1f4; font-size:clamp(2rem,4vw,3.5rem); letter-spacing:-.045em; }
.rl26-open-instrument>div { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.rl26-open-instrument i { height:58px; border:1px solid rgba(147,176,190,.14); border-radius:7px; background:linear-gradient(135deg,rgba(56,116,148,.22),rgba(10,18,24,.72)); }
.rl26-open-instrument i:nth-child(2){background:linear-gradient(135deg,rgba(61,130,108,.22),rgba(10,18,24,.72))}.rl26-open-instrument i:nth-child(3){background:linear-gradient(135deg,rgba(200,178,123,.18),rgba(10,18,24,.72))}
.rl26-open-instrument small { display:block; margin-top:18px; color:#8295a0; }
.rl26-open-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:54px; }
.rl26-open-grid article { padding:26px; border:1px solid rgba(151,178,191,.13); border-radius:13px; background:linear-gradient(145deg,#101920,#080e13); }
.rl26-open-grid article>span { color:#c7b27d; font-size:11px; }.rl26-open-grid h2 { color:#e8eef1; font-size:1.25rem; letter-spacing:-.025em; }.rl26-open-grid p { color:#8ea0aa; line-height:1.65; }
@media (max-width:860px){.rl26-legal-grid,.rl26-open-hero-grid,.rl26-open-grid{grid-template-columns:1fr}.rl26-legal-support{flex-direction:column;align-items:flex-start}}

/* RVC_REAL_LABS_2026_NAV_CTA_FINAL_V3_0_2
   Final specificity fix: the primary nav action is a machined control,
   not the shared bright-gradient .btn-primary treatment. */
.rl26-nav-v22 .nav-actions .rl26-nav-cta.btn.btn-primary {
  position: relative !important;
  overflow: hidden !important;
  min-width: 112px !important;
  min-height: 40px !important;
  padding: 0 17px !important;
  border: 1px solid rgba(213, 192, 140, .46) !important;
  border-radius: 9px !important;
  background:
    linear-gradient(110deg, rgba(92, 211, 238, .055) 0%, transparent 35%),
    linear-gradient(180deg, #1a242d 0%, #111820 52%, #0a0f14 100%) !important;
  color: #f1f5f6 !important;
  font-weight: 670 !important;
  text-shadow: none !important;
  filter: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .11),
    inset 0 -1px 0 rgba(0, 0, 0, .62),
    0 0 0 1px rgba(92, 211, 238, .025),
    0 8px 20px rgba(0, 0, 0, .28) !important;
  transform: none !important;
}
.rl26-nav-v22 .nav-actions .rl26-nav-cta.btn.btn-primary::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 14px !important;
  right: 14px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent 0%, rgba(239, 220, 169, .72) 38%, rgba(103, 220, 243, .34) 67%, transparent 100%) !important;
  pointer-events: none !important;
}
.rl26-nav-v22 .nav-actions .rl26-nav-cta.btn.btn-primary:hover {
  border-color: rgba(232, 211, 158, .70) !important;
  background:
    linear-gradient(110deg, rgba(102, 220, 243, .085) 0%, transparent 38%),
    linear-gradient(180deg, #24313b 0%, #17212a 52%, #0d1319 100%) !important;
  color: #ffffff !important;
  filter: none !important;
  transform: translateY(-1px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .14),
    inset 0 -1px 0 rgba(0, 0, 0, .58),
    0 11px 24px rgba(0, 0, 0, .34) !important;
}
.rl26-nav-v22 .nav-actions .rl26-nav-cta.btn.btn-primary:active {
  transform: translateY(0) !important;
  background: linear-gradient(180deg, #111820 0%, #0a0f14 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), inset 0 2px 5px rgba(0,0,0,.42) !important;
}
.rl26-nav-v22 .nav-actions .rl26-nav-cta.btn.btn-primary:focus-visible {
  outline: 2px solid rgba(112, 221, 242, .64) !important;
  outline-offset: 3px !important;
}

/* RVC_REAL_LABS_2026_LUXURY_MOTION_DENSITY_V3_0_3
   Final presentation polish: restrained motion, instrument-cyan reflections,
   and denser information architecture without shrinking readability. */
:root {
  --rl26-v303-contract: 1;
  --rl26-motion-fast: 160ms;
  --rl26-motion-medium: 260ms;
  --rl26-motion-ease: cubic-bezier(.2,.78,.22,1);
  --rl26-reflection-cyan: rgba(112,223,243,.12);
  --rl26-reflection-gold: rgba(234,219,177,.07);
}

/* The nav action keeps its machined resting state, but now carries a moving
   instrument reflection instead of a flat/static highlight. */
.rl26-nav-v22 .nav-actions .rl26-nav-cta.btn.btn-primary {
  background:
    linear-gradient(112deg,
      transparent 0%, transparent 36%,
      var(--rl26-reflection-cyan) 47%,
      var(--rl26-reflection-gold) 53%,
      transparent 64%, transparent 100%),
    linear-gradient(180deg, #1a242d 0%, #111820 52%, #0a0f14 100%) !important;
  background-size: 245% 100%, 100% 100% !important;
  background-position: 132% 0, 0 0 !important;
  transition:
    transform var(--rl26-motion-fast) var(--rl26-motion-ease),
    border-color var(--rl26-motion-fast) ease,
    box-shadow var(--rl26-motion-medium) ease,
    background-position 420ms var(--rl26-motion-ease) !important;
}
.rl26-nav-v22 .nav-actions .rl26-nav-cta.btn.btn-primary:hover {
  background:
    linear-gradient(112deg,
      transparent 0%, transparent 36%,
      rgba(112,223,243,.17) 47%,
      rgba(234,219,177,.09) 53%,
      transparent 64%, transparent 100%),
    linear-gradient(180deg, #24313b 0%, #17212a 52%, #0d1319 100%) !important;
  background-size: 245% 100%, 100% 100% !important;
  background-position: -28% 0, 0 0 !important;
}

/* Language control receives the same cockpit material response without glow. */
.rl26-language-menu > summary {
  transition:
    transform var(--rl26-motion-fast) var(--rl26-motion-ease),
    border-color var(--rl26-motion-fast) ease,
    box-shadow var(--rl26-motion-medium) ease,
    background-color var(--rl26-motion-fast) ease !important;
}
.rl26-language-menu > summary:hover {
  border-color: rgba(164,202,216,.30) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 20px rgba(0,0,0,.20) !important;
  transform: translateY(-1px);
}

/* Sitewide public-card micro-motion. Deliberately limited to hover-capable
   devices so touch layouts remain still and predictable. */
@media (hover:hover) and (pointer:fine) {
  .rl26-product-card,
  .rl26-roadmap-card,
  .rl26-roadmap-summary,
  .rl26-legal-card,
  .rl26-open-grid article,
  .rl26-open-instrument,
  .rl26-service-form,
  .rl26-settings-panel,
  .rl26-home-window,
  .rl26-product-console,
  .rl26-faq-support {
    transition:
      transform var(--rl26-motion-medium) var(--rl26-motion-ease),
      border-color var(--rl26-motion-fast) ease,
      box-shadow var(--rl26-motion-medium) ease !important;
  }
  .rl26-product-card:hover,
  .rl26-roadmap-card:hover,
  .rl26-roadmap-summary:hover,
  .rl26-legal-card:hover,
  .rl26-open-grid article:hover,
  .rl26-open-instrument:hover,
  .rl26-service-form:hover,
  .rl26-settings-panel:hover,
  .rl26-home-window:hover,
  .rl26-product-console:hover,
  .rl26-faq-support:hover {
    transform: translateY(-2px);
    border-color: rgba(132,188,211,.24) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.045),
      0 18px 46px rgba(0,0,0,.22),
      0 0 0 1px rgba(112,223,243,.018) !important;
  }
}

/* Dense desktop information architecture. The goal is to show more of each
   page at normal browser zoom, not to visually scale/zoom the page itself. */
@media (min-width:1100px) {
  .page-hero { padding: 68px 0 42px !important; }
  .page-hero h1 { font-size: clamp(38px,4.6vw,62px) !important; }
  .section { padding: 72px 0 !important; }

  .rl26-product-hero,
  .rl26-flow-hero,
  .rl26-roadmap-hero,
  .rl26-faq-hero,
  .rl26-support-bridge,
  .rl26-service-hero,
  .rl26-archive-hero,
  .rl26-retired-flow {
    padding: 70px 0 58px !important;
  }
  .rl26-product-hero h1,
  .rl26-flow-hero h1,
  .rl26-roadmap-hero h1,
  .rl26-faq-hero h1,
  .rl26-support-bridge h1,
  .rl26-service-hero h1,
  .rl26-archive-hero h1,
  .rl26-retired-flow h1 {
    font-size: clamp(2.8rem,5.1vw,5rem) !important;
    margin: 14px 0 18px !important;
  }
  .rl26-product-section,
  .rl26-flow-section,
  .rl26-roadmap-section,
  .rl26-faq-section,
  .rl26-service-section,
  .rl26-archive-section,
  .rl26-archive-shop {
    padding: 68px 0 !important;
  }
  .rl26-product-section-head { margin-bottom: 32px !important; }
  .rl26-product-card { min-height: 218px !important; padding: 23px !important; }
  .rl26-product-card h3 { margin-top: 38px !important; }
  .rl26-flow-step { padding: 28px 0 !important; }
  .rl26-roadmap-card { padding: 23px 25px !important; }
  .rl26-settings-page { padding: 48px 0 72px !important; }
  .rl26-settings-hero h1 { font-size: clamp(2.35rem,4.2vw,3.8rem) !important; }

  .rl26-legal-hero,
  .rl26-open-hero {
    padding: 72px 0 58px !important;
  }
  .rl26-legal-hero h1,
  .rl26-open-hero h1 {
    font-size: clamp(2.8rem,5.2vw,5rem) !important;
    margin: 14px 0 18px !important;
  }
  .rl26-legal-section,
  .rl26-open-section { padding: 66px 0 !important; }
  .rl26-legal-card { min-height: 198px !important; padding: 24px !important; }
  .rl26-open-grid article { padding: 23px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .rl26-nav-v22 .nav-actions .rl26-nav-cta.btn.btn-primary,
  .rl26-language-menu > summary,
  .rl26-product-card,
  .rl26-roadmap-card,
  .rl26-roadmap-summary,
  .rl26-legal-card,
  .rl26-open-grid article,
  .rl26-open-instrument,
  .rl26-service-form,
  .rl26-settings-panel,
  .rl26-home-window,
  .rl26-product-console,
  .rl26-faq-support {
    transition: none !important;
    transform: none !important;
  }
}

/* REAL_LABS_MOBILE_PUBLIC_V3_1 */
@media (max-width:900px) {
  html { scroll-padding-top:68px; }
  body { font-size:15px; }
  .container { width:min(100% - 28px,1180px) !important; }

  .nav-wrap.rl26-nav-v22 { min-height:66px !important; backdrop-filter:blur(18px) saturate(118%); }
  .rl26-nav-v22 .nav { height:66px !important; min-height:66px !important; gap:9px !important; }
  .rl26-nav-v22 .rl26-brand-lockup { min-width:0 !important; width:auto !important; flex:0 1 148px; }
  .rl26-nav-v22 .rl26-brand-lockup-image { width:148px !important; height:52px !important; object-position:left center !important; }
  .menu-btn { min-width:43px; min-height:40px; padding:0 11px !important; border-color:rgba(181,197,207,.16) !important; border-radius:9px !important; background:#0c1217 !important; color:#dbe3e7 !important; font-size:11px !important; }
  .rl26-nav-v22 .nav-actions { margin-left:auto !important; gap:7px !important; }
  .rl26-nav-v22 .nav-actions .rl26-nav-cta.btn.btn-primary { min-width:84px !important; min-height:38px !important; padding:0 11px !important; font-size:11px !important; border-radius:8px !important; }
  .rl26-nav-v22 .nav-logout-form,.rl26-nav-v22 .rl-support-nav-mail { display:none !important; }

  .rl26-nav-v22 .nav-links.open {
    top:66px !important;
    max-height:calc(100dvh - 66px);
    overflow-y:auto;
    gap:2px !important;
    padding:10px 14px calc(18px + env(safe-area-inset-bottom)) !important;
    border-bottom-color:rgba(184,199,208,.13) !important;
    background:linear-gradient(180deg,rgba(11,16,21,.99),rgba(6,10,14,.995)) !important;
    box-shadow:0 20px 50px rgba(0,0,0,.34);
  }
  .rl26-nav-v22 .nav-links.open>a { padding:11px 9px !important; border-radius:8px; color:#d2dbe0 !important; font-size:13px !important; }
  .rl26-nav-v22 .nav-links.open>a:active { background:rgba(126,217,235,.06); color:#fff !important; }
  .rvc-mobile-language-control { margin-top:6px !important; padding-top:8px; border-top:1px solid rgba(184,199,208,.10); }
  .rvc-mobile-language-picker select { min-height:42px !important; border-color:rgba(203,183,125,.22) !important; border-radius:8px !important; background:#0b1218 !important; color:#e8eef1 !important; font-size:12px !important; }

  main { overflow:hidden; }
  .page-hero,.rl26-product-hero,.rl26-flow-hero,.rl26-roadmap-hero,.rl26-faq-hero,.rl26-support-bridge,.rl26-service-hero,.rl26-archive-hero,.rl26-retired-flow,.rl26-legal-hero,.rl26-open-hero { padding:46px 0 32px !important; }
  .page-hero h1,.rl26-product-hero h1,.rl26-flow-hero h1,.rl26-roadmap-hero h1,.rl26-faq-hero h1,.rl26-support-bridge h1,.rl26-service-hero h1,.rl26-archive-hero h1,.rl26-retired-flow h1,.rl26-legal-hero h1,.rl26-open-hero h1 { font-size:clamp(32px,9.5vw,44px) !important; line-height:1.02 !important; letter-spacing:-.045em !important; }
  .page-hero p,.rl26-product-hero p,.rl26-flow-hero p,.rl26-roadmap-hero p,.rl26-faq-hero p,.rl26-support-bridge p,.rl26-service-hero p,.rl26-archive-hero p,.rl26-retired-flow p,.rl26-legal-hero p,.rl26-open-hero p { font-size:14px !important; line-height:1.6 !important; }
  .rl26-lux-hero { padding:54px 0 44px !important; }
  .rl26-lux-hero-grid { gap:28px !important; }
  .rl26-lux-hero h1 { font-size:clamp(36px,10.5vw,50px) !important; line-height:.99 !important; }
  .rl26-lux-hero .hero-lead { font-size:14px !important; line-height:1.62 !important; }

  .section { padding:44px 0 !important; }
  .section h2,.rl26-product-section-head h2,.rl26-final-cta h2,.rl26-faq-support h2 { font-size:clamp(26px,7vw,34px) !important; line-height:1.08 !important; }
  .card,.panel,.rl26-settings-panel { border-radius:12px !important; }
  .rl26-settings-page { padding:38px 0 60px !important; }
  .rl26-settings-hero { margin-bottom:18px !important; gap:16px !important; }
  .rl26-settings-hero h1 { font-size:clamp(30px,9vw,42px) !important; }
  .footer { padding-top:44px !important; }
  .footer-grid { gap:28px 18px !important; }
  .footer-copy { max-width:340px; }
}

@media (max-width:520px) {
  .container { width:min(100% - 22px,1180px) !important; }
  .rl26-nav-v22 .rl26-brand-lockup { flex-basis:132px; }
  .rl26-nav-v22 .rl26-brand-lockup-image { width:132px !important; height:48px !important; }
  .rl26-nav-v22 .nav-actions .rl26-nav-cta.btn.btn-primary { min-width:76px !important; padding:0 9px !important; }
  .page-hero,.rl26-product-hero,.rl26-flow-hero,.rl26-roadmap-hero,.rl26-faq-hero,.rl26-support-bridge,.rl26-service-hero,.rl26-archive-hero,.rl26-retired-flow,.rl26-legal-hero,.rl26-open-hero { padding:38px 0 28px !important; }
  .section { padding:38px 0 !important; }
}

/* REAL_LABS_HOME_MOBILE_LAYOUT_RECOVERY_V3_1_1
   Restore the intended single-column mobile composition after later luxury
   desktop rules reintroduced a 500px second hero column below 1100px. */
@media (max-width: 900px) {
  .rl26-lux-hero {
    padding: 34px 0 36px !important;
  }

  .rl26-lux-hero-grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 26px !important;
    align-items: stretch !important;
  }

  .rl26-lux-copy,
  .rl26-home-product-stage {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .rl26-lux-copy h1 {
    max-width: 10ch !important;
    margin: 10px 0 16px !important;
    font-size: clamp(40px, 11.5vw, 50px) !important;
    line-height: .96 !important;
    letter-spacing: -.052em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  .rl26-lux-lead {
    width: 100% !important;
    max-width: 38rem !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.58 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .rl26-lux-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 21px 0 18px !important;
  }

  .rl26-lux-actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 43px !important;
    padding: 0 10px !important;
    justify-content: center !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  .rl26-lux-meta,
  .rl26-luxe-proof-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px 14px !important;
    font-size: 11px !important;
  }

  .rl26-home-product-stage {
    margin: 0 auto !important;
  }

  .rl26-home-window {
    width: 100% !important;
    border-radius: 12px !important;
  }

  .rl26-home-window-bar {
    height: 43px !important;
    padding: 0 11px !important;
    gap: 8px !important;
    font-size: 10px !important;
  }

  .rl26-home-window-bar img {
    width: 22px !important;
    height: 22px !important;
  }

  .rl26-home-window-bar strong {
    font-size: 11px !important;
  }

  .rl26-home-window-bar > span {
    display: none !important;
  }

  .rl26-home-workspace {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    min-height: 216px !important;
  }

  .rl26-home-inspector {
    display: none !important;
  }

  .rl26-home-assets {
    padding: 10px 7px !important;
  }

  .rl26-home-assets b {
    font-size: 9px !important;
  }

  .rl26-home-assets span {
    height: 28px !important;
    margin-top: 8px !important;
  }

  .rl26-home-preview {
    margin: 8px !important;
  }

  .rl26-home-preview img {
    width: 58% !important;
    max-height: 126px !important;
  }

  .rl26-home-preview-label {
    left: 8px !important;
    top: 7px !important;
    font-size: 8px !important;
  }

  .rl26-home-preview-guide {
    inset: 23px 18px !important;
  }

  .rl26-home-timeline {
    min-height: 84px !important;
    padding: 8px 10px 10px 61px !important;
  }

  .rl26-home-timeline-head {
    left: 9px !important;
    top: 9px !important;
    font-size: 8px !important;
  }

  .rl26-home-track {
    height: 22px !important;
    margin: 4px 0 !important;
  }

  .rl26-home-product-proof {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-top: 8px !important;
    border-radius: 8px !important;
  }

  .rl26-home-product-proof span {
    padding: 9px 7px !important;
    font-size: 9px !important;
  }

  .rl26-lux-strip .container {
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    justify-content: initial !important;
    gap: 10px 12px !important;
    padding: 14px 0 !important;
    font-size: 10.5px !important;
  }

  .rl26-lux-strip .container > span {
    min-width: 0 !important;
  }

  .rl26-lux-section {
    padding: 54px 0 !important;
  }

  .rl26-lux-section-head {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-bottom: 24px !important;
  }

  .rl26-lux-section-head h2,
  .rl26-lux-split h2,
  .rl26-lux-final h2 {
    font-size: clamp(30px, 8.5vw, 38px) !important;
    line-height: 1.02 !important;
  }

  .rl26-lux-section-head p {
    font-size: 14px !important;
    line-height: 1.58 !important;
  }

  .rl26-lux-feature-grid,
  .rl26-lux-feature-wide,
  .rl26-lux-demo-empty,
  .rl26-lux-split {
    grid-template-columns: 1fr !important;
  }

  .rl26-lux-feature,
  .rl26-lux-feature-wide {
    min-height: 0 !important;
    padding: 20px !important;
    gap: 20px !important;
  }

  .rl26-lux-feature h3 {
    margin: 12px 0 8px !important;
    font-size: 20px !important;
  }

  .rl26-lux-feature p {
    font-size: 13px !important;
    line-height: 1.58 !important;
  }

  .rl26-mini-editor-stage {
    height: 150px !important;
  }

  .rl26-lux-demo-empty {
    min-height: 0 !important;
    gap: 22px !important;
    padding: 24px !important;
  }

  .rl26-lux-final {
    padding: 48px 0 !important;
  }

  .rl26-lux-final .container {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 22px !important;
  }
}

@media (max-width: 520px) {
  .rl26-lux-hero {
    padding: 28px 0 32px !important;
  }

  .rl26-lux-copy h1 {
    max-width: 9ch !important;
    font-size: clamp(38px, 11.8vw, 46px) !important;
  }

  .rl26-lux-actions .btn {
    min-height: 41px !important;
    font-size: 11.5px !important;
  }

  .rl26-lux-section {
    padding: 46px 0 !important;
  }
}

/* REAL_LABS_2026_DESKTOP_FINAL_POLISH_V3_2
   Desktop-only finishing pass. Mobile <= 900px is intentionally untouched.
   Motion reveals material: sapphire instrument light, restrained reflection,
   tighter hierarchy, and clearer section separation without neon effects. */
:root {
  --rl26-desktop-polish-contract: 1;
  --rl26-desktop-motion-fast: 180ms;
  --rl26-desktop-motion-base: 260ms;
  --rl26-desktop-motion-slow: 320ms;
  --rl26-desktop-motion-ease: cubic-bezier(.2,.78,.22,1);
  --rl26-desktop-control-height: 44px;
  --rl26-desktop-card-pad: 24px;
  --rl26-desktop-focus-ring: 0 0 0 3px rgba(78,210,255,.16);
}

/* Desktop rhythm and material hierarchy. This block starts above the mobile
   contract, so the V3.1/V3.1.1 phone layout remains byte-for-byte unchanged. */
@media (min-width: 1100px) {
  /* Slightly stronger chapter separation on the dark site without dividers. */
  .rl26-luxe-section-a {
    background: linear-gradient(180deg, #05090d 0%, #060c12 50%, #05090d 100%) !important;
  }
  .rl26-luxe-section-b,
  .rl26-lux-section-soft {
    background:
      radial-gradient(900px 360px at 50% 0%, rgba(72,151,255,.035), transparent 68%),
      linear-gradient(180deg, #0a131d 0%, #07101a 58%, #050a10 100%) !important;
    border-block-color: rgba(151,181,198,.12) !important;
  }
  .rl26-product-section-soft {
    background:
      radial-gradient(800px 320px at 74% 0%, rgba(83,202,236,.028), transparent 70%),
      linear-gradient(180deg, #09121a, #060b10) !important;
    border-block-color: rgba(151,181,198,.11) !important;
  }
  .rl26-final-cta,
  .rl26-lux-final {
    background:
      radial-gradient(780px 260px at 76% 0%, rgba(74,172,226,.035), transparent 70%),
      linear-gradient(145deg, #0c151d, #070c11) !important;
  }

  /* The product walkthrough gets a deliberate cinematic pause before it. */
  #demo.rl26-lux-section {
    padding-top: 112px !important;
    padding-bottom: 82px !important;
  }
  #demo .rl26-lux-section-head {
    margin-bottom: 48px !important;
  }

  /* Consistent desktop control rhythm. */
  main .btn:not(.btn-small),
  main .rvc-plan-button,
  main .primary-button,
  main .secondary-button {
    min-height: var(--rl26-desktop-control-height) !important;
  }

  /* Hero light follows the pointer through CSS variables set by the tiny
     desktop-only script in base.html. The content itself never moves. */
  .rl26-luxe-color-hero {
    --rl26-hero-light-x: 76%;
    --rl26-hero-light-y: 40%;
  }
  .rl26-luxe-color-hero::before {
    background:
      linear-gradient(90deg,rgba(4,8,13,.96) 0%,rgba(4,8,13,.78) 42%,rgba(4,8,13,.24) 72%,rgba(4,8,13,.62) 100%),
      radial-gradient(850px 520px at var(--rl26-hero-light-x) var(--rl26-hero-light-y),rgba(67,194,255,.17),transparent 62%),
      radial-gradient(650px 440px at 88% 13%,rgba(111,125,255,.10),transparent 58%),
      radial-gradient(560px 420px at 54% 88%,rgba(64,225,197,.055),transparent 64%) !important;
  }
}

/* Hover/tactile behavior only exists where a real pointer exists. */
@media (min-width: 1100px) and (hover: hover) and (pointer: fine) {
  /* Primary public CTA: brighter sapphire instrument energy while retaining
     the metallic/cyan material language. The nav CTA remains gunmetal. */
  .btn-primary.rl26-primary-gradient {
    background:
      linear-gradient(112deg,
        transparent 0%, transparent 34%,
        rgba(215,249,255,.00) 40%,
        rgba(205,247,255,.38) 48%,
        rgba(122,214,255,.25) 53%,
        transparent 64%, transparent 100%),
      linear-gradient(135deg,#b2f6ff 0%,#73ddff 43%,#668cff 100%) !important;
    background-size: 250% 100%, 100% 100% !important;
    background-position: 136% 0, 0 0 !important;
    border-color: rgba(157,232,255,.62) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.40),
      0 13px 34px rgba(52,153,255,.18),
      0 0 0 1px rgba(88,210,255,.035) !important;
    transition:
      transform var(--rl26-desktop-motion-fast) var(--rl26-desktop-motion-ease),
      border-color var(--rl26-desktop-motion-fast) ease,
      box-shadow var(--rl26-desktop-motion-base) ease,
      filter var(--rl26-desktop-motion-fast) ease,
      background-position 460ms var(--rl26-desktop-motion-ease) !important;
  }
  .btn-primary.rl26-primary-gradient:hover {
    transform: translateY(-2px) !important;
    background-position: -26% 0, 0 0 !important;
    border-color: rgba(191,244,255,.86) !important;
    filter: brightness(1.045) saturate(1.04) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.48),
      0 18px 44px rgba(45,146,255,.26),
      0 0 0 1px rgba(100,220,255,.07) !important;
  }
  .btn-primary.rl26-primary-gradient:active {
    transform: translateY(0) scale(.985) !important;
    filter: brightness(.985) !important;
    box-shadow:
      inset 0 2px 4px rgba(0,0,0,.18),
      0 8px 20px rgba(45,146,255,.16) !important;
  }
  .btn-primary.rl26-primary-gradient:focus-visible {
    outline: none !important;
    box-shadow:
      var(--rl26-desktop-focus-ring),
      inset 0 1px 0 rgba(255,255,255,.42),
      0 16px 38px rgba(45,146,255,.22) !important;
  }

  /* Secondary controls pick up a quiet steel edge instead of a glow. */
  .rl26-lux-actions .btn-ghost,
  .rl26-final-cta .btn-ghost,
  .rl26-lux-final .btn-ghost {
    transition:
      transform var(--rl26-desktop-motion-fast) var(--rl26-desktop-motion-ease),
      border-color var(--rl26-desktop-motion-fast) ease,
      background-color var(--rl26-desktop-motion-fast) ease,
      box-shadow var(--rl26-desktop-motion-base) ease !important;
  }
  .rl26-lux-actions .btn-ghost:hover,
  .rl26-final-cta .btn-ghost:hover,
  .rl26-lux-final .btn-ghost:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(135,206,232,.38) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 12px 28px rgba(0,0,0,.22) !important;
  }

  /* Cards feel machined rather than animated: 2px lift, brighter edge, and
     a very small cyan material reflection. */
  .rl26-luxe-card,
  .rl26-product-card,
  .rl26-roadmap-card,
  .rl26-roadmap-summary,
  .rl26-legal-card,
  .rl26-open-grid article,
  .rl26-open-instrument,
  .rl26-service-form,
  .rl26-settings-panel,
  .rl26-home-window,
  .rl26-product-console,
  .rl26-faq-support {
    transition:
      transform var(--rl26-desktop-motion-base) var(--rl26-desktop-motion-ease),
      border-color var(--rl26-desktop-motion-fast) ease,
      box-shadow var(--rl26-desktop-motion-base) ease,
      filter var(--rl26-desktop-motion-fast) ease !important;
  }
  .rl26-luxe-card:hover,
  .rl26-product-card:hover,
  .rl26-roadmap-card:hover,
  .rl26-roadmap-summary:hover,
  .rl26-legal-card:hover,
  .rl26-open-grid article:hover,
  .rl26-open-instrument:hover,
  .rl26-service-form:hover,
  .rl26-settings-panel:hover,
  .rl26-home-window:hover,
  .rl26-product-console:hover,
  .rl26-faq-support:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(128,202,229,.30) !important;
    filter: brightness(1.012) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.055),
      0 20px 48px rgba(0,0,0,.25),
      0 0 28px rgba(78,190,226,.025) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .btn-primary.rl26-primary-gradient,
  .rl26-luxe-card,
  .rl26-product-card,
  .rl26-roadmap-card,
  .rl26-roadmap-summary,
  .rl26-legal-card,
  .rl26-open-grid article,
  .rl26-open-instrument,
  .rl26-service-form,
  .rl26-settings-panel,
  .rl26-home-window,
  .rl26-product-console,
  .rl26-faq-support {
    transition: none !important;
    transform: none !important;
  }
}


/* REAL_LABS_BRAND_SYSTEM_V4
   2026 circuit-metal identity.
   Sapphire carries energy. Silver carries precision. Gold carries status.
   Layout contracts from V3.1/V3.1.1 and desktop interaction contracts from V3.2
   are preserved; this layer changes brand material, light, and identity. */
:root{
  --rl-v4-ink:#010409;
  --rl-v4-black:#02050a;
  --rl-v4-navy:#03101d;
  --rl-v4-navy-2:#061827;
  --rl-v4-sapphire:#0b78df;
  --rl-v4-sapphire-bright:#2098ff;
  --rl-v4-electric:#36c7ff;
  --rl-v4-cyan:#62e4ff;
  --rl-v4-steel:#8ca2b5;
  --rl-v4-silver:#dbe7ef;
  --rl-v4-silver-bright:#f6fbff;
  --rl-v4-gold:#d0b66d;
  --rl-v4-gold-bright:#f0dea6;
  --rl-v4-gold-deep:#79602c;
  --rl-v4-line:rgba(149,190,218,.17);
  --rl-v4-line-strong:rgba(100,204,255,.32);
  --rl-v4-sapphire-glow:rgba(24,137,255,.18);
  --rl-v4-cyan-glow:rgba(86,220,255,.12);
  --rl-v4-gold-glow:rgba(208,182,109,.08);
  --rl-v4-metal-silver:linear-gradient(120deg,#657889 0%,#d9e5ed 28%,#ffffff 48%,#9fb2c0 70%,#536778 100%);
  --rl-v4-metal-gold:linear-gradient(120deg,#765a24 0%,#caa752 27%,#f0dea6 49%,#c29b45 72%,#6f5320 100%);
}

.rl-v4-brand-system{
  color:#edf5fa;
  background:
    radial-gradient(1000px 520px at 50% -8%,rgba(14,112,224,.10),transparent 68%),
    linear-gradient(180deg,var(--rl-v4-black),#02070d 46%,#010408);
}
.rl-v4-brand-system::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.28;
  background:
    linear-gradient(rgba(64,153,214,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(64,153,214,.025) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 72%);
}

/* Brand lockup: exact supplied artwork, optically cropped with CSS only. */
.rl-v4-brand-lockup{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
  text-decoration:none !important;
}
.rl-v4-brand-mark{
  position:relative;
  display:block;
  width:64px;
  height:52px;
  flex:0 0 64px;
  overflow:hidden;
  border-radius:10px;
  background:#010408;
  box-shadow:inset 0 0 0 1px rgba(153,204,235,.08);
}
.rl-v4-brand-mark::after{
  content:"";
  position:absolute;
  left:8px;right:8px;bottom:3px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--rl-v4-electric),var(--rl-v4-gold),transparent);
  opacity:.55;
}
.rl-v4-brand-mark .rl26-brand-lockup-image{
  position:absolute !important;
  width:78px !important;
  height:78px !important;
  max-width:none !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) scale(1.08) !important;
  object-fit:cover !important;
  opacity:1 !important;
  filter:drop-shadow(0 0 14px rgba(38,165,255,.24)) !important;
}
.rl-v4-brand-wordmark{display:grid;gap:1px;line-height:1}
.rl-v4-brand-wordmark strong{
  color:var(--rl-v4-silver-bright);
  font-size:13px;
  font-weight:760;
  letter-spacing:.12em;
  white-space:nowrap;
}
.rl-v4-brand-wordmark small{
  color:#7892a5;
  font-size:7.5px;
  font-weight:700;
  letter-spacing:.20em;
  white-space:nowrap;
}
.footer .rl-v4-brand-mark{width:78px;height:62px;flex-basis:78px}
.footer .rl-v4-brand-mark .rl26-brand-lockup-image{width:94px !important;height:94px !important}
.footer .rl-v4-brand-wordmark strong{font-size:15px}
.footer .rl-v4-brand-wordmark small{font-size:8px}

/* Navigation becomes a precision instrument rail. */
.rl26-nav-v22{
  background:rgba(2,7,13,.92) !important;
  border-bottom:1px solid rgba(108,183,230,.13) !important;
  box-shadow:0 14px 38px rgba(0,0,0,.25),inset 0 -1px 0 rgba(73,172,235,.035) !important;
  backdrop-filter:blur(22px) saturate(1.12) !important;
}
.rl26-nav-v22::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent 5%,rgba(52,195,255,.10) 28%,rgba(52,195,255,.34) 49%,rgba(208,182,109,.14) 70%,transparent 95%);
}
.rl26-nav-v22 .nav-links a,.rl26-nav-v22 .link-muted,.rl26-nav-v22 .nav-logout-button{
  color:#9db0be !important;
}
.rl26-nav-v22 .nav-links a:hover,.rl26-nav-v22 .link-muted:hover,.rl26-nav-v22 .nav-logout-button:hover{
  color:#f3f9fc !important;
  text-shadow:0 0 18px rgba(86,220,255,.12);
}
.rl26-nav-v22 .rl26-nav-cta{
  color:#f5fbff !important;
  border-color:rgba(119,190,236,.34) !important;
  background:
    linear-gradient(110deg,rgba(255,255,255,.08),transparent 20%,transparent 72%,rgba(92,221,255,.08)),
    linear-gradient(180deg,#11283a,#0a1722) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 9px 22px rgba(0,0,0,.25) !important;
}
.rl26-nav-v22 .rl26-nav-cta::after{
  background:linear-gradient(90deg,transparent,var(--rl-v4-gold),var(--rl-v4-electric),transparent) !important;
}

/* Global material and typography. */
.rl26-gradient-text{
  background:linear-gradient(105deg,#f7fbff 0%,#c7d8e5 25%,#4ec7ff 58%,#1783ec 82%,#f0dea6 116%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;
}
.rl26-overline,.rl26-card-kicker,.rvc-kicker{
  color:#89bdd8 !important;
}
.rl26-overline i,.rl26-overline-accent i{
  background:linear-gradient(90deg,var(--rl-v4-sapphire),var(--rl-v4-cyan)) !important;
  box-shadow:0 0 12px rgba(75,207,255,.20);
}
.rl26-overline-gold{color:#d6c28c !important}
.rl26-overline-gold i{
  background:var(--rl-v4-metal-gold) !important;
  box-shadow:0 0 12px var(--rl-v4-gold-glow);
}

/* New homepage brand field. */
.rl26-luxe-color-hero{
  background:
    radial-gradient(820px 520px at 80% 38%,rgba(21,120,230,.13),transparent 66%),
    radial-gradient(600px 420px at 70% 76%,rgba(72,214,255,.055),transparent 67%),
    linear-gradient(180deg,#02060b,#04101b 56%,#02070d) !important;
}
.rl26-luxe-color-hero::after{
  background:
    linear-gradient(90deg,transparent,rgba(63,190,255,.18),transparent) !important;
}
.rl26-luxe-orb-a{background:rgba(22,123,232,.13) !important}
.rl26-luxe-orb-b{background:rgba(208,182,109,.055) !important}

.rl26-home-product-stage{isolation:isolate}
.rl-v4-hero-emblem{
  position:absolute;
  z-index:0;
  right:-18%;
  top:-26%;
  width:min(620px,82vw);
  aspect-ratio:1;
  pointer-events:none;
  opacity:.52;
  filter:saturate(1.06) contrast(1.05);
  mask-image:radial-gradient(circle at center,#000 42%,rgba(0,0,0,.84) 61%,transparent 78%);
}
.rl-v4-hero-emblem img{
  width:100%;height:100%;object-fit:cover;
  filter:drop-shadow(0 0 42px rgba(25,137,255,.22));
}
.rl26-home-window{
  position:relative;
  z-index:2;
  border-color:rgba(126,190,228,.25) !important;
  background:linear-gradient(155deg,rgba(8,20,31,.92),rgba(3,8,13,.97)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 34px 80px rgba(0,0,0,.38),
    0 0 64px rgba(18,118,224,.065) !important;
}
.rl26-home-window::before{
  content:"";
  position:absolute;left:9%;right:9%;top:-1px;height:1px;z-index:5;
  background:linear-gradient(90deg,transparent,var(--rl-v4-electric),var(--rl-v4-gold),transparent);
  opacity:.72;
}
.rl26-home-preview,.rl26-product-console-preview,.rl26-mini-editor-stage{
  background:
    radial-gradient(circle at 50% 50%,rgba(20,116,222,.17),transparent 48%),
    linear-gradient(180deg,#030a12,#02060b) !important;
}
.rl26-home-preview img,.rl26-product-console-preview img,.rl26-mini-editor-stage img{
  filter:drop-shadow(0 0 28px rgba(27,147,255,.28)) !important;
}
.rl26-home-track.is-video i{background:linear-gradient(90deg,#0c6fd2,#35caff) !important}
.rl26-home-track.is-audio i{background:linear-gradient(90deg,#7d642d,#d4b968) !important}
.rl26-home-playhead{background:#5fdfff !important;box-shadow:0 0 14px rgba(72,210,255,.45) !important}

/* Primary actions: sapphire metal. */
.btn-primary,.btn-primary.rl26-primary-gradient{
  color:#f6fbff !important;
  border-color:rgba(123,207,255,.45) !important;
  background:
    linear-gradient(112deg,transparent 0 36%,rgba(220,249,255,.26) 48%,transparent 61%),
    linear-gradient(135deg,#074f9e 0%,#0b7ee5 43%,#20a4ff 73%,#0861bb 100%) !important;
  background-size:250% 100%,100% 100% !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.23),
    inset 0 -1px 0 rgba(0,30,67,.5),
    0 14px 36px rgba(5,96,192,.24) !important;
}
.btn-primary:hover,.btn-primary.rl26-primary-gradient:hover{
  border-color:rgba(165,228,255,.76) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    0 18px 44px rgba(12,119,226,.29),
    0 0 26px rgba(72,210,255,.07) !important;
}
.btn-ghost{
  border-color:rgba(150,181,201,.20) !important;
  color:#c6d3dc !important;
  background:linear-gradient(180deg,rgba(18,31,42,.62),rgba(6,13,20,.72)) !important;
}
.btn-ghost:hover{border-color:rgba(88,199,247,.36) !important;color:#f5faff !important}

/* Section chapters and cards. */
.rl26-luxe-section-a,.rl26-product-section,.rl26-roadmap-section{
  background:linear-gradient(180deg,#02070c 0%,#040c14 48%,#02070c 100%) !important;
}
.rl26-luxe-section-b,.rl26-lux-section-soft,.rl26-product-section-soft{
  background:
    radial-gradient(900px 360px at 74% 0%,rgba(15,119,226,.055),transparent 70%),
    linear-gradient(180deg,#071522 0%,#04101a 62%,#02080e 100%) !important;
  border-block-color:rgba(103,175,218,.13) !important;
}
.rl26-luxe-card,.rl26-product-card,.rl26-roadmap-card,.rl26-legal-card,
.rl26-open-grid article,.rl26-open-instrument,.rl26-service-form,.rl26-settings-panel,
.rl26-faq-support,.auth-card,.rl26-policy-card{
  border-color:rgba(138,177,201,.16) !important;
  background:
    linear-gradient(155deg,rgba(9,22,34,.94),rgba(3,9,15,.97)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 20px 52px rgba(0,0,0,.22) !important;
}
.rl26-luxe-card::after,.rl26-product-card::after{
  border-color:rgba(82,191,245,.05) !important;
}
.rl26-luxe-card.is-cyan::before,.rl26-product-card.is-cyan::before{
  background:linear-gradient(90deg,#20a8ff,#5de4ff,transparent) !important;
}
.rl26-luxe-card.is-blue::before,.rl26-product-card.is-blue::before{
  background:linear-gradient(90deg,#075fbe,#2b92f2,transparent) !important;
}
.rl26-luxe-card.is-teal::before,.rl26-product-card.is-teal::before{
  background:linear-gradient(90deg,#3f9eb7,#57dbf4,transparent) !important;
}
.rl26-luxe-card.is-silver::before,.rl26-product-card.is-silver::before{
  background:var(--rl-v4-metal-silver) !important;
}
.rl26-luxe-card.is-gold::before,.rl26-product-card.is-gold::before{
  background:var(--rl-v4-metal-gold) !important;
}
.rl26-feature-index{color:#617b8d !important}

/* Brand statement using the exact user-supplied banner. */
.rl-v4-brand-banner-section{
  padding:72px 0;
  background:
    radial-gradient(700px 240px at 50% 50%,rgba(19,117,224,.08),transparent 72%),
    #02070c;
}
.rl-v4-brand-banner-frame{
  position:relative;
  overflow:hidden;
  min-height:360px;
  border:1px solid rgba(117,187,230,.19);
  border-radius:22px;
  background:#01050a;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 30px 90px rgba(0,0,0,.36);
}
.rl-v4-brand-banner-frame::after{
  content:"";
  position:absolute;inset:0;pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 70px rgba(4,15,26,.36);
}
.rl-v4-brand-banner-frame img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center;
  filter:saturate(.96) contrast(1.03);
}

/* Footer: black/navy hardware deck. */
.footer{
  position:relative;
  background:
    radial-gradient(700px 280px at 15% 0%,rgba(11,108,211,.08),transparent 70%),
    linear-gradient(180deg,#030a11,#010408) !important;
  border-top:1px solid rgba(101,174,218,.15) !important;
}
.footer::before{
  content:"";position:absolute;left:0;right:0;top:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(60,203,255,.32),rgba(208,182,109,.18),transparent);
}
.footer h4{color:#e4edf3 !important}
.footer a{color:#8199aa !important}
.footer a:hover{color:#dcecf6 !important}
.footer-copy,.footer-bottom{color:#718795 !important}

/* Auth / forms / policy surfaces. */
.auth-page,.rl26-service-hero,.rl26-legal-hero,.rl26-policy-shell,.rl26-retired-flow,.rl26-support-bridge{
  background:
    radial-gradient(720px 360px at 70% 0%,rgba(14,113,220,.10),transparent 70%),
    linear-gradient(180deg,#02070d,#04111c 56%,#02070c) !important;
}
.rl26-auth-status-logo{
  width:132px !important;height:132px !important;object-fit:cover !important;border-radius:18px;
  filter:drop-shadow(0 0 26px rgba(24,138,255,.20)) !important;
}
input:focus,textarea:focus,select:focus{
  border-color:rgba(73,196,250,.52) !important;
  box-shadow:0 0 0 3px rgba(22,135,231,.11) !important;
}

/* Technical dots and indicators. */
.rl26-strip-dot.is-cyan{background:#56dcff !important;box-shadow:0 0 14px rgba(86,220,255,.24) !important}
.rl26-strip-dot.is-blue{background:#177ee4 !important;box-shadow:0 0 14px rgba(23,126,228,.20) !important}
.rl26-strip-dot.is-teal{background:#55c7dd !important}
.rl26-strip-dot.is-silver{background:#b8c8d3 !important}

/* Gold remains rare and premium. */
.rl26-legal-card-gold::before{background:var(--rl-v4-metal-gold) !important}
.rl26-legal-card-gold b{color:#dcc78e !important}
.rl26-luxe-brand-kicker,.rl26-founder-accent,.rl26-premium-accent{color:var(--rl-v4-gold) !important}

/* Mobile keeps its successful composition; only the brand material changes. */
@media(max-width:900px){
  .rl-v4-brand-wordmark small{display:none}
  .rl-v4-brand-wordmark strong{font-size:11px}
  .rl-v4-brand-mark{width:52px;height:44px;flex-basis:52px}
  .rl-v4-brand-mark .rl26-brand-lockup-image{width:66px !important;height:66px !important}
  .rl-v4-hero-emblem{opacity:.22;right:-32%;top:-8%;width:520px}
  .rl-v4-brand-banner-section{padding:42px 0}
  .rl-v4-brand-banner-frame{min-height:260px;border-radius:16px}
}
@media(max-width:520px){
  .rl-v4-brand-wordmark{display:none}
  .rl-v4-brand-banner-frame{min-height:220px}
}

/* Desktop material motion remains restrained. */
@media(min-width:1100px) and (hover:hover) and (pointer:fine){
  .rl-v4-brand-mark{
    transition:filter 260ms ease,transform 260ms cubic-bezier(.2,.78,.22,1);
  }
  .rl-v4-brand-lockup:hover .rl-v4-brand-mark{
    transform:translateY(-1px);
    filter:brightness(1.06);
  }
  .rl-v4-brand-lockup:hover .rl-v4-brand-mark::after{opacity:.9}
  .rl-v4-brand-banner-frame{
    transition:transform 320ms cubic-bezier(.2,.78,.22,1),border-color 260ms ease,box-shadow 320ms ease;
  }
  .rl-v4-brand-banner-frame:hover{
    transform:translateY(-2px);
    border-color:rgba(102,197,247,.29);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 34px 100px rgba(0,0,0,.42),0 0 50px rgba(15,113,225,.055);
  }
}
@media(prefers-reduced-motion:reduce){
  .rl-v4-brand-mark,.rl-v4-brand-banner-frame{transition:none !important;transform:none !important}
}


/* REAL_LABS_BRAND_SYSTEM_V4_1
   Logo + hero refinement.
   - New user-supplied circuit-R artwork at the canonical V4 logo path.
   - Real product screenshot replaces the synthetic hero editor mockup.
   - V4 full-width brand banner removed from Home.
   - Sapphire / steel / champagne-gold material system preserved. */

.rl-v41-home-product-stage{
  isolation:isolate;
  display:block;
}
.rl-v41-home-product-stage::before{
  content:"";
  position:absolute;
  inset:8% -9% 3% 7%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at center,rgba(16,128,236,.18),transparent 62%),
    radial-gradient(ellipse at 58% 68%,rgba(81,214,255,.055),transparent 56%);
  filter:blur(26px);
}
.rl-v41-studio-shot{
  position:relative;
  z-index:2;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(119,191,232,.24);
  border-radius:18px;
  background:#01060b;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 34px 90px rgba(0,0,0,.42),
    0 0 58px rgba(17,121,229,.075);
}
.rl-v41-studio-shot::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.018),
    inset 0 -42px 70px rgba(0,4,9,.13);
}
.rl-v41-studio-shot-edge{
  position:absolute;
  z-index:3;
  left:8%;
  right:8%;
  top:-1px;
  height:1px;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(55,196,255,.72) 30%,
    rgba(227,238,246,.72) 51%,
    rgba(208,182,109,.62) 72%,
    transparent
  );
  box-shadow:0 0 18px rgba(50,187,255,.16);
}
.rl-v41-studio-shot img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:2048 / 1024;
  object-fit:contain;
  object-position:center;
  background:#01060b;
}
.rl-v41-home-product-proof{
  position:relative;
  z-index:2;
  margin-top:15px;
}

/* The new circuit arms are part of the identity: never crush the mark. */
.rl-v4-brand-mark{
  width:76px !important;
  flex-basis:76px !important;
  background:transparent !important;
  overflow:visible !important;
  box-shadow:none !important;
}
.rl-v4-brand-mark::after{display:none !important}
.rl-v4-brand-mark .rl26-brand-lockup-image{
  position:static !important;
  width:76px !important;
  height:52px !important;
  max-width:76px !important;
  transform:none !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:drop-shadow(0 0 13px rgba(38,165,255,.20)) !important;
}
.footer .rl-v4-brand-mark{
  width:92px !important;
  height:62px !important;
  flex-basis:92px !important;
}
.footer .rl-v4-brand-mark .rl26-brand-lockup-image{
  width:92px !important;
  height:62px !important;
}

/* Retire V4's decorative banner styling now that the section is gone. */
.rl-v4-brand-banner-section,
.rl-v4-brand-banner-frame{
  display:none !important;
}

@media(max-width:900px){
  .rl-v4-brand-mark{
    width:64px !important;
    height:44px !important;
    flex-basis:64px !important;
  }
  .rl-v4-brand-mark .rl26-brand-lockup-image{
    width:64px !important;
    height:44px !important;
  }
  .rl-v41-studio-shot{border-radius:14px}
}
@media(max-width:520px){
  .rl-v41-studio-shot{border-radius:12px}
}
@media(min-width:1100px) and (hover:hover) and (pointer:fine){
  .rl-v41-studio-shot{
    transition:
      transform 320ms cubic-bezier(.2,.78,.22,1),
      border-color 260ms ease,
      box-shadow 320ms ease;
  }
  .rl-v41-studio-shot:hover{
    transform:translateY(-2px);
    border-color:rgba(103,202,251,.34);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.065),
      0 38px 100px rgba(0,0,0,.46),
      0 0 64px rgba(17,121,229,.09);
  }
}
@media(prefers-reduced-motion:reduce){
  .rl-v41-studio-shot{transition:none !important;transform:none !important}
}