/* Crisp rendering + vector logo */
html{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;text-rendering:optimizeLegibility}
body{font-synthesis:none}

/* Exact Sliqado mark as vector. No raster zooming. */
.logo-frame{width:42px;height:42px;display:block;overflow:hidden;border-radius:12px;background:#fff url('/sliqado-logo.svg?v=1') center/100% 100% no-repeat;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 8px 24px rgba(0,0,0,.22);flex:0 0 auto}
.logo-frame>img{display:none!important}
.logo-frame.preview{width:30px;height:30px;border-radius:8px}

/* Remove the 3D/GPU transforms that made Chromium text look soft. */
.app-preview{transform:none!important;backface-visibility:visible!important;will-change:auto!important}
.feature-card,.download-card,.multiversion-card,.metric,.preview-block{backface-visibility:visible!important;will-change:auto!important}

/* Larger native layout on high-resolution monitors instead of visually scaling a small canvas. */
@media(min-width:1500px){
  .shell{width:min(1380px,calc(100% - 80px))}
  .hero{min-height:790px;grid-template-columns:1.05fr .95fr;gap:72px;padding-top:92px;padding-bottom:102px}
  .hero h1{max-width:840px}
  .app-preview{padding:26px;border-radius:32px}
  .feature-grid{gap:18px}
  .feature-card{padding:28px}
  .download-wrap{padding:54px}
}
@media(min-width:2200px){
  .shell{width:min(1580px,calc(100% - 120px))}
  .hero{min-height:900px;gap:90px}
  .app-preview{padding:30px}
}
@media(max-width:680px){
  .logo-frame{width:36px;height:36px;border-radius:10px}
  .logo-frame.preview{width:28px;height:28px}
}