/* Shared typography and restrained motion for all public pages. */
:root{
  --za-font:"Manrope",Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --za-ease:cubic-bezier(.22,1,.36,1);
}
html{scroll-behavior:smooth}
body,button,input,select,textarea{font-family:var(--za-font)!important}
body{font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
h1,h2,h3,.hero-title,.section-title{font-family:var(--za-font)!important;text-wrap:balance}
p,.hero-subtitle,.section-subtitle{line-height:1.65;text-wrap:pretty}

/* Manrope stays readable at large sizes without looking inflated. */
.hero-title,.inner-hero h1,.reviews-hero h1,.za-catalog-hero h1,.za-landing-hero h1,.calc-hero h1,.za-detail-info h1{
  font-weight:760!important;
  letter-spacing:-.045em!important;
}
.section-title,.main-preview-head h2,.reviews-head h2,.za-section h2{font-weight:730!important;letter-spacing:-.035em!important}
.card-title,.main-car-body h3,.za-car h2{font-weight:700!important;letter-spacing:-.018em!important}

/* Elements become animated only after JS is ready, so content remains visible without it. */
.motion-ready .za-reveal{
  opacity:0;
  transform:translate3d(0,22px,0);
  transition:opacity .7s var(--za-ease),transform .7s var(--za-ease);
  transition-delay:var(--za-delay,0ms);
  will-change:opacity,transform;
}
.motion-ready .za-reveal.za-visible{opacity:1;transform:none;will-change:auto}

/* A calm premium hover, without glowing or jumping too much. */
.card,.main-car-card,.za-car,.step-card,.trust-card,.za-box,.short-video-card{
  transition:transform .32s var(--za-ease),border-color .32s ease,box-shadow .32s ease!important;
}
@media(hover:hover){
  .card:hover,.main-car-card:hover,.za-car:hover,.step-card:hover,.trust-card:hover,.za-box:hover,.short-video-card:hover{
    transform:translateY(-4px);
    box-shadow:0 22px 54px rgba(0,0,0,.3);
  }
}
@media(max-width:720px){
  .hero-title,.inner-hero h1,.reviews-hero h1,.za-catalog-hero h1,.za-landing-hero h1,.calc-hero h1,.za-detail-info h1{
    letter-spacing:-.035em!important;
  }
  p,.hero-subtitle,.section-subtitle{line-height:1.58}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .motion-ready .za-reveal{opacity:1;transform:none;transition:none}
}

.za-cookie-consent{position:fixed;z-index:1000;left:50%;bottom:18px;width:min(920px,calc(100% - 32px));transform:translateX(-50%);padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:rgba(10,7,20,.96);box-shadow:0 22px 70px rgba(0,0,0,.52);backdrop-filter:blur(24px);color:#fff}.za-cookie-consent strong{display:block;margin-bottom:4px;font-size:14px}.za-cookie-consent p{max-width:620px;margin:0;color:rgba(255,255,255,.62);font-size:11px;line-height:1.5}.za-cookie-consent a{color:#c4b5fd}.za-cookie-actions{display:flex;gap:8px;flex:none}.za-cookie-actions button{min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.055);color:#fff;font-size:11px;font-weight:750;cursor:pointer}.za-cookie-actions button:last-child{border-color:transparent;background:linear-gradient(135deg,#8b5cf6,#6d28d9)}
@media(max-width:720px){.za-cookie-consent{bottom:10px;padding:15px;display:grid;gap:13px;border-radius:17px}.za-cookie-actions{display:grid;grid-template-columns:1fr 1fr}.za-cookie-actions button{padding:0 10px;font-size:10px}}