/* Главный экран и бегущая строка */
.hero{position:relative;overflow:hidden;background:var(--hero);color:#fff;padding:72px 0 80px}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5}.b1{width:380px;height:380px;background:#14a37f;top:-120px;left:-80px;animation:float 9s ease-in-out infinite}.b2{width:320px;height:320px;background:#0d8f9a;bottom:-140px;right:8%;animation:float 11s ease-in-out infinite reverse}
.hg{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:center}
.hero h1{font-size:clamp(30px,5.2vw,52px);margin:14px 0}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#7fe3c6,#3fd0a5);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:#bfe0da;max-width:520px;margin:0 0 26px}.chip{display:inline-block;font-size:13px;padding:6px 14px;border-radius:99px;border:1px solid rgba(127,227,198,.4);color:#7fe3c6}.acts{display:flex;gap:12px;flex-wrap:wrap}
.hx>*{animation:up .8s var(--ease) both}.hx>:nth-child(2){animation-delay:.1s}.hx>:nth-child(3){animation-delay:.2s}.hx>:nth-child(4){animation-delay:.3s}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
.ring{position:relative;padding:3px;border-radius:24px;background:conic-gradient(from var(--a),#14a37f,#7fe3c6,#0d6e5a,#14a37f);animation:spin 6s linear infinite,up .9s var(--ease) .2s both}
.ring img{display:block;width:100%;height:340px;object-fit:cover;border-radius:21px}
.badge{position:absolute;left:-14px;bottom:24px;background:var(--card);color:var(--tx);padding:10px 16px;border-radius:12px;font-weight:700;font-size:14px;box-shadow:var(--sh);animation:float 5s ease-in-out infinite}
.mq{overflow:hidden;background:var(--card);border-block:1px solid var(--bd);padding:14px 0}.mt{display:flex;gap:40px;width:max-content;animation:scroll 40s linear infinite}
.mt span{white-space:nowrap;font-weight:700;color:var(--mut)}.mt span:before{content:"✦";color:var(--ac);margin-right:40px}.mq:hover .mt{animation-play-state:paused}
.dot{width:12px;height:12px;border-radius:50%;background:var(--ac);box-shadow:0 0 0 0 rgba(20,163,127,.6);animation:pulse 2s infinite}
@media(max-width:760px){.hg{grid-template-columns:1fr}.ring img{height:240px}.badge{left:10px}}