/* ISFAHANWEB HOSTING RENEWAL V6.3 */

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

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

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

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


/* HERO */

.iwhr63-hero{
min-height:680px;
padding:100px 0;
background:
radial-gradient(circle at 86% 15%,rgba(46,179,240,.19),transparent 29%),
radial-gradient(circle at 11% 82%,rgba(140,198,63,.14),transparent 25%),
linear-gradient(130deg,#fff,#F3FBFF 60%,#F8FDEB);
}

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

.iwhr63-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;
}

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

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

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

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

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

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

.iwhr63-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;
}

.iwhr63-link,
.iwhr63-services-link{
color:#172733 !important;
font-size:.84rem;
font-weight:650;
}

.iwhr63-link{
display:inline-flex;
gap:10px;
}

.iwhr63-link span{
color:#FF8A00;
}


/* HERO ART */

.iwhr63-hero-art{
position:relative;
min-height:420px;
}

.iwhr63-server{
position:absolute;
top:50%;
left:50%;
width:min(100%,390px);
transform:translate(-50%,-50%) rotate(-2deg);
padding:18px;
border-radius:20px;
background:#132A38;
box-shadow:0 28px 70px rgba(19,42,56,.18);
}

.iwhr63-server-head{
height:42px;
display:flex;
align-items:center;
gap:6px;
color:#7ED5F4;
font-family:Arial,sans-serif;
font-size:.5rem;
letter-spacing:.1em;
}

.iwhr63-server-head i{
width:7px;
height:7px;
border-radius:50%;
background:#2EB3F0;
}

.iwhr63-server-head i:nth-child(2){background:#8CC63F;}
.iwhr63-server-head i:nth-child(3){background:#FF8A00;}

.iwhr63-server-head span{
margin-left:auto;
}

.iwhr63-server-row{
display:grid;
grid-template-columns:50px 1fr 65px;
gap:13px;
align-items:center;
margin-top:8px;
padding:18px;
border-radius:12px;
background:rgba(255,255,255,.06);
}

.iwhr63-server-row b,
.iwhr63-server-row em{
font-family:Arial,sans-serif;
font-size:.48rem;
font-style:normal;
}

.iwhr63-server-row b{color:#fff;}
.iwhr63-server-row em{color:#B7DF73;}

.iwhr63-server-row span{
height:5px;
border-radius:10px;
background:linear-gradient(90deg,#2EB3F0,#8CC63F);
}

.iwhr63-badge{
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);
}

.iwhr63-badge small{
display:block;
color:rgba(255,255,255,.75);
font-size:.41rem;
}

.iwhr63-badge strong{
font-size:.78rem;
}

.iwhr63-badge-a{
top:20px;
right:0;
background:#2EB3F0;
}

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

.iwhr63-badge-c{
right:25px;
bottom:5px;
background:#FF8A00;
}


/* COMMON */

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

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

.iwhr63-index{
display:flex;
align-items:baseline;
gap:8px;
color:#FF8A00;
font-family:Arial,sans-serif;
font-size:1.08rem;
font-weight:800;
}

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

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

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

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

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

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


/* FIT */

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

.iwhr63-fit-grid article{
min-height:255px;
padding:26px;
border:1px solid rgba(23,39,51,.09);
border-radius:18px;
background:#fff;
}

.iwhr63-fit-grid article:nth-child(2){
color:#fff;
background:#132A38;
}

.iwhr63-fit-grid b,
.iwhr63-transfer-grid b,
.iwhr63-process-grid b{
color:#FF8A00;
font-family:Arial,sans-serif;
font-size:.57rem;
}

.iwhr63-fit-grid small{
display:block;
margin-top:35px;
font-family:Arial,sans-serif;
font-size:.47rem;
}

.iwhr63-fit-grid h3{
font-size:1.18rem;
}

.iwhr63-fit-grid p,
.iwhr63-options-grid p,
.iwhr63-transfer-grid p,
.iwhr63-faq-grid p{
color:#687982;
font-size:.81rem;
line-height:1.9;
}

.iwhr63-fit-grid article:nth-child(2) p{
color:rgba(255,255,255,.64);
}


/* OPTIONS */

.iwhr63-options{
background:#fff;
}

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

.iwhr63-options-grid article{
min-height:220px;
padding:27px;
border-radius:18px;
background:#F2F9FD;
}

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

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

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

.iwhr63-options-grid h3{
margin:36px 0 10px;
font-size:1.3rem;
}


/* DARK + PRICE + PROCESS */

.iwhr63-dark,
.iwhr63-price,
.iwhr63-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);
}

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

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

.iwhr63-dark p,
.iwhr63-price .iwhr63-head p{
color:rgba(255,255,255,.65);
}


/* SPLIT */

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


/* SPECS */

.iwhr63-specs{
display:grid;
gap:9px;
}

.iwhr63-specs > 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);
}

