.nav11{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.nav11 a{color:#e8e4ff;text-decoration:none}
.hero11{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;min-height:78vh;padding-top:40px}
.orb11{position:relative;aspect-ratio:1;max-width:460px;width:100%;margin:auto}.orb11 img{position:absolute;left:50%;top:50%;width:42%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 40px rgba(255,170,100,.5))}
.orb11 .ring{position:absolute;inset:8%;border:2px dashed rgba(210,194,255,.35);border-radius:50%;animation:spin 60s linear infinite}.orb11 .r2{inset:22%;animation-duration:40s;animation-direction:reverse}
.orb11 .pl{position:absolute;font-weight:700;color:#fff;font-size:15px;padding-top:54px;text-align:center;transform:translate(-50%,-50%)}
.orb11 .pl:before{content:"";position:absolute;top:0;left:50%;width:44px;height:44px;margin-left:-22px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,var(--c) 45%,#1a1040);box-shadow:0 0 26px var(--c)}
.p1{left:50%;top:6%;--c:#ffc27f}.p2{left:92%;top:46%;--c:#ff8cc6}.p3{left:50%;top:88%;--c:#8fd3ff}.p4{left:8%;top:46%;--c:#d2c2ff}
@keyframes spin{to{transform:rotate(360deg)}}
.res svg{margin-bottom:8px}.svc11 .card{position:relative}.st{display:inline-block;font-size:13px;padding:2px 10px;border-radius:20px;border:1px solid #ffc27f88;color:#ffc27f;margin-bottom:8px}.st.on{border-color:#7be3b0aa;color:#7be3b0}
.sales11{display:flex;gap:30px;align-items:center;justify-content:space-between;flex-wrap:wrap}.sales11>div{flex:1;min-width:260px}
.me11{display:flex;gap:24px;align-items:center}.me11 img{width:140px;height:auto;border-radius:20px}
#faq details{border-bottom:1px solid rgba(210,194,255,.2);padding:14px 0}#faq summary{cursor:pointer;font-weight:700}
@media(max-width:860px){.hero11{grid-template-columns:1fr;min-height:auto}.orb11{max-width:320px}.nav11 a:not(.btn){display:none}.grid.g4{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.grid.g4,.grid.g3{grid-template-columns:1fr}.me11{flex-direction:column;text-align:center}}
.hero11 h1.big{font-size:clamp(36px,4.2vw,60px)!important;line-height:1.05}
.orb11 .sys11{position:absolute;inset:0;animation:spin 50s linear infinite;will-change:transform}
.orb11 .sys11 .pl{animation:plcounter 50s linear infinite}
@keyframes plcounter{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}
.hero11{overflow-x:clip}
@media(prefers-reduced-motion:reduce){.orb11 .sys11,.orb11 .sys11 .pl,.orb11 .ring{animation:none}}
/* video section */
.vid11 .vframe{position:relative;max-width:960px;margin:24px auto 0;padding:6px;border-radius:24px;background:linear-gradient(135deg,rgba(255,140,40,.55),rgba(120,90,255,.25) 50%,rgba(255,140,40,.35));box-shadow:0 0 0 1px rgba(255,255,255,.06),0 20px 60px rgba(0,0,0,.5),0 0 50px rgba(255,140,40,.15)}
.vid11 video{display:block;width:100%;height:auto;border-radius:18px;background:#05060f}
.vid11 .vm{display:none}
@media (max-width:759px){.vid11 .vd{display:none}.vid11 .vm{display:block}.vid11 .vframe{max-width:360px;padding:4px;border-radius:20px}.vid11 video{border-radius:16px}}

.hx{list-style:none;padding:0;margin:18px 0;display:flex;flex-wrap:wrap;gap:8px 18px}.hx li{color:#cfd6e6}.hx b{color:#ffc27f}.pk .card{display:flex;flex-direction:column}.pk .pm{margin:auto 0 12px;padding-top:12px;line-height:1.5}.pk .pm b{color:#fff}.pk .hl{border-color:#ff9a3c;box-shadow:0 0 0 1px #ff9a3c55}.pk .btn{align-self:flex-start}
.pk ul{margin:8px 0 0;padding-left:18px;flex:1}.pk li{margin:4px 0}