/* Accessibility and responsive refinements for the production candidate. */
.brand img{height:auto;max-width:100%}
.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-180%);z-index:100;background:#13354a;color:#fff;padding:12px 18px;border-radius:5px}
.skip-link:focus{transform:none}
:focus-visible{outline:3px solid #075b75;outline-offset:5px}
.security :focus-visible,footer :focus-visible,.trial :focus-visible{outline-color:#fff}
section[id],main[id]{scroll-margin-top:110px}
.primary,.nav-cta{background:#087d9d;color:#fff}
.eyebrow,.tag,.capacity,.contact-info a,.ghost,.outline,.light-button{color:#096982}
.microcopy{color:#526974}
.hero-trial-note{margin:14px 0 0;color:#405d6c;font-size:15px;font-weight:700}
.trial{background:linear-gradient(100deg,#087590,#095e80)}
.trial .eyebrow{color:#dff7fc}
.steps b{color:#087590}
.button:hover,.nav-cta:hover{filter:brightness(.93)}
.contact-info a{overflow-wrap:anywhere}
.social-links{display:flex;gap:14px;margin-top:8px}
.social-links a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #c7dce3;border-radius:50%;color:#1685a4}
.social-links a:hover{background:#e4f5f9}
.social-links svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2}
.social-links svg path{fill:currentColor;stroke:none}
.social-links svg .icon-fill{fill:currentColor;stroke:none}
.back-to-top{position:fixed;right:22px;bottom:22px;z-index:20;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #b9d5df;border-radius:50%;background:#fff;color:#087d9d;box-shadow:0 5px 18px #13354a26}
.back-to-top[hidden]{display:none}
.back-to-top svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.back-to-top:hover{background:#eaf8fc}
footer a{padding:8px 0;text-decoration:underline;text-underline-offset:4px}
.site-header{gap:20px}
@media(max-width:1000px){
  .site-header{height:auto;min-height:82px;flex-wrap:wrap;padding:16px 24px;gap:12px}
  .site-header nav{flex-wrap:wrap;gap:8px 18px}
  .site-header nav a:not(.nav-cta){display:inline-block;padding:8px 0}
  .hero{gap:30px}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .site-header{position:static;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:14px 20px;text-align:center}
  .brand img{width:205px;margin:0 auto}
  .site-header nav{display:none}
  .hero{padding:42px 24px}
  .hero h1{font-size:clamp(32px,8vw,42px)}
  .section{padding:52px 24px}
  .section h2{font-size:30px}
  .steps{grid-template-columns:1fr}
  .partner-box{padding:26px}
  .contact-info{padding-left:16px}
  .back-to-top{right:16px;bottom:16px;width:46px;height:46px}
  section[id],main[id]{scroll-margin-top:20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}