/* upme landing — базовые стили. Основная вёрстка — инлайн-стили в index.html */
html{scroll-behavior:smooth}
[id]{scroll-margin-top:24px}
img{max-width:100%}
a:focus-visible,button:focus-visible{outline:2px solid #FF4B00;outline-offset:3px;border-radius:10px}
html,body{margin:0;padding:0;background:#0A0A0A}
a{color:#FF4B00;text-decoration:none}
a:hover{color:#FF7A3D}
@keyframes upFloat{0%,100%{translate:0 0}50%{translate:0 -16px}}
@keyframes upRise{from{opacity:0;translate:0 60px}to{opacity:1;translate:0 0}}
@keyframes upPulse{0%,100%{scale:1;opacity:.28}50%{scale:1.15;opacity:.42}}
@keyframes upFill{from{width:0}}
@keyframes upBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes upMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
[data-burger]{display:none!important}
@media (max-width:1150px){[data-u-phones]{order:-1;flex-basis:100%!important}}
@media (max-width:640px){[data-wide]{grid-column:auto!important}[data-desk-nav]{display:none!important}[data-burger]{display:flex!important}[data-hero-side]{display:none!important}[data-av-stage]{flex-wrap:wrap;gap:12px}[data-av-card]{position:static!important;width:auto!important;flex:1 1 150px}[data-av-lvl]{position:static!important;flex:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* hover-состояния */
.h1:hover{color:#FF6A26 !important}
.h2:hover{color:#FFFFFF !important}
.h3:hover{color:#FFFFFF !important}
.h4:hover{color:#FFFFFF !important}
.h5:hover{color:#FFFFFF !important}
.h6:hover{background:#FF6A26 !important;color:#FFFFFF !important}
.h7:hover{color:#FF6A26 !important}
.h8:hover{background:#FF6A26 !important;color:#FFFFFF !important}
.h9:hover{background:rgba(255,75,0,0.12) !important;color:#FFFFFF !important}
.h10:hover{border-color:#FFFFFF !important;color:#FFFFFF !important}
.h11:hover{border-color:#FFFFFF !important;color:#FFFFFF !important}
.h12:hover{transform:translateY(-6px) !important}
.h13:hover{transform:translateY(-6px) !important}
.h14:hover{transform:translateY(-6px) !important}
.h15:hover{transform:translateY(-6px) !important}
.h16:hover{transform:translateY(-6px) !important}
.h17:hover{transform:translateY(-6px) !important}
.h18:hover{transform:translateY(-6px) !important}
.h19:hover{transform:translateY(-6px) !important}
.h20:hover{transform:translateY(-6px) !important}
.h21:hover{transform:translateY(-6px) rotate(-1.5deg) !important}
.h22:hover{transform:translateY(-6px) rotate(-1.5deg) !important}
.h23:hover{transform:translateY(-6px) rotate(-1.5deg) !important}
.h24:hover{transform:translateY(-6px) rotate(-1.5deg) !important}
.h25:hover{transform:translateY(-6px) rotate(-1.5deg) !important}
.h26:hover{transform:translateY(-6px) rotate(-1.5deg) !important}
.h27:hover{transform:translateY(-6px) rotate(-1.5deg) !important}
.h28:hover{transform:translateY(-6px) !important}
.h29:hover{transform:translateY(-6px) !important}
.h30:hover{transform:translateY(-6px) !important}
.h31:hover{transform:translateY(-6px) !important}
.h32:hover{background:#1A1A1A !important;color:#FFFFFF !important}
.h33:hover{background:#1A1A1A !important;color:#FFFFFF !important}
.h34:hover{color:#FF6A26 !important}
.h35:hover{background:rgba(0,203,248,0.28) !important;color:#00CBF8 !important}
.h36:hover{background:rgba(255,75,0,0.28) !important;color:#FF6A26 !important}
.h37:hover{background:rgba(255,48,186,0.28) !important;color:#FF6AD0 !important}
.h38:hover{background:rgba(139,108,255,0.3) !important;color:#A68FFF !important}
.h39:hover{color:#FFD970 !important}