.dnw{
  --ink:#f2f9ff; --navy:#eaf5ff; --navy2:#e4f3ff;
  --cyan:#00c3ff; --blue:#007cf5; --aqua:#22d3b8; --red:#ff533f; --amber:#ffcd05;
  --text:#4f5b6d; --strong:#1b3a5c; --muted:#566980; --paper:#f2f9ff; --line:rgba(27,58,92,.12);
  --sh-s:0 6px 18px rgba(0,110,200,.06); --sh-m:0 18px 44px rgba(0,110,200,.09); --sh-l:0 34px 80px rgba(0,110,200,.13);
  --r-s:10px; --r-m:16px; --r-l:24px; --r-xl:34px;
  --eo:cubic-bezier(.16,1,.3,1); --es:cubic-bezier(.4,0,.2,1); --lift:6px;
  position:relative; direction:rtl; text-align:right; overflow-x:hidden;
  font-family:"dana",sans-serif; font-size:15px; line-height:2.15; letter-spacing:0; color:var(--text); background:#fff;
}
.dnw *,.dnw *::before,.dnw *::after{box-sizing:border-box}
.dnw p,.dnw h1,.dnw h2,.dnw h4,.dnw h5,.dnw ul,.dnw li,.dnw figure,.dnw figcaption{margin:0;padding:0;list-style:none;font-weight:400;letter-spacing:0}
.dnw a:not([class*="-btn"]){color:inherit;text-decoration:none;transition:color .35s var(--es),background .35s var(--es),border-color .35s var(--es),box-shadow .35s var(--es),translate .4s var(--eo)}
.dnw svg{display:block;overflow:visible}
.dnw b,.dnw strong,.dnw h1,.dnw h2,.dnw h4,.dnw h5{font-weight:400}
.dnw em{font-style:normal}
.dnw img{display:block}
.dnw-wrap{position:relative;width:100%;max-width:1140px;margin:0 auto;padding:0 22px}
.dnw-band{position:relative;isolation:isolate;padding:clamp(58px,7.2vw,100px) 0}
.dnw-band--paper{background:var(--paper)}
.dnw-eye{display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;font-size:12.5px;line-height:1.9;letter-spacing:.05em;color:#0072c6}
.dnw-eye::before{content:"";width:26px;height:1px;background:currentColor;opacity:.7}
.dnw-eye--d{color:#0072c6}
.dnw-h1{font-family:"aviny",sans-serif;font-size:clamp(29px,4.5vw,52px)!important;line-height:1.52;color:var(--strong)}
.dnw-h2{font-family:"aviny",sans-serif;font-size:clamp(23px,3vw,37px)!important;line-height:1.62;color:var(--strong)}
.dnw-h2 .dnw-x{color:#0072c6}
.dnw-lead{font-size:16px;line-height:2.3;color:var(--muted);margin-top:10px;text-align:justify}
.dnw-head{max-width:730px;margin:0 auto clamp(30px,4.2vw,52px);text-align:center}
.dnw-head .dnw-lead{margin-inline:auto;text-align:center}

/* ── ظهور تدریجی (translate/scale جدا، تا با transform خودِ عنصر نجنگد) ── */
.dnw[data-rdy] [data-rv]{opacity:0;will-change:translate,opacity}
.dnw[data-rdy] [data-rv="up"]{translate:0 24px}
.dnw[data-rdy] [data-rv="right"]{translate:26px 0}
.dnw[data-rdy] [data-rv="left"]{translate:-26px 0}
.dnw[data-rdy] [data-rv="scale"]{scale:.95}
.dnw[data-rdy] [data-rv].is-in{opacity:1;translate:0 0;scale:1;
  transition:opacity .8s var(--eo) var(--d,0ms),translate .9s var(--eo) var(--d,0ms),scale .9s var(--eo) var(--d,0ms)}
.dnw-mask{display:block;overflow:hidden;padding-bottom:.12em}
.dnw-mask>span{display:block}
.dnw[data-rdy] .dnw-mask>span{translate:0 110%;will-change:translate}
.dnw[data-rdy] .dnw-mask.is-in>span{translate:0 0;transition:translate 1s var(--eo) var(--d,0ms)}
.dnw-rule{height:1px;background:var(--line);scale:0 1;transform-origin:right center}
.dnw-rule.is-in{scale:1 1;transition:scale 1.1s var(--eo) var(--d,0ms)}

/* ── دکمه‌ها ── */
.dnw-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;cursor:pointer;
  padding:13px 26px;border:1px solid transparent;border-radius:100px;font-family:"aviny",sans-serif;font-size:15.5px;line-height:1.9;
  transition:translate .4s var(--eo),box-shadow .4s var(--eo),color .3s var(--es),background .3s var(--es),border-color .3s var(--es)}
.dnw-btn>*{position:relative;z-index:1}
.dnw-btn .fa{font-size:13px;transition:translate .4s var(--eo)}
.dnw-btn:hover,.dnw-btn:focus-visible{translate:0 -3px}
.dnw-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(0,124,245,.5)}
.dnw-btn:active{translate:0 0;scale:.99}
.dnw-btn--p{color:#fff;background-image:linear-gradient(103deg,#0072c6,#006edb 55%,#0351df);box-shadow:0 14px 30px rgba(0,124,245,.26)}
.dnw-btn--p:hover .fa{translate:-5px 0}
.dnw-btn--g{color:#1b3a5c;border-color:rgba(27,58,92,.20);background:#fff}
.dnw-btn--g:hover{color:#0072c6;border-color:rgba(0,195,255,.6);background:#f2f9ff}
.dnw-btn--o{color:var(--strong);border-color:rgba(27,58,92,.25);background:#fff}
.dnw-btn--o:hover{color:#0072c6;border-color:rgba(0,195,255,.5);box-shadow:var(--sh-s)}
.dnw-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px}

/* ── تزئینات عمومی ── */
.dnw-noise{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.13;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.dnw-aur{position:absolute;inset:auto -8% -22% -8%;height:112%;z-index:0;pointer-events:none;overflow:hidden}
.dnw-aur>i{position:absolute;display:block;border-radius:50%;filter:blur(74px);opacity:.4;animation:dnw-drift 28s var(--es) infinite alternate}
.dnw-aur>i:nth-child(1){width:40vw;height:40vw;bottom:-16%;right:-4%;background:radial-gradient(circle,rgba(0,195,255,.55),rgba(0,195,255,0) 68%)}
.dnw-aur>i:nth-child(2){width:31vw;height:31vw;top:6%;left:-6%;background:radial-gradient(circle,rgba(0,124,245,.5),rgba(0,124,245,0) 68%);animation-duration:34s;animation-delay:-8s}
.dnw-aur>i:nth-child(3){width:20vw;height:20vw;top:34%;right:26%;background:radial-gradient(circle,rgba(255,83,63,.4),rgba(255,83,63,0) 66%);animation-duration:24s;animation-delay:-14s}
@keyframes dnw-drift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-3%,4%,0) scale(1.07)}100%{transform:translate3d(4%,-3%,0) scale(1.02)}}
.dnw-live{position:relative;flex-shrink:0;width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(255,83,63,.55);animation:dnw-beat 2.1s var(--es) infinite}
@keyframes dnw-beat{0%{box-shadow:0 0 0 0 rgba(255,83,63,.55)}70%{box-shadow:0 0 0 9px rgba(255,83,63,0)}100%{box-shadow:0 0 0 0 rgba(255,83,63,0)}}

/* ═══════ ۱ | اتاق خبر ═══════ */
.dnw-hero{position:relative;isolation:isolate;overflow:hidden;padding-bottom:clamp(46px,5.2vw,68px);
  background:linear-gradient(178deg,#eaf5ff 0%,#e4f3ff 58%,#cfeaff 100%)}
/* نوار خبر فوری */
.dnw-ticker{position:relative;z-index:5;display:flex;align-items:stretch;gap:0;overflow:hidden;
  border-bottom:1px solid rgba(214,44,28,.18);background:linear-gradient(180deg,#fff4f2,#ffe3de)}
.dnw-ticker__tag{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:11px 18px;font-family:"aviny",sans-serif;
  font-size:13.5px;color:#fff;background:linear-gradient(100deg,#e0261a,#d62c1c);box-shadow:0 0 26px rgba(255,83,63,.35)}
.dnw-ticker__tag .dnw-live{background:#fff;box-shadow:none;animation:none}
.dnw-ticker__track{position:relative;flex:1;min-width:0;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.dnw-ticker__move{display:flex;width:max-content;align-items:center;animation:dnw-crawl 40s linear infinite;will-change:transform}
.dnw-ticker:hover .dnw-ticker__move,.dnw-ticker.is-off .dnw-ticker__move{animation-play-state:paused}
.dnw-ti{display:inline-flex;align-items:center;gap:9px;padding:11px 22px;font-size:13px;line-height:1.9;color:var(--text);white-space:nowrap}
.dnw-ti::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--red);opacity:.8}
.dnw-ti b{color:#d62c1c}
@keyframes dnw-crawl{from{transform:translate3d(0,0,0)}to{transform:translate3d(50%,0,0)}}

.dnw-hero__g{position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(26px,3.6vw,54px);
  align-items:center;padding-top:clamp(40px,5vw,68px)}
.dnw-hero p.dnw-lead{color:var(--text)}
.dnw-x2{margin-top:16px;padding-top:16px;border-top:1px solid rgba(27,58,92,.14);font-size:14.5px;line-height:2.2;color:var(--muted);text-align:justify}
.dnw-h1__sub{display:block;font-size:clamp(17px,2.1vw,25px);color:#33566f}
.dnw-h1__sub b{color:#d62c1c}
.dnw-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px!important; margin-bottom: 20px!important;}
.dnw-tags li{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border:1px solid rgba(0,124,245,.28);border-radius:100px;
  background:#fff;color:var(--strong);font-size:12.5px;line-height:1.9}
.dnw-tags .fa{color:var(--aqua);font-size:12px}

/* قاب پخش */
.dnw-visual{position:relative}
.dnw-frame{position:relative;border-radius:var(--r-l);overflow:hidden;box-shadow:var(--sh-l);background:#e4f3ff;isolation:isolate;
  transform:perspective(1500px) rotateY(6deg) rotateX(2deg)}
.dnw-frame img{position:relative;z-index:1;width:100%;height:clamp(300px,34vw,424px);object-fit:cover;filter:saturate(1.05) contrast(1.06);
  transform:scale(1.04);animation:dnw-kb 20s var(--es) infinite alternate}
@keyframes dnw-kb{0%{transform:scale(1.04) translate3d(0,0,0)}100%{transform:scale(1.14) translate3d(-2%,-2.4%,0)}}
.dnw-frame::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(155deg,rgba(0,195,255,.16),rgba(255,83,63,.10) 62%),radial-gradient(120% 90% at 80% 8%,rgba(0,124,245,.2),transparent 60%)}
.dnw-frame::before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);border-radius:var(--r-l)}
/* خط اسکن که دورهٔ خبر را مرور می‌کند */
.dnw-scan{position:absolute;z-index:5;left:0;right:0;top:-30%;height:26%;pointer-events:none;opacity:.55;
  background:linear-gradient(180deg,rgba(0,195,255,0),rgba(0,195,255,.34) 55%,rgba(0,195,255,0));animation:dnw-scan 9s var(--es) infinite}
@keyframes dnw-scan{0%{top:-30%}62%{top:104%}100%{top:104%}}
.dnw-hud{position:absolute;z-index:6;top:14px;right:14px;display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:100px;
  border:1px solid rgba(27,58,92,.12);background:rgba(255,255,255,.85);backdrop-filter:blur(7px);color:var(--strong);font-size:12px;line-height:1.8}
.dnw-hud b{font-family:"aviny",sans-serif;font-size:12.5px;color:#d62c1c}
.dnw-cap{position:absolute;z-index:6;right:16px;left:16px;bottom:16px;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--r-m);
  background:rgba(255,255,255,.88);border:1px solid rgba(27,58,92,.12);color:var(--strong);font-size:12.5px;line-height:1.8;backdrop-filter:blur(8px)}
.dnw-cap em{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:9px;font-size:13px;color:#04263a;
  background:linear-gradient(150deg,#8fe8ff,var(--cyan))}
.dnw-chip{position:absolute;z-index:7;top:-18px;left:-14px;display:flex;align-items:center;gap:9px;padding:10px 15px;border-radius:var(--r-m);
  background:rgba(255,255,255,.94);box-shadow:var(--sh-m);color:var(--strong);font-size:12.5px;line-height:1.7;animation:dnw-bob 8s var(--es) infinite alternate}
.dnw-chip strong{display:block;font-family:"aviny",sans-serif;font-size:15px;line-height:1.5}
.dnw-chip .fa{font-size:17px;color:var(--red)}
@keyframes dnw-bob{0%{translate:0 0}100%{translate:0 -13px}}

/* برد اعداد */
.dnw-stats{position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:clamp(30px,4vw,52px);
  background:var(--line);border-radius:var(--r-l);overflow:hidden}
.dnw-stats>li{position:relative;padding:clamp(18px,2.2vw,26px) 16px;text-align:center;background:rgba(255,255,255,.6);transition:background .4s var(--es)}
.dnw-stats>li:hover{background:#fff}
.dnw-stats>li::before{content:"";position:absolute;top:0;right:0;left:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--aqua));
  scale:0 1;transform-origin:right;transition:scale .6s var(--eo)}
.dnw-stats>li:hover::before{scale:1 1}
.dnw-num{display:block;font-family:"aviny",sans-serif;font-size:clamp(23px,3.1vw,35px);line-height:1.4;color:var(--strong)}
.dnw-num i{color:#0072c6}
.dnw-stats p{margin-top:2px;font-size:13px;color:var(--muted)}

/* ═══════ ۲ | دلایل کلیدی ═══════ */
.dnw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);
  border-radius:var(--r-l);overflow:hidden}
.dnw-cell{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:clamp(22px,2.3vw,30px);background:#fff;
  transition:translate .5s var(--eo),box-shadow .5s var(--eo),background .4s var(--es)}
.dnw-cell::before{content:"";position:absolute;inset:-1px;z-index:0;opacity:0;pointer-events:none;
  background:radial-gradient(250px circle at var(--mx,50%) var(--my,0%),rgba(0,195,255,.13),transparent 62%);transition:opacity .5s var(--es)}
.dnw-cell:hover::before{opacity:1}
.dnw-cell>*{position:relative;z-index:1}
.dnw-cell:hover{translate:0 calc(var(--lift) * -1);box-shadow:var(--sh-m)}
.dnw-cell .dnw-wm{position:absolute;z-index:0;top:6px;left:14px;font-family:"aviny",sans-serif;font-size:56px;line-height:1;
  color:transparent;-webkit-text-stroke:1px rgba(27,58,92,.12);pointer-events:none;transition:-webkit-text-stroke-color .5s var(--es)}
.dnw-cell:hover .dnw-wm{-webkit-text-stroke-color:rgba(0,195,255,.5)}
.dnw-tile{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;font-size:19px;margin-bottom:16px;color:#fff;
  transition:translate .5s var(--eo),scale .5s var(--eo)}
.dnw-tile i{transition:translate .5s var(--eo)}
.dnw-cell:hover .dnw-tile{translate:0 -3px;scale:1.06}
.dnw-t1{background:linear-gradient(150deg,#4dc9ff,#0351df)}
.dnw-t2{background:linear-gradient(150deg,#37d3a8,#0b855a)}
.dnw-t3{color:#5b4300;background:linear-gradient(150deg,#ffdf6b,#ffbe1a)}
.dnw-t4{background:linear-gradient(150deg,#38c6ff,#0a86d6)}
.dnw-t5{background:linear-gradient(150deg,#ff8a7a,#d62c1c)}
.dnw-t6{background:linear-gradient(150deg,#8f8dff,#4a45e0)}
.dnw-cell h4{font-family:"aviny",sans-serif;font-size:18px!important;line-height:1.9;color:var(--strong)}
.dnw-cell p{margin-top:6px;font-size:14.5px;line-height:2.1;text-align:justify;color:var(--text)}
.dnw-cell .dnw-underline{align-self:flex-start;margin-top:16px;height:1px;width:46px;background:var(--line);position:relative;overflow:hidden}
.dnw-cell .dnw-underline::after{content:"";position:absolute;inset:0;scale:0 1;transform-origin:right;background:var(--blue);transition:scale .6s var(--eo)}
.dnw-cell:hover .dnw-underline::after{scale:1 1}

/* ═══════ ۳ | زیرساخت فنی ═══════ */
.dnw-sticky{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(26px,3.6vw,54px);align-items:start}
.dnw-sticky__l{position:sticky;top:104px}
.dnw-items{display:grid;gap:14px;position:relative;padding-right:28px}
.dnw-items::before{content:"";position:absolute;top:8px;bottom:8px;right:6px;width:1px;background:var(--line)}
.dnw-items::after{content:"";position:absolute;top:8px;right:6px;width:1px;background:linear-gradient(180deg,var(--red),var(--cyan) 45%,var(--aqua));
  height:calc(var(--f,0) * (100% - 16px));transition:height .18s linear}
.dnw-item{position:relative;padding:clamp(18px,2vw,26px);border:1px solid var(--line);border-radius:var(--r-l);background:#fff;
  transition:translate .5s var(--eo),box-shadow .5s var(--eo),border-color .4s var(--es)}
.dnw-item::before{content:"";position:absolute;right:-22px;top:32px;width:16px;height:1px;background:var(--line)}
.dnw-item::after{content:"";position:absolute;right:-28px;top:27px;width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid var(--line);
  transition:background .5s var(--es),border-color .5s var(--es),scale .5s var(--eo)}
.dnw-item.is-in::after{background:var(--cyan);border-color:#fff;scale:1.2}
.dnw-item:hover{translate:0 calc(var(--lift) / -2);box-shadow:var(--sh-m);border-color:rgba(0,195,255,.4)}
.dnw-item__h{display:flex;align-items:center;gap:13px}
.dnw-item__ic{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:14px;font-size:17px;color:var(--strong);
  background:var(--paper);border:1px solid var(--line);transition:color .45s var(--es),background .45s var(--es),border-color .45s var(--es)}
.dnw-item:hover .dnw-item__ic{color:#04263a;background:linear-gradient(150deg,#8fe8ff,var(--cyan));border-color:transparent}
.dnw-item h4{font-family:"aviny",sans-serif;font-size:17.5px!important;line-height:1.9;color:var(--strong)}
.dnw-item h4 em{font-family:"dana",sans-serif;font-size:12px;color:var(--muted);vertical-align:middle;margin-right:6px}
.dnw-item p{margin-top:8px;font-size:14.5px;line-height:2.15;text-align:justify;color:var(--text)}
.dnw-item__rule{display:block;height:2px;margin-top:14px;border-radius:2px;background:var(--paper);position:relative;overflow:hidden}
.dnw-item__rule::after{content:"";position:absolute;inset:0;scale:0 1;transform-origin:right;border-radius:2px;
  background:linear-gradient(90deg,var(--aqua),var(--cyan));transition:scale .8s var(--eo) var(--d,0ms)}
.dnw-item.is-in .dnw-item__rule::after{scale:1 1}

/* ═══ ماکاپ صفحه خبری ═══ */
.dnw-mock{position:relative;margin-top:22px;border:1px solid var(--line);border-radius:var(--r-l);background:#fff;box-shadow:var(--sh-m);
  padding:12px;overflow:hidden}
.dnw-mock__glow{position:absolute;inset:0;z-index:6;pointer-events:none;background:linear-gradient(115deg,rgba(0,195,255,.18),transparent 45%);
  translate:-100% 0}
/* چون داخل mock با overflow:hidden است، IO هرگز آن را نمی‌بیند؛ از وضعیت والد استفاده می‌کند */
.dnw-mock.is-in .dnw-mock__glow{translate:120% 0;transition:translate 1.5s var(--eo) var(--d,0ms)}
.dnw-mock__bar{display:flex;align-items:center;gap:8px;padding:4px 8px 10px}
.dnw-mock__bar i{width:7px;height:7px;border-radius:50%;background:#dfe8f0}
.dnw-mock__bar em{margin-right:auto;font-size:10.5px;color:var(--muted);letter-spacing:.04em}
.dnw-mock__mast{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:linear-gradient(170deg,#e6f4ff,#e4f3ff);color:var(--strong)}
.dnw-mock__mast b{font-family:"aviny",sans-serif;font-size:13.5px}
.dnw-mock__mast span{display:flex;gap:6px;margin-right:auto}
.dnw-mock__mast span i{display:block;width:34px;height:6px;border-radius:4px;background:rgba(27,58,92,.16)}
.dnw-mock__live{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:9px;background:linear-gradient(100deg,#e0261a,#d62c1c);
  color:#fff;font-size:11.5px;font-family:"aviny",sans-serif}
.dnw-mock__lead{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:9px;margin-top:9px}
.dnw-mock__ph{position:relative;border-radius:12px;overflow:hidden;background:#eef4f9}
.dnw-mock__ph img{width:100%;height:108px;object-fit:cover;filter:saturate(1.05)}
.dnw-mock__ph::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(0,195,255,.16),rgba(255,83,63,.10))}
.dnw-mock__txt{padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.dnw-mock__txt h5{font-family:"aviny",sans-serif;font-size:13px;line-height:1.8;color:var(--strong);margin-bottom:6px}
.dnw-mock__txt i{display:block;height:5px;border-radius:4px;background:#e2ecf4;margin-bottom:6px}
.dnw-mock__txt i:nth-child(3){width:92%}
.dnw-mock__txt i:nth-child(4){width:74%}
.dnw-mock__txt i:nth-child(5){width:58%}
.dnw-mock__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:9px}
.dnw-mock__c{padding:9px;border:1px dashed rgba(27,58,92,.18);border-radius:11px;background:#fff}
.dnw-mock__c em{display:block;height:26px;border-radius:7px;margin-bottom:7px;background:linear-gradient(120deg,#eaf3fa,#dbe7f1)}
.dnw-mock__c i{display:block;height:4px;border-radius:4px;background:#e6eef5;margin-bottom:5px}
.dnw-mock__c i:last-child{width:62%}
.dnw-mock__side{display:grid;gap:7px;margin-top:9px;padding:10px;border-radius:12px;background:#eaf5ff}
.dnw-mock__side em{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text)}
.dnw-mock__side em b{width:16px;height:16px;border-radius:5px;display:grid;place-items:center;font-size:9px;color:#1b3a5c;background:var(--cyan)}
.dnw-mock__side em:nth-child(2) b{background:var(--amber)}
.dnw-mock__side em:nth-child(3) b{background:var(--aqua)}

/* ── نوار ارزیابی سئو ── */
.dnw-audit{position:relative;overflow:hidden;margin-top:clamp(30px,3.6vw,46px);padding:clamp(20px,2.6vw,30px);border-radius:var(--r-l);
  border:1px solid rgba(0,195,255,.3);background:linear-gradient(118deg,#f2fbff,#e9f6fd 58%,#f7fdff);
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(16px,2.4vw,30px);align-items:center;
  transition:translate .5s var(--eo),box-shadow .5s var(--eo)}
.dnw-audit:hover{translate:0 -3px;box-shadow:var(--sh-m)}
.dnw-audit::before{content:"";position:absolute;top:0;bottom:0;right:0;width:3px;background:linear-gradient(180deg,var(--cyan),var(--blue))}
.dnw-audit h4{font-family:"aviny",sans-serif;font-size:17.5px!important;line-height:1.9;color:var(--strong)}
.dnw-audit p{margin-top:4px;font-size:14.5px;line-height:2.05;color:#537187;text-align:justify}
.dnw-audit__pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.dnw-audit__pills li{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:100px;background:rgba(255,255,255,.75);
  border:1px solid rgba(0,195,255,.28);font-size:12.5px;color:#2e6c86}
.dnw-audit__pills .fa{color:var(--cyan);font-size:11.5px}
.dnw-audit__c{display:grid;gap:10px;justify-items:stretch}

/* ═══════ ۴ | جریان خبر ═══════ */
.dnw-flow{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);margin-top:8px}
.dnw-rail{position:absolute;top:34px;right:6%;left:6%;height:2px;background:var(--line);border-radius:2px;overflow:visible}
.dnw-rail>i{position:absolute;inset:0;border-radius:2px;scale:0 1;transform-origin:right;
  background:linear-gradient(90deg,var(--aqua),var(--cyan) 55%,var(--blue));transition:scale 1.6s var(--eo)}
.dnw-rail.is-in>i{scale:1 1}
.dnw-rail em{position:absolute;top:-5px;right:0;width:12px;height:12px;border-radius:50%;background:var(--cyan);
  box-shadow:0 0 16px 3px rgba(0,195,255,.65);opacity:0}
.dnw-rail.is-run em{opacity:1;animation:dnw-run 6.5s linear infinite}
@keyframes dnw-run{0%{opacity:1;transform:translateX(0) scale(1)}82%{opacity:1;transform:translateX(calc(var(--rw,600px) * -1)) scale(1)}100%{opacity:0;transform:translateX(calc(var(--rw,600px) * -1)) scale(.35)}}
.dnw-st{text-align:center;padding-top:0}
.dnw-node{position:relative;display:grid;place-items:center;width:68px;height:68px;margin:0 auto 14px;border-radius:50%;background:#fff;
  border:1px solid var(--line);font-family:"aviny",sans-serif;font-size:19px;color:var(--strong);
  transition:translate .5s var(--eo),box-shadow .5s var(--eo),border-color .5s var(--es)}
.dnw-node svg{position:absolute;inset:-1px;width:100%;height:100%;transform:rotate(-90deg)}
.dnw-node circle{fill:none;stroke:var(--cyan);stroke-width:2;stroke-dasharray:201;stroke-dashoffset:201;transition:stroke-dashoffset 1.2s var(--eo) var(--d,0ms)}
.dnw-st.is-in .dnw-node circle{stroke-dashoffset:0}
.dnw-st.is-in .dnw-node{border-color:transparent;box-shadow:var(--sh-s)}
.dnw-node:hover{translate:0 -4px;box-shadow:var(--sh-m)}
.dnw-st h4{font-family:"aviny",sans-serif;font-size:16px!important;line-height:1.9;color:var(--strong)}
.dnw-st p{margin:4px auto 0;font-size:13.5px;line-height:2.05;color:var(--muted);max-width:220px}
.dnw-st__k{display:inline-block;margin-top:8px;padding:3px 11px;border-radius:100px;background:#fff;border:1px solid var(--line);
  font-size:11.5px;color:#0072c6}

/* ═══════ ۵ | فراخوان پایانی ═══════ */
.dnw-ask{position:relative;isolation:isolate;overflow:hidden;padding:clamp(44px,5vw,74px) clamp(22px,3vw,44px);border-radius:var(--r-xl);text-align:center;
  background:linear-gradient(168deg,#eaf5ff,#e4f3ff 55%,#cfeaff);color:var(--text);box-shadow:var(--sh-l)}
.dnw-ask h2{font-family:"aviny",sans-serif;font-size:clamp(21px,2.7vw,32px)!important;line-height:1.65;color:var(--strong)}
.dnw-ask__i{position:relative;z-index:3}
.dnw-ask .dnw-lead{color:var(--muted);text-align:center;max-width:660px;margin-inline:auto}
.dnw-ask__b{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px}
.dnw-tick{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin-top:clamp(24px,3vw,36px)!important;padding-top:clamp(22px,2.6vw,30px)!important;
  border-top:1px solid rgba(27,58,92,.14)}
.dnw-tick li{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}
.dnw-tick .fa{color:var(--aqua)}
.dnw-ask__rule{position:absolute;top:0;right:0;left:0;height:2px;background:linear-gradient(90deg,var(--red),var(--amber) 30%,var(--cyan) 65%,var(--aqua));opacity:.75}

/* ═══════ واکنش‌گرایی ═══════ */
@media (max-width:1100px){.dnw-sticky__l{top:96px}}
@media (max-width:992px){
  .dnw-hero__g,.dnw-sticky,.dnw-audit{grid-template-columns:minmax(0,1fr)}
  .dnw-sticky__l{position:static}
  .dnw-frame{transform:none}
  .dnw-frame img{animation:none}
  .dnw-aur>i{animation:none;filter:blur(52px);opacity:.3}
  .dnw-audit__c{justify-items:start}
  .dnw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dnw-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dnw-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
  .dnw-rail{display:none}
  .dnw-items{padding-right:0}
  .dnw-items::before,.dnw-items::after,.dnw-item::before,.dnw-item::after{display:none}
}
@media (max-width:768px){
  .dnw-wrap{padding:0 16px}
  .dnw-acts .dnw-btn,.dnw-ask__b .dnw-btn{flex:1 1 auto;justify-content:center}
  .dnw-chip{display:none}
  .dnw-scan{display:none}
  .dnw-ti{font-size:12px;padding:10px 14px}
  .dnw-mock__lead{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .dnw-grid,.dnw-stats,.dnw-flow,.dnw-mock__row{grid-template-columns:minmax(0,1fr)}
  .dnw-mock__row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dnw-h1{font-size:27px!important}
  .dnw-ticker__tag{padding:9px 12px;font-size:12px}
  .dnw-audit{padding:20px 16px}
}
@media (prefers-reduced-motion:reduce){
  .dnw *,.dnw *::before,.dnw *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .dnw[data-rdy] [data-rv],.dnw[data-rdy] .dnw-mask>span{opacity:1!important;transform:none!important;translate:0 0!important;scale:1!important}
  .dnw-rule,.dnw-rail>i,.dnw-item__rule::after,.dnw-cell .dnw-underline::after{scale:1 1!important}
  .dnw-node circle{stroke-dashoffset:0!important}
  .dnw-mock__glow{display:none}
  .dnw-aur,.dnw-noise,.dnw-scan,.dnw-rail em{display:none}
}

/* ═══ هم‌ترازی با بنری که قالب صفحه حول محتوا می‌سازد (اختیاری؛ فقط همین صفحه) ═══ */
.innerpage-titleV1-area{padding:150px 0 52px;background-color:#f2f9ff}
.contactV2{padding-bottom:0}
.contact-page-wrapper{padding:0!important}