.iwhr63-specs b{
color:#FF8A00;
font-family:Arial,sans-serif;
font-size:.53rem;
}

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

.iwhr63-specs strong{
display:block;
color:#fff;
}


/* BACKUP */

.iwhr63-backup{
background:#F3FAFD;
}

.iwhr63-backup-art{
min-height:330px;
display:flex;
align-items:center;
justify-content:center;
gap:25px;
position:relative;
}

.iwhr63-storage{
width:150px;
height:150px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
border-radius:22px;
background:#fff;
box-shadow:0 22px 55px rgba(19,42,56,.09);
}

.iwhr63-storage span{
color:#1595D0;
font-family:Arial,sans-serif;
font-size:.5rem;
}

.iwhr63-storage strong{
margin-top:12px;
font-family:Arial,sans-serif;
font-size:2.1rem;
}

.iwhr63-storage-alt strong{
color:#8CC63F;
}

.iwhr63-backup-art > i{
width:45px;
height:2px;
background:linear-gradient(90deg,#2EB3F0,#8CC63F);
}

.iwhr63-backup-note{
position:absolute;
bottom:25px;
padding:8px 12px;
border-radius:999px;
color:#fff;
background:#FF8A00;
font-family:Arial,sans-serif;
font-size:.48rem;
}


/* TRANSFER */

.iwhr63-transfer{
background:#fff;
}

.iwhr63-transfer-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:10px;
}

.iwhr63-transfer-grid article{
min-height:215px;
padding:23px;
border:1px solid rgba(23,39,51,.09);
border-radius:16px;
background:#F8FBFD;
}

.iwhr63-transfer-grid h3{
margin-top:35px;
font-size:1rem;
}


/* PRICE */

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

.iwhr63-price-grid article{
min-height:190px;
padding:24px;
border:1px solid rgba(255,255,255,.09);
border-radius:16px;
background:rgba(255,255,255,.045);
}

.iwhr63-price-grid small{
font-family:Arial,sans-serif;
font-size:.46rem;
}

.iwhr63-price-grid h3{
margin:38px 0 10px;
color:#fff;
}

.iwhr63-price-grid strong{
color:#B7DF73;
font-size:.82rem;
}


/* DECISIONS */

.iwhr63-decision-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
}

.iwhr63-decision-grid article,
.iwhr63-decision-card{
min-height:235px;
padding:26px;
border-radius:18px;
background:#fff;
color:#172733 !important;
}

.iwhr63-decision-card:nth-child(2){
background:#F1F9E5;
}

.iwhr63-decision-card:nth-child(3){
background:#EAF8FE;
}

.iwhr63-decision-grid h3{
margin:40px 0 10px;
font-size:1.2rem;
}

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

.iwhr63-decision-grid b{
color:#1595D0;
font-size:.78rem;
}


/* PROCESS */

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

.iwhr63-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);
}

.iwhr63-process-grid small{
display:block;
margin-top:34px;
color:#74D3F4;
font-family:Arial,sans-serif;
font-size:.46rem;
}

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

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


/* FAQ */

.iwhr63-faq{
background:#fff;
}

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

.iwhr63-faq-grid article{
padding:23px;
border:1px solid rgba(23,39,51,.09);
border-radius:15px;
background:#F8FBFD;
}

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


/* FINAL */

.iwhr63-final{
padding:95px 0;
background:
linear-gradient(
120deg,
#DFF5FF,
#EDF9D8 65%,
#FFECD7
);
}

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

.iwhr63-final small{
color:#FF8A00;
font-family:Arial,sans-serif;
font-size:.53rem;
}

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

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


/* REVEAL */

.iwhr63-js .iwhr63-reveal{
opacity:0;
transform:translateY(26px);
transition:
opacity .7s ease,
transform .7s cubic-bezier(.2,.75,.25,1);
}

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


@media(max-width:1000px){

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

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

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

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

}


@media(max-width:700px){

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

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

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

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

.iwhr63-hero-art{
min-height:320px;
}

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

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

.iwhr63-fit-grid,
.iwhr63-options-grid,
.iwhr63-transfer-grid,
.iwhr63-price-grid,
.iwhr63-decision-grid,
.iwhr63-process-grid,
.iwhr63-faq-grid{
grid-template-columns:1fr;
}

.iwhr63-backup-art{
min-height:280px;
gap:10px;
}

.iwhr63-storage{
width:120px;
height:125px;
}

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

}


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

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

}
