/* главная */
.mh{position:relative;overflow:hidden;min-height:640px;padding:88px 0 110px;background:radial-gradient(ellipse 60% 55% at 78% 62%,rgba(255,106,0,.42),rgba(255,106,0,0) 60%),radial-gradient(ellipse 55% 50% at 14% 26%,rgba(139,92,255,.3),rgba(139,92,255,0) 65%),radial-gradient(ellipse 80% 40% at 50% 100%,rgba(34,227,255,.22),rgba(34,227,255,0) 70%),linear-gradient(180deg,#060a18,#0a0f24 55%,#140a12)}
.mh-grid{position:absolute;left:-200px;right:-200px;bottom:-260px;height:620px;transform:perspective(520px) rotateX(64deg);background-image:linear-gradient(rgba(34,227,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(34,227,255,.45) 1px,transparent 1px);background-size:64px 64px;opacity:.5;animation:mgrid 6s linear infinite}
@keyframes mgrid{to{background-position:0 64px,0 0}}
.mh-fade{position:absolute;left:0;right:0;bottom:0;height:420px;background:linear-gradient(180deg,rgba(5,7,13,0),rgba(5,7,13,.2) 40%,var(--bg))}
.mh-weld{position:absolute;left:72%;top:58%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;background:radial-gradient(circle,#fff 0 6%,#fff1c8 10%,#ffb347 22%,rgba(255,106,0,.55) 42%,rgba(255,106,0,0) 70%);animation:mpulse 1.6s ease-in-out infinite}
.mh-sparks{position:absolute;left:72%;top:58%;width:0;height:0}
.spark{position:absolute;border-radius:50%;background:#ffe2a8;box-shadow:0 0 6px 2px rgba(255,122,26,.9);opacity:0;animation:mfly var(--t) cubic-bezier(.2,.6,.4,1) infinite;animation-delay:var(--d)}
.streak{position:absolute;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(255,226,168,0),#ffe2a8);opacity:0;transform-origin:right center;animation:mfly var(--t) linear infinite;animation-delay:var(--d)}
@keyframes mfly{0%{opacity:0;transform:translate(0,0) rotate(var(--r))}8%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r))}}
@keyframes mpulse{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}
.mh-orb{position:absolute;left:8%;top:14%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(200,245,255,.9) 0 3%,rgba(34,227,255,.5) 12%,rgba(139,92,255,.25) 35%,rgba(139,92,255,0) 65%);filter:blur(2px)}
.mh .wrap{position:relative;z-index:5}
.mh-txt{max-width:820px}
.mh h1{margin:24px 0;font-family:var(--uf);font-size:clamp(40px,5.2vw,76px);line-height:.98;text-transform:uppercase;font-weight:200}
.mh h1 b{font-weight:800}
.mh h1 em{font-style:normal;font-weight:800;color:#ffb347;text-shadow:0 0 32px rgba(255,122,26,.55)}
.mh p{margin:0 0 32px;max-width:640px;font-size:20px;color:var(--tx2)}
.mh-down{position:absolute;left:50%;bottom:28px;margin-left:-20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--tx);z-index:5;animation:mbob 2s ease-in-out infinite}
.neo .mh-down{color:var(--tx)}
@keyframes mbob{50%{transform:translateY(6px)}}
/* направления */
.dirs{padding-top:24px;text-align:center}
.dirs .kicker{color:#ff8a3d}
.dirs .h2{margin:14px 0 48px}
.hexes{display:flex;flex-direction:column;align-items:center}
.hex-row{display:flex;gap:22px;justify-content:center}
.hex-row+.hex-row{margin-top:-64px}
.neo .hx{--c:34,227,255;position:relative;display:block;width:300px;height:346px;text-decoration:none;color:var(--tx);opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1),filter .3s}
.hx.in{opacity:1;transform:none}
.hx:nth-child(2){transition-delay:.12s}.hx:nth-child(3){transition-delay:.24s}
.hex-row+.hex-row .hx:nth-child(1){transition-delay:.36s}.hex-row+.hex-row .hx:nth-child(2){transition-delay:.48s}
.hx-in{position:absolute;inset:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#0b101c;overflow:hidden}
.hx-in img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:mkb 14s ease-in-out infinite alternate;transition:filter .4s}
.hx:nth-child(2) .hx-in img{animation-delay:-5s}.hx:nth-child(3) .hx-in img{animation-delay:-9s}
@keyframes mkb{from{transform:scale(1.02)}to{transform:scale(1.12) translate(-2%,-2%)}}
.hx-in:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,7,13,.15) 20%,rgba(5,7,13,.92) 88%)}
.hx-in:after{content:"";position:absolute;z-index:2;left:-60%;top:-20%;width:40%;height:140%;background:linear-gradient(90deg,transparent,rgba(var(--c),.28),transparent);transform:rotate(20deg);animation:mscan 7s ease-in-out infinite}
.hx:nth-child(2) .hx-in:after{animation-delay:1.4s}.hx:nth-child(3) .hx-in:after{animation-delay:2.8s}
.hex-row+.hex-row .hx:nth-child(1) .hx-in:after{animation-delay:4.2s}.hex-row+.hex-row .hx:nth-child(2) .hx-in:after{animation-delay:5.6s}
@keyframes mscan{0%,70%{left:-60%}100%{left:130%}}
.hx-edge{position:absolute;inset:0;z-index:3;pointer-events:none}
.hx-edge polygon{fill:none;stroke:rgba(var(--c),.55);stroke-width:1.5;vector-effect:non-scaling-stroke;transition:stroke .3s}
.hx-t{position:absolute;left:0;right:0;top:188px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 34px}
.hx-t b{font-family:var(--uf);font-weight:700;font-size:17px;text-transform:uppercase;line-height:1.2}
.hx-t small{font-size:13px;color:var(--tx2);line-height:1.35}
.hx-t span{margin-top:6px;padding:7px 14px;border:1.5px solid rgb(var(--c));border-radius:4px;font-size:12px;font-weight:700;letter-spacing:.08em;color:rgb(var(--c));text-transform:uppercase;transition:background .3s,color .3s}
.neo .hx.in:hover{transform:translateY(-8px);filter:drop-shadow(0 0 22px rgba(var(--c),.45));transition-delay:0s}
.hx:hover .hx-in img{filter:brightness(1.2) saturate(1.15)}
.hx:hover .hx-edge polygon{stroke:rgb(var(--c))}
.hx:hover .hx-t span{background:rgb(var(--c));color:#05070d}
/* цифры */
.stats{margin-top:72px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
.stats div{display:flex;flex-direction:column;gap:6px;align-items:center}
.stats b{font-family:var(--uf);font-weight:700;font-size:40px;line-height:1.1}
.stats span{font-size:14px;color:var(--tx3);text-transform:uppercase;letter-spacing:.12em}
/* как работаем */
.how{text-align:center}
.how-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;text-align:left;max-width:1080px;margin:0 auto}
.how-c{padding:32px;border-radius:14px;background:linear-gradient(160deg,rgba(var(--c),.15),rgba(var(--c),0) 60%),var(--card);border:1px solid rgba(var(--c),.35);display:flex;flex-direction:column;gap:14px}
.how-c i{font-style:normal;font-size:13px;font-weight:700;letter-spacing:.24em;color:rgb(var(--c));text-transform:uppercase}
.how-c b{font-family:var(--uf);font-weight:700;font-size:24px;line-height:1.25}
.how-c span{font-size:16px;color:var(--tx2)}
@media (max-width:1100px){
 .hex-row{flex-wrap:wrap}
 .neo .hx{width:240px;height:277px}.hx-t{top:140px;padding:0 26px}.hx-t b{font-size:16px}.hx-t small{display:none}
 .hex-row+.hex-row{margin-top:-50px}
}
@media (max-width:900px){
 .mh{min-height:0;padding:40px 0 90px}
 .mh h1{margin:14px 0}
 .mh p{font-size:16px;margin-bottom:22px}
 .mh-weld{left:84%;top:12%;width:110px;height:110px;margin:-55px 0 0 -55px;opacity:.8}.mh-sparks{left:84%;top:12%;opacity:.7}
 .mh-orb{width:160px;height:160px}
 .mh .hero-btns{flex-direction:column;gap:12px}
 .mh-down{display:none}
 .dirs{padding-top:8px}.dirs .h2{margin:10px 0 24px}
 .hexes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px}
 .hex-row{display:contents}
 .hex-row+.hex-row{margin-top:0}
 .neo .hx{width:100%;height:auto;aspect-ratio:300/346;margin-bottom:-9%}
 .hex-row+.hex-row .hx:last-child{grid-column:1/-1;width:50%;justify-self:center;margin-top:-6%}
 .hx-t{top:auto;bottom:22%;padding:0 18px;gap:6px}.hx-t b{font-size:12px}.hx-t span{padding:5px 9px;font-size:10px}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;margin-top:40px;padding:26px 0}
 .stats b{font-size:26px}.stats span{font-size:11px}
 .how-cards{grid-template-columns:1fr;gap:14px}
 .how-c{padding:22px 18px}.how-c b{font-size:18px}.how-c span{font-size:14px}
}
@media (prefers-reduced-motion:reduce){.spark,.streak,.mh-grid,.mh-weld,.hx-in img,.hx-in:after,.mh-down{animation:none}.spark,.streak{display:none}.neo .hx{opacity:1;transform:none;transition:none}}