.dsg{
  --ink:#f2f9ff; --navy:#eaf5ff; --cyan:#00c3ff; --blue:#0351df; --aqua:#22d3b8;
  --text:#4f5b6d; --strong:#1b3a5c; --muted:#566980; --soft:#f2f9ff; --soft2:#e6f4ff;
  --line:rgba(27,58,92,.11); --sh-s:0 6px 18px rgba(0,110,200,.06); --sh-m:0 18px 44px rgba(0,110,200,.10);
  --sh-l:0 34px 80px rgba(0,110,200,.13); --r-s:10px; --r-m:16px; --r-l:26px; --r-xl:38px;
  --eo:cubic-bezier(.16,1,.3,1); --es:cubic-bezier(.4,0,.2,1); --lift:6px;
  position:relative; font-family:"dana",sans-serif; color:var(--text); letter-spacing:0;
  text-align:right; line-height:2.1; background:#fff; overflow-x:clip; isolation:isolate;
}
.dsg *,.dsg *::before,.dsg *::after{box-sizing:border-box}
.dsg p,.dsg h1,.dsg h2,.dsg h4,.dsg h5,.dsg ul,.dsg li{margin:0;padding:0;letter-spacing:0;list-style:none;font-weight:400}
.dsg 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)}
.dsg b{font-weight:400}
.dsg svg{display:block;overflow:visible}
.dsg-wrap{position:relative;width:100%;max-width:1180px;margin:0 auto;padding:0 22px}
.dsg-band{position:relative;padding:clamp(64px,8vw,110px) 0}
.dsg-band--soft{background:linear-gradient(180deg,#fff,#f5fafd 55%,#fff)}
.dsg-head{max-width:770px;margin:0 auto clamp(34px,4.6vw,58px);text-align:center}
.dsg-head--s{margin-right:0;text-align:right}
/* پیل‌ها border-radius:100px دارند: اگر padding-inline از نصف ارتفاع کادر کمتر باشد،
   حروف داخل قوسِ لبه می‌افتند و به کادر می‌چسبند. مقدارها بر همین مبنا تنظیم شده‌اند. */
.dsg-eye{display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;padding:9px 26px!important;border:1px solid rgba(0,124,245,.3);
  border-radius:100px;background:rgba(0,124,245,.06);color:#0072c6;font-size:13px;line-height:1.6}
.dsg-eye--d{border-color:rgba(0,124,245,.30);background:#f2f9ff;color:#0072c6}
.dsg-dot{width:8px;height:8px;border-radius:50%;background:var(--aqua);animation:dsg-pulse 2.6s var(--eo) infinite}
@keyframes dsg-pulse{0%{box-shadow:0 0 0 0 rgba(34,211,184,.5)}70%{box-shadow:0 0 0 12px rgba(34,211,184,0)}100%{box-shadow:0 0 0 0 rgba(34,211,184,0)}}
.dsg-h1{font-family:"aviny",sans-serif;font-size:clamp(28px,4.2vw,50px)!important;line-height:1.45;color:var(--strong)}
.dsg-h2{font-family:"aviny",sans-serif;font-size:clamp(24px,3.2vw,38px)!important;line-height:1.7;color:var(--strong)}
.dsg-sub{margin-top:12px;color:var(--muted);font-size:15.5px;line-height:2.15}
.dsg-cy{color:#007cf5}

/* ظهور تدریجی — با translate/scale تا با transform خودِ عنصر نجنگد */
.dsg[data-rdy] [data-rv]{opacity:0;will-change:translate,scale,opacity}
.dsg[data-rdy] [data-rv="up"]{translate:0 26px}
.dsg[data-rdy] [data-rv="right"]{translate:28px 0}
.dsg[data-rdy] [data-rv="left"]{translate:-28px 0}
.dsg[data-rdy] [data-rv="scale"]{scale:.94}
.dsg[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)}
/* ماسک خط‌ها overflow:hidden دارد؛ line-height مستقل + کمی فاصله افقی باعث می‌شود متن به لبه‌های کادر نرسد */
.dsg-mask{display:block;overflow:hidden;padding:0 .06em .18em;line-height:1.45}
.dsg-mask>span{display:block}
.dsg[data-rdy] .dsg-mask>span{transform:translate3d(0,110%,0)}
.dsg[data-rdy] .dsg-mask.is-in>span{transform:none;transition:transform 1s var(--eo) var(--d,0ms)}

.dsg-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;padding:12px 34px;
  border:1px solid transparent;border-radius:100px;cursor:pointer;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)}
.dsg-btn>*{position:relative;z-index:1}
.dsg-btn .fa{font-size:13px;transition:transform .4s var(--eo)}
.dsg-btn:hover,.dsg-btn:focus-visible{translate:0 -3px}
.dsg-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(0,195,255,.45)}
.dsg-btn:active{scale:.99}
.dsg-btn--p{color:#fff;background-image:linear-gradient(103deg,#0072c6,#006edb 55%,#0351df);box-shadow:0 14px 30px rgba(0,124,245,.26)}
.dsg-btn--p::after{content:"";position:absolute;inset:0;background:linear-gradient(103deg,#ffffff,rgba(255,255,255,.5) 45%,#c9f3ff);opacity:0;transition:opacity .45s var(--es)}
.dsg-btn--p:hover::after{opacity:.26}
.dsg-btn--p:hover .fa{transform:translate3d(-5px,0,0)}
.dsg-btn--g{color:#1b3a5c;border-color:rgba(27,58,92,.20);background:#fff}
.dsg-btn--g:hover,.dsg-btn--g:focus-visible{color:#0072c6;border-color:rgba(0,195,255,.6);background:#f2f9ff}
.dsg-btn--o{color:var(--strong);border-color:rgba(27,58,92,.20);background:#fff}
.dsg-btn--o:hover{color:#0072c6;border-color:rgba(0,195,255,.5);box-shadow:var(--sh-s)}
.dsg-btn--w{width:100%}
.dsg-tel{display:inline-flex;align-items:center;gap:9px;padding:13px 32px;border:1px solid rgba(27,58,92,.18);border-radius:100px;
  color:#1b3a5c;font-size:15px;line-height:1.6;background:#f2f9ff}
.dsg-tel:hover{color:#0072c6;border-color:rgba(0,195,255,.6)}

.dsg-aur{position:absolute;inset:-12% -8% auto -8%;height:128%;z-index:0;pointer-events:none;overflow:hidden}
.dsg-aur>i{position:absolute;display:block;border-radius:50%;filter:blur(70px);opacity:.38;animation:dsg-drift 26s var(--es) infinite alternate}
.dsg-aur>i:nth-child(1){width:44vw;height:44vw;top:-10%;right:-6%;background:radial-gradient(circle,rgba(0,195,255,.55),rgba(0,195,255,0) 68%)}
.dsg-aur>i:nth-child(2){width:38vw;height:38vw;top:14%;left:-8%;background:radial-gradient(circle,rgba(0,124,245,.5),rgba(0,124,245,0) 68%);animation-duration:32s;animation-delay:-6s}
.dsg-aur>i:nth-child(3){width:24vw;height:24vw;top:42%;right:24%;background:radial-gradient(circle,rgba(34,211,184,.4),rgba(34,211,184,0) 70%);animation-duration:22s;animation-delay:-11s}
@keyframes dsg-drift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-3%,4%,0) scale(1.08)}100%{transform:translate3d(4%,-3%,0) scale(1.03)}}
.dsg-noise{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.05;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")}

.dsg-hero{position:relative;overflow:hidden;padding:clamp(56px,7vw,96px) 0 clamp(48px,6vw,76px);
  background:radial-gradient(120% 90% at 88% 6%,#d6ecff 0,#d6ecff00 60%),linear-gradient(168deg,#f2f9ff,#eaf5ff 48%,#f0f9ff)}
.dsg-hero__g{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(26px,4vw,56px);align-items:center}
.dsg-h1 .l1{background:linear-gradient(96deg,#0b57a4 12%,#00a6ff 62%,#0b57a4 92%);background-size:220% 100%;-webkit-background-clip:text;
  background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:dsg-shine 7s var(--es) infinite}
@keyframes dsg-shine{0%{background-position:130% 0}55%{background-position:-30% 0}100%{background-position:-30% 0}}
.dsg-h1 .l2{color:#3a5a78;font-size:clamp(19px,2.4vw,30px)}
.dsg-h1 .l2 b{color:#0072c6}
.dsg-lead{max-width:600px;margin-top:18px;font-size:16px;line-height:2.25;color:rgba(79,91,109,.92);text-align:justify}
.dsg-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
.dsg-flags{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:26px!important;padding-top:20px!important;margin-bottom:15px!important;border-top:1px solid rgba(27,58,92,.12)}
.dsg-flags li{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:rgba(79,91,109,.9)}
.dsg-flags .fa{color:#0d9d84;font-size:14px}
.dsg-stage{position:relative}
.dsg-mock{position:relative;border-radius:var(--r-l);background:linear-gradient(180deg,#f7fbff,#eaf3fb);overflow:hidden;
  box-shadow:var(--sh-l),0 0 0 1px rgba(0,124,245,.14);transform:perspective(1400px) rotateY(7deg) rotateX(3deg);
  animation:dsg-float 9s var(--es) infinite alternate}
@keyframes dsg-float{0%{transform:perspective(1400px) rotateY(7deg) rotateX(3deg)}100%{transform:perspective(1400px) rotateY(3deg) rotateX(1deg) translate3d(0,-12px,0)}}
.dsg-chrome{display:flex;align-items:center;gap:7px;padding:12px 16px;background:linear-gradient(180deg,#fff,#f2f7fc);border-bottom:1px solid var(--line)}
.dsg-chrome>b{width:10px;height:10px;border-radius:50%;display:block}
.dsg-chrome>b:nth-child(1){background:#ff6b6b}.dsg-chrome>b:nth-child(2){background:#ffcf5c}.dsg-chrome>b:nth-child(3){background:#4ddc9b}
.dsg-url{flex:1;margin-right:8px;padding:6px 20px;border-radius:100px;background:#fff;border:1px solid var(--line);color:#6d8299;
  font-size:11.5px;line-height:1.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dsg-url>i{display:inline-block;width:1.5px;height:12px;margin-right:3px;vertical-align:-2px;background:var(--cyan);animation:dsg-caret 1.1s steps(1) infinite}
@keyframes dsg-caret{0%,49%{opacity:1}50%,100%{opacity:0}}
.dsg-body{position:relative;padding:18px;min-height:290px}
.dsg-sk{position:relative;border-radius:var(--r-s);background:linear-gradient(100deg,#dfe9f3 8%,#f4fafe 26%,#dfe9f3 44%);background-size:240% 100%}
.dsg[data-rdy] .dsg-sk{opacity:0;translate:0 14px}
.dsg-sk.on{animation:dsg-build .55s var(--eo) forwards,dsg-sweep 2.4s .55s var(--es) 2}
@keyframes dsg-build{to{opacity:1;translate:0 0}}
@keyframes dsg-sweep{0%{background-position:120% 0}60%,100%{background-position:-40% 0}}
.dsg-sk--nav{display:flex;align-items:center;gap:8px;height:30px;padding:0 10px}
.dsg-sk--nav em{display:block;height:7px;border-radius:4px;background:#c7d8e7;font-style:normal}
.dsg-sk--nav em:first-child{width:40%;background:linear-gradient(90deg,#b8e9ff,#d7ecf9)}
.dsg-sk--nav em:last-child{margin-right:auto;width:34px;height:16px;border-radius:100px;background:var(--cyan)}
.dsg-sk--ban{display:flex;flex-direction:column;justify-content:center;gap:9px;height:88px;margin-top:12px;padding:0 16px;
  background:linear-gradient(120deg,rgba(0,195,255,.16),rgba(0,124,245,.12) 60%,rgba(34,211,184,.16))}
.dsg-sk--ban em{display:block;height:10px;border-radius:5px;background:rgba(255,255,255,.86);font-style:normal}
.dsg-sk--ban em:nth-child(1){width:60%}.dsg-sk--ban em:nth-child(2){width:40%;height:8px}
.dsg-sk--ban em:nth-child(3){width:72px;height:20px;margin-top:4px;border-radius:100px;background:#fff;box-shadow:0 6px 14px rgba(0,140,210,.25)}
.dsg-sk--card{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.dsg-sk--card>i{height:74px;border-radius:var(--r-s);background:linear-gradient(180deg,#e7f1f8 0 42%,#fff 42%);border:1px solid var(--line)}
.dsg-sk--txt{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.dsg-sk--txt>i{height:8px;border-radius:4px;background:#dde8f2}
.dsg-sk--txt>i:nth-child(1){width:92%}.dsg-sk--txt>i:nth-child(2){width:76%}.dsg-sk--txt>i:nth-child(3){width:52%}
.dsg-build{position:absolute;right:18px;bottom:16px;left:18px;display:flex;align-items:center;gap:10px;padding:9px 26px;border-radius:100px;
  background:#e6f4ff;color:#1b3a5c;font-size:12px;line-height:1.7;opacity:0;translate:0 10px;
  transition:opacity .5s var(--eo),translate .5s var(--eo),box-shadow .5s var(--eo)}
.dsg-build.on{opacity:1;translate:0 0}
.dsg-build.done{box-shadow:inset 0 0 0 1px rgba(34,211,184,.45)}
.dsg-build>span{white-space:nowrap}.dsg-build.done>span{color:#0c7f56}
.dsg-build>i{flex:1;height:4px;border-radius:3px;background:rgba(0,124,245,.14);overflow:hidden}
.dsg-build>i::after{content:"";display:block;height:100%;transform-origin:right center;transform:scaleX(var(--p,0));
  background:linear-gradient(90deg,var(--aqua),var(--cyan));transition:transform .6s var(--es)}
.dsg-tag{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;padding:11px 15px;border-radius:var(--r-m);
  background:rgba(255,255,255,.93);box-shadow:var(--sh-m);color:var(--strong);font-size:13px;line-height:1.7;
  animation:dsg-bob 7s var(--es) infinite alternate}
.dsg-tag em{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#fff;font-size:15px;font-style:normal;
  background:linear-gradient(140deg,var(--cyan),var(--blue))}
.dsg-tag strong{display:block;font-family:"aviny",sans-serif;font-size:14px}
.dsg-tag span span{color:var(--muted);font-size:11.5px}
.dsg-tag--a{top:-24px;right:-12px;animation-delay:-1.4s}
.dsg-tag--b{bottom:44px;left:-18px}
@keyframes dsg-bob{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,-14px,0)}}

.dsg-stats{position:relative;z-index:6;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:clamp(-58px,-5vw,-38px);
  padding:1px;border-radius:var(--r-l);background:var(--line);box-shadow:var(--sh-m);overflow:hidden}
.dsg-stats>li{position:relative;padding:clamp(18px,2.3vw,28px) 14px;text-align:center;background:#fff;transition:background .4s var(--es)}
.dsg-stats>li:hover{background:var(--soft)}
.dsg-stats>li::after{content:"";position:absolute;right:50%;bottom:0;width:42px;height:3px;margin-right:-21px;border-radius:3px 3px 0 0;
  background:linear-gradient(90deg,var(--cyan),var(--aqua));transform:scaleX(0);transition:transform .5s var(--eo)}
.dsg-stats>li:hover::after{transform:scaleX(1)}
.dsg-num{display:block;font-family:"aviny",sans-serif;font-size:clamp(26px,3.4vw,40px);line-height:1.4;color:var(--strong)}
.dsg-stats p{margin-top:2px;color:var(--muted);font-size:13.5px}

.dsg-mq{position:relative;overflow:hidden;padding:16px 0;background:linear-gradient(90deg,#eaf5ff,#d9efff 50%,#eaf5ff);color:var(--strong)}
.dsg-mq::before,.dsg-mq::after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none}
.dsg-mq::before{right:0;background:linear-gradient(270deg,#eaf5fff2,#eaf5ff00)}
.dsg-mq::after{left:0;background:linear-gradient(90deg,#eaf5fff2,#eaf5ff00)}
.dsg-mq__t{display:flex;width:max-content}
/* حرکت فقط وقتی JS فعال است اجرا می‌شود (اسکریپت، گروه دوم را می‌سازد؛ وگرنه فهرست بی‌حرکت می‌ماند) */
.dsg[data-rdy] .dsg-mq__t{animation:dsg-mq 38s linear infinite}
.dsg-mq:hover .dsg-mq__t,.dsg-mq:focus-within .dsg-mq__t{animation-play-state:paused}
.dsg-mq__g{display:flex;align-items:center;gap:14px;justify-content:space-evenly;min-width:100vw;padding:0 7px}
.dsg-mq__g a{display:inline-flex;align-items:center;gap:9px;padding:8px 26px;border:1px solid rgba(27,58,92,.16);border-radius:100px;
  font-size:14px;line-height:1.6;white-space:nowrap;color:var(--text)}
.dsg-mq__g a .fa{color:#0072c6;font-size:13px}
.dsg-mq__g a:hover,.dsg-mq__g a:focus-visible{color:#0072c6;border-color:rgba(0,124,245,.6);background:rgba(0,124,245,.08)}
@keyframes dsg-mq{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(50%,0,0)}}

.dsg-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.dsg-card{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:clamp(24px,2.6vw,32px);border:1px solid var(--line);
  border-radius:var(--r-l);background:#fff;transition:translate .5s var(--eo),box-shadow .5s var(--eo),border-color .5s var(--es)}
.dsg-card::before{content:"";position:absolute;inset:-1px;z-index:0;opacity:0;pointer-events:none;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),rgba(0,195,255,.12),transparent 62%);transition:opacity .5s var(--es)}
.dsg-card:hover::before,.dsg-card:focus-within::before{opacity:1}
.dsg-card>*{position:relative;z-index:1}
.dsg-card:hover,.dsg-card:focus-within{translate:0 calc(var(--lift) * -1);border-color:rgba(0,195,255,.45);box-shadow:var(--sh-m)}
.dsg-ico{display:grid;place-items:center;width:56px;height:56px;margin-bottom:18px;border-radius:18px;color:#007cf5;font-size:23px;
  background:linear-gradient(150deg,rgba(0,195,255,.14),rgba(34,211,184,.1));border:1px solid rgba(0,195,255,.2);
  transition:transform .5s var(--eo),color .4s var(--es),background .4s var(--es),box-shadow .5s var(--eo)}
.dsg-card:hover .dsg-ico{transform:translate3d(0,-3px,0) rotate(-6deg);color:#fff;background:linear-gradient(150deg,var(--cyan),var(--blue));box-shadow:0 14px 26px rgba(0,124,245,.26)}
.dsg-card h3{font-family:"aviny",sans-serif;font-size:19px!important;line-height:1.8;padding-inline-end:.35em;color:var(--strong)}
.dsg-card p{margin-top:8px;font-size:14.5px;line-height:2.05}
.dsg-more{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding-top:16px;border-top:1px dashed var(--line);color:#0072c6;font-size:14px}
.dsg-more .fa{transition:transform .4s var(--eo)}
.dsg-card:hover .dsg-more .fa{transform:translate3d(-5px,0,0)}
.dsg-card--cta{color:var(--text);border-color:transparent;background:linear-gradient(150deg,#e6f4ff,#e4f3ff)}
.dsg-card--cta::after{content:"";position:absolute;top:-30%;right:-20%;width:280px;height:280px;z-index:0;border-radius:50%;
  background:radial-gradient(circle,rgba(0,195,255,.3),rgba(0,195,255,0) 66%);filter:blur(28px);animation:dsg-drift 20s var(--es) infinite alternate}
.dsg-card--cta h3{color:var(--strong)}
.dsg-card--cta p{color:var(--text)}
.dsg-card--cta .dsg-ico{color:#04304a;background:linear-gradient(150deg,#8fe8ff,var(--cyan));border-color:transparent}
.dsg-card--cta:hover{border-color:rgba(0,124,245,.45);box-shadow:0 0 0 1px rgba(0,124,245,.2),0 18px 46px rgba(0,124,245,.16)}

.dsg-edit{display:block;max-width:900px;margin:0 auto}

.dsg-blk+.dsg-blk{margin-top:30px;padding-top:30px;border-top:1px solid var(--line)}
.dsg-blk h2{font-family:"aviny",sans-serif;font-size:clamp(21px,2.5vw,28px)!important;line-height:1.7;padding-inline-end:.35em;color:var(--strong)}
.dsg-blk h2 i{font-style:normal;color:#007cf5}
.dsg-blk p{margin-top:13px;font-size:15.5px;line-height:2.35}
.dsg-pq{margin-top:22px!important;padding:22px 24px;border-radius:var(--r-m);background:linear-gradient(140deg,rgba(0,195,255,.1),rgba(34,211,184,.07));
  border:1px solid rgba(0,195,255,.22);color:var(--strong);font-family:"aviny",sans-serif;font-size:17px;line-height:2.1;text-align:center}

.dsg-flow{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.4vw,18px)}
.dsg-rail{position:absolute;top:27px;right:8%;left:8%;height:2px;border-radius:2px;background:var(--line);overflow:hidden}
.dsg-rail>i{display:block;height:100%;transform-origin:right center;transform:scaleX(var(--f,0));background:linear-gradient(270deg,var(--cyan),var(--aqua));transition:transform .25s linear}
.dsg-st{text-align:center;position:relative;z-index:1}
.dsg-node{position:relative;display:grid;place-items:center;width:54px;height:54px;margin:0 auto 15px;border-radius:50%;background:#fff;
  border:2px solid var(--line);box-shadow:var(--sh-s);color:var(--muted);font-family:"aviny",sans-serif;font-size:17px;
  transition:transform .6s var(--eo),color .5s var(--es),border-color .5s var(--es),box-shadow .6s var(--eo)}
.dsg-node svg{position:absolute;inset:-7px;width:calc(100% + 14px);height:calc(100% + 14px)}
.dsg-node circle{fill:none;stroke:#007cf5;stroke-width:2;stroke-linecap:round;stroke-dasharray:201;stroke-dashoffset:201;
  transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .9s var(--eo)}
.dsg-st.is-in .dsg-node{color:#0072c6;border-color:rgba(0,195,255,.55);transform:translate3d(0,-3px,0);box-shadow:0 14px 30px rgba(0,124,245,.18)}
.dsg-st.is-in .dsg-node circle{stroke-dashoffset:0}
.dsg-st h4{font-family:"aviny",sans-serif;font-size:16px!important;line-height:1.9;color:var(--strong)}
.dsg-st p{margin-top:5px;font-size:13.5px;line-height:2;color:var(--muted)}
.dsg-time{display:inline-flex;align-items:center;gap:6px;margin-top:11px;padding:4px 22px;border-radius:100px;background:var(--soft2);color:#3c6a88;font-size:12px;line-height:1.9}

.dsg-why{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,3.4vw,50px);align-items:center}
.dsg-ticks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dsg-tick{display:flex;gap:13px;padding:20px;border-radius:var(--r-m);background:#fff;border:1px solid var(--line);
  box-shadow:var(--sh-s);transition:translate .5s var(--eo),border-color .5s var(--es),box-shadow .5s var(--eo)}
.dsg-tick>div{min-width:0;padding-inline-end:.3em}
.dsg-tick:hover{translate:0 -3px;border-color:rgba(0,195,255,.4);box-shadow:var(--sh-m)}
.dsg-ck{flex-shrink:0;width:26px;height:26px;margin-top:4px}
.dsg-ck path{fill:none;stroke:#0d9d84;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:34;stroke-dashoffset:34;
  transition:stroke-dashoffset .7s var(--eo) var(--d,0ms)}
.dsg-tick.is-in .dsg-ck path{stroke-dashoffset:0}
.dsg-tick h4{font-family:"aviny",sans-serif;font-size:16px!important;line-height:1.9;color:var(--strong)}
.dsg-tick h4 .fa{margin-left:6px;color:#007cf5;font-size:14px}
.dsg-tick p{margin-top:3px;font-size:13.5px;line-height:1.95}
.dsg-help{position:relative;overflow:hidden;padding:clamp(24px,3vw,38px);border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-m)}
.dsg-help::before{content:"";position:absolute;top:-40%;left:-20%;width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,195,255,.18),rgba(0,195,255,0) 68%);filter:blur(20px);animation:dsg-drift 24s var(--es) infinite alternate}
.dsg-help>*{position:relative;z-index:1}
.dsg-help h3{font-family:"aviny",sans-serif;font-size:clamp(19px,2.1vw,24px)!important;line-height:1.8;color:var(--strong)}
.dsg-help p{margin-top:10px;font-size:14.5px;line-height:2.2}
.dsg-help ul{display:grid;gap:9px;margin-top:20px}
.dsg-help li{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--r-s);background:var(--soft);border:1px solid var(--line);font-size:13.5px;line-height:1.9}
.dsg-help li .fa{color:#007cf5;font-size:14px}
.dsg-acts2{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}

.dsg-vsl{overflow:hidden;padding:8px 4px;margin:-8px -4px}
.dsg-vsl__t{display:flex;gap:clamp(14px,1.6vw,22px);touch-action:pan-y;transition:transform .75s var(--eo)}
.dsg-vsl__t>.dsg-vo{flex:0 0 calc((100% - 2*clamp(14px,1.6vw,22px))/3);min-width:0}
.dsg-vsl__n{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:24px}
.dsg-vnav{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(27,58,92,.18);
  background:#fff;color:var(--strong);cursor:pointer;font-size:14px;
  transition:translate .4s var(--eo),background .35s var(--es),color .35s var(--es),border-color .35s var(--es),box-shadow .4s var(--eo)}
.dsg-vnav:hover:not(:disabled){translate:0 -2px;color:#fff;border-color:transparent;background:linear-gradient(150deg,var(--cyan),var(--blue));box-shadow:0 10px 22px rgba(0,124,245,.28)}
.dsg-vnav:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(0,195,255,.45)}
.dsg-vnav:disabled{opacity:.3;cursor:default}
.dsg-vdots{display:flex;align-items:center;gap:7px}
.dsg-vdots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(0,124,245,.25);cursor:pointer;
  transition:width .45s var(--eo),background .35s var(--es)}
.dsg-vdots button:hover{background:rgba(0,195,255,.55)}
.dsg-vdots button.on{width:26px;background:linear-gradient(90deg,var(--cyan),var(--aqua))}
.dsg-vdots button:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(0,195,255,.35)}
.dsg-vo{display:flex;flex-direction:column;padding:26px 24px 22px;border-radius:var(--r-l);background:#fff;border:1px solid var(--line);
  box-shadow:var(--sh-s);transition:translate .5s var(--eo),box-shadow .5s var(--eo),border-color .5s var(--es)}
.dsg-vo:hover{translate:0 calc(var(--lift) * -1);border-color:rgba(0,195,255,.35);box-shadow:var(--sh-m)}
.dsg-vo__m{font-family:"aviny",sans-serif;font-size:44px;line-height:1;color:rgba(0,124,245,.24)}
.dsg-vo p{margin-top:6px;font-size:14.5px;line-height:2.2}
.dsg-vo__w{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px dashed var(--line)}
.dsg-vo__w em{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:50%;font-family:"aviny",sans-serif;
  font-style:normal;font-size:16px;color:#04304a;background:linear-gradient(150deg,#9ff0ff,var(--cyan))}
.dsg-vo__w>span{display:block}
.dsg-vo__w strong{display:block;font-family:"aviny",sans-serif;font-size:15px;color:var(--strong)}
.dsg-vo__w span span{font-size:12.5px;color:var(--muted)}
.dsg-stars{display:flex;gap:3px;margin-right:auto;color:#ffcd05;font-size:11px}

.dsg-faq{display:grid;gap:12px;max-width:880px;margin:0 auto}
.dsg-q{overflow:hidden;border:1px solid var(--line);border-radius:var(--r-m);background:#fff;transition:border-color .4s var(--es),box-shadow .4s var(--eo),background .4s var(--es)}
.dsg-q.open{border-color:rgba(0,195,255,.45);box-shadow:var(--sh-m);background:linear-gradient(180deg,#fff,var(--soft))}
.dsg-q__b{display:flex;align-items:center;gap:14px;width:100%;padding:17px 20px;border:0;background:none;cursor:pointer;text-align:right;
  font-family:"aviny",sans-serif;font-size:18px;line-height:1.9;color:var(--strong);transition:color .35s var(--es)}
.dsg-q__b:hover{color:#0072c6}
.dsg-q__b:focus-visible{outline:none;box-shadow:inset 0 0 0 2px rgba(0,195,255,.5)}
.dsg-q__i{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;margin-right:auto;border-radius:50%;border:1px solid rgba(27,58,92,.18);
  color:#007cf5;font-size:13px;transition:transform .5s var(--eo),background .4s var(--es),color .4s var(--es),border-color .4s var(--es)}
.dsg-q.open .dsg-q__i{transform:rotate(135deg);color:#fff;background:linear-gradient(150deg,var(--cyan),var(--blue));border-color:transparent}
.dsg-q__p{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--eo)}
.dsg-q.open .dsg-q__p{grid-template-rows:1fr}
.dsg-q__p>div{overflow:hidden}
.dsg-q__p p{padding:0 20px 20px 54px;font-size:14.5px;line-height:2.25}

.dsg-end{position:relative;overflow:hidden;padding:clamp(56px,7vw,92px) 0;
  background:radial-gradient(110% 120% at 12% 8%,#c9f3ff 0,#c9f3ff00 58%),linear-gradient(150deg,#f2f9ff,#e8f6ff 60%,#e6f4ff)}
.dsg-end__x{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(22px,3vw,44px);align-items:center;
  padding:clamp(24px,3vw,40px);border-radius:var(--r-xl);background:#f8fcff;border:1px solid rgba(27,58,92,.12);box-shadow:var(--sh-l)}
.dsg-end h2{font-family:"aviny",sans-serif;font-size:clamp(21px,2.8vw,32px)!important;line-height:1.7;color:var(--strong)}
.dsg-end h2 b{color:#0072c6}
.dsg-end p{margin-top:12px;font-size:15px;line-height:2.2;color:var(--text);text-align:justify}
.dsg-end__c{display:grid;gap:11px;min-width:240px}
.dsg-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12.5px;color:var(--muted)}
.dsg-note .fa{color:#0d9d84}

@media (max-width:1180px){.dsg-tag--a{right:-4px}.dsg-tag--b{left:-8px}}
@media (max-width:992px){
  .dsg-hero__g,.dsg-edit,.dsg-why,.dsg-end__x{grid-template-columns:minmax(0,1fr)}
  .dsg-stage{margin-top:24px;padding-top:26px}
  .dsg-mock{transform:none;animation:none}
  .dsg-aur>i{animation:none;filter:blur(48px);opacity:.3}
  .dsg-card--cta::after,.dsg-help::before{display:none}
  .dsg-tag,  .dsg-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dsg-vsl__t>.dsg-vo{flex-basis:calc((100% - clamp(14px,1.6vw,22px))/2)}
  .dsg-flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
  .dsg-rail{display:none}
  .dsg-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
  .dsg{line-height:2}
  .dsg-wrap{padding:0 16px}
  .dsg-acts .dsg-btn,.dsg-tel{flex:1 1 auto;justify-content:center}
  .dsg-tag,  .dsg-ticks{grid-template-columns:minmax(0,1fr)}
  .dsg-q__p p{padding-left:20px}
}
@media (max-width:560px){
  .dsg-cards,.dsg-flow{grid-template-columns:minmax(0,1fr)}
  .dsg-vsl__t>.dsg-vo{flex-basis:100%}
  .dsg-h1{font-size:26px!important}
  .dsg-lead{font-size:15px}
  .dsg-mq__t{animation-duration:26s}
  .dsg-end__c{min-width:0;width:100%}
}
@media (prefers-reduced-motion:reduce){
  .dsg *,.dsg *::before,.dsg *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .dsg[data-rdy] [data-rv],.dsg[data-rdy] .dsg-mask>span,.dsg[data-rdy] .dsg-sk{opacity:1!important;transform:none!important;translate:0 0!important;scale:1!important}
  .dsg-aur,.dsg-noise,.dsg-grid{display:none}
}
/* ===== هم‌ترازی با بنر و بدنه‌ای که قالب صفحه حول محتوا می‌سازد (اختیاری؛ فقط همین صفحه) ===== */
.innerpage-titleV1-area{padding:150px 0 54px;background-color:#f2f9ff}
.contactV2{padding-bottom:0}
.contact-page-wrapper{padding:0!important}