/* =========================================================
   قالب دکترونیک — برگه‌های اختصاصی
   درباره ما / خدمات / اخبار / تماس با ما
   راست‌به‌چپ، رسپانسیو، با همان پالت رنگ قالب
   ========================================================= */

/* ------------------------------------------------ سربرگ برگه‌ها */
.dxt-hero{padding-block:clamp(3rem,8vh,5.5rem) clamp(2rem,5vh,3.5rem);
  background:radial-gradient(900px 380px at 85% -10%,var(--dx-accent-soft),transparent 70%),var(--dx-bg)}
.dxt-hero .dx-h1{margin-top:.35rem}
.dxt-hero .dx-h1-main{font-size:clamp(1.9rem,5.2vw,3.4rem)}
.dxt-hero .dx-hero-tagline{margin-top:1rem;max-width:60ch}
.dxt-hero .dxt-crumbs{margin-bottom:1.1rem}
.dx-sec-head.dxt-center{margin-inline:auto;text-align:center}
.dx-sec-head.dxt-center .dx-divider{margin-inline:auto}
.dxt-mt{margin-top:2rem}
.dxt-start{justify-content:flex-start}
.dxt-ltr{direction:ltr;unicode-bidi:isolate}

/* ------------------------------------------------ نقل قول بزرگ */
.dxt-bigquote{margin:0;max-width:64ch}
.dxt-bigquote blockquote{margin:0;font-size:clamp(1.15rem,2.6vw,1.75rem);font-weight:800;line-height:1.75;
  letter-spacing:-.01em;color:var(--dx-text)}
.dxt-bigquote blockquote::before{content:'»';display:block;font-size:2.4rem;line-height:1;color:var(--dx-accent);margin-bottom:.5rem}
.dxt-bigquote figcaption{margin-top:1.2rem;font-size:.82rem;font-weight:700;letter-spacing:.08em;color:var(--dx-accent)}

/* ------------------------------------------------ دو ستون نامتقارن */
.dxt-two{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4rem);align-items:start}

/* اعداد شاخص */
.dxt-facts{display:flex;flex-direction:column;gap:1px;background:var(--dx-border);
  border:1px solid var(--dx-border);border-radius:18px;overflow:hidden}
.dxt-fact{background:var(--dx-surface);padding:1.4rem 1.5rem;display:flex;align-items:baseline;gap:1rem}
.dxt-fact-n{font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:900;line-height:1;color:var(--dx-accent);
  letter-spacing:-.03em;flex:0 0 auto;min-width:3.6rem}
.dxt-fact-l{font-size:.86rem;line-height:1.8;color:var(--dx-text3)}

/* ------------------------------------------------ اصول کار */
.dxt-principles{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;
  gap:1px;background:var(--dx-border);border:1px solid var(--dx-border);border-radius:20px;overflow:hidden}
.dxt-principles li{background:var(--dx-bg2);padding:clamp(1.4rem,3vw,2.1rem);display:flex;gap:1.1rem;align-items:flex-start}
.dxt-pr-n{font-size:.78rem;font-weight:900;letter-spacing:.1em;color:var(--dx-accent);
  padding-top:.35rem;flex:0 0 auto}
.dxt-pr-t{margin:0 0 .5rem;font-size:1.05rem;font-weight:800;color:var(--dx-text);line-height:1.5}
.dxt-pr-d{margin:0;font-size:.89rem;line-height:1.9;color:var(--dx-text3)}

/* ------------------------------------------------ تیم */
.dxt-team{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2.2rem}
.dxt-member{flex:1 1 220px;max-width:320px;background:var(--dx-surface);border:1px solid var(--dx-border);
  border-radius:18px;padding:1.6rem 1.5rem;transition:border-color .25s,transform .25s}
.dxt-member:hover{border-color:var(--dx-accent);transform:translateY(-3px)}
.dxt-member-av{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;
  background:var(--dx-accent-soft);border:1px solid var(--dx-border2);color:var(--dx-accent);
  font-weight:900;font-size:.95rem;margin-bottom:1rem}
.dxt-member-n{margin:0 0 .3rem;font-size:1rem;font-weight:800;color:var(--dx-text)}
.dxt-member-r{margin:0;font-size:.83rem;color:var(--dx-text3)}

