/* ISFAHANWEB WEBSITE SEO V6.3 */

.iwseo63-page{
    overflow:hidden;
    background:#F6FAFD;
    color:#172733;
}

.iwseo63-page *,
.iwseo63-page *::before,
.iwseo63-page *::after{
    box-sizing:border-box;
}

.iwseo63-page h1,
.iwseo63-page h2,
.iwseo63-page h3{
    letter-spacing:-.045em;
}

.iwseo63-page a{
    text-decoration:none;
}


/* HERO */

.iwseo63-hero{
    min-height:680px;
    padding:100px 0;

    background:
        radial-gradient(
            circle at 87% 16%,
            rgba(46,179,240,.19),
            transparent 28%
        ),
        radial-gradient(
            circle at 10% 80%,
            rgba(140,198,63,.15),
            transparent 24%
        ),
        linear-gradient(
            130deg,
            #fff,
            #F3FBFF 58%,
            #F7FCEB
        );
}

.iwseo63-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(350px,.72fr);
    gap:90px;
    align-items:center;
}

.iwseo63-eyebrow{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:24px;

    color:#73848D;
    font-family:Arial,sans-serif;
    font-size:.62rem;
    font-weight:800;
    letter-spacing:.13em;
}

.iwseo63-eyebrow i{
    width:34px;
    height:2px;
    background:linear-gradient(90deg,#2EB3F0,#8CC63F);
}

.iwseo63-eyebrow b{
    color:#1595D0;
    font-family:"Vazirmatn";
    font-size:.78rem;
    letter-spacing:0;
}

.iwseo63-hero h1{
    margin:0 0 24px;
    font-size:clamp(3.4rem,5.7vw,5.8rem);
    line-height:1.08;
    font-weight:810;
}

.iwseo63-hero h1 span{
    display:block;
    color:#1595D0;
}

.iwseo63-hero p{
    max-width:720px;
    color:#60727C;
    font-size:1.02rem;
    line-height:2;
}

.iwseo63-actions{
    display:flex;
    align-items:center;
    gap:25px;
    margin-top:30px;
}

.iwseo63-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:52px;
    padding:0 24px;

    border-radius:11px;

    color:#fff !important;
    background:linear-gradient(135deg,#1595D0,#2EB3F0);

    box-shadow:0 15px 35px rgba(21,149,208,.23);

    font-size:.87rem;
    font-weight:680;
}

.iwseo63-link,
.iwseo63-inline-link{
    display:inline-flex;
    gap:10px;
    color:#172733 !important;
    font-size:.84rem;
    font-weight:650;
}

.iwseo63-link span,
.iwseo63-inline-link span{
    color:#FF8A00;
}


/* HERO ART */

.iwseo63-hero-art{
    position:relative;
    min-height:430px;
}

.iwseo63-search-card{
    position:absolute;
    top:50%;
    left:50%;

    width:min(100%,400px);
    min-height:260px;

    transform:translate(-50%,-50%) rotate(-2deg);

    border-radius:20px;
    overflow:hidden;

    background:#fff;

    box-shadow:0 28px 70px rgba(19,42,56,.15);
}

.iwseo63-search-bar{
    height:58px;
    padding:0 18px;

    display:flex;
    align-items:center;
    gap:12px;

    border-bottom:1px solid rgba(23,39,51,.08);
}

.iwseo63-search-bar span{
    width:17px;
    height:17px;
    border:3px solid #2EB3F0;
    border-radius:50%;
}

.iwseo63-search-bar b{
    color:#60727C;
    font-size:.7rem;
}

.iwseo63-serp{
    padding:42px 32px;
}

.iwseo63-serp small{
    color:#1595D0;
    font-family:Arial,sans-serif;
    font-size:.47rem;
    letter-spacing:.13em;
}

.iwseo63-serp strong{
    display:block;
    margin:12px 0 25px;

    color:#172733;
    font-family:Arial,sans-serif;
    font-size:1.8rem;
}

.iwseo63-serp i{
    display:block;
    width:80%;
    height:7px;
    margin-top:9px;
    border-radius:10px;
    background:#DDE7EB;
}

.iwseo63-serp i:last-child{
    width:53%;
}

.iwseo63-metric{
    position:absolute;
    z-index:4;

    min-width:80px;
    padding:9px 11px;

    border-radius:10px;

    color:#fff;
    font-family:Arial,sans-serif;

    box-shadow:0 12px 30px rgba(19,42,56,.12);
}

.iwseo63-metric small{
    display:block;
    color:rgba(255,255,255,.72);
    font-size:.42rem;
}

.iwseo63-metric strong{
    font-size:.8rem;
}

.iwseo63-metric-a{
    top:18px;
    right:5px;
    background:#2EB3F0;
}

.iwseo63-metric-b{
    left:0;
    top:185px;
    background:#8CC63F;
}

.iwseo63-metric-c{
    right:20px;
    bottom:8px;
    background:#FF8A00;
}


/* COMMON */

.iwseo63-section{
    padding:105px 0;
}

.iwseo63-head{
    display:grid;
    grid-template-columns:150px minmax(0,850px);
    gap:45px;
    margin-bottom:55px;
}

.iwseo63-index{
    display:flex;
    align-items:baseline;
    gap:8px;

    color:#FF8A00;

    font-family:Arial,sans-serif;
    font-size:1.08rem;
    font-weight:800;
}

.iwseo63-index span{
    color:#87949B;
    font-size:.52rem;
    letter-spacing:.13em;
}

.iwseo63-index-light span{
    color:rgba(255,255,255,.44);
}

.iwseo63-page small{
    color:#1595D0;
    font-size:.82rem;
    font-weight:650;
}

.iwseo63-page h2{
    margin:8px 0 16px;
    font-size:clamp(2.4rem,4.4vw,4.5rem);
    line-height:1.18;
    font-weight:760;
}

.iwseo63-page h2 strong{
    color:#1595D0;
}

.iwseo63-head p{
    max-width:760px;
    color:#61737D;
    line-height:2;
}


/* AUDIT */

.iwseo63-audit-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}

