/* Version 2.2: three products, compact 3D illustration, mobile readability. */
.hero-layout {grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.market-scene {width:100%;max-width:460px;justify-self:end;border-color:rgba(73,211,216,.36);background:radial-gradient(ellipse at 50% 55%,#103139 0%,#061116 65%);box-shadow:0 16px 60px rgba(0,0,0,.35),0 0 35px rgba(73,211,216,.08)}
.market-scene canvas {display:block;width:100%;height:240px}
#motion-toggle {border:1px solid var(--line2);border-radius:5px;background:transparent;color:var(--text);padding:5px 9px;font-size:12px;cursor:pointer}
#motion-toggle[hidden] {display:none}
#motion-toggle:focus-visible,a:focus-visible {outline:2px solid var(--cyan);outline-offset:3px}
.engine-status {font-size:12px;letter-spacing:.03em}
.product-card {grid-template-columns:66px minmax(0,1fr);gap:12px;padding:16px}
.product-mark {width:66px;height:66px}
.teal .product-mark img {transform:none;object-fit:contain}
.teal .method-badge {color:var(--lime);border-color:rgba(200,237,124,.28)}
.teal:hover,.teal:focus-visible {border-color:var(--lime)}
.product-card small,.product-card em,.method-badge {font-size:12px;line-height:1.4;letter-spacing:0}
.product-card strong {font-size:18px;line-height:1.3}
.rail-heading {font-size:12px;letter-spacing:0;flex-wrap:wrap;gap:5px}
.rail-heading small {font-size:12px}
.site-name,.header-market,.kicker,.chapter,.tabs button {font-size:14px}
.tabs button span {font-size:12px}
.site-footer>div {font-size:12px;line-height:1.7;letter-spacing:0;text-transform:none}
.content-grid>* {min-width:0}
@media(max-width:960px){
  .hero-layout {grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:24px}
  .software-rail {grid-template-columns:repeat(3,minmax(0,1fr))}
  .product-card {grid-template-columns:1fr}
}
@media(max-width:680px){
  .hero-layout {grid-template-columns:1fr;gap:20px}
  .market-scene {display:block;max-width:none}
  .market-scene canvas {height:180px}
  .market-scene .engine-status {height:42px}
  .market-scene .engine-flow {display:none}
  .hero {padding:26px 0}
  .hero h1 {font-size:clamp(34px,9vw,46px)}
  .hero-text,.prose-block p {font-size:16px}
  .software-rail {grid-template-columns:1fr;gap:9px}
  .product-card {grid-template-columns:62px minmax(0,1fr);padding:12px}
  .product-mark {width:62px;height:62px}
  .site-name {font-size:12px;letter-spacing:.02em}
  .header-market {font-size:12px;line-height:1.3}
  .header-inner {gap:12px}
  .tabs button {font-size:14px}
}