/* ------------------------------------------------ خدمات (ردیفی) */
.dxt-svc{display:flex;flex-direction:column;margin-top:2.4rem;border-top:1px solid var(--dx-border)}
.dxt-svc-i{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(1rem,3vw,2.4rem);align-items:start;
  padding:clamp(1.5rem,3.5vw,2.4rem) 0;border-bottom:1px solid var(--dx-border);transition:background .25s}
.dxt-svc-i:hover{background:var(--dx-accent-soft)}
.dxt-svc-n{font-size:clamp(1.1rem,2.4vw,1.5rem);font-weight:900;color:var(--dx-accent);letter-spacing:-.02em;line-height:1.2}
.dxt-svc-t{margin:0 0 .6rem;font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:800;color:var(--dx-text);line-height:1.45}
.dxt-svc-d{margin:0 0 1rem;font-size:.92rem;line-height:1.9;color:var(--dx-text3);max-width:62ch}
.dxt-svc-a{align-self:center;font-size:.82rem;font-weight:800;color:var(--dx-accent);white-space:nowrap}
.dxt-svc-a:hover{text-decoration:underline}

/* ------------------------------------------------ توانمندی‌ها */
.dxt-caps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 2.5rem;margin-top:2.4rem}
.dxt-cap{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:2px solid var(--dx-accent)}
.dxt-cap b{font-size:.98rem;font-weight:800;color:var(--dx-text)}
.dxt-cap span{font-size:.87rem;line-height:1.85;color:var(--dx-text3)}

/* ------------------------------------------------ سطوح خدمات */
.dxt-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.4rem;align-items:start}
.dxt-tier{position:relative;background:var(--dx-surface);border:1px solid var(--dx-border);border-radius:20px;
  padding:1.8rem 1.6rem}
