/*CSSمادر مقالات دایسونت*/
.dysart-shell,
.dysart-shell *,
.dysart-shell *::before,
.dysart-shell *::after{
    box-sizing:border-box;
}

.dysart-shell{
    --dysart-text:#17171a;
    --dysart-muted:#6d6d74;
    --dysart-line:rgba(0,0,0,.07);
    --dysart-purple:#7466ff;
    --dysart-blue:#7db6ff;

    direction:rtl;
    width:100%;
    max-width:1180px;
    margin:0 auto;
    padding:16px 16px 70px;

    font-family:inherit;
    color:var(--dysart-text);

    background:
        radial-gradient(circle at 0 10%,rgba(116,102,255,.04),transparent 24%),
        radial-gradient(circle at 100% 40%,rgba(125,182,255,.035),transparent 24%);
}

.dysart-shell button,
.dysart-shell input,
.dysart-shell textarea,
.dysart-shell select{
    font-family:inherit;
}


/* =========================
   PROGRESS
========================= */

.dysart-progress{
    position:fixed;
    top:0;
    right:0;
    left:0;
    height:3px;
    z-index:99999;
    background:rgba(0,0,0,.035);
}

.dysart-progress-bar{
    width:0;
    height:100%;
    background:linear-gradient(90deg,#111,var(--dysart-purple),var(--dysart-blue));
}


/* =========================
   HERO
========================= */

.dysart-hero{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    min-height:460px;

    display:flex;
    align-items:flex-end;

    padding:50px;

    border-radius:34px;

    background:
        radial-gradient(circle at 10% 10%,rgba(116,102,255,.22),transparent 28%),
        radial-gradient(circle at 90% 90%,rgba(213,181,123,.14),transparent 28%),
        linear-gradient(145deg,#fcfcfd 0%,#f2f2f5 50%,#ececf1 100%);

    border:1px solid rgba(255,255,255,.92);

    box-shadow:
        0 28px 70px rgba(0,0,0,.09),
        inset 0 1px 0 rgba(255,255,255,.95);
}

.dysart-hero:before{
    content:"";
    position:absolute;
    width:400px;
    height:400px;
    top:-190px;
    left:-140px;
    border-radius:50%;
    background:rgba(255,255,255,.62);
    filter:blur(18px);
    z-index:-1;
}

.dysart-hero:after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    right:-100px;
    bottom:-130px;
    border-radius:50%;
    background:rgba(116,102,255,.09);
    filter:blur(45px);
    z-index:-1;
}

.dysart-hero-inner{
    position:relative;
    z-index:2;
    width:100%;
    max-width:900px;
}

.dysart-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;

    margin-bottom:18px;

    padding:7px 12px;

    border-radius:999px;

    background:rgba(255,255,255,.66);
    border:1px solid rgba(255,255,255,.9);

    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);

    box-shadow:0 6px 20px rgba(0,0,0,.04);

    font-size:10.5px;
    font-weight:700;
    color:#55555c;
}

.dysart-eyebrow-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#16a963;
    box-shadow:0 0 0 5px rgba(22,169,99,.10);
}

.dysart-title{
    margin:0;
    max-width:950px;

    color:#08080a;

    font-size:clamp(36px,4.5vw,58px);
    font-weight:900;
    line-height:1.4;
    letter-spacing:-.7px;
}

.dysart-lead{
    max-width:820px;
    margin:19px 0 0;

    color:#525259;

    font-size:16px;
    line-height:1.95;
}

.dysart-meta{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:22px;
}

.dysart-meta-item{
    padding:6px 10px;

    border-radius:999px;

    background:rgba(255,255,255,.58);
    border:1px solid rgba(255,255,255,.88);

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);

    color:#66666d;
    font-size:10px;
}


/* =========================
   QUICK FACTS
========================= */

.dysart-quickfacts{
    position:relative;
    z-index:4;

    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;

    margin:-42px 28px 0;
}

.dysart-quickfact{
    min-height:108px;
    min-width:0;

    padding:17px 16px;

    border-radius:21px;

    background:rgba(255,255,255,.78);
    border:1px solid rgba(255,255,255,.92);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    box-shadow:0 16px 40px rgba(0,0,0,.065);
}

.dysart-quickfact-value{
    display:block;
    margin-bottom:4px;

    color:#111114;

    font-size:20px;
    font-weight:900;
    line-height:1.3;
}

