*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;font-family:Vazirmatn,Tahoma,sans-serif;color:#f7f8ff;background:#07080e}.home-glow{position:fixed;border-radius:50%;filter:blur(20px);pointer-events:none}.glow-one{width:430px;height:430px;right:-170px;top:-130px;background:#5e4dd933}.glow-two{width:380px;height:380px;left:-160px;bottom:-120px;background:#20cad329}.home-nav{width:min(1160px,calc(100% - 40px));height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #25283a;position:relative;z-index:2}.home-logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:22px}.home-logo img{width:42px;height:42px;object-fit:contain}.home-nav nav{display:flex;align-items:center;gap:28px}.home-nav nav a{color:#aab1c7;text-decoration:none;font-size:12px;transition:.25s}.home-nav nav a:hover{color:#7de6eb}.home-nav .nav-login{padding:10px 17px;border:1px solid #514b8c;border-radius:10px;color:#dad8ff;background:#211d46}.hero{width:min(1160px,calc(100% - 40px));min-height:650px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;position:relative;z-index:1}.eyebrow{display:inline-block;padding:7px 12px;border:1px solid #5b55a0;border-radius:30px;color:#7de8ec;font-size:10px;letter-spacing:1px}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.45;margin:20px 0 13px;letter-spacing:-1px}.hero h1 strong{background:linear-gradient(90deg,#75e6ec,#a68cff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:480px;color:#aeb5ca;line-height:2.2;font-size:13px}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:28px}.primary-action{padding:14px 20px;border-radius:11px;background:linear-gradient(100deg,#6353dc,#32b9c4);color:#fff;text-decoration:none;font-size:12px;box-shadow:0 10px 25px #5347ca44;transition:.25s}.primary-action:hover{box-shadow:0 15px 30px #5347ca66}.primary-action span{font-size:18px;margin-right:8px}.text-action{color:#aeb5cb;text-decoration:none;font-size:11px}.text-action:hover{-webkit-text-fill-color: solid gold;}.hero-art{height:470px;display:grid;place-items:center;position:relative}.logo-stage{width:245px;height:245px;display:grid;place-items:center;border:1px solid #6ce3eb55;border-radius:50%;background:radial-gradient(circle,#26365c,#151735 62%,transparent 63%);box-shadow:0 0 0 20px #6ce3eb08,0 0 70px #6357cf44;animation:float 4s ease-in-out infinite}.logo-stage img{width:150px;filter:drop-shadow(0 0 18px #725cf5)}.orbit{position:absolute;border:1px solid #6ce3eb30;border-radius:50%;transform:rotate(-25deg)}.orbit-a{width:410px;height:160px}.orbit-b{width:310px;height:390px;transform:rotate(48deg)}.float-card{position:absolute;padding:10px 14px;border:1px solid #393d5c;border-radius:10px;background:#171927dd;backdrop-filter:blur(8px);color:#bfc6df;font-size:10px;box-shadow:0 8px 20px #0005}.card-top{top:95px;right:5px}.card-bottom{bottom:92px;left:15px}.features{width:min(1160px,calc(100% - 40px));margin:70px auto 120px}.section-heading{text-align:center}.section-heading span,.plans-mini>div>span{color:#76e4e9;font-size:10px}.section-heading h2{font-size:26px;margin:8px 0 28px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{padding:25px;border:1px solid #303449;border-radius:16px;background:linear-gradient(145deg,#141722,#17192a);transition:.25s}.feature-grid article:hover{border-color:#5a55a4}.feature-grid i{font-style:normal;font-size:25px;color:#79e6eb}.feature-grid h3{font-size:15px;margin:15px 0 7px}.feature-grid p{color:#9da5ba;font-size:11px;line-height:2}.plans-mini{width:min(1160px,calc(100% - 40px));margin:0 auto 80px;padding:27px 30px;display:flex;align-items:center;justify-content:space-between;border:1px solid #423c75;border-radius:18px;background:linear-gradient(100deg,#1b193b,#152b38)}.plans-mini h2{font-size:19px;margin:8px 0}.plans-mini p{font-size:11px;color:#aab2c6;margin:0}.plans-mini>a{padding:11px 17px;border-radius:10px;background:#6656dc;color:#fff;text-decoration:none;font-size:11px}.plans-mini b{font-size:17px;margin-right:7px}footer{text-align:center;color:#656d84;font-size:10px;border-top:1px solid #25283a;padding:22px}footer span{color:#70e4e9;margin:0 8px}@keyframes float{50%{transform:translateY(-10px)}}/* ═════════════ Responsive System ═════════════
   موبایل ← ۴۸۰px | تبلت ← ۴۸۱-۸۲۰px | دسکتاپ ← ۸۲۱px+ | نمایشگر بزرگ ← ۱۴۴۰px+ */

/* ── موبایل کوچک (تا ۴۸۰px) ── */
@media(max-width:480px){
.home-nav{width:calc(100% - 28px);height:64px}
.home-logo{font-size:19px}
.home-logo img{width:36px;height:36px}
.hero,.features,.plans-mini{width:calc(100% - 28px)}
.hero{padding:52px 0 32px;gap:28px}
.hero h1{font-size:33px}
.hero-copy>p{font-size:12px}
.hero-actions{gap:12px;flex-wrap:wrap}
.primary-action{padding:12px 16px;font-size:11px}
.text-action{font-size:11px}
.hero-art{height:250px}
.logo-stage{width:160px;height:160px}
.logo-stage img{width:96px}
.orbit-a{width:250px;height:100px}
.orbit-b{width:210px;height:260px}
.float-card{font-size:9px;padding:8px 10px}
.card-top{top:14px;right:4%}
.card-bottom{bottom:16px;left:4%}
.features{margin:44px auto 70px}
.section-heading h2{font-size:21px}
.feature-grid article{padding:20px 16px}
.plans-mini{padding:22px 18px}
.plans-mini h2{font-size:16px}
footer{font-size:9px;padding:18px 14px}
}