.dxt-tier.is-featured{background:var(--dx-card);border-color:var(--dx-accent);padding-block:2.4rem}
.dxt-tier-badge{position:absolute;top:-.75rem;inset-inline-start:1.6rem;font-size:.68rem;font-weight:800;
  padding:.3rem .85rem;border-radius:100px;background:var(--dx-accent);color:#12100b}
.dxt-tier-t{margin:0 0 .35rem;font-size:1.15rem;font-weight:900;color:var(--dx-accent)}
.dxt-tier-s{margin:0 0 1.2rem;font-size:.85rem;color:var(--dx-text3);line-height:1.7}

/* ------------------------------------------------ راه‌های تماس */
.dxt-channels{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2.2rem}
.dxt-channel{display:flex;flex-direction:column;gap:.5rem;padding:1.6rem 1.6rem 1.7rem;border-radius:20px;
  background:var(--dx-surface);border:1px solid var(--dx-border);text-decoration:none;transition:border-color .25s,transform .25s}
a.dxt-channel:hover{border-color:var(--dx-accent);transform:translateY(-3px)}
.dxt-channel.is-main{grid-column:1/-1;background:var(--dx-card);border-color:var(--dx-border2);
  display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.4rem 1.4rem}
.dxt-channel.is-main .dxt-channel-k{grid-column:1;grid-row:1}
.dxt-channel.is-main .dxt-channel-v{grid-column:1;grid-row:2;font-size:clamp(1.4rem,3.6vw,2rem)}
.dxt-channel.is-main .dxt-channel-d{grid-column:2;grid-row:1/3;text-align:start}
.dxt-channel-k{font-size:.72rem;font-weight:800;letter-spacing:.14em;color:var(--dx-accent)}
.dxt-channel-v{font-size:1.05rem;font-weight:800;color:var(--dx-text);line-height:1.6;word-break:break-word}
.dxt-channel-addr{font-size:.95rem;font-weight:700;line-height:1.9}
.dxt-channel-d{font-size:.83rem;color:var(--dx-text3);line-height:1.8}
.dxt-channel-soc{display:flex;gap:.5rem;flex-wrap:wrap;margin:.2rem 0}
.dxt-channel-soc a{font-size:.78rem;font-weight:700;padding:.4rem .9rem;border-radius:100px;
  border:1px solid var(--dx-border2);color:var(--dx-text2)}
.dxt-channel-soc a:hover{border-color:var(--dx-accent);color:var(--dx-accent)}

/* نوار اعتماد */
.dxt-strip{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem 2rem;justify-content:center}
.dxt-strip li{position:relative;padding-inline-start:1.4rem;font-size:.86rem;font-weight:700;color:var(--dx-text2)}
.dxt-strip li::before{content:'✔';position:absolute;inset-inline-start:0;color:var(--dx-accent);font-size:.8rem}

/* ------------------------------------------------ اخبار / مجله */
.dxt-news{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(1.2rem,3vw,2rem);align-items:start}
.dxt-news-lead{grid-row:span 4;background:var(--dx-card);border:1px solid var(--dx-border);border-radius:20px;
  overflow:hidden;transition:border-color .25s,box-shadow .25s}
.dxt-news-lead:hover{border-color:var(--dx-accent);box-shadow:var(--dx-shadow)}
.dxt-news-lead-a{display:block;color:inherit;text-decoration:none}
.dxt-news-lead-img{aspect-ratio:16/9;overflow:hidden;background:var(--dx-surface)}
.dxt-news-lead-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.dxt-news-lead:hover .dxt-news-lead-img img{transform:scale(1.04)}
.dxt-news-lead-b{padding:clamp(1.3rem,3vw,2rem)}
.dxt-news-tag{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.1em;padding:.28rem .8rem;
  border-radius:100px;background:var(--dx-accent-soft);color:var(--dx-accent);border:1px solid var(--dx-border2);
  margin-bottom:.9rem}
.dxt-news-date{display:block;font-size:.74rem;color:var(--dx-text3);margin-bottom:.5rem}
.dxt-news-lead-t{margin:0 0 .7rem;font-size:clamp(1.15rem,2.6vw,1.6rem);font-weight:900;line-height:1.5;color:var(--dx-text)}
.dxt-news-lead-d{margin:0 0 1.1rem;font-size:.92rem;line-height:1.95;color:var(--dx-text3)}
.dxt-news-i{border-bottom:1px solid var(--dx-border)}
.dxt-news-i:last-child{border-bottom:none}
.dxt-news-i-a{display:flex;gap:.9rem;align-items:flex-start;padding:.95rem .2rem;color:inherit;text-decoration:none;
  transition:padding-inline-start .25s}
.dxt-news-i-a:hover{padding-inline-start:.6rem}
.dxt-news-i-img{flex:0 0 84px;border-radius:12px;overflow:hidden;background:var(--dx-surface);display:block}
.dxt-news-i-img img{width:84px;height:64px;object-fit:cover;display:block}
.dxt-news-i-b{display:block;min-width:0}
.dxt-news-i-t{margin:0 0 .3rem;font-size:.95rem;font-weight:800;line-height:1.6;color:var(--dx-text)}
.dxt-news-i-a:hover .dxt-news-i-t{color:var(--dx-accent)}
.dxt-news-i-d{display:block;font-size:.82rem;line-height:1.75;color:var(--dx-text3)}
.dxt-news-i .dxt-news-date{margin-bottom:.25rem}

/* ------------------------------------------------ واکنش‌گرایی */
@media(max-width:980px){
  .dxt-two,.dxt-principles,.dxt-news{grid-template-columns:1fr}
  .dxt-caps{grid-template-columns:repeat(2,1fr)}
  .dxt-tiers{grid-template-columns:1fr;gap:1rem}
  .dxt-tier.is-featured{padding-block:1.8rem}
  .dxt-news-lead{grid-row:auto}
}
@media(max-width:760px){
  .dxt-channels{grid-template-columns:1fr}
  .dxt-channel.is-main{grid-template-columns:1fr}
  .dxt-channel.is-main .dxt-channel-d{grid-column:1;grid-row:3}
  .dxt-svc-i{grid-template-columns:auto 1fr}
  .dxt-svc-a{grid-column:1/-1;align-self:start}
  .dxt-caps{grid-template-columns:1fr;gap:1.6rem}
  .dxt-strip{gap:.5rem 1.2rem;justify-content:flex-start}
}