.dysart-quickfact-label{
    display:block;
    color:#73737a;

    font-size:10.5px;
    line-height:1.65;
}


/* =========================
   CONTENT
========================= */

.dysart-content{
    width:100%;
    max-width:920px;
    margin:62px auto 0;
}

.dysart-section{
    position:relative;
    margin:0 0 64px;
}

.dysart-section-number{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:36px;
    height:36px;

    margin-bottom:12px;
    padding:0 10px;

    border-radius:11px;

    background:#111113;
    color:#fff;

    font-size:10.5px;
    font-weight:800;
    direction:ltr;
}

.dysart-section h2{
    max-width:820px;
    margin:0 0 18px;

    color:#111113;

    font-size:clamp(26px,2.8vw,36px);
    font-weight:900;
    line-height:1.5;

    letter-spacing:-.3px;
}

.dysart-section h3{
    margin:30px 0 10px;

    color:#18181b;

    font-size:19px;
    font-weight:800;
    line-height:1.65;
}

.dysart-section p{
    margin:0 0 15px;

    color:#46464c;

    font-size:15px;
    line-height:2.05;
}

.dysart-section strong{
    color:#111113;
    font-weight:800;
}

.dysart-inline-link{
    color:#111 !important;
    font-weight:800;
    text-decoration:none !important;
    border-bottom:1px solid rgba(0,0,0,.3);
}


/* =========================
   MEDIA
========================= */

.dysart-media{
    position:relative;
    overflow:hidden;

    margin:26px 0;

    border-radius:26px;

    background:#ececef;

    box-shadow:0 20px 55px rgba(0,0,0,.08);
}

.dysart-media img,
.dysart-media video{
    display:block;

    width:100% !important;
    height:auto !important;

    margin:0 !important;

    object-fit:cover;
}

.dysart-media-caption{
    position:absolute;

    right:12px;
    bottom:12px;

    max-width:78%;

    padding:7px 10px;

    border-radius:10px;

    background:rgba(10,10,12,.58);
    border:1px solid rgba(255,255,255,.12);

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);

    color:#fff;

    font-size:9.5px;
    line-height:1.6;
}


/* =========================
   BENTO
========================= */

.dysart-bento{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:10px;

    margin:24px 0;
}

.dysart-bento-card{
    min-width:0;

    padding:21px;

    border-radius:21px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.92),
            rgba(244,244,247,.74)
        );

    border:1px solid rgba(255,255,255,.9);

    box-shadow:0 12px 30px rgba(0,0,0,.04);

    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

@media (hover:hover) and (pointer:fine){
    .dysart-bento-card:hover{
        transform:translateY(-2px);
        box-shadow:0 16px 40px rgba(0,0,0,.06);
    }
}

.dysart-bento-wide{
    grid-column:span 7;
}

.dysart-bento-small{
    grid-column:span 5;
}

.dysart-bento-half{
    grid-column:span 6;
}

.dysart-bento-icon{
    display:flex;
    align-items:center;
    justify-content:center;

    width:36px;
    height:36px;

    margin-bottom:18px;

    border-radius:12px;

    background:#111113;
    color:#fff;

    font-size:10px;
    direction:ltr;
}

.dysart-bento-card h3{
    margin:0 0 7px !important;
    font-size:17px !important;
}

.dysart-bento-card p{
    margin:0 !important;

    color:#67676e !important;

    font-size:12.5px !important;
    line-height:1.9 !important;
}


/* =========================
   DARK FEATURE
========================= */

.dysart-dark-feature{
    position:relative;
    overflow:hidden;

    margin:30px 0;
    padding:34px;

    border-radius:27px;

    background:
        radial-gradient(circle at 0 0,rgba(116,102,255,.30),transparent 30%),
        radial-gradient(circle at 100% 100%,rgba(125,182,255,.12),transparent 28%),
        #0b0b0d;

    box-shadow:0 22px 55px rgba(0,0,0,.15);
}

.dysart-dark-kicker{
    display:block;
    margin-bottom:7px;

    color:#9999a1;

    font-size:9px;
    font-weight:800;
    letter-spacing:1.1px;
}

.dysart-dark-feature h3{
    max-width:700px;

    margin:0 0 11px !important;

    color:#fff !important;

    font-size:25px !important;
    line-height:1.6 !important;
}

