/* =========================================================
   ISFAHANWEB HOME V10
   REFERENCE-DRIVEN / STANDALONE
========================================================= */

.iw10{
--blue:#18b7f1;
--blue-dark:#008fc9;
--green:#9bd63d;
--orange:#ff8613;
--ink:#0e2029;
--ink2:#163846;
--paper:#f5f7f4;
--cream:#f5f1e9;
--line:rgba(14,32,41,.12);
--fa:"Vazirmatn","IRANSansX","Peyda",Tahoma,Arial,sans-serif;
--en:Inter,"Helvetica Neue",Arial,sans-serif;

overflow:hidden;
color:var(--ink);
background:#fff;
font-family:var(--fa);
-webkit-font-smoothing:antialiased;
}

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

.iw10 h1,
.iw10 h2,
.iw10 h3,
.iw10 p{
margin-top:0;
}

.iw10 h1,
.iw10 h2,
.iw10 h3{
font-family:var(--fa);
letter-spacing:-.052em;
text-wrap:balance;
}

.iw10 a{
text-decoration:none;
}


/* HERO */

.iw10-hero{
position:relative;
isolation:isolate;
min-height:850px;
padding:85px 0 0;
background:
radial-gradient(circle at 83% 13%,rgba(24,183,241,.19),transparent 29%),
radial-gradient(circle at 6% 82%,rgba(155,214,61,.12),transparent 24%),
linear-gradient(125deg,#fff,#f5fbfe 67%,#f7fde9);
}

.iw10-hero-bgword{
position:absolute;
z-index:-1;
left:-2vw;
top:11%;
font-family:var(--en);
font-size:clamp(11rem,24vw,25rem);
font-weight:900;
letter-spacing:-.1em;
line-height:.75;
color:rgba(14,32,41,.025);
pointer-events:none;
}

.iw10-hero-grid{
display:grid;
grid-template-columns:minmax(0,.93fr) minmax(470px,1.07fr);
gap:85px;
align-items:center;
min-height:660px;
}

.iw10-overline{
display:flex;
align-items:center;
gap:13px;
margin-bottom:29px;
font-family:var(--en);
font-size:.55rem;
font-weight:800;
letter-spacing:.14em;
}

.iw10-overline span{color:#6c7b82;}
.iw10-overline b{
font-family:var(--fa);
letter-spacing:0;
color:var(--blue-dark);
}

.iw10-overline i{
width:40px;
height:2px;
background:linear-gradient(90deg,var(--blue),var(--green),var(--orange));
}

.iw10-hero h1{
max-width:790px;
margin:0;
font-size:clamp(3.8rem,6.25vw,7rem);
line-height:.98;
font-weight:790;
}

.iw10-hero h1 small{
display:block;
margin-bottom:17px;
color:var(--blue-dark);
font-size:.25em;
line-height:1.45;
font-weight:670;
}

.iw10-hero h1 strong{
display:block;
}

.iw10-hero h1 em{
display:block;
margin-top:4px;
color:var(--orange);
font-style:normal;
font-weight:820;
}

.iw10-hero-lead{
max-width:590px;
margin:31px 0 0;
color:#61747d;
font-size:1rem;
line-height:2;
}

.iw10-actions{
display:flex;
align-items:center;
gap:27px;
margin-top:31px;
}

.iw10-primary{
display:inline-flex;
align-items:center;
gap:14px;
min-height:58px;
padding:0 28px;
color:#fff!important;
background:var(--ink);
font-size:.87rem;
font-weight:700;
transition:transform .25s ease,background .25s ease;
}

.iw10-primary:hover{
transform:translateY(-4px);
background:#000;
}

.iw10-primary span{color:var(--green);}

.iw10-secondary{
display:inline-flex;
gap:9px;
color:var(--ink)!important;
font-size:.83rem;
font-weight:700;
}

.iw10-secondary span{color:var(--orange);}


/* HERO ART */

.iw10-hero-art{
position:relative;
min-height:620px;
perspective:1300px;
}

.iw10-browser{
position:absolute;
z-index:3;
top:50%;
left:50%;
width:min(82%,540px);
height:550px;
margin:0;
overflow:hidden;
transform:translate(-50%,-50%) rotate(2deg);
border:9px solid #fff;
border-radius:22px;
background:#fff;
box-shadow:0 50px 110px rgba(14,32,41,.22);
}

.iw10-browser img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:top center;
}

.iw10-hero-caption{
position:absolute;
z-index:5;
right:0;
bottom:50px;
width:255px;
padding:22px;
color:#fff;
background:var(--ink);
box-shadow:0 24px 60px rgba(14,32,41,.20);
}

.iw10-hero-caption small{
display:block;
margin-bottom:12px;
color:var(--green);
font-family:var(--en);
font-size:.44rem;
letter-spacing:.13em;
}

.iw10-hero-caption strong{
display:block;
font-size:1.24rem;
}

.iw10-hero-caption span{
display:block;
margin-top:10px;
color:rgba(255,255,255,.55);
font-family:var(--en);
font-size:.43rem;
}

.iw10-shape{
position:absolute;
z-index:1;
pointer-events:none;
}

.iw10-shape-blue{
width:180px;
height:180px;
right:18px;
top:45px;
border-radius:50%;
background:var(--blue);
opacity:.17;
}

.iw10-shape-orange{
width:36px;
height:160px;
left:10px;
bottom:95px;
background:var(--orange);
}


/* PROOF */

.iw10-proof{
position:relative;
z-index:7;
margin-top:25px;
border-top:1px solid var(--line);
background:#fff;
}

.iw10-proof .iw-shell{
display:grid;
grid-template-columns:repeat(3,1fr);
}

.iw10-proof div div{
min-height:98px;
padding:22px 27px;
border-left:1px solid var(--line);
}

.iw10-proof div div:last-child{
border-left:0;
}

.iw10-proof b{
display:block;
margin-bottom:5px;
font-size:.91rem;
}

.iw10-proof span{
color:#75838a;
font-size:.72rem;
}


/* MARQUEE */

.iw10-marquee{
overflow:hidden;
border-bottom:1px solid var(--line);
background:#fff;
}

.iw10-marquee-track{
display:flex;
align-items:center;
gap:26px;
width:max-content;
padding:17px 0;
animation:iw10Ticker 28s linear infinite;
font-family:var(--en);
font-size:.53rem;
font-weight:800;
letter-spacing:.15em;
}

.iw10-marquee-track i{
width:7px;
height:7px;
border-radius:50%;
background:var(--orange);
}

.iw10-marquee-track i:nth-of-type(3n+1){background:var(--blue);}
.iw10-marquee-track i:nth-of-type(3n+2){background:var(--green);}

@keyframes iw10Ticker{
to{transform:translateX(-50%);}
}


/* COMMON HEADING */

.iw10-heading{
display:grid;
grid-template-columns:230px minmax(0,1fr);
gap:55px;
align-items:start;
margin-bottom:70px;
}

.iw10-heading > div span,
.iw10-work-head span,
.iw10-manifesto-title > span,
.iw10-infra-copy > span,
.iw10-final-grid > div > span{
display:block;
color:var(--orange);
font-family:var(--en);
font-size:.51rem;
font-weight:800;
letter-spacing:.14em;
}

.iw10-heading > div small{
display:block;
margin-top:10px;
color:#79878e;
font-size:.78rem;
}

.iw10-heading h2,
.iw10-work-head h2,
.iw10-manifesto h2,
.iw10-infra h2,
.iw10-final h2{
margin:0;
font-size:clamp(3rem,5.4vw,5.9rem);
line-height:1;
font-weight:750;
}

.iw10-heading h2 strong,
.iw10-work-head h2 strong,
.iw10-infra h2 strong{
display:block;
color:var(--blue-dark);
}


/* SERVICES */

.iw10-services{
position:relative;
padding:135px 0 145px;
background:#fff;
}

.iw10-service-list{
border-top:2px solid var(--ink);
}

.iw10-service{
position:relative;
display:grid;
grid-template-columns:75px minmax(300px,.8fr) minmax(0,.7fr) 45px;
gap:35px;
align-items:center;
min-height:155px;
padding:22px 20px;
overflow:hidden;
border-bottom:1px solid var(--line);
color:var(--ink)!important;
transition:padding .35s ease,color .35s ease;
}

.iw10-service::before{
content:"";
position:absolute;
inset:0;
z-index:0;
transform:scaleY(0);
transform-origin:bottom;
background:var(--blue);
transition:transform .4s cubic-bezier(.2,.75,.25,1);
}

.iw10-service:nth-child(2)::before{background:#e7f7c9;}
.iw10-service:nth-child(3)::before{background:#ffe0c2;}
.iw10-service:nth-child(4)::before{background:var(--ink);}

.iw10-service:hover::before{transform:scaleY(1);}
.iw10-service:hover{padding-inline:34px;}
.iw10-service:nth-child(4):hover{color:#fff!important;}

.iw10-service > *{
position:relative;
z-index:2;
}

.iw10-num{
color:#9ba8ae;
font-family:var(--en);
font-size:.6rem;
}

.iw10-service small{
font-family:var(--en);
font-size:.45rem;
font-weight:800;
letter-spacing:.12em;
color:var(--blue-dark);
}

.iw10-service h3{
margin:7px 0 0;
font-size:clamp(1.55rem,2.7vw,2.8rem);
font-weight:720;
}

.iw10-service p{
margin:0;
max-width:430px;
color:#697a82;
font-size:.82rem;
line-height:1.85;
}

.iw10-service:nth-child(4):hover small,
.iw10-service:nth-child(4):hover p{
color:rgba(255,255,255,.68);
}

.iw10-service > b{
color:var(--orange);
font-size:1.2rem;
}

.iw10-more{
display:flex;
justify-content:flex-end;
margin-top:28px;
}

.iw10-more a{
color:var(--ink)!important;
font-size:.8rem;
font-weight:700;
}


/* MANIFESTO */

.iw10-manifesto{
position:relative;
isolation:isolate;
padding:145px 0;
overflow:hidden;
color:#fff;
background:
radial-gradient(circle at 83% 20%,rgba(24,183,241,.14),transparent 28%),
linear-gradient(135deg,#0c1c24,#153a49);
}

.iw10-manifesto-word{
position:absolute;
z-index:-1;
left:-3%;
top:6%;
color:rgba(255,255,255,.035);
font-family:var(--en);
font-size:clamp(8rem,19vw,20rem);
font-weight:900;
letter-spacing:-.09em;
line-height:.72;
}

.iw10-manifesto-grid{
display:grid;
grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
gap:100px;
align-items:center;
}

.iw10-manifesto h2{
margin-top:15px;
color:#fff;
}

.iw10-manifesto h2 strong{
display:block;
color:var(--green);
}

.iw10-manifesto-title > p{
max-width:550px;
margin-top:25px;
color:rgba(255,255,255,.63);
line-height:2;
}

.iw10-reasons{
border-top:1px solid rgba(255,255,255,.14);
}

.iw10-reasons article{
display:grid;
grid-template-columns:55px minmax(0,1fr);
gap:20px;
padding:24px 0;
border-bottom:1px solid rgba(255,255,255,.14);
}

.iw10-reasons b{
color:var(--orange);
font-family:var(--en);
font-size:.5rem;
}

.iw10-reasons h3{
margin:0 0 7px;
color:#fff;
font-size:1.2rem;
font-weight:680;
}

.iw10-reasons p{
margin:0;
color:rgba(255,255,255,.58);
font-size:.79rem;
line-height:1.8;
}


/* WORK */

.iw10-work{
padding:135px 0 0;
background:var(--paper);
}

.iw10-work-head{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(280px,.4fr);
gap:80px;
align-items:end;
margin-bottom:70px;
}

.iw10-work-head p{
margin:0;
color:#687981;
line-height:2;
}

.iw10-project{
position:relative;
min-height:760px;
overflow:hidden;
background:var(--ink);
}

.iw10-project-media{
position:absolute;
inset:0;
overflow:hidden;
}

.iw10-project-media img{
display:block;
width:100%;
height:112%;
object-fit:cover;
object-position:top center;
transform:translateY(-3%);
filter:saturate(1.06) contrast(1.02);
}

.iw10-project::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,transparent 45%,rgba(7,19,25,.74));
pointer-events:none;
}

.iw10-project-info{
position:absolute;
z-index:3;
left:max(5vw,45px);
right:max(5vw,45px);
bottom:55px;
display:grid;
grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);
gap:75px;
align-items:end;
color:#fff;
}

.iw10-project-info span{
display:block;
margin-bottom:12px;
color:#8de3ff;
font-family:var(--en);
font-size:.48rem;
letter-spacing:.13em;
}

.iw10-project-info h3{
margin:0;
max-width:800px;
font-size:clamp(2.8rem,5.4vw,5.8rem);
line-height:.98;
font-weight:760;
}

.iw10-project-info p{
margin:0 0 16px;
color:rgba(255,255,255,.77);
line-height:1.9;
}

.iw10-project-info small{
font-family:var(--en);
font-size:.42rem;
letter-spacing:.12em;
color:var(--green);
}

.iw10-project:nth-of-type(2){
border-top:7px solid var(--green);
}

.iw10-project:nth-of-type(3){
border-top:7px solid var(--orange);
}

.iw10-project:nth-of-type(4){
border-top:7px solid var(--blue);
}

.iw10-work-link{
display:flex;
justify-content:center;
padding:45px 0 70px;
}

.iw10-work-link a{
display:inline-flex;
gap:10px;
color:var(--ink)!important;
font-weight:700;
}

.iw10-work-link span{color:var(--orange);}


/* PROCESS */

.iw10-process{
position:relative;
padding:140px 0 150px;
background:var(--cream);
}

.iw10-process-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
border-top:2px solid var(--ink);
}

.iw10-process-grid article{
min-height:340px;
padding:27px 24px 35px;
border-left:1px solid var(--line);
}

.iw10-process-grid article:last-child{
border-left:0;
}

.iw10-process-grid b{
display:block;
margin-bottom:90px;
font-family:var(--en);
font-size:clamp(4.3rem,6vw,6.6rem);
font-weight:800;
line-height:.8;
letter-spacing:-.08em;
color:rgba(14,32,41,.11);
}

.iw10-process-grid article:nth-child(1){border-top:4px solid var(--blue);}
.iw10-process-grid article:nth-child(2){border-top:4px solid var(--green);}
.iw10-process-grid article:nth-child(3){border-top:4px solid var(--orange);}
.iw10-process-grid article:nth-child(4){border-top:4px solid var(--ink);}

.iw10-process-grid small{
font-family:var(--en);
font-size:.44rem;
font-weight:800;
letter-spacing:.12em;
color:var(--blue-dark);
}

.iw10-process-grid h3{
margin:8px 0 10px;
font-size:1.4rem;
}

.iw10-process-grid p{
margin:0;
color:#697980;
font-size:.82rem;
line-height:1.85;
}


/* INFRA */

.iw10-infra{
padding:125px 0;
background:#edf5f7;
}

.iw10-infra-grid{
display:grid;
grid-template-columns:minmax(280px,.52fr) minmax(0,1.2fr);
gap:75px;
align-items:center;
padding:48px 52px;
background:var(--ink);
box-shadow:0 30px 80px rgba(14,32,41,.15);
}

.iw10-infra h2{
margin-top:15px;
color:#fff;
font-size:clamp(2.5rem,4vw,4.3rem);
}

.iw10-infra h2 strong{
color:var(--green);
}

.iw10-infra-copy p{
max-width:440px;
margin:22px 0;
color:rgba(255,255,255,.61);
line-height:1.95;
}

.iw10-infra-copy a{
color:#fff!important;
font-size:.8rem;
font-weight:700;
}

.iw10-domain-tool .iws-domain-search{
margin:0!important;
border:0!important;
background:transparent!important;
}

.iw10-domain-tool .iws-domain-search-copy{
display:none!important;
}

.iw10-domain-tool .iws-domain-search-box{
padding:0!important;
background:transparent!important;
box-shadow:none!important;
}


/* FINAL */

.iw10-final{
position:relative;
isolation:isolate;
padding:145px 0;
overflow:hidden;
color:#fff;
background:
radial-gradient(circle at 12% 20%,rgba(24,183,241,.21),transparent 27%),
radial-gradient(circle at 86% 80%,rgba(155,214,61,.15),transparent 25%),
linear-gradient(130deg,#0b1b23,#143846);
}

.iw10-final-word{
position:absolute;
z-index:-1;
left:-2%;
bottom:-5%;
color:rgba(255,255,255,.035);
font-family:var(--en);
font-size:clamp(10rem,24vw,25rem);
font-weight:900;
letter-spacing:-.1em;
line-height:.7;
}

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

.iw10-final h2{
margin-top:15px;
color:#fff;
}

.iw10-final h2 strong{
display:block;
color:var(--green);
}

.iw10-final-side p{
color:rgba(255,255,255,.63);
line-height:2;
}

.iw10-final-side a{
display:inline-flex;
align-items:center;
gap:13px;
min-height:58px;
margin-top:12px;
padding:0 28px;
color:var(--ink)!important;
background:var(--green);
font-weight:700;
}

.iw10-final-side a span{color:var(--ink);}


/* REVEAL */

.iw10-js .iw10-reveal{
opacity:0;
transform:translateY(38px);
clip-path:inset(0 0 12% 0);
transition:
opacity .75s ease,
transform .9s cubic-bezier(.2,.75,.25,1),
clip-path .9s cubic-bezier(.2,.75,.25,1);
}

.iw10-js .iw10-reveal.is-visible{
opacity:1;
transform:none;
clip-path:inset(0);
}


/* TABLET */

@media(max-width:1050px){

.iw10-hero-grid,
.iw10-manifesto-grid,
.iw10-infra-grid,
.iw10-final-grid{
grid-template-columns:1fr;
}

.iw10-hero-grid{gap:20px;}
.iw10-hero-art{min-height:620px;}

.iw10-heading,
.iw10-work-head{
grid-template-columns:1fr;
gap:24px;
}

.iw10-manifesto-grid{gap:55px;}

.iw10-service{
grid-template-columns:55px 1fr 1fr 35px;
}

.iw10-project-info{
grid-template-columns:1fr;
gap:24px;
}

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

}


/* MOBILE */

@media(max-width:700px){

.iw10-hero{
min-height:0;
padding-top:45px;
}

.iw10-hero h1{
font-size:clamp(2.9rem,12.5vw,4rem);
line-height:1.03;
}

.iw10-hero-lead{
font-size:.93rem;
line-height:1.9;
}

.iw10-actions{
flex-direction:column;
align-items:flex-start;
gap:18px;
}

.iw10-hero-art{
min-height:470px;
}

.iw10-browser{
width:82%;
height:410px;
border-width:6px;
border-radius:15px;
}

.iw10-hero-caption{
right:4px;
bottom:20px;
width:185px;
padding:15px;
}

.iw10-shape-orange{
left:0;
height:95px;
}

.iw10-proof .iw-shell{
grid-template-columns:1fr;
}

.iw10-proof div div{
min-height:0;
padding:16px 5px;
border-left:0;
border-bottom:1px solid var(--line);
}

.iw10-services,
.iw10-manifesto,
.iw10-process,
.iw10-infra,
.iw10-final{
padding-top:82px;
padding-bottom:88px;
}

.iw10-heading h2,
.iw10-work-head h2,
.iw10-manifesto h2,
.iw10-final h2{
font-size:clamp(2.55rem,10.5vw,3.5rem);
}

.iw10-service{
grid-template-columns:38px 1fr 25px;
gap:12px;
min-height:145px;
padding:19px 4px;
}

.iw10-service p{
grid-column:2;
font-size:.78rem;
}

.iw10-service:hover{
padding-inline:8px;
}

.iw10-manifesto-grid{
gap:45px;
}

.iw10-reasons article{
grid-template-columns:38px 1fr;
gap:12px;
padding:20px 0;
}

.iw10-work{
padding-top:82px;
}

.iw10-work-head{
padding-bottom:0;
margin-bottom:42px;
}

.iw10-project{
min-height:610px;
}

.iw10-project-info{
left:22px;
right:22px;
bottom:38px;
}

.iw10-project-info h3{
font-size:clamp(2.25rem,10.5vw,3rem);
}

.iw10-project-info p{
font-size:.82rem;
}

.iw10-process-grid{
display:block;
}

.iw10-process-grid article{
display:grid;
grid-template-columns:65px 1fr;
gap:11px;
min-height:0;
padding:22px 0;
border-left:0;
border-bottom:1px solid var(--line);
}

.iw10-process-grid b{
grid-row:1 / 4;
margin:0;
font-size:3.1rem;
}

.iw10-process-grid small,
.iw10-process-grid h3,
.iw10-process-grid p{
grid-column:2;
}

.iw10-process-grid h3{
margin:4px 0;
}

.iw10-infra-grid{
padding:34px 22px;
gap:35px;
}

.iw10-infra h2{
font-size:2.45rem;
}

.iw10-final-grid{
gap:35px;
}

}


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

.iw10-marquee-track{
animation:none;
}

.iw10-js .iw10-reveal{
opacity:1!important;
transform:none!important;
clip-path:none!important;
transition:none!important;
}

}