:root{
  --navy:#0F2D52;
  --navy-deep:#091d38;
  --blue:#0A84D8;
  --white:#FFFFFF;
  --grey:#F5F7FA;
  --orange:#FF7A00;
  --ink:#10243f;
  --muted:#5b6f8c;
  --line:rgba(15,45,82,0.12);
  --radius:14px;
  --bg:var(--white);
  --surface:var(--grey);
  --text:var(--ink);
  --header-bg:rgba(255,255,255,0.86);
  --card-bg:#ffffff;
  --shadow:0 18px 40px -22px rgba(15,45,82,0.35);
  --stat-label:#3d5573;           /* خوانا در لایت مود */
  color-scheme: light;
}
[data-theme="dark"]{
  --bg:#081627;
  --surface:#0d1f38;
  --text:#eaf1fb;
  --muted:#93a7c4;
  --header-bg:rgba(8,22,39,0.86);
  --card-bg:#0f2543;
  --line:rgba(255,255,255,0.1);
  --shadow:0 18px 40px -22px rgba(0,0,0,0.6);
  --stat-label:#a9c1de;
  color-scheme: dark;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Vazirmatn','Poppins',sans-serif;
  background:var(--bg); color:var(--text);
  transition:background .4s ease, color .4s ease;
  overflow-x:hidden;
}
body.lang-en{font-family:'Poppins','Vazirmatn',sans-serif;}
.num{font-family:'Poppins','Vazirmatn',sans-serif;}
a{text-decoration:none; color:inherit;}
ul{list-style:none;}
img{max-width:100%; display:block;}
.wrap{max-width:1240px; margin:0 auto; padding:0 28px;}
section{padding:96px 0;}
@media(max-width:720px){ section{padding:64px 0;} }

/* HEADER */
header{
  position:fixed; inset-inline:0; top:0; z-index:100;
  backdrop-filter:blur(14px);
  background:var(--header-bg);
  border-bottom:1px solid var(--line);
}
.header-inner{display:flex; align-items:center; justify-content:space-between; padding:16px 28px; max-width:1240px; margin:0 auto;}
.logo{display:flex; align-items:center; gap:10px; font-weight:800; font-size:1.15rem; letter-spacing:.3px;}
.logo .mark{width:34px; height:34px; border-radius:50%; background:conic-gradient(from 90deg, var(--blue), var(--orange), var(--navy), var(--blue)); flex-shrink:0;}
nav.main-nav{display:flex; gap:26px; font-weight:600; font-size:.93rem;}
nav.main-nav a{position:relative; padding:4px 0; color:var(--text); opacity:.85;}
nav.main-nav a:hover, nav.main-nav a.active{opacity:1; color:var(--blue);}
.header-actions{display:flex; align-items:center; gap:14px;}
.lang-select{font-family:inherit; font-size:.85rem; border:1px solid var(--line); background:transparent; color:var(--text); border-radius:8px; padding:6px 10px;}
.theme-btn{width:38px; height:38px; border-radius:50%; border:1px solid var(--line); background:transparent; color:var(--text); cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:1rem;}
.burger{display:none; background:none; border:none; font-size:1.4rem; color:var(--text); cursor:pointer;}
@media(max-width:980px){
  nav.main-nav{display:none;}
  .burger{display:block;}
}
/* موبایل: منوی کشویی */
.mobile-nav{
  display:none; flex-direction:column; gap:4px;
  background:var(--header-bg); border-bottom:1px solid var(--line);
  padding:10px 28px 18px; backdrop-filter:blur(14px);
}
.mobile-nav.open{display:flex;}
.mobile-nav a{padding:10px 4px; font-weight:600; border-bottom:1px solid var(--line);}