.dysart-dark-feature p{
    max-width:740px;

    margin:0 !important;

    color:#b9b9c1 !important;

    font-size:13px !important;
    line-height:1.95 !important;
}


/* =========================
   NOTE
========================= */

.dysart-note{
    position:relative;
    overflow:hidden;

    margin:22px 0;

    padding:18px 20px;

    border-radius:17px;

    background:#f8f8fa;
    border:1px solid var(--dysart-line);

    box-shadow:0 8px 24px rgba(0,0,0,.03);
}

.dysart-note:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:4px;
    height:100%;
    background:#111;
}

.dysart-note-title{
    display:block;

    margin-bottom:4px;

    color:#111;

    font-size:12.5px;
    font-weight:800;
}

.dysart-note p{
    margin:0 !important;

    color:#616168 !important;

    font-size:12.5px !important;
    line-height:1.95 !important;
}


/* =========================
   PILLS
========================= */

.dysart-pills{
    display:flex;
    flex-wrap:wrap;
    gap:7px;

    margin:15px 0 24px;
}

.dysart-pill{
    padding:7px 11px;

    border-radius:999px;

    background:#fff;
    border:1px solid var(--dysart-line);

    color:#595960;

    font-size:10px;
}


/* =========================
   SPEC TABLE
========================= */

.dysart-spec{
    overflow:hidden;

    margin:24px 0;

    border-radius:21px;

    background:#fff;
    border:1px solid var(--dysart-line);

    box-shadow:0 12px 32px rgba(0,0,0,.04);
}

.dysart-spec table{
    width:100%;
    border-collapse:collapse;
}

.dysart-spec tr:not(:last-child){
    border-bottom:1px solid var(--dysart-line);
}

.dysart-spec td{
    padding:14px 16px;

    vertical-align:middle;

    font-size:12px;
}

.dysart-spec td:first-child{
    width:48%;
    color:#74747b;
}

.dysart-spec td:last-child{
    color:#151517;
    font-weight:800;
    text-align:left;
    direction:ltr;
}


/* =========================
   QUOTE
========================= */

.dysart-quote{
    margin:30px 0;
    padding:14px 0;
}

.dysart-quote-text{
    max-width:760px;

    color:#171719;

    font-size:clamp(19px,2.3vw,28px);
    font-weight:800;
    line-height:1.85;
}

.dysart-quote-source{
    display:block;

    margin-top:8px;

    color:#96969d;

    font-size:9px;
    letter-spacing:1px;
}


/* =========================
   CTA
========================= */

.dysart-cta{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    display:block;

    margin:56px 0;

    padding:34px;

    border-radius:27px;

    background:#09090b;

    box-shadow:0 24px 60px rgba(0,0,0,.16);

    text-decoration:none !important;
    color:#fff !important;
}

.dysart-cta:before{
    content:"";

    position:absolute;

    width:260px;
    height:260px;

    top:-145px;
    right:-75px;

    border-radius:50%;

    background:rgba(116,102,255,.22);

    filter:blur(40px);

    z-index:-1;
}

.dysart-cta-kicker{
    display:block;

    margin-bottom:6px;

    color:#8d8d95;

    font-size:9px;
    font-weight:800;

    letter-spacing:1.1px;
}

.dysart-cta-title{
    display:block;

    max-width:700px;

    color:#fff;

    font-size:clamp(22px,2.8vw,31px);
    font-weight:900;
    line-height:1.5;
}

.dysart-cta-desc{
    display:block;

    max-width:700px;

    margin-top:7px;

    color:#aaaab2;

    font-size:12px;
    line-height:1.9;
}

.dysart-cta-button{
    display:inline-flex;
    align-items:center;

    margin-top:18px;

    padding:9px 14px;

    border-radius:999px;

    background:#fff;

    color:#111;

    font-size:10px;
    font-weight:800;
}


/* =========================
   FAQ
========================= */

.dysart-faq{
    display:flex;
    flex-direction:column;
    gap:8px;

    margin-top:22px;
}

.dysart-faq-item{
    overflow:hidden;

    border-radius:16px;

    background:rgba(255,255,255,.74);
    border:1px solid var(--dysart-line);

    box-shadow:0 6px 20px rgba(0,0,0,.025);
}

.dysart-faq-item summary{
    position:relative;

    cursor:pointer;

    list-style:none;

    padding:16px 44px 16px 16px;

    color:#171719;

    font-size:12.5px;
    font-weight:800;
    line-height:1.7;
}

