.preview-language{font-size:13px;border:1px solid #456078;padding:8px 16px;border-radius:5px;color:#edf5fc}.hero-media{background:#fff}.hero-media>img{aspect-ratio:auto;object-fit:contain;padding:24px}.hero-media figcaption{background:#132d3d}.hero-actions{gap:18px}.hero h1{font-size:clamp(32px,3.1vw,48px)}.application-cards,.axis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}.application-cards article{padding:26px;border:1px solid var(--line)}.application-cards b{font-size:11px;color:#176fb5;letter-spacing:.15em}.application-cards h3{margin:10px 0}.application-cards p{font-size:14px;color:var(--muted)}.axis-grid article{padding:25px;background:#fff;border:1px solid var(--line)}.axis-grid article>span{font-size:30px;color:#176fb5}.axis-grid p{color:var(--muted);font-size:14px;margin-top:10px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.demo-grid .video-shell{aspect-ratio:9/16;max-height:540px}.demo-grid .video-launch img{object-fit:contain}.demo-grid video{object-fit:contain}.demo-grid h3{font-size:17px;margin-top:14px}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:45px}.detail-grid figure{margin:0;min-width:0}.detail-grid a{display:flex;justify-content:center;background:#102b40}.detail-grid img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#102b40}.detail-grid figcaption{font-size:12px;margin-top:12px;color:#b7cfdf}.integration-flow{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:28px;background:var(--paper);margin-top:30px}.integration-flow span{padding:10px 16px;background:white;border:1px solid var(--line);font-size:14px}.integration-flow b{color:#176fb5}.pending-note{margin-top:28px;padding:25px;border:1px solid #c8d7e1}.pending-note h3{margin-bottom:12px}.pending-note p{font-size:14px;color:var(--muted);margin-top:10px}.installation dl>div{flex-wrap:wrap}.installation dd{margin-inline-start:auto}
@media(max-width:760px){.application-cards,.axis-grid{grid-template-columns:1fr 1fr}.demo-grid{grid-template-columns:1fr}.demo-grid .video-shell{max-height:520px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-media>img{padding:20px}.integration-flow{gap:10px;padding:18px}.integration-flow span{width:100%}.integration-flow b{transform:rotate(90deg);margin:auto}}
@media(max-width:450px){.detail-grid{grid-template-columns:1fr}.application-cards,.axis-grid{grid-template-columns:1fr}.hero-actions .text-link{font-size:12px}.hero h1{font-size:32px}}

.service-grid{margin-top:28px}.installation dd{white-space:normal;text-align:end}