.xl{--fg:#e6ebf0;--mut:#9aa5b1;--card:#ffffff0a;--line:#d6dee624;max-width:1100px;padding:calc(env(safe-area-inset-top,0px) + 5rem) 20px 80px;margin:0 auto;line-height:1.9;position:relative}.xl .hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;min-height:80vh;padding:50px 0;display:grid}.xl .hero small{color:#e87878;letter-spacing:.15em;font-size:13px}.xl .hero h1{margin:8px 0;font-size:clamp(30px,5.2vw,54px);font-weight:800;line-height:1.3}.xl .hero p{max-width:560px;color:var(--mut);font-size:17px}.xl .seebtn{margin-top:20px}.xl .spec{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:56px 0;display:grid}.xl .spec.rev .art{order:2}.xl .num{color:var(--a);letter-spacing:.2em;text-align:right;direction:ltr;font-size:13px}.xl .spec h2{margin:4px 0 0;font-size:clamp(24px,3.4vw,36px);font-weight:800}.xl .spec .txt{min-width:0}.xl .spec .en{text-align:right;color:var(--mut);direction:ltr;margin-bottom:10px;font-size:14px}.xl .spec p{color:#c3ccd5;margin:0 0 16px}.xl .tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.xl .tags span{border:1px solid var(--line);color:var(--mut);border-radius:99px;padding:2px 12px;font-size:12px}.xl .art{aspect-ratio:4/3;border:1px solid var(--line);position:relative;overflow:hidden}.xl .art svg{width:100%;height:100%;display:block}.xl .cb{aspect-ratio:1;width:10.5%;color:var(--a);background:#0c0e12e0;border:1px solid #d6dee647;border-radius:50%;place-items:center;animation:5s ease-in-out infinite cbfloat;display:grid;position:absolute;transform:translate(-50%,-50%)}.xl .cb.f2{animation-duration:6.5s}.xl .cb.main{background:var(--a);color:#0a0a0a;border:0}.xl .cb svg,.xl .cb img{width:46%;height:46%}@keyframes cbfloat{50%{margin-top:-8px}}.xl .art .frame{position:absolute;inset:0}.xl .art img{object-fit:contain;width:60%;max-height:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.xl .tags span{transition:color .3s,border-color .3s}.xl .spec:hover .tags span{color:var(--fg);border-color:#d6dee64d}.xl .hb{transition:border-color .3s,transform .3s}.xl .hb:hover{border-color:var(--a)}.xl .art .g{stroke:var(--line);stroke-width:.5px}.xl .st{fill:none;stroke:var(--a);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.xl .dim{fill:none;stroke:#d6dee659;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.xl .fl{fill:none;stroke:var(--a);stroke-width:2px;stroke-dasharray:6 14;animation:2.2s linear infinite dash}.xl .fill{fill:var(--a);opacity:.85}.xl .soft{fill:var(--a);opacity:.12}.xl .pulse{fill:var(--a);transform-box:fill-box;transform-origin:50%;animation:2s ease-in-out infinite pulse}.xl .float{animation:5s ease-in-out infinite float}.xl .float2{animation:6.5s ease-in-out -2s infinite float}.xl .spin{transform-box:fill-box;transform-origin:50%;animation:24s linear infinite spin}.xl .corner{fill:none;stroke:var(--a);stroke-width:2px}.xl .scan{animation:4s ease-in-out infinite scan}.xl .glow{fill:var(--a);opacity:.22;filter:blur(26px)}.xl .bub{fill:#ffffff0d;stroke:#d6dee638;stroke-width:1px}.xl .bd{fill:#0c0e12e0;stroke:#d6dee647;stroke-width:1px}.xl .bd.main{fill:var(--a);stroke:none}.xl .ic{fill:none;stroke:var(--a);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.xl .main+g .ic{stroke:#0a0a0a}.xl .node{fill:#0d1014;stroke:var(--a);stroke-width:1.6px}[dir=ltr] .xl .num,[dir=ltr] .xl .spec .txt{min-width:0}.xl .spec .en{text-align:left}.xl .heroimg{--a:#6fd3c0;position:relative}.xl .heroimg:before{content:"";background:var(--a);opacity:.16;filter:blur(60px);border-radius:50%;position:absolute;inset:12% 8%}.xl .heroimg img{width:100%;display:block;position:relative}.xl #badges,.xl #bubs{position:absolute;inset:0}.xl .hb{-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 float;display:grid;position:absolute}.xl .hb.main{background:linear-gradient(135deg,#14b8a6,#0f766e);border:0}.xl .hb svg{fill:none;width:24px;height:24px;stroke:var(--a);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.xl .hb.main svg{stroke:#fff}.xl .bb{background:radial-gradient(circle at 30% 28%,#ffffff24,#ffffff08);border:1px solid #d6dee62e;border-radius:50%;animation:7s ease-in-out infinite float;position:absolute}[dir=ltr] .xl .hero small{text-align:left}@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)}}@media (max-width:800px){.xl .spec{grid-template-columns:1fr;gap:24px}.xl .spec.rev .art{order:0}}@media (max-width:860px){.xl .hero{grid-template-columns:1fr;min-height:auto;padding-top:64px}.xl .heroimg{order:-1;width:100%;max-width:400px;margin:30px auto 40px}.xl .hb{width:42px;height:42px;margin:-21px 0 0 -21px}.xl .hb svg{width:20px;height:20px}.xl .bb{transform:scale(.75)}}@media (prefers-reduced-motion:reduce){.xl *{animation:none!important}}