/* Shared navigation only. The supplied program styling remains in styles.css. */
.asg-skip-link {position:fixed;left:16px;top:-100px;z-index:1000;background:#f1c775;color:#061923;padding:12px 18px;text-decoration:none;font-weight:800}
.asg-skip-link:focus {top:16px}
.product-bar {flex-wrap:wrap;overflow:visible;gap:5px;justify-content:center;padding:8px clamp(16px,4vw,54px)}
.product-bar a {display:inline-flex;align-items:center;min-height:40px;padding:10px 14px;font-size:11px;letter-spacing:.08em}
.product-bar .all-demos-link {color:#f1c775;border-color:rgba(217,164,81,.3)}
.product-bar a:focus-visible,.site-header a:focus-visible,.site-header button:focus-visible,footer a:focus-visible,.button:focus-visible {outline:3px solid #f1c775;outline-offset:4px}
footer {flex-wrap:wrap}.footer-links {gap:8px}.footer-links a {display:inline-flex;align-items:center;min-height:42px;font-size:10px;color:#c5d6dc}
.footer-brand {display:inline-flex;align-items:center;min-height:44px}footer a:hover {color:#f1c775}
img {max-width:100%}.hero-copy {min-width:0}main {scroll-margin-top:100px}
@media(max-width:950px) {.product-bar {justify-content:flex-start;flex-wrap:wrap;overflow:visible}.product-bar a {padding:9px 11px}}
@media(max-width:400px) {.product-bar {gap:4px;padding:7px 16px}.product-bar a {font-size:10px;padding:8px 10px}.product-fortress .hero h1 {font-size:clamp(44px,15.5vw,68px)}.product-magnitude .hero h1 {font-size:clamp(40px,13vw,60px)}}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}*,*::before,*::after {transition:none!important;animation:none!important}}