/* =========================================================
   نوین پرداز توسعه آفرینان کاسپین — استایل اصلی سایت
   فونت: سیستمی (بدون CDN) | بدون وابستگی خارجی
   ========================================================= */

:root{
  --navy-deep:#0F2A44;
  --navy:#173B5E;
  --blue:#2D6CA3;
  --blue-light:#4F8FC7;
  --orange:#E8833A;
  --orange-dark:#D06A22;
  --green:#3d7a3d;
  --teal:#1b6f5c;
  --bg:#F5F7FA;
  --card:#FFFFFF;
  --ink:#1C2B3A;
  --muted:#5B6B7A;
  --line:#E3E8EE;
  --radius:14px;
  --ease:cubic-bezier(.22,.85,.32,1.1);
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Vazirmatn','IRANSans','Tahoma','Segoe UI',sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.9;
  overflow-x:hidden;
  position:relative;
}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}

/* =========================================================
   پس‌زمینه تزئینی متحرک (blobs)
   ========================================================= */
.bg-decor{
  position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;
}
.blob{
  position:absolute;border-radius:50%;
  filter:blur(60px);opacity:.35;
}
.blob-1{
  width:420px;height:420px;background:radial-gradient(circle,var(--blue-light),transparent 70%);
  top:-120px;right:-100px;
  animation:floatBlob 18s ease-in-out infinite;
}
.blob-2{
  width:340px;height:340px;background:radial-gradient(circle,var(--orange),transparent 70%);
  top:50%;left:-140px;
  animation:floatBlob 22s ease-in-out infinite reverse;
}
.blob-3{
  width:300px;height:300px;background:radial-gradient(circle,var(--teal),transparent 70%);
  bottom:-100px;right:20%;
  animation:floatBlob 26s ease-in-out infinite;
}
@keyframes floatBlob{
  0%,100%{transform:translate(0,0) scale(1);}
  33%{transform:translate(30px,-40px) scale(1.08);}
  66%{transform:translate(-20px,30px) scale(.95);}
}
@media(max-width:700px){.blob{filter:blur(40px);opacity:.25;}}

/* =========================================================
   نوار بالا
   ========================================================= */
.topbar{
  background:var(--navy-deep);
  color:#cfe0f0;
  font-size:.82rem;
  position:relative;z-index:60;
}
.topbar-inner{
  max-width:1200px;margin:0 auto;
  display:flex;justify-content:space-between;align-items:center;
  padding:7px 20px;
}
.topbar a{color:#cfe0f0;opacity:.85;transition:opacity .2s, color .2s;}
.topbar a:hover{opacity:1;color:var(--orange);}
.topbar-links{display:flex;gap:18px;flex-wrap:wrap;}
.btn-login{
  background:var(--orange);
  color:#fff!important;
  padding:5px 16px;
  border-radius:20px;
  font-weight:600;
  font-size:.8rem;
  transition:transform .2s, box-shadow .2s;
}
.btn-login:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(232,131,58,.4);}

/* =========================================================
   هدر اصلی / منو
   ========================================================= */
