/* Official homepage: keep the approved layout; improve small-copy contrast. */
:root{--muted:#626973;--copy:#626973}
input,select,textarea{font:inherit}
.eyebrow,.product-screen figcaption,.step-description,.flow-note,.footer-bottom,.closing-note,.feature-caption,.beta-note{color:#626973}
.screenshot-button img{aspect-ratio:auto}
.screen-tabs button,.header-cta,.menu-toggle{min-height:44px}
@media(max-width:680px){
 .hero h1,.hero h1 span{font-weight:560}
 .hero-description{font-size:14px}
 .product-screen figcaption,.flow-note,.feature-caption,.footer-bottom,.closing-note,.beta-note{font-size:11px}
 .detail-card p,.usecase-list p,.faq-list details p{font-size:14px}
 .role-node strong{font-size:10px}.role-node small{font-size:9px}
 .menu-toggle{width:44px;height:44px}.screen-tabs button{font-size:11px}
}

/* T-Rex brand actions */
:root{--trex-blue:#4964d7;--trex-blue-hover:#3b53bd;--action:var(--trex-blue);--accent:var(--trex-blue)}
.button-dark,.header-cta,.sub-header .button,.sub-header-cta,.sub-nav-cta,.start-card>.button,.decision-action>.button,.not-found>.button{background:var(--trex-blue);border-color:var(--trex-blue);color:#fff}
.button-dark:hover,.header-cta:hover,.sub-header .button:hover,.sub-header-cta:hover,.sub-nav-cta:hover,.start-card>.button:hover,.decision-action>.button:hover,.not-found>.button:hover{background:var(--trex-blue-hover);border-color:var(--trex-blue-hover)}
.screen-tabs button[aria-selected=true],.product-view-tabs button[aria-selected=true]{background:var(--trex-blue);color:#fff}
.button-quiet{color:var(--trex-blue);border-color:#b8c3ee;background:#fff}
.button-quiet:hover{background:#f1f4ff}
.story-step[aria-selected=true],.story-step[aria-selected=true] .step-number,.story-step[aria-selected=true] svg{color:var(--trex-blue)}
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-color:var(--trex-blue)}