.trc-logo{
  --ink:#0E2A47; --accent:#1E5BD8; --fg:#fff;
  --h:1.75em;   /* wheel height */
  --p:1.1em;    /* letter pitch inside wheel */
  display:inline-flex; align-items:center; gap:.3em;
  font-size:20px; text-decoration:none; color:var(--ink); line-height:1;
}
.trc-logo.trc-dark{ --ink:#fff; --accent:#6FA8FF; --fg:#0E2A47 }
.trc-word{
  font:900 1.4em/1 Archivo, "Arial Black", sans-serif;
  letter-spacing:-.03em;
}
.trc-wheels{ display:inline-flex; gap:.12em }
.trc-wheel{
  position:relative; width:1.15em; height:var(--h); overflow:hidden;
  border-radius:.18em; background:var(--ink); color:var(--fg);
}
.trc-wheel.trc-e{ background:var(--accent); color:#fff }
.trc-reel{
  position:absolute; left:0; right:0; top:0;
  display:flex; flex-direction:column; align-items:center;
  font:800 1em/var(--p) "JetBrains Mono", ui-monospace, monospace;
  transform:translateY(calc(var(--h)/2 - (var(--i) + .5) * var(--p) + var(--o,0em)));
  animation:trc-roll var(--d,.9s) cubic-bezier(.2,.8,.2,1) both;
}
.trc-reel i{ font-style:normal; height:var(--p); opacity:.28 }
.trc-reel i.on{ opacity:1 }
@keyframes trc-roll{
  from{ transform:translateY(calc(var(--h)/2 - .5 * var(--p))) }
}
@media (prefers-reduced-motion:reduce){ .trc-reel{ animation:none } }
/* Fit the supplied wordmark to existing site headers, menus and footers. */
.trc-logo{flex:none;white-space:nowrap;letter-spacing:0;font-weight:400;font-size:22px}
.trc-word{color:var(--ink);flex:none}
.trc-wheels,.trc-wheel{flex:none}
.trc-reel{letter-spacing:0}
.brand>.trc-logo{color:var(--ink)}
.homepage .site-header .brand,.site-header .brand{justify-content:center}
.homepage .site-header .trc-logo{font-size:23px}
footer .trc-logo{font-size:16px}
.customer-ui header .trc-logo{font-size:21px}
body.customer-workspace-page .customer-sidebar-brand>.trc-logo{font-size:15px}
.owner-brand{flex-direction:column;align-items:flex-start;gap:8px}
.owner-brand .trc-logo{font-size:15px}
.owner-brand small{margin:0;font-size:10px;letter-spacing:.12em}
@media(max-width:760px){.homepage .site-header .trc-logo{font-size:21px}.site-header .trc-logo{font-size:20px}.customer-ui header .trc-logo{font-size:18px}}
@media(max-width:1000px){body.customer-workspace-page header.customer-mobile-bar .trc-logo{font-size:clamp(12px,4.05vw,18px)}}
@media(max-width:420px){.customer-ui header .trc-logo{font-size:16px}.devices-page header .trc-logo{font-size:14px}}
@media(max-width:360px){.homepage .site-header .trc-logo{font-size:19px}.site-header .trc-logo{font-size:18px}.customer-ui header .trc-logo{font-size:14px}.devices-page header .trc-logo{font-size:12px}}