/* ── موبایل بزرگ / تبلت عمودی (۴۸۱-۸۲۰px) ── */
@media(max-width:820px) and (min-width:481px){
.home-nav{height:70px}
.home-nav nav{gap:12px}
.home-nav nav a:not(.nav-login){display:none}
.hero{grid-template-columns:1fr;min-height:auto;padding:64px 0 40px;text-align:center;gap:30px}
.hero-copy>p{margin-inline:auto}
.hero-actions{justify-content:center}
.hero-art{height:330px;order:-1}
.logo-stage{width:185px;height:185px}
.logo-stage img{width:112px}
.orbit-a{width:300px;height:120px}
.orbit-b{width:250px;height:310px}
.card-top{top:18px;right:9%}
.card-bottom{bottom:22px;left:9%}
.feature-grid{grid-template-columns:repeat(2,1fr);gap:14px}
.feature-grid article:last-child{grid-column:1/-1}
.plans-mini{display:block;text-align:center}
.plans-mini>a{display:inline-block;margin-top:20px}
}

/* ── تبلت افقی تا لپ‌تاپ (۸۲۱-۱۰۲۴px) ── */
@media(max-width:1024px) and (min-width:821px){
.hero{gap:30px}
.hero h1{font-size:clamp(34px,4.4vw,50px)}
.hero-art{height:400px}
.logo-stage{width:215px;height:215px}
.orbit-a{width:360px;height:140px}
.orbit-b{width:280px;height:350px}
.feature-grid{gap:14px}
}

/* ── نمایشگرهای خیلی بزرگ (۱۴۴۰px+) ── */
@media(min-width:1440px){
.home-nav,.hero,.features,.plans-mini{width:min(1280px,calc(100% - 64px))}
.hero{min-height:720px}
.features{margin:90px auto 140px}
.feature-grid article{padding:32px 28px}
.hero h1{font-size:clamp(42px,4.6vw,72px)}
.logo-stage{width:270px;height:270px}
.logo-stage img{width:165px}
.orbit-a{width:450px;height:175px}
.orbit-b{width:340px;height:425px}
.plans-mini{padding:34px 40px}
}

/* ── لمس: هوور در دستگاه‌های لمسی بی‌اثر/معکوس نشود ── */
@media(hover:none){
.hero-art .logo-stage{animation:none}
.float-card{position:static;margin:6px 4px;display:inline-block}
.hero-art{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}
}

/* ── کاهش انیمیشن برای کاربران حساس ── */
@media(prefers-reduced-motion:reduce){
*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* حاشیه‌ی متحرک مخصوص کارت‌های صفحه Home */
/* تعریف متغیر سفارشی برای چرخش نرم زاویه */



@property --angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

.feature-grid article {
    position: relative;
    isolation: isolate;
    border-radius: 16px;
    overflow: hidden;
    border: none;
    background: transparent;
}

.feature-grid article::before {
    content: "";
    position: absolute;
    width: 200%;
    aspect-ratio: 1 / 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    z-index: -2;
    background: conic-gradient(
        from var(--angle),
        transparent 0deg,
        transparent 4deg,
        #6ee5eb 280deg,
        #9a7cff 360deg
    );
    opacity: 0;
    /* انیمیشن همیشه تعریف شده تا موقع برداشتن موس صفر و پرش‌دار نشود */
    animation: borderLoop 1.3s linear infinite;
    /* در حالت عادی انیمیشن متوقف است */
    animation-play-state: paused;
    
    /* افکت محو شدن نرم (Fade out) هنگام خروج موس */
    transition: opacity 0.5s ease;
}

.feature-grid article::after {
    content: "";
    position: absolute;
    inset: 1px; 
    z-index: -1;
    border-radius: calc(16px - 1.5px); 
    background: linear-gradient(145deg, #141722, #17192a);
}

.feature-grid article:hover::before {
    opacity: 1;
    /* هنگام هوور، انیمیشن ادامه پیدا می‌کند */
    animation-play-state: running;
}

@keyframes borderLoop {
    to {
        --angle: 360deg;
    }
}

@media (prefers-reduced-motion: reduce) {
    .feature-grid article:hover::before {
        animation: none;
        opacity: 1;
    }
}

.axon-loader{position:fixed;inset:0;z-index:100;background:#07080e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;transition:opacity .45s,visibility .45s}
.axon-loader.hide{opacity:0;visibility:hidden;pointer-events:none}
.axon-loader img{width:72px;filter:drop-shadow(0 0 20px #6b5be7);animation:loaderPulse 1.4s ease-in-out infinite}
.axon-loader p{color:#aab1c8;font-size:12px}
.loader-ring{width:28px;height:28px;border:2px solid #30364d;border-top-color:#71e3e9;border-left-color:#8979fa;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes loaderPulse{0%,100%{transform:scale(.96)}50%{transform:scale(1.05)}}