/* ONTO shared action geometry. Keep the landing-page copy byte-identical. */
:root{--onto-action-height:54px;--onto-action-radius:999px;--onto-action-font:16px;--onto-action-weight:600;--onto-action-padding:14px 24px;--onto-logo-welcome:clamp(190px,56vw,250px)}
/* Geometry is shared; semantic colours, destructive and disabled states stay local. */
#app .btn,body .button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center!important;text-align:center!important;min-height:var(--onto-action-height)!important;height:auto!important;max-height:none!important;padding:var(--onto-action-padding)!important;border-radius:var(--onto-action-radius)!important;font-family:inherit;font-size:var(--onto-action-font)!important;font-weight:var(--onto-action-weight)!important;line-height:1.4!important;white-space:normal;box-shadow:none;-webkit-appearance:none;appearance:none}
/* Beat the geometry injected by older iOS wrappers, without hiding overflow at large text sizes. */
#app .onto-landing.onto-landing-simple .ux-landing-actions>button.btn{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%!important;min-height:var(--onto-action-height)!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;padding:var(--onto-action-padding)!important;border-radius:var(--onto-action-radius)!important;font-size:var(--onto-action-font)!important;font-weight:var(--onto-action-weight)!important;line-height:1.4!important;box-sizing:border-box!important}
#app .onto-landing-simple .ux-landing-actions{gap:12px}
#app .onto-landing-header img{width:200px;height:auto}
#app .onto-landing.onto-landing-simple .onto-landing-header{justify-content:center;padding:40px 24px 20px;min-height:120px}
#app .onto-auth-brand img{width:180px;max-width:65vw}
#app .onto-journey .oj-top img{width:100px}
#app .ok-app .ux-brand{width:88px;flex-basis:88px}
#app .ok-app .ux-brand img{width:100%;height:auto}
#app .onto-landing-footer img{width:110px;height:auto}
#app :is(.link,.ok-text-button),body summary{min-height:44px}
#app .btn:disabled,body .button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:700px){#app .onto-landing-header img{width:var(--onto-logo-welcome)}#app .onto-landing.onto-landing-simple .onto-landing-header{padding:40px 24px 20px}#app .ok-app .ux-brand{width:80px;flex-basis:80px}}
@media(prefers-reduced-motion:reduce){#app .btn,body .button{transition:none}}