.iwseo63-audit-grid article{
    min-height:255px;
    padding:26px;

    border:1px solid rgba(23,39,51,.09);
    border-radius:18px;

    background:#fff;
}

.iwseo63-audit-grid article:nth-child(3){
    color:#fff;
    background:#132A38;
}

.iwseo63-audit-grid b{
    color:#FF8A00;
    font-family:Arial,sans-serif;
    font-size:.57rem;
}

.iwseo63-audit-grid small{
    display:block;
    margin-top:35px;

    font-family:Arial,sans-serif;
    font-size:.47rem;
    letter-spacing:.1em;
}

.iwseo63-audit-grid h3{
    margin:10px 0;
    font-size:1.18rem;
}

.iwseo63-audit-grid p{
    color:#687982;
    font-size:.81rem;
    line-height:1.9;
}

.iwseo63-audit-grid article:nth-child(3) p{
    color:rgba(255,255,255,.64);
}


/* PILLARS */

.iwseo63-pillars{
    background:#fff;
}

.iwseo63-pillar-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}

.iwseo63-pillar-grid article{
    min-height:220px;
    padding:27px;

    border-radius:18px;
    background:#F2F9FD;
}

.iwseo63-pillar-grid article:nth-child(2){
    background:#F1F9E5;
}

.iwseo63-pillar-grid article:nth-child(3){
    background:#FFF1E3;
}

.iwseo63-pillar-grid article:nth-child(4){
    background:#F0F5F7;
}

.iwseo63-pillar-grid h3{
    margin:38px 0 10px;
    font-size:1.3rem;
}

.iwseo63-pillar-grid p{
    color:#687982;
    font-size:.83rem;
    line-height:1.9;
}


/* DARK */

