/* Shared by every page: the template switcher and the three logos. Colours here are the logos' own. */
:root{--tpl-bg:#111317;--tpl-ink:#F3F4F6;--tpl-mute:#9CA3AF;--tpl-on:#F3F4F6;--tpl-on-ink:#111317;
  --rw-amber:#FFB547;--bl-lime:#C6F432;--bl-lime-ink:#4D7C0F}
/* ---------- template switcher (pre-launch only) ---------- */
.tpl-switch{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;align-items:center;gap:4px;
  padding:5px;border-radius:99px;background:var(--tpl-bg);color:var(--tpl-ink);box-shadow:0 10px 30px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);
  font:600 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif;max-width:calc(100vw - 32px);overflow-x:auto}
.tpl-label{padding:0 8px 0 10px;color:var(--tpl-mute);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.tpl-switch button{all:unset;cursor:pointer;padding:9px 13px;border-radius:99px;white-space:nowrap;color:var(--tpl-ink)}
.tpl-switch button:hover{background:rgba(255,255,255,.1)}
.tpl-switch button[aria-pressed="true"]{background:var(--tpl-on);color:var(--tpl-on-ink)}
.tpl-switch button:focus-visible{outline:2px solid var(--tpl-on);outline-offset:2px}
@media (max-width:560px){.tpl-label{display:none}.tpl-switch button{padding:8px 10px}}
@media print{.tpl-switch{display:none}}

/* ---------- The Runway logo: two runway edges converging on a dashed centre line ---------- */
.rw-mark{width:30px;height:30px;flex:none;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round}
.rw-mark .cl{stroke:var(--rw-amber);stroke-width:2.6}
.rw-word{display:flex;flex-direction:column;font:400 15px/1 "Michroma","Sora",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.rw-word small{font:500 12px/1.3 "Sora",system-ui,sans-serif;letter-spacing:0;text-transform:none;opacity:.7;margin-top:5px}

/* ---------- Breakout Labs logo: a chart axis with the line breaking out of the frame ---------- */
.bl-mark{width:30px;height:30px;flex:none;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.bl-mark .up{stroke:var(--bl-lime-ink)}
:root[data-theme="dark"] .bl-mark .up{stroke:var(--bl-lime)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bl-mark .up{stroke:var(--bl-lime)}}
.bl-word{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.32em;font:700 19px/1 "Space Grotesk",system-ui,sans-serif;letter-spacing:-.01em;white-space:nowrap}
.bl-word b{font-weight:500;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.7em;letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.bl-word small{flex-basis:100%;font:500 12px/1.3 "Space Grotesk",system-ui,sans-serif;letter-spacing:0;opacity:.7;margin-top:5px}