/* Алло Да · cinematic scroll design inspired by the restrained EV-service visual language of nebenzin.ru.
   An original implementation: no remote font dependencies and no layout-hiding effects. */
:root {
  --ad-night:#031721;
  --ad-midnight:#052531;
  --ad-lime:#b9ff38;
  --ad-ice:#82e8e4;
  --ad-line:rgba(122,214,228,.25);
}
html { scroll-behavior:smooth; }
body.clear-glossy, #presale-v2-root {
  background-color:var(--ad-night);
}
#presale-v2-root {
  font-family:"Manrope","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
#presale-v2-root .v2-topbar {
  border-bottom-color:rgba(119,220,237,.25);
  background:rgba(3,21,31,.78);
  box-shadow:0 14px 45px rgba(0,9,17,.17);
}
#presale-v2-root .v2-nav {
  background:linear-gradient(115deg,rgba(15,64,78,.79),rgba(3,28,40,.75));
  box-shadow:inset 0 1px 0 rgba(177,252,234,.07);
}
#presale-v2-root .v2-hero {
  background:radial-gradient(ellipse at 25% 36%,rgba(13,99,108,.32),transparent 65%),#061b28;
}
#presale-v2-root .v2-hero:before {
  background:
    linear-gradient(90deg,rgba(1,19,28,.28),rgba(2,26,36,.79) 45%,rgba(2,25,35,.35)),
    linear-gradient(0deg,#021821 0,transparent 40%);
}
#presale-v2-root .v2-hero-copy h1 {
  letter-spacing:-.045em;
  text-wrap:balance;
  text-shadow:0 5px 40px rgba(0,9,15,.65);
}
#presale-v2-root .v2-overline, #presale-v2-root .sf-eyebrow {
  letter-spacing:.14em;
  color:#b6ebe9;
}
#presale-v2-root .v2-hero-sub {
  line-height:1.56;
  color:#ecf8fa;
}
#presale-v2-root .sf-sectors {
  background:
    radial-gradient(ellipse at 80% 0,rgba(18,97,112,.18),transparent 38%),
    #041b26;
}
#presale-v2-root .sf-panel {
  background:#051c26;
}
#presale-v2-root .sf-panel:nth-child(2n) {
  background:#082633;
}
#presale-v2-root .sf-panel::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 72% 24%,rgba(66,194,203,.07),transparent 38%);
  z-index:1;
}
#presale-v2-root .sf-panel .sf-visual {
  background:#0b3340;
}
#presale-v2-root .sf-panel .sf-visual::after {
  background:
    linear-gradient(90deg,transparent 40%,rgba(4,26,36,.36)),
    linear-gradient(0deg,rgba(0,16,24,.53),transparent 48%);
}
#presale-v2-root .sf-panel .sf-content {
  z-index:2;
  position:relative;
}
#presale-v2-root .sf-content h3 {
  text-wrap:balance;
  letter-spacing:-.041em;
}
#presale-v2-root .sf-content .sf-description {
  color:#d1e3e4;
}
#presale-v2-root .sf-types span {
  border-color:rgba(96,204,207,.29);
  background:rgba(15,92,104,.15);
}
#presale-v2-root .sf-audios {
  border-top-color:rgba(131,234,221,.22);
}
#presale-v2-root .sf-lead {
  border-radius:13px;
  box-shadow:0 8px 26px rgba(136,242,91,.11);
}
#presale-v2-root .sf-privacy-note {
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
#presale-v2-root .sf-more summary {
  min-height:42px;
  display:flex;
  align-items:center;
}
/* True image parallax. JS supplies the CSS custom properties only for visible scenes. */
#presale-v2-root[data-motion="parallax"] .v2-hero-media img {
  animation:none!important;
  transform:translate3d(0,var(--ad-hero-y,0px),0) scale(1.13);
  transform-origin:50% 50%;
  transition:none;
}
#presale-v2-root[data-motion="parallax"] .sf-panel .sf-visual img,
#presale-v2-root[data-motion="parallax"] .sf-panel:hover .sf-visual img {
  transform:translate3d(0,var(--ad-image-y,0px),0) scale(1.13);
  transform-origin:center center;
  transition:none;
}
#presale-v2-root[data-motion="parallax"] .sf-panel.ad-inview .sf-visual img,
#presale-v2-root[data-motion="parallax"] .v2-hero.ad-inview .v2-hero-media img {
  will-change:transform;
}
#presale-v2-root .sf-panel .sf-content::after {
  content:"";
  position:absolute;
  inset:auto 10% 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(185,255,56,.16),transparent);
  pointer-events:none;
}
@media (max-width:820px) {
  #presale-v2-root .v2-hero-copy h1 {text-wrap:pretty;}
  #presale-v2-root .sf-panel .sf-content {
    box-shadow:none;
  }
}
@media (max-width:600px) {
  #presale-v2-root .sf-panel::before {background:none;}
  #presale-v2-root .sf-visual::after {
    background:linear-gradient(0deg,rgba(3,21,30,.55),transparent 43%);
  }
  #presale-v2-root .sf-more summary {font-size:15px;}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto;}
  #presale-v2-root .v2-hero-media img,
  #presale-v2-root .sf-panel .sf-visual img {
    transform:none!important;
    transition:none!important;
    animation:none!important;
    will-change:auto!important;
  }
}