.iwseo63-dark,
.iwseo63-process{
    padding:105px 0;

    color:#fff;

    background:
        radial-gradient(
            circle at 15% 15%,
            rgba(46,179,240,.14),
            transparent 27%
        ),
        linear-gradient(135deg,#102632,#173C4E);
}

.iwseo63-dark h2,
.iwseo63-process h2{
    color:#fff;
}

.iwseo63-dark h2 strong,
.iwseo63-process h2 strong{
    color:#B7DF73;
}

.iwseo63-dark small,
.iwseo63-process small{
    color:#74D3F4;
}

.iwseo63-dark p{
    color:rgba(255,255,255,.65);
    line-height:2;
}


/* SPLIT */

.iwseo63-split{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:100px;
    align-items:center;
}


/* TECH */

.iwseo63-tech-list{
    display:grid;
    gap:9px;
}

.iwseo63-tech-list > div{
    display:grid;
    grid-template-columns:38px 1fr;
    gap:14px;

    padding:18px;

    border:1px solid rgba(255,255,255,.09);
    border-radius:13px;

    background:rgba(255,255,255,.045);
}

.iwseo63-tech-list b{
    color:#FF8A00;
    font-family:Arial,sans-serif;
    font-size:.53rem;
}

.iwseo63-tech-list span{
    color:rgba(255,255,255,.64);
    font-size:.8rem;
    line-height:1.7;
}

.iwseo63-tech-list strong{
    display:block;
    color:#fff;
}


/* INTENT */

.iwseo63-intent{
    background:#F3FAFD;
}

.iwseo63-intent-map{
    min-height:330px;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:35px;

    border-radius:22px;

    background:#fff;

    box-shadow:0 22px 55px rgba(19,42,56,.08);
}

.iwseo63-intent-map > div{
    display:flex;
    align-items:center;
    gap:9px;
}

.iwseo63-intent-map span{
    padding:8px 10px;

    border-radius:999px;

    color:#fff;
    background:#2EB3F0;

    font-family:Arial,sans-serif;
    font-size:.46rem;
    font-weight:800;
}

.iwseo63-intent-map span:nth-of-type(2){
    background:#8CC63F;
}

.iwseo63-intent-map span:nth-of-type(3){
    background:#FF8A00;
}

.iwseo63-intent-map span:nth-of-type(4){
    background:#173C4E;
}

.iwseo63-intent-map i{
    width:20px;
    height:1px;
    background:#CBD6DB;
}

.iwseo63-intent-map strong{
    color:#172733;
    font-family:Arial,sans-serif;
    font-size:2.1rem;
    line-height:.9;
}


/* ARCHITECTURE */

.iwseo63-architecture{
    background:#fff;
}

.iwseo63-architecture p{
    color:#61737D;
    line-height:2;
}

.iwseo63-inline-link{
    margin-top:20px;
}

.iwseo63-tree{
    padding:38px;

    border-radius:22px;

    background:#F5FAFD;
}

.iwseo63-tree .root{
    display:block;
    width:max-content;
    margin:0 auto 34px;
    padding:9px 17px;

    border-radius:999px;

    color:#fff;
    background:#1595D0;

    font-family:Arial,sans-serif;
    font-size:.52rem;
}

.iwseo63-tree .branches{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
}

.iwseo63-tree .branches > div{
    padding:18px;

    border-radius:13px;

    background:#fff;

    text-align:center;
}

.iwseo63-tree b{
    display:block;
    margin-bottom:14px;

    color:#172733;

    font-family:Arial,sans-serif;
    font-size:.54rem;
}

.iwseo63-tree i{
    display:block;
    margin-top:7px;

    color:#71838B;

    font-family:Arial,sans-serif;
    font-size:.45rem;
    font-style:normal;
}


/* PROCESS */

.iwseo63-process-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
}

.iwseo63-process-grid article{
    min-height:220px;
    padding:24px;

    border:1px solid rgba(255,255,255,.09);
    border-radius:16px;

    background:rgba(255,255,255,.045);
}

.iwseo63-process-grid b{
    color:#FF8A00;
    font-family:Arial,sans-serif;
    font-size:.56rem;
}

.iwseo63-process-grid small{
    display:block;
    margin-top:34px;

    font-family:Arial,sans-serif;
    font-size:.46rem;
}

.iwseo63-process-grid h3{
    color:#fff;
}

.iwseo63-process-grid p{
    color:rgba(255,255,255,.62);
    font-size:.79rem;
    line-height:1.9;
}


/* METRICS */

.iwseo63-metrics-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}

