/* Viewport alignment, branded scrollbars, and a stable trial CTA layout. */
html,body{max-width:100%;overflow-x:clip}
html,body{scrollbar-color:var(--lime) var(--ink);scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--ink)}
::-webkit-scrollbar-thumb{border:2px solid var(--ink);border-radius:999px;background:var(--lime)}
::-webkit-scrollbar-thumb:hover{background:var(--pink)}
::-webkit-scrollbar-corner{background:var(--ink)}

@media(max-width:1100px){
  .trial{grid-template-columns:minmax(0,1fr);gap:34px}
  .trial__copy,.trial__form{min-width:0}
  .trial__form{width:100%;max-width:560px;justify-self:center}
}

.trial__form .button--dark{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:clamp(8px,1vw,12px);min-height:58px;padding:15px clamp(12px,2vw,20px);font-size:clamp(13px,1.2vw,15px);line-height:1.15;white-space:nowrap}
.trial__form .button--dark span{flex:none;font-size:16px;line-height:1}
@media(max-width:760px){.trial__form .button--dark{font-size:14px;gap:12px}}
@media(prefers-reduced-motion:reduce){.trial__form .button--dark{transition:none}}