.dysart-faq-item summary::-webkit-details-marker{
    display:none;
}

.dysart-faq-item summary:before{
    content:"+";

    position:absolute;

    right:14px;
    top:14px;

    display:flex;
    align-items:center;
    justify-content:center;

    width:23px;
    height:23px;

    border-radius:50%;

    background:#111;

    color:#fff;

    font-size:13px;
}

.dysart-faq-item[open] summary:before{
    content:"−";
}

.dysart-faq-answer{
    padding:0 16px 16px;
}

.dysart-faq-answer p{
    margin:0 !important;

    color:#606067 !important;

    font-size:12px !important;
    line-height:1.9 !important;
}



/* =========================
   ACCESSIBILITY / FOCUS
========================= */

.dysart-inline-link:focus-visible,
.dysart-cta:focus-visible,
.dysart-faq-item summary:focus-visible{
    outline:2px solid var(--dysart-purple);
    outline-offset:3px;
}

/* =========================
   REVEAL
========================= */

.dysart-reveal{
    opacity:0;
    transform:translateY(14px);

    transition:
        opacity .45s ease,
        transform .45s ease;
}

.dysart-reveal.dysart-visible{
    opacity:1;
    transform:none;
}


/* =========================
   TABLET
========================= */

@media(max-width:1024px){

    .dysart-shell{
        padding:12px 12px 60px;
    }

    .dysart-hero{
        min-height:420px;
        padding:42px 34px;
        border-radius:30px;
    }

    .dysart-title{
        font-size:42px;
    }

    .dysart-content{
        max-width:860px;
        margin-top:54px;
    }

}


/* =========================
   MOBILE
========================= */

