/* Desktop presentation scale. Touch layouts retain their existing dimensions. */
@media screen and (min-width:761px) and (hover:hover) and (pointer:fine){
 html[data-vt-theme]{zoom:1.25}
 /* Model tooltip coordinates already use viewport pixels; avoid scaling them twice. */
 html[data-vt-theme] .vt-model-tooltip{zoom:.8}

 /* Viewport units are not reduced by CSS zoom. Keep overlays within the screen. */
 html[data-vt-theme] body.vt-app,
 html[data-vt-theme] body.vt-app .min-h-screen,
 html[data-vt-theme] body.vt-auth #root>div{min-height:80dvh!important}
 html[data-vt-theme] .purchase-dialog{
  width:min(620px,calc(80vw - 32px));max-width:calc(80vw - 32px);
  max-height:calc(80dvh - 32px)!important;
 }
 html[data-vt-theme] .purchase-shell{max-height:calc(80dvh - 34px)!important}
 html[data-vt-theme] body.vt-app div.fixed.inset-0.z-50>div.rounded-2xl,
 html[data-vt-theme] body.vt-app :is(.cp-up-dialog,.sf-p2-modal,.vt-wallet-pay-dialog>div),
 html[data-vt-theme] :is(#pw-change-modal,#bind-modal,#fp-modal)>div{
  max-height:calc(80dvh - 32px)!important;overflow-y:auto;overscroll-behavior:contain;
  max-width:calc(80vw - 32px)!important;
 }
 html[data-vt-theme] body.vt-app [class~="max-h-[90vh]"]{max-height:72dvh!important}
 html[data-vt-theme] .toc{max-height:calc(80dvh - var(--nav-h) - 40px)}
 html[data-vt-theme] body.vt-app .vt-plan-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))!important}
}
@media screen and (min-width:761px) and (max-width:1375px) and (hover:hover) and (pointer:fine){
 .vt-home .vt-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .vt-home .vt-provider-row{gap:40px}
 .vt-home .vt-connect{gap:40px}
 html[data-vt-theme] .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-vt-theme] body.vt-app .vt-card-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
 html[data-vt-theme] body.vt-app .vt-card-stat:nth-child(3){border-left:0!important;padding-left:0!important}
}
@media screen and (min-width:761px) and (max-width:1100px) and (hover:hover) and (pointer:fine){
 .vt-home .vt-site-links{display:none}
 .vt-home .vt-mobile-toggle{display:block;min-width:40px;min-height:40px}
 .vt-home #vt-mobile-links{padding:12px 28px;border-top:1px solid var(--vt-line)}
 .vt-home #vt-mobile-links a{display:block;min-height:40px;padding:10px 0;font-size:14px}
 .vt-home .vt-connect,.vt-home .vt-products{grid-template-columns:1fr;gap:24px}
 .vt-home .vt-nav-row{gap:16px}
 .vt-home .vt-nav-actions{gap:10px}
 .vt-home .vt-provider-row{gap:24px}
 html[data-vt-theme] .nav-links{display:none}
 html[data-vt-theme] .menu{display:inline-flex;align-items:center;justify-content:center}
 html[data-vt-theme] .nav-inner .account{margin-left:auto}
 html[data-vt-theme] .model-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media screen and (min-width:761px) and (max-width:950px) and (hover:hover) and (pointer:fine){
 html[data-vt-theme] .plan-grid{grid-template-columns:1fr}
 .vt-home .vt-wrap{width:calc(100% - 48px)}
 .vt-home .vt-section-title{align-items:start;flex-direction:column;gap:16px}
 .vt-home .vt-provider-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
 .vt-home .vt-provider-row>span{justify-content:center}
 .vt-home .vt-start-grid{grid-template-columns:1fr;gap:28px}
 .vt-home .vt-footer-top{flex-direction:column;gap:24px}
}