.xp{--a:#7ee0ff}.xp .hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;min-height:0;padding:12px 0 0;display:grid}.xp .hero h1{margin:8px 0;font-size:clamp(34px,6vw,62px);font-weight:800;line-height:1.2}.xp .hero h1 b{background:linear-gradient(90deg,var(--a),#b58cff);color:#0000;-webkit-background-clip:text;background-clip:text}.xp .hero p.lead{color:#c3ccd5;max-width:540px;font-size:17px;line-height:1.9}.xp .tags{flex-wrap:wrap;gap:8px;margin:18px 0 26px;display:flex}.xp .tags span{color:#9aa5b1;background:#ffffff0a;border:1px solid #d6dee624;border-radius:99px;padding:2px 12px;font-size:12px;transition:color .3s,border-color .3s}.xp .tags span:hover{color:#e6ebf0;border-color:#d6dee659}.xp .btns{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.xp .tags+.btns{margin-top:0}.xp .heroimg{position:relative}.xp .heroimg:before{content:"";background:var(--a);opacity:.18;filter:blur(60px);border-radius:50%;position:absolute;inset:12% 8%}.xp .heroimg img{width:100%;animation:6s ease-in-out infinite xpfl;display:block;position:relative}@keyframes xpfl{50%{transform:translateY(-10px)}}.xp #bubs,.xp .badges{position:absolute;inset:0}.xp .badges.narrow{display:none}.xp .bd{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);direction:ltr;background:#0e1014db;border:1px solid #d6dee640;border-radius:50%;place-items:center;width:54px;height:54px;margin:-27px 0 0 -27px;font:800 12px Vazirmatn,sans-serif;animation:5s ease-in-out infinite xpfl;display:grid;position:absolute}.xp .bd.main{background:var(--a);border:0}.xp .bd svg{fill:none;width:24px;height:24px;stroke:var(--a);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.xp .bd.main svg{stroke:#0a0a0a}.xp .bb{background:radial-gradient(circle at 30% 28%,#ffffff24,#ffffff08);border:1px solid #d6dee62e;border-radius:50%;animation:7s ease-in-out infinite xpfl;position:absolute}@media (max-width:860px){.xp .badges.wide{display:none}.xp .badges.narrow{display:block}.xp .bd{width:38px;height:38px;margin:-19px 0 0 -19px}.xp .bd svg{width:18px;height:18px}.xp .bb{transform:scale(.7)}.xp .hero{grid-template-columns:1fr;min-height:auto;padding-top:8px}.xp .heroimg{order:-1;width:100%;max-width:400px;margin:16px auto 20px}}@media (prefers-reduced-motion:reduce){.xp *{animation:none!important}}.xp .drawing{aspect-ratio:4/3;position:relative}.xp .drawing svg{width:100%;height:100%;display:block}.xp .drawing .st{fill:none;stroke:var(--a);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.xp .drawing .dim{fill:none;stroke:#d6dee659;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.xp .drawing .fl{fill:none;stroke:var(--a);stroke-width:2px;stroke-dasharray:6 14;animation:2.2s linear infinite dash}.xp .drawing .fill{fill:var(--a);opacity:.85}.xp .drawing .soft{fill:var(--a);opacity:.12}.xp .drawing .pulse{fill:var(--a);transform-box:fill-box;transform-origin:50%;animation:2s ease-in-out infinite pulse}.xp .drawing .float{animation:5s ease-in-out infinite float}.xp .drawing .float2{animation:6.5s ease-in-out -2s infinite float}.xp .drawing .spin{transform-box:fill-box;transform-origin:50%;animation:24s linear infinite spin}.xp .drawing .corner{fill:none;stroke:var(--a);stroke-width:2px}.xp .drawing .scan{animation:4s ease-in-out infinite scan}.xp .drawing .glow{fill:var(--a);opacity:.22;filter:blur(26px)}.xp .drawing .bub{fill:#ffffff0d;stroke:#d6dee638;stroke-width:1px}.xp .drawing .node{fill:#0d1014;stroke:var(--a);stroke-width:1.6px}@keyframes cbfloat{50%{margin-top:-8px}}@keyframes dash{to{stroke-dashoffset:-20px}}@keyframes pulse{50%{opacity:.3;transform:scale(1.8)}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{0%,to{transform:translateY(0)}50%{transform:translateY(190px)}}