@media(max-width:768px){

    .dysart-shell{
        padding:6px 8px 45px;
    }

    .dysart-hero{
        min-height:auto;

        padding:24px 16px 68px;

        border-radius:20px;
    }

    .dysart-title{
        font-size:26px;
        line-height:1.5;
        letter-spacing:0;
    }

    .dysart-lead{
        margin-top:14px;

        font-size:13px;
        line-height:1.85;
    }

    .dysart-eyebrow{
        margin-bottom:14px;
        padding:6px 9px;
        font-size:9px;
    }

    .dysart-meta{
        margin-top:15px;
        gap:5px;
    }

    .dysart-meta-item{
        padding:5px 8px;
        font-size:8.5px;
    }

    .dysart-quickfacts{
        grid-template-columns:repeat(2,minmax(0,1fr));

        gap:6px;

        margin:-48px 6px 0;
    }

    .dysart-quickfact{
        min-height:82px;
        padding:10px;
        border-radius:15px;
    }

    .dysart-quickfact-value{
        font-size:14px;
        margin-bottom:2px;
    }

    .dysart-quickfact-label{
        font-size:8.5px;
        line-height:1.5;
    }

    .dysart-content{
        margin-top:36px;
    }

    .dysart-section{
        margin-bottom:42px;
    }

    .dysart-section-number{
        min-width:31px;
        height:31px;
        padding:0 8px;
        margin-bottom:10px;
        border-radius:9px;
        font-size:9px;
    }

    .dysart-section h2{
        font-size:21px;
        line-height:1.6;
        margin-bottom:14px;
    }

    .dysart-section h3{
        margin-top:24px;
        margin-bottom:8px;

        font-size:16px;
        line-height:1.65;
    }

    .dysart-section p{
        margin-bottom:12px;

        font-size:12.8px;
        line-height:1.95;
    }

    .dysart-media{
        margin:20px 0;

        border-radius:17px;
    }

    .dysart-media-caption{
        position:relative;

        right:auto;
        bottom:auto;

        max-width:none;

        display:block;

        padding:7px 9px;

        border-radius:0;

        background:#111;

        font-size:8.5px;
    }

    .dysart-bento{
        grid-template-columns:1fr;
        gap:7px;

        margin:20px 0;
    }

    .dysart-bento-wide,
    .dysart-bento-small,
    .dysart-bento-half{
        grid-column:auto;
    }

    .dysart-bento-card{
        padding:15px;
        border-radius:16px;
    }

    .dysart-bento-icon{
        width:31px;
        height:31px;

        margin-bottom:12px;

        border-radius:10px;

        font-size:8.5px;
    }

    .dysart-bento-card h3{
        font-size:15px !important;
        line-height:1.6 !important;
    }

    .dysart-bento-card p{
        font-size:11.5px !important;
        line-height:1.8 !important;
    }

    .dysart-dark-feature{
        margin:23px 0;
        padding:20px 16px;
        border-radius:19px;
    }

    .dysart-dark-feature h3{
        font-size:18px !important;
        line-height:1.65 !important;
    }

    .dysart-dark-feature p{
        font-size:11.5px !important;
        line-height:1.85 !important;
    }

    .dysart-note{
        margin:18px 0;
        padding:14px 15px;
        border-radius:14px;
    }

    .dysart-note-title{
        font-size:11.5px;
    }

    .dysart-note p{
        font-size:11.5px !important;
        line-height:1.85 !important;
    }

    .dysart-pills{
        gap:5px;
        margin:12px 0 20px;
    }

    .dysart-pill{
        padding:6px 9px;
        font-size:9px;
    }

    .dysart-spec{
        margin:20px 0;
        border-radius:16px;
        overflow:hidden;
    }

    .dysart-spec table{
        width:100%;
        min-width:0;
    }

    .dysart-spec tr{
        display:grid;
        grid-template-columns:1fr;
    }

    .dysart-spec td{
        width:100% !important;
        padding:10px 12px;
        text-align:right !important;
        direction:rtl !important;
        font-size:11px;
    }

    .dysart-spec td:first-child{
        background:#fafafa;
        color:#777;
        padding-bottom:5px;
    }

    .dysart-spec td:last-child{
        padding-top:5px;
        color:#111;
    }

    .dysart-quote{
        margin:22px 0;
        padding:10px 0;
    }

    .dysart-quote-text{
        font-size:17px;
        line-height:1.8;
    }

    .dysart-quote-source{
        font-size:8px;
    }

    .dysart-cta{
        margin:40px 0;
        padding:22px 17px;
        border-radius:20px;
    }

    .dysart-cta-title{
        font-size:20px;
        line-height:1.5;
    }

    .dysart-cta-desc{
        font-size:11px;
        line-height:1.8;
    }

    .dysart-cta-button{
        margin-top:14px;
        padding:8px 12px;
        font-size:9px;
    }

    .dysart-faq{
        gap:6px;
        margin-top:18px;
    }

    .dysart-faq-item{
        border-radius:14px;
    }

    .dysart-faq-item summary{
        padding:14px 41px 14px 13px;
        font-size:11.5px;
        line-height:1.65;
    }

    .dysart-faq-item summary:before{
        right:12px;
        top:12px;
        width:22px;
        height:22px;
        font-size:12px;
    }

    .dysart-faq-answer{
        padding:0 13px 13px;
    }

    .dysart-faq-answer p{
        font-size:11.5px !important;
        line-height:1.85 !important;
    }

}


/* =========================
   SMALL MOBILE
========================= */

@media(max-width:480px){

    .dysart-shell{
        padding-left:6px;
        padding-right:6px;
    }

    .dysart-hero{
        padding:22px 14px 64px;
        border-radius:18px;
    }

    .dysart-title{
        font-size:23px;
    }

    .dysart-lead{
        font-size:12.5px;
        line-height:1.8;
    }

    .dysart-quickfacts{
        margin-left:4px;
        margin-right:4px;
    }

    .dysart-quickfact{
        min-height:76px;
        padding:9px;
    }

    .dysart-quickfact-value{
        font-size:13px;
    }

    .dysart-quickfact-label{
        font-size:8px;
    }

    .dysart-section h2{
        font-size:20px;
    }

    .dysart-section h3{
        font-size:15px;
    }

    .dysart-section p{
        font-size:12.5px;
        line-height:1.9;
    }

    .dysart-dark-feature{
        padding:18px 14px;
    }

    .dysart-dark-feature h3{
        font-size:17px !important;
    }

    .dysart-bento-card{
        padding:14px;
    }

    .dysart-cta{
        padding:20px 15px;
    }

    .dysart-cta-title{
        font-size:18px;
    }

}


/* =========================
   REDUCED MOTION
========================= */

@media(prefers-reduced-motion:reduce){

    .dysart-reveal{
        opacity:1 !important;
        transform:none !important;
        transition:none !important;
    }

    .dysart-bento-card,
    .dysart-inline-link,
    .dysart-cta,
    .dysart-faq-item summary{
        transition:none !important;
    }

}
/* End Edit Maghalat */