header{
  background:var(--navy);
  position:sticky;top:0;z-index:50;
  box-shadow:0 2px 14px rgba(0,0,0,.18);
  transition:box-shadow .3s;
}
header.scrolled{box-shadow:0 6px 22px rgba(0,0,0,.3);}
.nav-inner{
  max-width:1200px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 20px;
}
.brand{display:flex;align-items:center;gap:10px;}
.brand-logo{
  width:42px;height:42px;border-radius:10px;
  background:linear-gradient(135deg,var(--blue-light),var(--navy-deep));
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:800;font-size:1rem;
  flex-shrink:0;
  transition:transform .4s var(--ease);
}
.brand:hover .brand-logo{transform:rotate(-8deg) scale(1.08);}
.brand-name{color:#fff;font-weight:700;font-size:.95rem;letter-spacing:.3px;}
.brand-name span{display:block;font-size:.7rem;color:#9fb6cc;font-weight:400;}

nav.main-menu ul{display:flex;gap:4px;flex-wrap:wrap;}
nav.main-menu a{
  color:#dce8f3;
  padding:10px 14px;
  font-size:.88rem;
  border-radius:8px;
  transition:background .2s, color .2s;
  display:block;
  position:relative;
}
nav.main-menu a::after{
  content:"";position:absolute;right:14px;left:14px;bottom:6px;height:2px;
  background:var(--orange);border-radius:2px;
  transform:scaleX(0);transform-origin:center;
  transition:transform .25s var(--ease);
}
nav.main-menu a:hover, nav.main-menu a.active{color:#fff;}
nav.main-menu a:hover::after, nav.main-menu a.active::after{transform:scaleX(1);}

/* انیمیشن ورود تدریجی آیتم‌های منو */
nav.main-menu li{
  opacity:0;transform:translateY(-6px);
  animation:menuItemIn .5s var(--ease) forwards;
}
nav.main-menu li:nth-child(1){animation-delay:.05s;}
nav.main-menu li:nth-child(2){animation-delay:.1s;}
nav.main-menu li:nth-child(3){animation-delay:.15s;}
nav.main-menu li:nth-child(4){animation-delay:.2s;}
nav.main-menu li:nth-child(5){animation-delay:.25s;}
nav.main-menu li:nth-child(6){animation-delay:.3s;}
nav.main-menu li:nth-child(7){animation-delay:.35s;}
@keyframes menuItemIn{to{opacity:1;transform:none;}}

.menu-toggle{
  display:none;background:none;border:none;cursor:pointer;
  width:34px;height:30px;flex-direction:column;justify-content:center;gap:6px;
  padding:0;
}
.menu-toggle span{
  display:block;height:2px;width:100%;background:#fff;border-radius:2px;
  transition:transform .3s var(--ease), opacity .3s;
}
.menu-toggle.open span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.menu-toggle.open span:nth-child(2){opacity:0;}
.menu-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}

@media(max-width:900px){
  .menu-toggle{display:flex;}
  nav.main-menu{
    max-height:0;overflow:hidden;width:100%;order:3;
    transition:max-height .35s var(--ease);
  }
  nav.main-menu.open{max-height:400px;}
  nav.main-menu ul{flex-direction:column;padding:8px 0;}
  .nav-inner{flex-wrap:wrap;}
  .topbar-inner{flex-direction:column;gap:6px;padding:10px 16px;}
}

/* =========================================================
   اسلایدر هیرو
   ========================================================= */
.hero{
  position:relative;
  max-width:1200px;margin:22px auto 0;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 12px 40px rgba(15,42,68,.15);
}
.hero-slides{position:relative;height:340px;}
.slide{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;gap:34px;
  opacity:0;
  transform:scale(1.04);
  transition:opacity .9s var(--ease), transform 1.1s var(--ease);
  padding:30px;
  text-align:center;
  pointer-events:none;
}
.slide.active{opacity:1;transform:scale(1);pointer-events:auto;}
.slide-1{background:linear-gradient(120deg,#173B5E,#2D6CA3);}
.slide-2{background:linear-gradient(120deg,#0F2A44,#1d4f74);}
.slide-3{background:linear-gradient(120deg,#1d4f74,#3777a8);}
.slide-icon{
  font-size:4.2rem;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.25));
  animation:slideIconBob 3.2s ease-in-out infinite;
  flex-shrink:0;
  width: 300px;
}
.slide-icon img{
  border-radius: 15px;
}
@keyframes slideIconBob{
  0%,100%{transform:translateY(0) rotate(-2deg);}
  50%{transform:translateY(-12px) rotate(2deg);}
}
.slide-content{color:#fff;max-width:500px;text-align:right;}
.slide-content .eyebrow{
  color:var(--orange);font-weight:700;font-size:.85rem;letter-spacing:1px;
  margin-bottom:10px;display:block;
}
.slide-content h2{font-size:1.8rem;font-weight:800;margin-bottom:12px;}
.slide-content p{color:#cfe0f0;font-size:1rem;}
.hero-dots{
  position:absolute;bottom:16px;left:50%;transform:translateX(-50%);
  display:flex;gap:8px;z-index:5;
}
.hero-dots button{
  width:9px;height:9px;border-radius:50%;border:none;
  background:rgba(255,255,255,.45);cursor:pointer;
  transition:background .3s, width .3s, border-radius .3s;
  padding:0;
}
.hero-dots button.active{background:var(--orange);width:24px;border-radius:5px;}

@media(max-width:700px){
  .hero-slides{height:300px;}
  .slide{flex-direction:column;gap:14px;}
  .slide-content{text-align:center;}
  .slide-content h2{font-size:1.3rem;}
  .slide-icon{font-size:3rem;width: 100px;}
}

/* =========================================================
   عنوان بخش‌ها
   ========================================================= */
.section{max-width:1200px;margin:0 auto;padding:10px 20px;}
.section-head{text-align:center;margin-bottom:38px;}
.section-head .tag{
  color:var(--orange-dark);font-weight:700;font-size:.85rem;
  letter-spacing:1px;display:inline-block;margin-bottom:8px;
}
.section-head h2{font-size:1.7rem;font-weight:800;color:var(--navy-deep);}
.section-head .rule{
  width:0;height:4px;background:var(--orange);border-radius:4px;
  margin:14px auto 0;
  transition:width .8s var(--ease);
}
.section-head.in .rule, .reveal.in .rule{width:54px;}

/* =========================================================
   گرید محصولات
   ========================================================= */
.products-grid{
  display:grid;grid-template-columns:repeat(6,1fr);gap:18px;
}
@media(max-width:1000px){.products-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:600px){.products-grid{grid-template-columns:repeat(2,1fr);}}

.product-card{
  background:var(--card);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:0 4px 18px rgba(15,42,68,.08);
  transition:transform .35s var(--ease), box-shadow .35s var(--ease);
  cursor:pointer;
  border:1px solid var(--line);
  position:relative;
}
.product-card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.5),transparent 40%);
  opacity:0;transition:opacity .35s;
  pointer-events:none;
}
.product-card:hover{
  transform:translateY(-10px) scale(1.02);
  box-shadow:0 18px 34px rgba(15,42,68,.18);
}
.product-card:hover::before{opacity:1;}
.product-card .label{
  padding:11px 8px;text-align:center;font-weight:700;font-size:.85rem;color:#fff;
}
.product-card .art{
  height:120px;display:flex;align-items:center;justify-content:center;
  background:var(--bg);
}
.product-card .art .icon-circle{
  width:100px;height:100px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:1.6rem;
  transition:transform .4s var(--ease);
}
.product-card:hover .icon-circle{transform:scale(1.12) rotate(6deg);}

.p-kavosh .label{background:var(--teal);}
.p-kavosh .icon-circle{background:var(--teal);}
.p-madrese .label{background:var(--blue);}
.p-madrese .icon-circle{background:var(--blue);}
.p-parsa .label{background:var(--navy);}
.p-parsa .icon-circle{background:var(--navy);}
.p-kian .label{background:var(--green);}
.p-kian .icon-circle{background:var(--green);}
.p-payman .label{background:var(--blue-light);}
.p-payman .icon-circle{background:var(--blue-light);}
.p-hesab .label{background:var(--orange-dark);}
.p-hesab .icon-circle{background:var(--orange-dark);}

/* انیمیشن ورود پلکانی کارت‌های محصول */
.products-grid .product-card{transition-delay:0s;}
.products-grid .product-card:nth-child(1){--d:0s;}
.products-grid .product-card:nth-child(2){--d:.08s;}
.products-grid .product-card:nth-child(3){--d:.16s;}
.products-grid .product-card:nth-child(4){--d:.24s;}
.products-grid .product-card:nth-child(5){--d:.32s;}
.products-grid .product-card:nth-child(6){--d:.4s;}
.products-grid .product-card.reveal{transition-delay:var(--d);}

/* =========================================================
   بلوک‌های امکانات (زیگزاگ)
   ========================================================= */
.feature-block{
  background:var(--card);
  border-radius:20px;
  margin-bottom:28px;
  box-shadow:0 6px 24px rgba(15,42,68,.08);
  border:1px solid var(--line);
  overflow:hidden;
  transition:box-shadow .35s;
}
.feature-block:hover{box-shadow:0 14px 36px rgba(15,42,68,.14);}
.feature-grid{
  display:grid;grid-template-columns:300px 1fr;gap:0;align-items:stretch;
}
.feature-grid.reverse{direction:ltr;}
.feature-grid.reverse .feature-text{direction:rtl;}
.feature-visual{
  display:flex;align-items:center;justify-content:center;
  padding:30px;position:relative;overflow:hidden;
}
.feature-visual::before{
  content:"";position:absolute;inset:0;opacity:.06;
  background-image:radial-gradient(circle,var(--navy) 1.5px,transparent 1.5px);
  background-size:18px 18px;
  animation:dotsDrift 14s linear infinite;
}
@keyframes dotsDrift{
  from{background-position:0 0;}
  to{background-position:60px 60px;}
}
.feature-icon-big{
  width:140px;height:140px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  position:relative;z-index:1;color:#fff;font-size:3rem;
  box-shadow:0 14px 30px rgba(0,0,0,.18);
}
.icon-float{animation:iconFloat 4.5s ease-in-out infinite;}
@keyframes iconFloat{
  0%,100%{transform:translateY(0) rotate(0deg);}
  50%{transform:translateY(-10px) rotate(4deg);}
}

.feature-text{padding:34px 38px;}
.feature-text h3{
  color:var(--navy-deep);font-size:1.25rem;font-weight:800;margin-bottom:18px;
  border-right:4px solid var(--orange);padding-right:14px;
}
.feature-grid.reverse .feature-text h3{border-right:none;border-left:4px solid var(--orange);padding-left:14px;padding-right:0;}
.feature-text ul li{
  position:relative;padding-right:18px;margin-bottom:9px;color:var(--ink);
  font-size:.95rem;
  opacity:0;transform:translateX(14px);
  transition:opacity .5s var(--ease), transform .5s var(--ease);
}
.feature-grid.reverse .feature-text ul li{padding-right:0;padding-left:18px;transform:translateX(-14px);}
.feature-text ul li::before{
  content:"";position:absolute;right:0;top:10px;
  width:6px;height:6px;border-radius:50%;background:var(--orange);
  transition:transform .3s, background .3s;
}
.feature-grid.reverse .feature-text ul li::before{right:auto;left:0;}
.feature-text ul li:hover::before{transform:scale(1.6);background:var(--orange-dark);}

/* وقتی بلوک reveal می‌شه، آیتم‌های لیست پلکانی ظاهر می‌شن */
.feature-block.in .stagger-list li{opacity:1;transform:none;}
.feature-block .stagger-list li:nth-child(1){transition-delay:.05s;}
.feature-block .stagger-list li:nth-child(2){transition-delay:.1s;}
.feature-block .stagger-list li:nth-child(3){transition-delay:.15s;}
.feature-block .stagger-list li:nth-child(4){transition-delay:.2s;}
.feature-block .stagger-list li:nth-child(5){transition-delay:.25s;}
.feature-block .stagger-list li:nth-child(6){transition-delay:.3s;}
.feature-block .stagger-list li:nth-child(7){transition-delay:.35s;}
.feature-block .stagger-list li:nth-child(8){transition-delay:.4s;}
.feature-block .stagger-list li:nth-child(9){transition-delay:.45s;}
.feature-block .stagger-list li:nth-child(10){transition-delay:.5s;}
.feature-block .stagger-list li:nth-child(11){transition-delay:.55s;}
.feature-block .stagger-list li:nth-child(12){transition-delay:.6s;}
.feature-block .stagger-list li:nth-child(13){transition-delay:.65s;}
.feature-block .stagger-list li:nth-child(14){transition-delay:.7s;}
.feature-block .stagger-list li:nth-child(15){transition-delay:.75s;}
.feature-block .stagger-list li:nth-child(16){transition-delay:.8s;}

@media(max-width:800px){
  .feature-grid, .feature-grid.reverse{grid-template-columns:1fr;direction:rtl;}
  .feature-grid.reverse .feature-text{direction:rtl;}
  .feature-grid.reverse .feature-text h3{border-left:none;border-right:4px solid var(--orange);padding-left:0;padding-right:14px;}
  .feature-grid.reverse .feature-text ul li{padding-left:0;padding-right:18px;transform:translateX(14px);}
  .feature-grid.reverse .feature-text ul li::before{left:auto;right:0;}
  .feature-visual{padding:24px;}
  .feature-icon-big{width:100px;height:100px;font-size:2.2rem;}
}

/* =========================================================
   نوار خدمات
   ========================================================= */
.services-strip{
  display:grid;grid-template-columns:repeat(6,1fr);gap:16px;
}
@media(max-width:900px){.services-strip{grid-template-columns:repeat(3,1fr);}}
@media(max-width:520px){.services-strip{grid-template-columns:repeat(2,1fr);}}
.service-card{
  background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius);padding:24px 12px 16px;text-align:center;
  transition:transform .3s var(--ease), box-shadow .3s, border-color .3s;
}
.service-card:hover{border-color:var(--blue-light);transform:translateY(-6px);box-shadow:0 14px 28px rgba(15,42,68,.12);}
.service-card .ic{
  width:54px;height:54px;border-radius:14px;margin:0 auto 14px;
  background:linear-gradient(135deg,var(--blue-light),var(--navy));
  display:flex;align-items:center;justify-content:center;color:#fff;
  font-size:1.4rem;
  transition:transform .4s var(--ease);
}
.service-card:hover .ic{transform:scale(1.12) rotate(-6deg);}
.service-card .name{
  background:var(--navy);color:#fff;font-size:.82rem;font-weight:700;
  border-radius:8px;padding:7px 4px;
}
.services-strip .service-card:nth-child(1){--d:0s;}
.services-strip .service-card:nth-child(2){--d:.07s;}
.services-strip .service-card:nth-child(3){--d:.14s;}
.services-strip .service-card:nth-child(4){--d:.21s;}
.services-strip .service-card:nth-child(5){--d:.28s;}
.services-strip .service-card:nth-child(6){--d:.35s;}
.services-strip .service-card.reveal{transition:opacity .6s ease var(--d), transform .6s ease var(--d), box-shadow .3s, border-color .3s;}

/* =========================================================
   بخش CTA
   ========================================================= */
.cta{
  background:linear-gradient(120deg,var(--navy-deep),var(--blue));
  border-radius:20px;
  max-width:1200px;margin:0 auto 0;
  padding:46px 20px;text-align:center;color:#fff;
  position:relative;overflow:hidden;
}
.cta::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 80% 20%, rgba(232,131,58,.25), transparent 60%);
}
.cta-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
.cta-particles::before, .cta-particles::after{
  content:"";position:absolute;border-radius:50%;
  background:rgba(255,255,255,.12);
}
.cta-particles::before{
  width:140px;height:140px;top:-40px;left:8%;
  animation:driftA 12s ease-in-out infinite;
}
.cta-particles::after{
  width:90px;height:90px;bottom:-30px;right:14%;
  animation:driftB 9s ease-in-out infinite;
}
@keyframes driftA{0%,100%{transform:translate(0,0);}50%{transform:translate(40px,30px);}}
@keyframes driftB{0%,100%{transform:translate(0,0);}50%{transform:translate(-30px,-20px);}}
.cta h2{font-size:1.5rem;font-weight:800;margin-bottom:10px;position:relative;}
.cta p{color:#cfe0f0;margin-bottom:6px;position:relative;}
.cta-btn{
  display:inline-block;margin-top:20px;
  background:var(--orange);color:#fff;font-weight:700;
  padding:13px 38px;border-radius:30px;font-size:1rem;
  box-shadow:0 8px 20px rgba(232,131,58,.4);
  transition:transform .25s var(--ease), box-shadow .25s, background .25s;
  position:relative;
  animation:ctaPulse 2.8s ease-in-out infinite;
}
.cta-btn:hover{
  background:var(--orange-dark);
  transform:translateY(-3px) scale(1.04);
  box-shadow:0 14px 28px rgba(232,131,58,.5);
  animation-play-state:paused;
}
@keyframes ctaPulse{
  0%,100%{box-shadow:0 8px 20px rgba(232,131,58,.4);}
  50%{box-shadow:0 8px 28px rgba(232,131,58,.7);}
}

/* =========================================================
   تماس با ما
   ========================================================= */
.contact-section{
  max-width:1200px;margin:0 auto;padding:50px 20px;
  display:grid;grid-template-columns:1fr 1fr;gap:30px;
}
@media(max-width:800px){.contact-section{grid-template-columns:1fr;}}
.contact-box{
  background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius);padding:26px 28px;
  transition:box-shadow .3s, transform .3s;
}
.contact-box:hover{box-shadow:0 14px 30px rgba(15,42,68,.1);transform:translateY(-3px);}
.contact-box h4{color:var(--navy-deep);font-weight:800;margin-bottom:16px;font-size:1.05rem;}
.contact-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:.92rem;}
.contact-row b{color:var(--navy);}
.link-accent{color:var(--blue);font-weight:600;transition:color .2s;}
.link-accent:hover{color:var(--orange-dark);}
.social-row{display:flex;gap:14px;margin-top:14px;flex-wrap:wrap;}
.social-pill{
  background:var(--bg);border:1px solid var(--line);
  padding:8px 18px;border-radius:20px;font-size:.85rem;font-weight:600;
  color:var(--navy);transition:background .25s, color .25s, transform .25s;
}
.social-pill:hover{background:var(--navy);color:#fff;transform:translateY(-2px);}
.addr-note{margin-top:16px;font-size:.85rem;color:var(--muted);}

/* =========================================================
   فوتر
   ========================================================= */
footer{background:var(--navy-deep);color:#aec3d6;padding-top:30px;}
.footer-top{
  max-width:1200px;margin:0 auto;padding:0 20px 26px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.footer-badges{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.badge-circle{
  width:60px;height:60px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--navy);font-weight:700;
  transition:transform .3s var(--ease);
}
.badge-circle:hover{transform:translateY(-4px) rotate(8deg);}
.badge-2{background:var(--navy);color:#fff;}
.badge-3{background:var(--green);color:#fff;}
.badge-4{background:var(--navy-deep);color:#fff;}
.footer-company{font-weight:700;color:#fff;font-size:.95rem;}
.footer-bottom{
  max-width:1200px;margin:0 auto;padding:22px 20px 26px;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;font-size:.85rem;
}
.footer-links{display:flex;gap:18px;flex-wrap:wrap;}
.footer-links a{position:relative;transition:color .2s;}
.footer-links a:hover{color:#fff;}
.footer-addr{color:#8ea4b8;font-size:.82rem;line-height:1.8;}

/* =========================================================
   دکمه بازگشت به بالا
   ========================================================= */
#backToTop{
  position:fixed;bottom:24px;left:24px;z-index:80;
  width:46px;height:46px;border-radius:50%;border:none;
  background:var(--orange);color:#fff;font-size:1.3rem;cursor:pointer;
  box-shadow:0 8px 20px rgba(232,131,58,.4);
  opacity:0;transform:translateY(20px) scale(.8);
  transition:opacity .3s, transform .3s, background .25s;
  pointer-events:none;
}
#backToTop.show{opacity:1;transform:none;pointer-events:auto;}
#backToTop:hover{background:var(--orange-dark);transform:translateY(-4px) scale(1.05);}

/* =========================================================
   انیمیشن ورود عمومی (Reveal on Scroll)
   ========================================================= */
.reveal{
  opacity:0;transform:translateY(28px);
  transition:opacity .7s var(--ease), transform .7s var(--ease);
}
.reveal.in{opacity:1;transform:none;}

/* احترام به کاربرانی که انیمیشن کمتر می‌خواهند */
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
}

/* فوکوس قابل مشاهده برای دسترس‌پذیری کیبورد */
a:focus-visible, button:focus-visible{
  outline:3px solid var(--orange);
  outline-offset:2px;
  border-radius:6px;
}

/* =========================================================
   صفحه‌ی داخلی عمومی (بدون اسلایدر) — هدر کوچک صفحه
   ========================================================= */
.page-hero{
  max-width:1200px;margin:22px auto 0;
  padding:26px 30px;
  border-radius:18px;
  background:linear-gradient(120deg,var(--navy-deep),var(--blue));
  color:#fff;
  box-shadow:0 12px 40px rgba(15,42,68,.15);
  position:relative;overflow:hidden;
}
.page-hero::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 85% 15%, rgba(232,131,58,.22), transparent 60%);
}
.page-hero h1{
  font-size:1.5rem;font-weight:800;position:relative;z-index:1;
}
.page-hero p{
  color:#cfe0f0;margin-top:8px;font-size:.92rem;position:relative;z-index:1;
}
.breadcrumb{
  font-size:.8rem;color:#bcd2e6;margin-top:10px;position:relative;z-index:1;
}
.breadcrumb a{color:#bcd2e6;transition:color .2s;}
.breadcrumb a:hover{color:var(--orange);}

/* =========================================================
   کارت جدول نرم‌افزارهای مورد نیاز
   ========================================================= */
.table-card{
  background:var(--card);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 32px rgba(15,42,68,.1);
  border:1px solid var(--line);
}
.table-card .table-title{
  background:linear-gradient(120deg,var(--blue),var(--navy));
  color:#fff;font-weight:800;font-size:1.05rem;
  padding:16px 22px;text-align:center;
  position:relative;overflow:hidden;
}
.table-card .table-title::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.18),transparent);
  transform:translateX(-100%);
  animation:titleShine 5s ease-in-out infinite;
}
@keyframes titleShine{
  0%{transform:translateX(-100%);}
  40%{transform:translateX(100%);}
  100%{transform:translateX(100%);}
}

.table-wrap{overflow-x:auto;}
table.soft-table{
  width:100%;border-collapse:collapse;
  font-size:.88rem;min-width:760px;
}
table.soft-table thead th{
  background:var(--bg);
  color:var(--navy-deep);
  font-weight:800;
  padding:14px 12px;
  text-align:center;
  border-bottom:2px solid var(--line);
  position:sticky;top:0;
  white-space:nowrap;
}
table.soft-table tbody td{
  padding:13px 12px;
  text-align:center;
  border-bottom:1px solid var(--line);
  color:var(--ink);
  vertical-align:middle;
}
table.soft-table tbody tr{
  opacity:0;transform:translateY(14px);
  animation:rowIn .5s var(--ease) forwards;
  transition:background .2s;
}
table.soft-table tbody tr:hover{background:var(--bg);}
@keyframes rowIn{to{opacity:1;transform:none;}}

table.soft-table tbody tr:nth-child(1){animation-delay:.03s;}
table.soft-table tbody tr:nth-child(2){animation-delay:.08s;}
table.soft-table tbody tr:nth-child(3){animation-delay:.13s;}
table.soft-table tbody tr:nth-child(4){animation-delay:.18s;}
table.soft-table tbody tr:nth-child(5){animation-delay:.23s;}
table.soft-table tbody tr:nth-child(6){animation-delay:.28s;}
table.soft-table tbody tr:nth-child(7){animation-delay:.33s;}
table.soft-table tbody tr:nth-child(8){animation-delay:.38s;}
table.soft-table tbody tr:nth-child(9){animation-delay:.43s;}
table.soft-table tbody tr:nth-child(10){animation-delay:.48s;}
table.soft-table tbody tr:nth-child(11){animation-delay:.53s;}
table.soft-table tbody tr:nth-child(12){animation-delay:.58s;}
table.soft-table tbody tr:nth-child(13){animation-delay:.63s;}
table.soft-table tbody tr:nth-child(14){animation-delay:.68s;}

.row-index{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;border-radius:50%;
  background:var(--bg);color:var(--navy);
  font-weight:700;font-size:.78rem;
}
.code-cell{font-family:Tahoma,sans-serif;color:var(--muted);font-size:.82rem;direction:ltr;display:inline-block;}
.name-cell{font-weight:700;color:var(--navy-deep);direction:ltr;display:inline-block;}
.desc-cell{color:var(--ink);font-size:.85rem;line-height:1.7;}
.dash{color:var(--muted);}

.dl-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 18px;border-radius:20px;
  font-size:.82rem;font-weight:700;color:#fff;
  border:none;cursor:pointer;
  transition:transform .25s var(--ease), box-shadow .25s, background .25s;
  white-space:nowrap;
}
.dl-btn:hover{transform:translateY(-3px);}
.dl-btn::before{content:"⬇";font-size:.85rem;}

.dl-primary{background:var(--green);box-shadow:0 6px 16px rgba(61,122,61,.35);}
.dl-primary:hover{background:#2f5f2f;box-shadow:0 10px 22px rgba(61,122,61,.45);}
.dl-secondary{background:var(--blue-light);box-shadow:0 6px 16px rgba(79,143,199,.35);}
.dl-secondary:hover{background:var(--blue);box-shadow:0 10px 22px rgba(79,143,199,.45);}

@media(max-width:640px){
  .page-hero{padding:20px 18px;}

  /* جدول روی موبایل به کارت‌های عمودی تبدیل می‌شود */
  .table-wrap{overflow-x:visible;}
  table.soft-table{min-width:0;width:100%;}
  table.soft-table thead{
    position:absolute;width:1px;height:1px;
    overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;
  }
  table.soft-table, table.soft-table tbody, table.soft-table tr, table.soft-table td{
    display:block;width:100%;
  }
  .table-wrap{padding:14px;background:var(--bg);}
  table.soft-table tbody tr{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:16px;
    margin-bottom:14px;
    padding:8px 6px 14px;
    box-shadow:0 4px 16px rgba(15,42,68,.07);
    position:relative;
    overflow:hidden;
  }
  table.soft-table tbody tr:hover{background:var(--card);}
  table.soft-table tbody tr:last-child{margin-bottom:0;}
  table.soft-table tbody tr::before{
    content:"";position:absolute;top:0;right:0;bottom:0;width:4px;
    background:linear-gradient(180deg,var(--orange),var(--blue));
  }

  table.soft-table tbody td{
    display:flex;align-items:center;justify-content:space-between;
    gap:14px;text-align:right;
    padding:9px 16px;
    border-bottom:1px dashed var(--line);
  }
  table.soft-table tbody td:last-child{border-bottom:none;}
  table.soft-table tbody td::before{
    content:attr(data-label);
    color:var(--muted);font-weight:700;font-size:.74rem;
    flex-shrink:0;
  }

  /* سلول ردیف به‌صورت هدر کوچک بالای کارت */
  table.soft-table tbody td.cell-index{
    border-bottom:none;padding:10px 16px 4px;
  }
  table.soft-table tbody td.cell-index::before{content:none;}
  .row-index{
    width:30px;height:30px;font-size:.85rem;
    background:linear-gradient(135deg,var(--blue-light),var(--navy));
    color:#fff;
  }

  .code-cell, .name-cell{justify-self:left;}
  .name-cell{font-size:.92rem;}
  .desc-cell{
    justify-content:flex-end;text-align:right;
    font-size:.82rem;max-width:62%;margin-right:auto;
  }

  .dl-btn{padding:8px 16px;font-size:.78rem;}
}

/* ساعت روی هدر */
.header-clock {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(232, 184, 75, 0.25);
    border-radius: 10px;
    padding: 8px 16px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
  }
 
  .header-clock .clock-icon {
    width: 18px;
    height: 18px;
    fill: #e8b84b;
    flex-shrink: 0;
  }
 
  .header-clock .clock-text {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
  }
 
  .header-clock .clock-time {
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 0.5px;
    direction: ltr;
    font-family: 'Courier New', monospace;
  }
 
  .header-clock .clock-date {
    font-size: 12px;
    color: #9aa5c1;
  }
  /* پاین استایل ساعت */
  .support-hero{
    max-width:1200px;margin:22px auto 0;
    padding:26px 30px;border-radius:18px;
    background:linear-gradient(120deg,var(--navy-deep),var(--blue));
    color:#fff;box-shadow:0 12px 40px rgba(15,42,68,.15);
    position:relative;overflow:hidden;
    text-align: right;
  }
  .support-hero::after{
    content:"";position:absolute;inset:0;
    background:radial-gradient(circle at 85% 15%, rgba(232,131,58,.22), transparent 60%);
  }
  .support-hero h1{font-size:1.5rem;font-weight:800;position:relative;z-index:1;}
  .support-hero p{color:#cfe0f0;margin-top:8px;font-size:.92rem;position:relative;z-index:1;}
  .support-breadcrumb{font-size:.8rem;color:#bcd2e6;margin-top:10px;position:relative;z-index:1;}
  .support-breadcrumb a{color:#bcd2e6;transition:color .2s;}
  .support-breadcrumb a:hover{color:var(--orange);}

  /* ===== بخش فرم ورود ===== */
  .login-section{max-width:1200px;margin:0 auto;padding:50px 20px 60px;text-align: right;}
  .login-lead{
    color:var(--navy);font-weight:800;font-size:1.05rem;
    margin-bottom:22px;border-right:4px solid var(--orange);
    padding-right:14px;
  }

  .login-card{
    max-width:520px;
    background:var(--card);
    border:1px solid var(--line);
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 12px 32px rgba(15,42,68,.1);
  }
  .login-card-title{
    background:linear-gradient(120deg,var(--blue),var(--navy));
    color:#fff;font-weight:800;font-size:1rem;
    padding:15px 22px;text-align:center;
    position:relative;overflow:hidden;
  }
  .login-card-title::before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,.18),transparent);
    transform:translateX(-100%);
    animation:loginShine 5s ease-in-out infinite;
  }
  @keyframes loginShine{
    0%{transform:translateX(-100%);}
    40%{transform:translateX(100%);}
    100%{transform:translateX(100%);}
  }

  .login-card-body{padding:26px 28px 28px;}

  .role-switch{
    display:flex;gap:26px;
    margin-bottom:22px;
  }
  .role-option{
    display:flex;align-items:center;gap:8px;
    font-size:.92rem;font-weight:700;color:var(--navy-deep);
    cursor:pointer;
  }
  .role-option input{
    width:17px;height:17px;accent-color:var(--blue);cursor:pointer;
  }

  .form-row{margin-bottom:16px;}
  .form-row label{
    display:block;font-size:.85rem;font-weight:700;
    color:var(--navy-deep);margin-bottom:7px;
  }
  .form-row input[type="text"], .form-row input[type="password"]{
    width:100%;padding:10px 14px;
    border:1px solid var(--line);border-radius:8px;
    font-family:inherit;font-size:.88rem;color:var(--ink);
    background:var(--bg);
    transition:border-color .25s, box-shadow .25s;
  }
  .form-row input:focus{
    outline:none;border-color:var(--blue-light);
    box-shadow:0 0 0 3px rgba(79,143,199,.18);
    background:#fff;
  }

  .login-actions{
    display:flex;align-items:center;justify-content:space-between;
    flex-wrap:wrap;gap:14px;margin-top:6px;
  }
  .forgot-link{
    font-size:.85rem;color:var(--blue);font-weight:600;
    transition:color .2s;
  }
  .forgot-link:hover{color:var(--orange-dark);}

  .login-btns{display:flex;gap:10px;}
  .btn-submit{
    background:var(--navy);color:#fff;font-weight:700;
    padding:10px 26px;border-radius:8px;border:none;cursor:pointer;
    font-size:.9rem;font-family:inherit;
    transition:background .25s, transform .2s;
  }
  .btn-submit:hover{background:var(--orange-dark);transform:translateY(-2px);}
  .btn-cancel{
    background:var(--blue-light);color:#fff;font-weight:700;
    padding:10px 22px;border-radius:8px;border:none;cursor:pointer;
    font-size:.9rem;font-family:inherit;
    transition:background .25s, transform .2s;
  }
  .btn-cancel:hover{background:var(--blue);transform:translateY(-2px);}

  .signup-link{
    display:block;text-align:left;margin-top:18px;
    font-size:.85rem;color:var(--blue);font-weight:600;
    transition:color .2s;
  }
  .signup-link:hover{color:var(--orange-dark);}

  @media(max-width:480px){
    .login-actions{flex-direction:column;align-items:stretch;}
    .login-btns{justify-content:stretch;}
    .login-btns button{flex:1;}
    .signup-link{text-align:center;}
  }
    /* ===== هیرو صفحه ===== */
  .gallery-hero{
    max-width:1200px;margin:22px auto 0;
    padding:26px 30px;border-radius:18px;
    background:linear-gradient(120deg,var(--navy-deep),var(--blue));
    color:#fff;box-shadow:0 12px 40px rgba(15,42,68,.15);
    position:relative;overflow:hidden;
  }
  .gallery-hero::after{
    content:"";position:absolute;inset:0;
    background:radial-gradient(circle at 85% 15%, rgba(232,131,58,.22), transparent 60%);
  }
  .gallery-hero h1{font-size:1.5rem;font-weight:800;position:relative;z-index:1;}
  .gallery-hero p{color:#cfe0f0;margin-top:8px;font-size:.92rem;position:relative;z-index:1;}
  .gallery-bc{font-size:.8rem;color:#bcd2e6;margin-top:10px;position:relative;z-index:1;}
  .gallery-bc a{color:#bcd2e6;transition:color .2s;}
  .gallery-bc a:hover{color:var(--orange);}

  /* ===== نوار جستجو ===== */
  .search-bar-wrap{
    max-width:1200px;margin:28px auto 0;padding:0 20px;
  }
  .search-bar{
    display:flex;align-items:center;
    background:var(--card);border:1px solid var(--line);
    border-radius:10px;
    box-shadow:0 4px 16px rgba(15,42,68,.07);
    overflow:hidden;
    transition:box-shadow .25s, border-color .25s;
  }
  .search-bar:focus-within{border-color:var(--blue-light);box-shadow:0 4px 22px rgba(15,42,68,.13);}
  .search-bar input{
    flex:1;border:none;outline:none;
    padding:12px 16px;font-size:.92rem;
    font-family:inherit;color:var(--ink);background:transparent;
  }
  .search-bar button{
    background:none;border:none;cursor:pointer;
    padding:10px 16px;color:var(--muted);font-size:1.2rem;
    transition:color .2s;
  }
  .search-bar button:hover{color:var(--blue);}

  /* ===== لیست آلبوم‌ها ===== */
  .albums-list{
    max-width:1200px;margin:24px auto 50px;
    padding:0 20px;
    display:flex;flex-direction:column;gap:18px;
  }

  .album-card{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 4px 18px rgba(15,42,68,.08);
    display:flex;flex-direction:column;
    opacity:0;transform:translateY(22px);
    transition:opacity .6s var(--ease), transform .6s var(--ease),
               box-shadow .3s, border-color .3s;
  }
  .album-card.in{opacity:1;transform:none;}
  .album-card:hover{
    box-shadow:0 14px 32px rgba(15,42,68,.14);
    border-color:var(--blue-light);
  }
  .albums-list .album-card:nth-child(1){transition-delay:.02s;}
  .albums-list .album-card:nth-child(2){transition-delay:.07s;}
  .albums-list .album-card:nth-child(3){transition-delay:.12s;}
  .albums-list .album-card:nth-child(4){transition-delay:.17s;}
  .albums-list .album-card:nth-child(5){transition-delay:.22s;}
  .albums-list .album-card:nth-child(6){transition-delay:.27s;}
  .albums-list .album-card:nth-child(7){transition-delay:.32s;}
  .albums-list .album-card:nth-child(8){transition-delay:.37s;}
  .albums-list .album-card:nth-child(9){transition-delay:.42s;}

  /* نوار عنوان آبی */
  .album-title-bar{
    background:linear-gradient(120deg,var(--blue),var(--navy));
    color:#fff;font-weight:800;font-size:.97rem;
    padding:13px 20px;
    position:relative;overflow:hidden;
  }
  .album-title-bar::before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,.15),transparent);
    transform:translateX(-100%);
    animation:albumShine 6s ease-in-out infinite;
  }
  @keyframes albumShine{
    0%{transform:translateX(-100%);}35%{transform:translateX(100%);}100%{transform:translateX(100%);}
  }

  /* بدنه کارت: توضیحات + تصویر */
  .album-body{
    display:grid;grid-template-columns:1fr 260px;gap:0;align-items:stretch;
  }
  @media(max-width:700px){
    .album-body{grid-template-columns:1fr;}
  }

  .album-info{padding:20px 22px 16px;display:flex;flex-direction:column;justify-content:space-between;}
  .album-desc{color:var(--ink);font-size:.9rem;line-height:1.85;flex:1;}

  .album-meta{
    display:flex;align-items:center;gap:18px;margin-top:18px;flex-wrap:wrap;
  }
  .album-more-btn{
    background:var(--blue-light);color:#fff;font-weight:700;font-size:.82rem;
    padding:8px 20px;border-radius:20px;border:none;cursor:pointer;
    transition:background .25s, transform .2s;text-decoration:none;display:inline-block;
  }
  .album-more-btn:hover{background:var(--blue);transform:translateY(-2px);}
  .album-date{color:var(--muted);font-size:.8rem;}
  .album-date b{color:var(--navy);}
  .album-views{color:var(--muted);font-size:.8rem;margin-right:auto;}
  .album-views b{color:var(--navy);}

  /* تصویر کارت */
  .album-img-wrap{
    position:relative;overflow:hidden;
    max-height:200px;
  }
  @media(max-width:700px){
    .album-img-wrap{max-height:200px;border-radius:0;}
  }
  .album-img-placeholder{
    width:100%;height:100%;min-height:170px;
    display:flex;align-items:center;justify-content:center;
    font-size:2.6rem;
    position:relative;overflow:hidden;
    transition:transform .5s var(--ease);
  }
  .album-card:hover .album-img-placeholder{transform:scale(1.04);}
  .album-img-overlay{
    position:absolute;inset:0;
    background:linear-gradient(135deg,rgba(15,42,68,.25),rgba(45,108,163,.15));
  }
    /* ===== هیرو صفحه ===== */
  .app-hero{
    max-width:1200px;margin:22px auto 0;
    padding:26px 30px;border-radius:18px;
    background:linear-gradient(120deg,var(--orange-dark),var(--navy));
    color:#fff;box-shadow:0 12px 40px rgba(15,42,68,.18);
    position:relative;overflow:hidden;
    display:flex;align-items:center;gap:22px;
  }
  .app-hero::after{
    content:"";position:absolute;inset:0;
    background:radial-gradient(circle at 80% 20%, rgba(232,131,58,.28), transparent 60%);
  }
  .app-hero-icon{
    width:64px;height:64px;border-radius:16px;
    background:rgba(255,255,255,.12);backdrop-filter:blur(6px);
    display:flex;align-items:center;justify-content:center;
    font-size:2rem;flex-shrink:0;position:relative;z-index:1;
    border:1px solid rgba(255,255,255,.2);
  }
  .app-hero-text{position:relative;z-index:1;}
  .app-hero-text h1{font-size:1.4rem;font-weight:800;margin-bottom:6px;}
  .app-hero-text p{color:rgba(255,255,255,.8);font-size:.9rem;}
  .app-hero-bc{font-size:.78rem;color:rgba(255,255,255,.6);margin-top:8px;}
  .app-hero-bc a{color:rgba(255,255,255,.65);transition:color .2s;}
  .app-hero-bc a:hover{color:var(--orange);}

  /* ===== ظرف اصلی ===== */
  .app-wrap{max-width:1200px;margin:28px auto 50px;padding:0 20px;display:flex;flex-direction:column;gap:24px;}

  /* ===== کارت معرفی (تصویر + امکانات) ===== */
  .intro-card{
    background:var(--card);border:1px solid var(--line);
    border-radius:20px;overflow:hidden;
    box-shadow:0 8px 28px rgba(15,42,68,.09);
    opacity:0;transform:translateY(24px);
    transition:opacity .7s var(--ease), transform .7s var(--ease);
  }
  .intro-card.in{opacity:1;transform:none;}

  .intro-card-title{
    background:linear-gradient(120deg,var(--blue),var(--navy));
    color:#fff;font-weight:800;font-size:1rem;
    padding:15px 24px;text-align:center;
    position:relative;overflow:hidden;
  }
  .intro-card-title::before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,.17),transparent);
    transform:translateX(-100%);animation:shine 6s ease-in-out infinite;
  }
  @keyframes shine{0%{transform:translateX(-100%);}35%{transform:translateX(100%);}100%{transform:translateX(100%);}}

  .intro-body{
    display:grid;grid-template-columns:320px 1fr;gap:0;
    align-items:start;
  }
  @media(max-width:860px){.intro-body{grid-template-columns:1fr;}}

  /* تصویر نرم‌افزار */
  .app-visual{
    display:flex;align-items:center;justify-content:center;
    padding:36px 24px;
    background:linear-gradient(160deg,#f0f4f8,#e8eef5);
    min-height:280px;position:relative;overflow:hidden;
  }
  .app-visual::before{
    content:"";position:absolute;inset:0;
    background:radial-gradient(ellipse at 30% 40%, rgba(45,108,163,.12), transparent 65%);
    animation:vPulse 6s ease-in-out infinite alternate;
  }
  @keyframes vPulse{from{opacity:.6;}to{opacity:1;}}
  .app-illustration{
    font-size:7rem;position:relative;z-index:1;
    animation:ilFloat 4s ease-in-out infinite;
    filter:drop-shadow(0 16px 28px rgba(15,42,68,.18));
  }
  @keyframes ilFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}

  /* لیست امکانات */
  .features-panel{padding:32px 36px;}
  @media(max-width:600px){.features-panel{padding:22px 18px;}}

  .features-label{
    font-size:1rem;font-weight:800;color:var(--navy-deep);
    margin-bottom:18px;text-align:left;
    display:flex;align-items:center;gap:10px;
  }
  .features-label::before{
    content:"";width:28px;height:3px;background:var(--orange);border-radius:3px;display:block;
  }

  .features-list{list-style:none;display:flex;flex-direction:column;gap:10px;}
  .features-list li{
    display:flex;align-items:flex-start;gap:10px;
    font-size:.9rem;color:var(--ink);line-height:1.75;
    padding:10px 14px;border-radius:10px;
    border:1px solid transparent;
    transition:background .25s, border-color .25s, transform .25s var(--ease);
    opacity:0;transform:translateX(18px);
  }
  .intro-card.in .features-list li{opacity:1;transform:none;}
  .features-list li:nth-child(1){transition-delay:.08s;}
  .features-list li:nth-child(2){transition-delay:.13s;}
  .features-list li:nth-child(3){transition-delay:.18s;}
  .features-list li:nth-child(4){transition-delay:.23s;}
  .features-list li:nth-child(5){transition-delay:.28s;}
  .features-list li:nth-child(6){transition-delay:.33s;}
  .features-list li:nth-child(7){transition-delay:.38s;}
  .features-list li:nth-child(8){transition-delay:.43s;}
  .features-list li:nth-child(9){transition-delay:.48s;}
  .features-list li:nth-child(10){transition-delay:.53s;}
  .features-list li:nth-child(11){transition-delay:.58s;}
  .features-list li:nth-child(12){transition-delay:.63s;}
  .features-list li:nth-child(13){transition-delay:.68s;}
  .features-list li:nth-child(14){transition-delay:.73s;}
  .features-list li:nth-child(15){transition-delay:.78s;}
  .features-list li:nth-child(16){transition-delay:.83s;}
  .features-list li:hover{background:var(--bg);border-color:var(--line);transform:translateX(-4px);}
  .features-list li .bullet{
    width:22px;height:22px;border-radius:50%;
    background:linear-gradient(135deg,var(--orange),var(--orange-dark));
    color:#fff;font-size:.72rem;font-weight:800;
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;margin-top:2px;
  }
  .features-list li:hover .bullet{transform:scale(1.15) rotate(10deg);transition:transform .25s var(--ease);}

  /* ===== گالری اسکرین‌شات‌ها ===== */
  .screenshots-card{
    background:var(--card);border:1px solid var(--line);
    border-radius:20px;overflow:hidden;
    box-shadow:0 8px 28px rgba(15,42,68,.09);
    padding:28px;
    opacity:0;transform:translateY(24px);
    transition:opacity .7s var(--ease) .1s, transform .7s var(--ease) .1s;
  }
  .screenshots-card.in{opacity:1;transform:none;}
  .sc-title{
    font-size:1rem;font-weight:800;color:var(--navy-deep);
    margin-bottom:20px;display:flex;align-items:center;gap:10px;
  }
  .sc-title::before{content:"";width:28px;height:3px;background:var(--blue-light);border-radius:3px;display:block;}

  .sc-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
    gap:12px;
  }
  .sc-item{
    border-radius:10px;overflow:hidden;cursor:pointer;
    border:2px solid transparent;aspect-ratio:16/10;
    transition:border-color .25s, transform .3s var(--ease), box-shadow .3s;
    position:relative;
  }
  .sc-item:hover{border-color:var(--blue-light);transform:translateY(-5px) scale(1.03);box-shadow:0 12px 24px rgba(15,42,68,.15);}
  .sc-placeholder{
    width:100%;height:100%;
    display:flex;align-items:center;justify-content:center;
    font-size:1.4rem;
    transition:transform .4s var(--ease);
  }
  .sc-item:hover .sc-placeholder{transform:scale(1.08);}
  .sc-overlay{
    position:absolute;inset:0;background:rgba(15,42,68,.4);
    display:flex;align-items:center;justify-content:center;
    color:#fff;font-size:1.4rem;
    opacity:0;transition:opacity .25s;
  }
  .sc-item:hover .sc-overlay{opacity:1;}

  /* ===== لینک‌های ویدیو + دکمه خرید ===== */
  .cta-card{
    background:var(--card);border:1px solid var(--line);
    border-radius:20px;
    box-shadow:0 8px 28px rgba(15,42,68,.09);
    padding:28px 32px;
    display:flex;flex-direction:column;gap:18px;
    opacity:0;transform:translateY(24px);
    transition:opacity .7s var(--ease) .2s, transform .7s var(--ease) .2s;
  }
  .cta-card.in{opacity:1;transform:none;}

  .video-links{display:flex;flex-direction:column;gap:10px;}
  .video-link{
    display:flex;align-items:center;gap:12px;
    padding:12px 18px;border-radius:10px;
    background:var(--bg);border:1px solid var(--line);
    color:var(--navy);font-size:.9rem;font-weight:600;
    transition:background .25s, border-color .25s, transform .2s;
  }
  .video-link:hover{background:#edf3f9;border-color:var(--blue-light);transform:translateX(-4px);}
  .video-link .vl-icon{
    width:36px;height:36px;border-radius:8px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;font-size:1.1rem;
  }
  .vl-youtube .vl-icon{background:#fff0f0;}
  .vl-aparat .vl-icon{background:#fff5ee;}
  .video-link b{color:var(--blue);}

  .buy-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    background:linear-gradient(120deg,var(--orange),var(--orange-dark));
    color:#fff;font-weight:800;font-size:1rem;
    padding:14px 38px;border-radius:30px;
    box-shadow:0 10px 24px rgba(232,131,58,.38);
    transition:transform .25s var(--ease), box-shadow .25s, background .25s;
    align-self:flex-start;
    animation:buyPulse 3s ease-in-out infinite;
  }
  .buy-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 14px 30px rgba(232,131,58,.5);animation-play-state:paused;}
  @keyframes buyPulse{0%,100%{box-shadow:0 10px 24px rgba(232,131,58,.38);}50%{box-shadow:0 10px 30px rgba(232,131,58,.6);}}

  /* ===== Lightbox ===== */
  .lb{
    position:fixed;inset:0;z-index:200;
    background:rgba(5,15,26,.93);
    display:flex;align-items:center;justify-content:center;
    padding:20px;opacity:0;pointer-events:none;
    transition:opacity .3s;backdrop-filter:blur(8px);
  }
  .lb.open{opacity:1;pointer-events:auto;}
  .lb-inner{position:relative;max-width:900px;width:100%;}
  .lb-box{
    width:100%;aspect-ratio:16/10;border-radius:12px;overflow:hidden;
    box-shadow:0 24px 60px rgba(0,0,0,.55);
    display:flex;align-items:center;justify-content:center;font-size:4rem;
  }
  .lb-close{
    position:absolute;top:-16px;left:-16px;
    width:38px;height:38px;border-radius:50%;
    background:var(--orange);color:#fff;border:none;cursor:pointer;font-size:1.1rem;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 6px 16px rgba(232,131,58,.4);
    transition:transform .25s, background .25s;
  }
  .lb-close:hover{transform:rotate(90deg) scale(1.1);background:var(--orange-dark);}
  .lb-nav{
    position:absolute;top:50%;transform:translateY(-50%);
    width:40px;height:40px;border-radius:50%;
    background:rgba(255,255,255,.12);color:#fff;
    border:1px solid rgba(255,255,255,.2);cursor:pointer;font-size:1.2rem;
    display:flex;align-items:center;justify-content:center;
    transition:background .2s;backdrop-filter:blur(4px);
  }
  .lb-nav:hover{background:rgba(255,255,255,.28);}
  .lb-prev{right:calc(100% + 12px);}
  .lb-next{left:calc(100% + 12px);}
  .lb-counter{text-align:center;color:rgba(255,255,255,.6);font-size:.8rem;margin-top:10px;}
  @media(max-width:600px){.lb-prev,.lb-next{display:none;}}