/* T12 · Accessibility, performance and image legibility */
:root { --focus-ring: #0b4cff; }
:where(section[id], .trial-card[id]) { scroll-margin-top: 96px; }
:where(a, button, input, select, textarea):focus-visible {
  outline: 3px solid var(--focus-ring);
  outline-offset: 3px;
}
.screen-picture img {
  image-rendering: auto;
  backface-visibility: hidden;
  transform: translateZ(0);
}
/* Keep Cinematic Command depth, but reduce raster interpolation on text-heavy UI screenshots. */
.cinematic-page .capability__visual .browser-frame {
  transform: perspective(1800px) rotateY(-1.25deg) rotateZ(-.12deg);
}
.cinematic-page .capability--right .capability__visual .browser-frame {
  transform: perspective(1800px) rotateY(1.25deg) rotateZ(.12deg);
}
.cinematic-page .browser-frame--hero {
  transform: perspective(1900px) rotateX(.7deg) rotateY(-1.35deg) rotateZ(-.08deg);
}
.billing-route-note {
  min-height: 24px;
  margin: 10px auto 26px;
  color: #5f6b80;
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}
.billing-route-note strong { color: #173fbd; }
.price-card [data-billing-link][data-route="support"]::after {
  content: " ↗";
  font-family: var(--font-mono);
  font-size: .85em;
}
@media (max-width: 980px) {
  .cinematic-page .capability__visual .browser-frame,
  .cinematic-page .capability--right .capability__visual .browser-frame,
  .cinematic-page .browser-frame--hero { transform: none; }
}
@media (forced-colors: active) {
  :where(a, button, input, select, textarea):focus-visible { outline: 3px solid CanvasText; }
  .button, .screen-zoom, .billing-switch button { border: 1px solid ButtonText; }
  .product-stage__label i { forced-color-adjust: none; background: Highlight; }
}
@media (prefers-reduced-motion: reduce) {
  .screen-picture img { transform: none; }
}
@media print {
  .site-header, .mobile-trial-bar, .screen-zoom, .nav-backdrop, .reading-progress { display: none !important; }
  body { color: #111; background: #fff; }
  a { color: inherit; text-decoration: underline; }
}