.iwseo63-metrics-grid article{
    min-height:210px;
    padding:25px;

    border-radius:17px;

    background:#fff;
}

.iwseo63-metrics-grid article:nth-child(2){
    background:#F1F9E5;
}

.iwseo63-metrics-grid article:nth-child(3){
    background:#FFF1E3;
}

.iwseo63-metrics-grid article:nth-child(4){
    background:#EAF8FE;
}

.iwseo63-metrics-grid small{
    font-family:Arial,sans-serif;
    font-size:.47rem;
}

.iwseo63-metrics-grid strong{
    display:block;
    margin:40px 0 10px;

    color:#172733;
    font-size:1.2rem;
}

.iwseo63-metrics-grid p{
    color:#687982;
    font-size:.8rem;
    line-height:1.9;
}


/* FAQ */

.iwseo63-faq{
    background:#fff;
}

.iwseo63-faq-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
}

.iwseo63-faq-grid article{
    padding:23px;

    border:1px solid rgba(23,39,51,.09);
    border-radius:15px;

    background:#F8FBFD;
}

.iwseo63-faq-grid h3{
    margin:0 0 9px;
    font-size:1rem;
}

.iwseo63-faq-grid p{
    margin:0;

    color:#687982;
    font-size:.8rem;
    line-height:1.9;
}


/* FINAL */

.iwseo63-final{
    padding:95px 0;

    background:
        linear-gradient(
            120deg,
            #DFF5FF,
            #EDF9D8 65%,
            #FFECD7
        );
}

.iwseo63-final-grid{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.65fr);
    gap:100px;
    align-items:end;
}

.iwseo63-final small{
    color:#FF8A00;

    font-family:Arial,sans-serif;
    font-size:.53rem;
}

.iwseo63-final p{
    color:#60727C;
    line-height:2;
}

.iwseo63-services-link{
    display:block;
    margin-top:18px;

    color:#172733 !important;

    font-size:.79rem;
}


/* REVEAL */

.iwseo63-js .iwseo63-reveal{
    opacity:0;
    transform:translateY(26px);

    transition:
        opacity .7s ease,
        transform .7s cubic-bezier(.2,.75,.25,1);
}

.iwseo63-js .iwseo63-reveal.is-visible{
    opacity:1;
    transform:none;
}


/* TABLET */

@media(max-width:1000px){

    .iwseo63-hero-grid,
    .iwseo63-split,
    .iwseo63-final-grid{
        grid-template-columns:1fr;
    }

    .iwseo63-head{
        grid-template-columns:1fr;
        gap:18px;
    }

    .iwseo63-audit-grid,
    .iwseo63-metrics-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .iwseo63-process-grid{
        grid-template-columns:repeat(2,1fr);
    }

}


/* MOBILE */

@media(max-width:700px){

    .iwseo63-hero{
        min-height:0;
        padding:55px 0 70px;
    }

    .iwseo63-hero-grid{
        gap:35px;
    }

    .iwseo63-hero h1{
        font-size:clamp(2.65rem,12vw,3.8rem);
    }

    .iwseo63-actions{
        flex-direction:column;
        align-items:flex-start;
        gap:20px;
    }

    .iwseo63-hero-art{
        min-height:330px;
    }

    .iwseo63-section,
    .iwseo63-dark,
    .iwseo63-process{
        padding:72px 0;
    }

    .iwseo63-page h2{
        font-size:clamp(2.05rem,9vw,2.85rem);
    }

    .iwseo63-audit-grid,
    .iwseo63-pillar-grid,
    .iwseo63-process-grid,
    .iwseo63-metrics-grid,
    .iwseo63-faq-grid{
        grid-template-columns:1fr;
    }

    .iwseo63-tree .branches{
        grid-template-columns:1fr;
    }

    .iwseo63-intent-map{
        min-height:280px;
        padding:25px 10px;
    }

    .iwseo63-intent-map > div{
        gap:5px;
    }

    .iwseo63-intent-map span{
        padding:7px 6px;
        font-size:.4rem;
    }

    .iwseo63-intent-map i{
        width:8px;
    }

    .iwseo63-final{
        padding:70px 0;
    }

}


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

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

}