/* HERO */
.hero{
  position:relative; min-height:100vh; display:flex; align-items:center;
  padding-top:120px;
  background:
    radial-gradient(900px 500px at 85% 10%, rgba(10,132,216,0.18), transparent 60%),
    radial-gradient(700px 500px at -5% 90%, rgba(255,122,0,0.12), transparent 60%),
    linear-gradient(180deg, var(--navy-deep), var(--navy) 60%, var(--bg) 100%);
  color:#fff; overflow:hidden;
}
.hero-grid{display:grid; grid-template-columns:1.1fr .9fr; gap:50px; align-items:center; position:relative; z-index:2;}
@media(max-width:920px){ .hero-grid{grid-template-columns:1fr;} }
.eyebrow{display:inline-flex; align-items:center; gap:8px; font-size:.8rem; letter-spacing:.12em; color:#cfe3fb; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.18); padding:6px 14px; border-radius:999px; margin-bottom:22px;}
.eyebrow .dot{width:7px; height:7px; border-radius:50%; background:var(--orange);}
.hero h1{font-size:clamp(2.1rem, 4.4vw, 3.6rem); font-weight:800; line-height:1.28; margin-bottom:22px;}
.hero h1 .accent{background:linear-gradient(90deg, #ffb066, var(--orange)); -webkit-background-clip:text; background-clip:text; color:transparent;}
.hero p.lead{font-size:1.15rem; color:#cfe0f5; max-width:520px; margin-bottom:34px; line-height:2;}
.cta-row{display:flex; gap:16px; flex-wrap:wrap;}
.btn{display:inline-flex; align-items:center; gap:8px; padding:14px 28px; border-radius:10px; font-weight:700; font-size:.95rem; cursor:pointer; border:none; transition:transform .25s ease, box-shadow .25s ease; font-family:inherit;}
.btn-primary{background:var(--orange); color:#fff; box-shadow:0 14px 30px -12px rgba(255,122,0,0.6);}
.btn-primary:hover{transform:translateY(-3px);}
.btn-ghost{background:transparent; border:1.5px solid rgba(255,255,255,0.4); color:#fff;}
.btn-ghost:hover{background:rgba(255,255,255,0.1);}
.btn-outline{
  display:inline-flex; align-items:center; gap:8px;
  padding:12px 22px; border-radius:10px; font-weight:700;
  font-size:.9rem; border:1.5px solid var(--blue); color:var(--blue);
  background:transparent; cursor:pointer; transition:background .2s; font-family:inherit;
}
.btn-outline:hover{ background:rgba(10,132,216,.08); }

.yarn-visual{position:relative; height:420px;}
.yarn-visual svg{width:100%; height:100%;}

/* ── آمار hero: رنگ پررنگ برای دیده‌شدن در لایت مود ── */
.stat-strip{display:flex; gap:0; margin-top:60px; border-top:1px solid var(--line); padding-top:28px; flex-wrap:wrap; position:relative; z-index:2;}
.stat{flex:1; min-width:140px; padding-inline-end:24px;}
.stat .num{font-size:1.9rem; font-weight:800; color:var(--orange); text-shadow:0 1px 2px rgba(0,0,0,.12);}
.stat .label{font-size:.85rem; font-weight:600; color:var(--stat-label); margin-top:4px;}

/* SECTION HEADS */
.section-head{max-width:640px; margin-bottom:48px;}
.section-head .kicker{color:var(--orange); font-weight:700; font-size:.85rem; letter-spacing:.08em; display:block; margin-bottom:10px;}
.section-head h2{font-size:clamp(1.6rem,3vw,2.4rem); font-weight:800; line-height:1.4;}
.section-head p{color:var(--muted); margin-top:14px; font-size:1.02rem; line-height:1.9;}

/* WHY */
.why-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:22px;}
@media(max-width:920px){ .why-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:560px){ .why-grid{grid-template-columns:1fr;} }
.why-card{background:var(--card-bg); border:1px solid var(--line); border-radius:var(--radius); padding:30px 24px; box-shadow:var(--shadow);}
.why-card .ico{width:48px; height:48px; border-radius:12px; background:linear-gradient(135deg, var(--blue), var(--navy)); display:flex; align-items:center; justify-content:center; color:#fff; margin-bottom:18px; font-weight:800;}
.why-card h3{font-size:1.05rem; font-weight:700; margin-bottom:8px;}
.why-card p{color:var(--muted); font-size:.9rem; line-height:1.8;}

/* PRODUCTS */
.products{
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cpath d='M-10 30 Q 35 10 70 30 T 150 30 M-10 70 Q 35 50 70 70 T 150 70 M-10 110 Q 35 90 70 110 T 150 110' fill='none' stroke='%230A84D8' stroke-opacity='0.055' stroke-width='2'/%3E%3C/svg%3E") repeat,
    var(--surface);
}
.product-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:22px;}
@media(max-width:1080px){ .product-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:560px){ .product-grid{grid-template-columns:1fr;} }
.product-card{background:var(--card-bg); border-radius:var(--radius); overflow:hidden; border:1px solid var(--line); transition:transform .3s ease, box-shadow .3s ease;}
.product-card:hover{transform:translateY(-6px); box-shadow:var(--shadow);}
.product-thumb{height:150px; position:relative; overflow:hidden;}
.product-thumb svg{position:absolute; inset:0; width:100%; height:100%; opacity:.9;}
.product-body{padding:20px 22px 24px;}
.product-body h3{font-size:1rem; font-weight:700; margin-bottom:10px; line-height:1.7;}
.product-links{display:flex; justify-content:space-between; font-size:.82rem; margin-top:14px; color:var(--blue); font-weight:600; gap:10px; flex-wrap:wrap;}

/* APPLICATIONS */
.app-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:18px;}
@media(max-width:920px){ .app-grid{grid-template-columns:repeat(3,1fr);} }
@media(max-width:560px){ .app-grid{grid-template-columns:repeat(2,1fr);} }
.app-card{text-align:center; padding:28px 14px; border-radius:var(--radius); border:1px solid var(--line); background:var(--card-bg);}
.app-card .ico{width:54px; height:54px; margin:0 auto 14px; border-radius:50%; background:var(--surface); display:flex; align-items:center; justify-content:center; color:var(--blue); font-size:1.4rem;}
.app-card .ico svg{width:28px; height:28px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
.app-card span{font-weight:600; font-size:.92rem;}

/* TESTIMONIALS */
.testimonials{background:var(--navy); color:#fff; position:relative; overflow:hidden;}
.testimonials .section-head h2{color:#fff;}
.testi-track{display:flex; gap:24px; overflow-x:auto; padding-bottom:10px; scroll-snap-type:x mandatory;}
.testi-track::-webkit-scrollbar{height:6px;}
.testi-track::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.25); border-radius:10px;}
.testi-card{flex:0 0 360px; scroll-snap-align:start; background:radial-gradient(rgba(255,255,255,.05) 1px, transparent 1.5px) 0 0/18px 18px, rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.14); border-radius:var(--radius); padding:30px;}
.testi-card p{color:#d9e6f7; line-height:1.9; margin-bottom:20px; font-size:.97rem;}
.testi-who{display:flex; align-items:center; gap:12px;}
.testi-who .av{width:42px; height:42px; border-radius:50%; background:linear-gradient(135deg,var(--orange),var(--blue));}
.testi-who strong{display:block; font-size:.92rem;}
.testi-who span{font-size:.78rem; color:#a9c1de;}

/* NEWS / BLOG CARDS */
.news-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
@media(max-width:860px){ .news-grid{grid-template-columns:1fr;} }
.news-card{border-radius:var(--radius); overflow:hidden; border:1px solid var(--line); background:var(--card-bg); cursor:pointer; transition:transform .25s ease, box-shadow .25s ease;}
.news-card:hover{transform:translateY(-5px); box-shadow:var(--shadow);}
.news-thumb{height:160px; background:linear-gradient(135deg, var(--blue), var(--navy)); display:flex; align-items:center; justify-content:center; font-size:2.4rem; position:relative; overflow:hidden;}
.news-thumb::after{
  content:''; position:absolute; inset:0;
  background:repeating-linear-gradient(115deg, rgba(255,255,255,.07) 0 7px, transparent 7px 16px);
  pointer-events:none;
}
.news-body{padding:22px;}
.news-tag{color:var(--orange); font-weight:700; font-size:.75rem; letter-spacing:.06em;}
.news-date{color:var(--muted); font-size:.75rem; margin-inline-start:10px;}
.news-body h3{margin:10px 0 8px; font-size:1.02rem; line-height:1.7;}
.news-body p{color:var(--muted); font-size:.88rem; line-height:1.8;}
.read-more{display:inline-block; margin-top:12px; color:var(--blue); font-weight:700; font-size:.85rem;}

/* BLOG PAGE */
.page-hero{
  padding:150px 0 70px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cpath d='M-10 40 Q 45 15 90 40 T 190 40 M-10 100 Q 45 75 90 100 T 190 100 M-10 160 Q 45 135 90 160 T 190 160' fill='none' stroke='%23ffffff' stroke-opacity='0.06' stroke-width='2.5'/%3E%3C/svg%3E") repeat,
    linear-gradient(180deg, var(--navy-deep), var(--navy));
  color:#fff; text-align:center;
}
.page-hero h1{font-size:clamp(1.8rem,3.6vw,2.8rem); font-weight:800; margin-bottom:12px;}
.page-hero p{color:#cfe0f5; max-width:560px; margin:0 auto; line-height:1.9;}
.blog-filters{display:flex; gap:10px; justify-content:center; margin:40px 0 10px; flex-wrap:wrap;}
.filter-btn{padding:9px 22px; border-radius:999px; border:1.5px solid var(--line); background:var(--card-bg); color:var(--text); font-family:inherit; font-weight:600; font-size:.88rem; cursor:pointer; transition:all .2s;}
.filter-btn.active, .filter-btn:hover{background:var(--blue); border-color:var(--blue); color:#fff;}

/* ABOUT PAGE */
.about-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:40px;}
@media(max-width:860px){ .about-grid{grid-template-columns:1fr;} }
.about-card{background:var(--card-bg); border:1px solid var(--line); border-radius:var(--radius); padding:32px 26px; box-shadow:var(--shadow);}
.about-card .ico{font-size:1.8rem; margin-bottom:14px;}
.about-card h3{font-size:1.1rem; font-weight:800; margin-bottom:10px;}
.about-card p{color:var(--muted); font-size:.92rem; line-height:1.9;}
.about-prose{max-width:820px; line-height:2.1; color:var(--text); font-size:1.02rem;}
.about-prose + .about-prose{margin-top:18px;}
.cert-row{display:flex; gap:16px; flex-wrap:wrap; margin-top:26px;}
.cert-badge{padding:12px 22px; border-radius:12px; border:1.5px dashed var(--blue); color:var(--blue); font-weight:700; font-size:.9rem;}
.gallery-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:30px;}
@media(max-width:860px){ .gallery-grid{grid-template-columns:repeat(2,1fr);} }
.gallery-ph{aspect-ratio:4/3; border-radius:12px; background:linear-gradient(135deg,var(--surface),var(--line)); display:flex; align-items:center; justify-content:center; color:var(--muted); font-size:1.6rem; border:1px solid var(--line);}
.video-ph{aspect-ratio:16/9; max-width:820px; border-radius:16px; background:linear-gradient(135deg,var(--navy),var(--navy-deep)); display:flex; align-items:center; justify-content:center; color:#fff; font-size:3rem; margin-top:26px; cursor:pointer;}

/* CONTACT */
.contact-box{background:var(--card-bg); border:1px solid var(--line); border-radius:24px; padding:48px; box-shadow:var(--shadow); display:grid; grid-template-columns:1fr 1fr; gap:46px;}
@media(max-width:860px){ .contact-box{grid-template-columns:1fr; padding:30px;} }
.contact-box h2{font-size:1.7rem; font-weight:800; margin-bottom:14px;}
.contact-box p{color:var(--muted); line-height:1.9; margin-bottom:24px;}
.contact-info-item{display:flex; gap:12px; align-items:flex-start; margin-bottom:16px; font-size:.92rem;}
.contact-info-item .ico{width:34px; height:34px; border-radius:9px; background:var(--surface); display:flex; align-items:center; justify-content:center; color:var(--blue); flex-shrink:0;}
form{display:flex; flex-direction:column; gap:14px;}
.field{display:flex; flex-direction:column; gap:6px;}
.field label{font-size:.82rem; font-weight:600; color:var(--muted);}
.field input, .field textarea{
  font-family:inherit; padding:13px 14px; border-radius:10px; border:1px solid var(--line);
  background:var(--surface); color:var(--text); font-size:.92rem; resize:vertical;
}
.field input:focus, .field textarea:focus{outline:2px solid var(--blue); outline-offset:1px;}
.form-note{font-size:.8rem; color:var(--muted);}
.form-success{display:none; padding:14px 16px; border-radius:10px; background:rgba(46,160,67,.12); color:#2ea043; font-weight:600; font-size:.9rem;}
.form-success.show{display:block;}

/* MODAL */
.modal-overlay{
  position:fixed; inset:0; z-index:500;
  background:rgba(9,29,56,0.7); backdrop-filter:blur(6px);
  display:flex; align-items:center; justify-content:center; padding:20px;
  opacity:0; pointer-events:none; transition:opacity .3s ease;
}
.modal-overlay.open{ opacity:1; pointer-events:all; }
.modal{
  background:var(--card-bg); border:1px solid var(--line);
  border-radius:20px; width:100%; max-width:680px;
  max-height:90vh; overflow-y:auto;
  box-shadow:0 30px 70px -20px rgba(9,29,56,0.5);
  transform:translateY(30px) scale(.97); transition:transform .35s ease;
}
.modal-overlay.open .modal{ transform:none; }
.modal-header{
  display:flex; align-items:center; justify-content:space-between;
  padding:24px 28px 18px; border-bottom:1px solid var(--line);
  position:sticky; top:0; background:var(--card-bg); z-index:2;
}
.modal-header h3{ font-size:1.15rem; font-weight:800; }
.modal-close{
  width:36px; height:36px; border-radius:50%; border:1px solid var(--line);
  background:transparent; color:var(--text); cursor:pointer;
  font-size:1.1rem; display:flex; align-items:center; justify-content:center;
}
.modal-body{ padding:28px; line-height:2; }
.modal-body p{margin-bottom:14px; color:var(--text);}
.spec-table{ width:100%; border-collapse:collapse; }
.spec-table tr{ border-bottom:1px solid var(--line); }
.spec-table tr:last-child{ border-bottom:none; }
.spec-table td{ padding:13px 10px; font-size:.93rem; vertical-align:top; }
.spec-table td:first-child{ width:40%; font-weight:700; color:var(--muted); }
.spec-table td:last-child{ color:var(--text); line-height:1.7; }
.spec-badge{
  display:inline-block; padding:3px 10px; border-radius:999px;
  font-size:.78rem; font-weight:700; background:var(--surface); color:var(--blue);
  margin:2px 3px 2px 0;
}
.modal-footer{
  padding:18px 28px 24px; display:flex; gap:12px; flex-wrap:wrap;
  border-top:1px solid var(--line);
}

/* FOOTER */
footer{background:var(--navy-deep); color:#cfe0f5; padding:70px 0 30px;}
.footer-grid{display:grid; grid-template-columns:1.3fr 1fr 1fr 1.2fr; gap:40px; padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,0.1);}
@media(max-width:860px){ .footer-grid{grid-template-columns:1fr 1fr;} }
@media(max-width:560px){ .footer-grid{grid-template-columns:1fr;} }
.footer-grid h4{color:#fff; font-size:.95rem; margin-bottom:18px;}
.footer-grid li{margin-bottom:10px; font-size:.88rem; color:#a9c1de;}
.footer-grid li a:hover{color:#fff;}
.footer-social{display:flex; gap:10px; margin-top:16px;}
.footer-social a{width:36px; height:36px; border-radius:50%; border:1px solid rgba(255,255,255,0.2); display:flex; align-items:center; justify-content:center; font-size:.85rem;}
.newsletter{display:flex; gap:8px; margin-top:14px;}
.newsletter input{flex:1; padding:10px 12px; border-radius:8px; border:1px solid rgba(255,255,255,0.2); background:rgba(255,255,255,0.06); color:#fff; font-family:inherit; font-size:.85rem;}
.footer-bottom{display:flex; justify-content:space-between; align-items:center; padding-top:24px; font-size:.8rem; color:#7d93b3; flex-wrap:wrap; gap:10px;}

.reveal{opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease;}
.reveal.in{opacity:1; transform:none;}

/* ── انیمیشن‌های خط ذوب‌ریسی (hero) ── */
@keyframes flowDown{ to{ stroke-dashoffset:-40; } }
@keyframes spinRoll{ to{ transform:rotate(360deg); } }
@keyframes traverseMove{ 0%,100%{ transform:translateX(-16px);} 50%{ transform:translateX(16px);} }
@keyframes windStripe{ to{ stroke-dashoffset:-30; } }
@keyframes granuleFall{
  0%{ transform:translateY(0); opacity:0; }
  15%{ opacity:1; } 85%{ opacity:1; }
  100%{ transform:translateY(26px); opacity:0; }
}
.filament{ stroke-dasharray:8 6; animation:flowDown 1.1s linear infinite; }
.godet{ animation:spinRoll 3.5s linear infinite; transform-box:fill-box; transform-origin:center; }
.traverse{ animation:traverseMove 1.6s ease-in-out infinite; }
.wind-stripe{ stroke-dasharray:10 8; animation:windStripe 1.2s linear infinite; }
.granule{ animation:granuleFall 1.4s linear infinite; }
.granule:nth-child(2){ animation-delay:.45s; }
.granule:nth-child(3){ animation-delay:.9s; }

/* هاور کارت محصول: بزرگ‌نمایی ظریف تصویر نخ */
.product-thumb svg{ transition:transform .45s ease; }
.product-card:hover .product-thumb svg{ transform:scale(1.08); }

/* ── جریان نخ روی کارت‌های محصول ── */
@keyframes yarnFlow{ to{ stroke-dashoffset:-36; } }
@keyframes yarnFlowS{ to{ stroke-dashoffset:-44; } }
.product-thumb svg .fl-slow, .product-thumb svg .fl-slow path{ animation:yarnFlowS 2.4s linear infinite; }
.product-card:hover .product-thumb svg .fl,
.product-card:hover .product-thumb svg .fl path{
  stroke-dasharray:7 11; animation:yarnFlow 1s linear infinite;
}

/* ── ورود پلکانی محتوای hero ── */
@keyframes heroIn{ from{ opacity:0; transform:translateY(18px); } }
.hero .eyebrow{ animation:heroIn .7s ease .05s backwards; }
.hero h1{ animation:heroIn .7s ease .18s backwards; }
.hero p.lead{ animation:heroIn .7s ease .32s backwards; }
.hero .cta-row{ animation:heroIn .7s ease .46s backwards; }
.hero .stat-strip{ animation:heroIn .8s ease .6s backwards; }
.hero .yarn-visual{ animation:heroIn 1s ease .3s backwards; }

/* ── ورود پلکانی کارت‌ها هنگام اسکرول ── */
@keyframes cardIn{ from{ opacity:0; transform:translateY(20px); } }
.reveal.in .why-card, .reveal.in .product-card, .reveal.in .app-card, .reveal.in .news-card{ animation:cardIn .6s ease backwards; }
.reveal.in .why-card:nth-child(2), .reveal.in .product-card:nth-child(2), .reveal.in .app-card:nth-child(2), .reveal.in .news-card:nth-child(2){ animation-delay:.08s; }
.reveal.in .why-card:nth-child(3), .reveal.in .product-card:nth-child(3), .reveal.in .app-card:nth-child(3), .reveal.in .news-card:nth-child(3){ animation-delay:.16s; }
.reveal.in .why-card:nth-child(4), .reveal.in .product-card:nth-child(4), .reveal.in .app-card:nth-child(4){ animation-delay:.24s; }
.reveal.in .product-card:nth-child(5), .reveal.in .app-card:nth-child(5){ animation-delay:.32s; }
.reveal.in .product-card:nth-child(6){ animation-delay:.4s; }
.reveal.in .product-card:nth-child(7){ animation-delay:.48s; }
.reveal.in .product-card:nth-child(8){ animation-delay:.56s; }

/* هاور آیکون کاربردها */
.app-card .ico{ transition:background .3s ease, color .3s ease, transform .3s ease; }
.app-card:hover .ico{ background:var(--blue); color:#fff; transform:translateY(-4px); }

@media (prefers-reduced-motion: reduce){
  *{animation:none !important; transition:none !important;}
}