/* Public website experience. Studio's legacy application shell stays independent. */
body.rl-experience {
  color-scheme: dark;
  --paper: #10181f;
  --surface: #19252e;
  --ink: #f3f4ef;
  --muted: #b0bec6;
  --line: #34434e;
  --orange: #efc36c;
  --orange-dark: #ffda92;
  --green: #efc36c;
  --green-pale: #26323a;
  --display: 'DM Sans', system-ui, sans-serif;
  --body: 'DM Sans', system-ui, sans-serif;
  --terminal: 'JetBrains Mono', ui-monospace, SFMono-Regular, Consolas, monospace;
  --bg-main: #10181f;
  --bg-base: #10181f;
  --bg-surface: #19252e;
  --bg-card: #19252e;
  --bg-card-hover: #22323e;
  --border: #34434e;
  --border-subtle: #34434e;
  --border-active: #efc36c;
  --text-primary: #f3f4ef;
  --text-main: #f3f4ef;
  --text-secondary: #b0bec6;
  --text-muted: #b0bec6;
  --signal-orange: #efc36c;
  --signal-orange-glow: #efc36c18;
  padding-left: 0;
  background: var(--paper);
  color: var(--ink);
  font: 16px/1.65 var(--body);
}
body.rl-experience[data-nav-pinned] {padding-left: 0;}
body.rl-experience :is(h1,h2,h3,h4) {font-family: var(--display); font-weight: 650; letter-spacing: -.035em; line-height: 1.18;}
body.rl-experience main h1 {font: 650 clamp(32px,4vw,48px)/1.12 var(--display); letter-spacing: -.045em; max-width: 850px;}
body.rl-experience .public-home h1 {font-size: clamp(36px,4.4vw,58px);}
body.rl-experience :is(p,small,.help,.optional) {color: var(--muted);}
body.rl-experience :is(pre,code) {font-family: var(--terminal);}
body.rl-experience :is(a,button,input,select,textarea,summary):focus-visible {outline: 2px solid var(--orange); outline-offset: 4px;}
body.rl-experience :is(button,.button) {font-family: var(--body); min-height: 44px; border-radius: 7px;}
body.rl-experience :is(.secondary,button.secondary) {background: #253640; color: var(--ink); border: 1px solid #455b69;}
body.rl-experience :is(.secondary,button.secondary):hover {background: #314956; color: var(--ink);}
body.rl-experience button:disabled {cursor: not-allowed;}
body.rl-experience :is(input,select,textarea) {font-family: var(--body); background: #111d25; color: var(--ink); border-color: #4b5e6b;}
body.rl-experience :is(.card,.rl-note,fieldset) {background: var(--surface); border-color: var(--line); border-radius: 12px; box-shadow: none;}
body.rl-experience .tag {font: 700 11px/1.5 var(--body); letter-spacing: .1em; color: var(--orange);}
body.rl-experience > main {padding: 38px 32px 72px; max-width: 1160px;}
body.rl-experience main > p {max-width: 780px;}
body.rl-experience .rl-skip {left: 16px;}

/* One visible navigation system, with a native disclosure for secondary pages. */
body.rl-experience .rl-shell--public {position: relative; z-index: 40; background: var(--paper); color: var(--ink); font: 14px/1.5 var(--body); border-bottom: 1px solid var(--line);}
body.rl-experience .rl-site-header {max-width: 1280px; min-height: 78px; padding: 16px 32px; margin: auto; display: flex; align-items: center; gap: 16px;}
body.rl-experience .rl-shell a.rl-brand,
body.rl-experience a.rl-brand {font: 750 25px/1 var(--display); letter-spacing: -.06em; gap: 10px; flex-shrink: 0; color: var(--ink);}
body.rl-experience .rl-shell .rl-brand img {width: 28px; height: 28px;}
body.rl-experience .rl-shell nav {position: static; max-width: none; margin: 0; padding: 0; background: none; border: 0; box-shadow: none; backdrop-filter: none;}
body.rl-experience .rl-shell .rl-primary-navigation {display: flex; align-items: center; justify-content: center; gap: 8px; flex: 1;}
body.rl-experience .rl-primary-navigation a {display: inline-flex; align-items: center; min-height: 44px; padding: 8px 14px; border-radius: 7px; color: var(--muted); font-size: 14px;}
body.rl-experience .rl-shell a:hover {background: #25333d; color: var(--ink);}
body.rl-experience .rl-shell a.rl-brand:hover {background: none; color: var(--orange);}
body.rl-experience .rl-primary-navigation a[aria-current=page],
body.rl-experience .rl-mobile-shortcuts a[aria-current=page] {background: #2f3029; color: var(--orange);}
body.rl-experience :is(.rl-guide-link,.rl-signin-link) {min-height: 44px; display: inline-flex; align-items: center; padding: 8px 12px; border-radius: 7px;}
body.rl-experience .rl-site-menu {position: relative; flex-shrink: 0;}
body.rl-experience .rl-site-menu > summary {display: flex; align-items: center; gap: 12px; padding: 10px 14px; min-height: 44px; border: 1px solid var(--line); border-radius: 7px; color: var(--ink); font-size: 14px; font-weight: 600; list-style: none; cursor: pointer;}
body.rl-experience .rl-site-menu > summary::-webkit-details-marker {display: none;}
body.rl-experience .rl-site-menu[open] > summary {background: #25333d; border-color: #6e7b83;}
body.rl-experience .rl-site-menu > nav {position: absolute; right: 0; top: calc(100% + 12px); width: 300px; max-width: calc(100vw - 32px); max-height: calc(100dvh - 100px); overflow: auto; background: #19252e; border: 1px solid #4a5b66; border-radius: 12px; padding: 12px; box-shadow: 0 16px 48px #0007;}
body.rl-experience .rl-site-menu nav a {display: flex; align-items: center; padding: 10px 12px; min-height: 44px; border-radius: 6px; font-size: 14px;}
body.rl-experience .rl-site-menu nav a[aria-current=page] {color: var(--orange); background: #30332b;}
body.rl-experience .rl-menu-secondary {border-top: 1px solid var(--line); padding-top: 8px; margin-top: 8px;}
body.rl-experience .rl-shell .rl-mobile-shortcuts {display: none;}
body.rl-experience .rl-page-context {max-width: 1160px; margin: auto; padding: 14px 32px; display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: 12px; border-top: 1px solid #26343e;}
body.rl-experience .rl-page-context a {color: var(--muted);}
body.rl-experience .rl-footer {max-width: 1280px; padding: 32px; background: var(--paper); border-color: var(--line); gap: 32px; align-items: flex-start;}
body.rl-experience .rl-footer :is(p,a,small) {color: var(--muted);}
body.rl-experience .rl-footer nav {gap: 8px 20px; max-width: 570px;}
body.rl-experience .rl-footer nav a {display: inline-flex; align-items: center; min-height: 36px; margin: 0;}
body.rl-experience .rl-footer nav a:hover {color: var(--orange);}

/* Shared tool and information surfaces retain their page-specific layouts. */
body.rl-experience :is(.common-empty,.common-collection,.common-run,.common-card,.common-result,.local-tool,.download-check,.language-guide,.guide-start,.local-limit,.rl-note) {background: var(--surface); color: var(--ink); border-color: var(--line); border-radius: 10px;}
body.rl-experience :is(.common-privacy,.common-empty p,.common-lead,.command-result,.local-limit,.requirement,.rl-steps li,.rl-note p) {color: var(--muted);}
body.rl-experience :is(.common-empty h2,.tool-heading h2,.common-card h2) {color: var(--ink);}
body.rl-experience .rl-guide-grid {gap: 20px;}
body.rl-experience .rl-guide-grid .card {background: var(--surface); padding: 26px;}
body.rl-experience .rl-guide-grid h2 {font-size: 24px;}
body.rl-experience .rl-note {border-left: 3px solid var(--orange);}
body.rl-experience.common-page :is(.bench-dashboard,.bench-dialog) {--bench-line: #34434e; --bench-ink: #f3f4ef; --bench-muted: #b0bec6;}
body.rl-experience.common-page :is(.bench-pick,.bench-overview-card,.bench-kpi,.bench-panel,.bench-results,.bench-dialog,.bench-compare-card,.bench-advanced,.bench-model-preview) {background: var(--surface); color: var(--ink); border-color: var(--line);}
body.rl-experience.common-page .bench-pick:first-child {border-color: #b6934a;}
body.rl-experience.common-page :is(.bench-tab,.bench-simple-priorities button,.bench-presets button) {background: #22333f; color: var(--ink); border: 1px solid #455b69;}
body.rl-experience.common-page :is(.bench-tab.active,.bench-simple-priorities button[aria-pressed=true],.bench-presets button[aria-pressed=true]) {background: var(--orange); color: #1c252b; border-color: var(--orange);}
body.rl-experience.common-page :is(.bench-tab:hover:not(.active),.bench-simple-priorities button:hover:not([aria-pressed=true])) {background: #314956; color: var(--ink);}
body.rl-experience.common-page :is(.bench-toolbar input,.bench-toolbar select,.bench-limit input) {background: #111d25; color: var(--ink); border-color: #4b5e6b;}
body.rl-experience.common-page :is(.bench-table-scroll th,.bench-task-detail summary) {background: #1e303c; color: var(--muted);}
body.rl-experience.common-page .bench-table-scroll td {border-color: var(--line);}
body.rl-experience.common-page .bench-table-scroll tbody tr:hover {background: #22333f;}
body.rl-experience.common-page :is(.bench-simple-explanation,.bench-filter-summary,.bench-ranking-help,.bench-priority,.bench-limit,.bench-axis) {color: var(--muted); fill: var(--muted);}
body.rl-experience :is(pre,.trace-code,.code-box) {background: #0d161d; color: #d7e3eb; border-color: var(--line);}
body.rl-experience.product-page :is(.hero h1,.brand,.brand-title,.stat-val,.section-title h2,.step-head) {font-family: var(--display);}
body.rl-experience.product-page .hero {padding: 36px 0 28px;}
body.rl-experience.product-page .hero h1 {letter-spacing: -.04em;}
body.rl-experience.product-page :is(.playground-box,.step-card,.price-card,.trace-item,.scenario-card,.trace-window,.telemetry-sidebar,.alert-preview-box,.pricing-section) {background: var(--surface); border-color: var(--line);}
body.rl-experience.product-page .scenario-card.active {border-color: var(--orange); background: #30332b;}
body.rl-experience .product-toolbar {border-color: var(--line); padding: 12px 32px; gap: 12px; font-size: 13px;}
body.rl-experience .product-toolbar .toolbar-title {color: var(--muted);}
body.rl-experience.pricer-page :is(.card,.action-toolbar,.pro-card-banner,.studio-grid .card,.cross-sell .card) {background: var(--surface)!important; border-color: var(--line)!important;}
body.rl-experience.pricer-page :is(.token-breakdown-card,.cohort-ticker-card,.tabs-nav,.slider-group,.advisor-stat-box) {background: #14212a; color: var(--ink); border-color: var(--line);}
body.rl-experience.pricer-page :is(.toolbar-btn,.filter-input,.filter-select,textarea.code-editor) {background: #111d25; color: var(--ink); border-color: #4b5e6b;}
body.rl-experience.pricer-page .tab-btn {color: var(--muted);}
body.rl-experience.pricer-page .tab-btn.active {background: #2b3b46; color: var(--ink); border-color: var(--line);}
body.rl-experience.pricer-page :is(.token-big-num,#display-io-split,.pro-perks-list,.cohort-model-name) {color: var(--ink)!important;}
body.rl-experience.pricer-page :is(table.models-table th,.models-table thead) {background: #1e303c; color: var(--muted);}
body.rl-experience.pricer-page .context-advisor-card {background: #292d27;}
body.rl-experience.pricer-page #advisor-msg {color: var(--muted)!important;}
body.rl-experience.pricer-page :is(.advisor-title,.advisor-badge,.slider-value-pill) {color: var(--orange);}
body.rl-experience.pricer-page .modal-content {background: var(--surface); color: var(--ink); border-color: var(--line);}
body.rl-experience.pricer-page .modal-content p {color: var(--muted);}
body.rl-experience.pricer-page .modal-close {color: var(--ink);}
body.rl-experience.pricer-page .scale-btn {color: var(--muted);}
body.rl-experience.pricer-page .scale-btn.active {color: var(--ink); background: #2b3b46;}
body.rl-experience.pricer-page.sidecar-mode {background: var(--paper);}
/* Docking changes the page width without changing the browser viewport. */
body.rl-experience.pricer-page.sidecar-mode {margin-inline: auto;}
body.rl-experience.sidecar-mode .rl-site-header {padding: 12px 16px; gap: 10px;}
body.rl-experience.sidecar-mode .rl-site-header > .rl-brand {margin-right: auto;}
body.rl-experience.sidecar-mode .rl-shell .rl-primary-navigation,
body.rl-experience.sidecar-mode :is(.rl-guide-link,.rl-signin-link) {display: none;}
body.rl-experience.sidecar-mode .rl-shell .rl-mobile-shortcuts {display: flex; gap: 8px; padding: 0 16px 12px;}
body.rl-experience.sidecar-mode .rl-mobile-shortcuts a {display: inline-flex; align-items: center; min-height: 44px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 24px; font-size: 13px;}
body.rl-experience.sidecar-mode .rl-page-context {padding: 10px 16px;}
body.rl-experience.sidecar-mode .rl-footer {flex-wrap: wrap; padding: 24px 16px;}
body.rl-experience.sidecar-mode .rl-footer > div {width: 100%;}
body.rl-experience :is(.status,.command-result) {color: #b8d8c4;}

@media (max-width: 900px) {
  body.rl-experience .rl-site-header {min-height: 68px; padding: 12px 20px; gap: 10px;}
  body.rl-experience .rl-site-header > .rl-brand {margin-right: auto;}
  body.rl-experience .rl-shell .rl-primary-navigation,
  body.rl-experience :is(.rl-guide-link,.rl-signin-link) {display: none;}
  body.rl-experience .rl-shell .rl-mobile-shortcuts {display: flex; gap: 10px; padding: 0 20px 14px;}
  body.rl-experience .rl-mobile-shortcuts a {display: inline-flex; align-items: center; min-height: 44px; padding: 8px 14px; font-size: 13px; border: 1px solid var(--line); border-radius: 24px;}
  body.rl-experience .rl-page-context {padding: 10px 20px;}
  body.rl-experience .rl-site-menu > nav {max-height: calc(100dvh - 90px);}
  body.rl-experience > main {padding: 28px 20px 56px;}
  body.rl-experience .rl-footer {flex-wrap: wrap; padding: 28px 20px; gap: 24px;}
  body.rl-experience .rl-footer > div {width: 100%;}
}
@media (max-width: 600px) {
  body.rl-experience main h1 {font-size: 32px;}
  body.rl-experience :is(h2,.card h2) {font-size: 24px;}
  body.rl-experience .card {padding: 22px;}
  body.rl-experience .rl-guide-grid {grid-template-columns: 1fr;}
  body.rl-experience .product-toolbar {padding: 12px 20px;}
  body.rl-experience :is(pre,code) {font-size: 12px;}
  body.rl-experience.product-page .hero {padding: 24px 0 18px;}
}

/* Short answers and task-first entry points on the public homepage. */
.simple-home .simple-hero {display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center;padding:24px 0 48px;}
.simple-home .simple-hero h1 {margin:14px 0 20px;font-size:clamp(36px,4.2vw,54px);}
.simple-home .simple-lead {font-size:18px;max-width:560px;line-height:1.65;margin:0 0 24px;}
.simple-home .simple-hero .button {display:inline-flex;align-items:center;gap:20px;padding:12px 20px;}
.simple-home .simple-start-note {font-size:13px;margin:12px 0;}
.simple-home .simple-secondary-link {display:inline-flex;align-items:center;min-height:44px;font-size:14px;}
.simple-home .simple-example {margin:0;padding:26px;border:1px solid var(--line);border-radius:12px;background:var(--surface);}
.simple-home .simple-example figcaption {font-size:19px;font-weight:650;letter-spacing:-.025em;}
.simple-home .simple-example p {font-size:14px;margin:12px 0;line-height:1.6;}
.simple-home .simple-example ol {margin:18px 0;padding-left:24px;display:grid;gap:10px;font-size:15px;}
.simple-home .simple-example li {padding-left:4px;}
.simple-home .simple-example-note {border-top:1px solid var(--line);padding-top:16px;}
.simple-home .simple-tools > h2,.simple-home .simple-answers > h2 {font-size:26px;margin:0 0 24px;}
.simple-home .simple-tool-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.simple-home .simple-tool-grid .card {margin:0;padding:26px;display:flex;flex-direction:column;}
.simple-home .simple-availability {font-size:12px;color:var(--orange);}
.simple-home .simple-tool-grid h3 {font-size:22px;margin:12px 0;}
.simple-home .simple-tool-grid p {font-size:15px;margin:0 0 18px;line-height:1.65;}
.simple-home .simple-tool-grid a {display:inline-flex;align-items:center;min-height:44px;margin-top:auto;align-self:flex-start;font-size:14px;font-weight:600;}
.simple-home .simple-install-link {font-size:14px;margin:20px 0 0;}
.simple-home .simple-answers {display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-top:42px;padding-top:32px;border-top:1px solid var(--line);}
.simple-home .simple-answers h3 {font-size:17px;margin:0 0 8px;}
.simple-home .simple-answers p {font-size:14px;margin:0 0 24px;max-width:650px;}
@media(max-width:760px) {
 .simple-home .simple-hero {grid-template-columns:1fr;gap:26px;padding:4px 0 32px;}
 .simple-home .simple-hero h1 {font-size:36px;}
 .simple-home .simple-lead {font-size:16px;}
 .simple-home .simple-example {padding:20px;}
 .simple-home .simple-tool-grid {grid-template-columns:1fr;gap:12px;}
 .simple-home .simple-tool-grid .card {padding:20px;}
 .simple-home .simple-tool-grid h3 {font-size:21px;}
 .simple-home .simple-answers {grid-template-columns:1fr;gap:0;margin-top:32px;padding-top:26px;}
}

body.rl-experience .rl-footer-more {width:100%;font-size:14px;}
body.rl-experience .rl-footer-more summary {cursor:pointer;min-height:44px;display:list-item;list-style-position:inside;color:var(--muted);padding:8px 0;}
body.rl-experience .rl-footer-more > div {display:flex;gap:8px 20px;flex-wrap:wrap;padding:8px 0;}

body.rl-experience.common-page .bench-transparency > summary {cursor:pointer;min-height:44px;font-size:17px;font-weight:600;color:var(--muted);}
body.rl-experience.common-page .bench-dialog > p {font-size:14px;line-height:1.6;margin:16px 0;}
body.rl-experience.common-page .bench-task-detail > p {padding:0 16px;font-size:14px;line-height:1.6;}
body.rl-experience.common-page .bench-task-detail > details {margin:12px 16px;}
body.rl-experience.common-page .bench-task-detail > details > summary {cursor:pointer;min-height:44px;padding:10px 0;font-size:14px;}

body.rl-experience.common-page .bench-results-jump {display:inline-flex;align-items:center;min-height:44px;margin-top:14px;font-size:14px;font-weight:600;}