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

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

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

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


/* HERO */

.iwwd63-hero{
min-height:690px;
padding:100px 0;
background:
radial-gradient(circle at 86% 15%,rgba(46,179,240,.20),transparent 28%),
radial-gradient(circle at 12% 84%,rgba(140,198,63,.13),transparent 24%),
linear-gradient(130deg,#fff,#F3FBFF 60%,#F8FFEC);
}

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

.iwwd63-eyebrow{
display:flex;
align-items:center;
gap:12px;
margin-bottom:24px;
font-family:Arial,sans-serif;
font-size:.62rem;
font-weight:800;
letter-spacing:.13em;
color:#73848D;
}

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

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

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

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

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

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

.iwwd63-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:14px;
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;
}

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

.iwwd63-link span,
.iwwd63-dark-link span,
.iwwd63-portfolio-link span{
color:#FF8A00;
}


/* HERO ART */

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

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

.iwwd63-browser-top{
height:42px;
display:flex;
gap:6px;
align-items:center;
padding:0 16px;
background:#fff;
}

.iwwd63-browser-top i{
width:7px;
height:7px;
border-radius:50%;
background:#CBD5D9;
}

.iwwd63-browser-top i:nth-child(1){background:#FF8A00;}
.iwwd63-browser-top i:nth-child(2){background:#8CC63F;}
.iwwd63-browser-top i:nth-child(3){background:#2EB3F0;}

.iwwd63-browser-body{
padding:48px 35px;
}

.iwwd63-browser-body small{
color:#74D3F4;
font-family:Arial,sans-serif;
font-size:.48rem;
letter-spacing:.14em;
}

.iwwd63-browser-body strong{
display:block;
margin:15px 0 30px;
color:#fff;
font-family:Arial,sans-serif;
font-size:2.9rem;
line-height:.9;
}

.iwwd63-browser-body span{
display:block;
width:70%;
height:7px;
margin-top:9px;
border-radius:6px;
background:rgba(255,255,255,.16);
}

.iwwd63-browser-body span:last-child{
width:43%;
}

.iwwd63-art-tag{
position:absolute;
z-index:4;
padding:8px 11px;
border-radius:999px;
color:#fff;
font-family:Arial,sans-serif;
font-size:.48rem;
font-weight:800;
letter-spacing:.1em;
}

.iwwd63-tag-a{
top:15px;
right:10px;
background:#2EB3F0;
}

.iwwd63-tag-b{
left:0;
top:180px;
background:#8CC63F;
}

.iwwd63-tag-c{
right:25px;
bottom:5px;
background:#FF8A00;
}


/* COMMON */

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

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

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

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

.iwwd63-index-light span{
color:rgba(255,255,255,.45);
}

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

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

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


/* GRIDS */

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

.iwwd63-principles article,
.iwwd63-type-grid article,
.iwwd63-management article{
padding:26px;
border-radius:18px;
background:#fff;
}

.iwwd63-principles article{
min-height:265px;
border:1px solid rgba(23,39,51,.09);
}

.iwwd63-principles article:nth-child(3){
color:#fff;
background:#132A38;
}

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

.iwwd63-principles small{
display:block;
margin-top:38px;
font-family:Arial,sans-serif;
font-size:.48rem;
}

.iwwd63-principles h3,
.iwwd63-type-grid h3,
.iwwd63-management h3{
font-size:1.2rem;
}

.iwwd63-principles p,
.iwwd63-type-grid p,
.iwwd63-management p,
.iwwd63-faq-grid p{
color:#687982;
font-size:.81rem;
line-height:1.9;
}

.iwwd63-principles article:nth-child(3) p{
color:rgba(255,255,255,.63);
}


.iwwd63-types{
background:#fff;
}

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

.iwwd63-type-grid article{
min-height:210px;
background:#F4FAFD;
}

.iwwd63-type-grid article:nth-child(2),
.iwwd63-type-grid article:nth-child(5){
background:#F1F9E4;
}

.iwwd63-type-grid article:nth-child(3),
.iwwd63-type-grid article:nth-child(6){
background:#FFF1E2;
}


/* PROCESS / DARK */

.iwwd63-process,
.iwwd63-seo,
.iwwd63-portfolio{
padding:105px 0;
color:#fff;
background:
radial-gradient(circle at 15% 15%,rgba(46,179,240,.14),transparent 27%),
linear-gradient(135deg,#102632,#173C4E);
}

.iwwd63-process h2,
.iwwd63-seo h2,
.iwwd63-portfolio h2{
color:#fff;
}

.iwwd63-process h2 strong,
.iwwd63-seo h2 strong,
.iwwd63-portfolio h2 strong{
color:#B7DF73;
}

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

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

.iwwd63-process-grid small{
display:block;
margin-top:33px;
color:#78D5F5;
font-family:Arial,sans-serif;
font-size:.46rem;
}

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

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


/* SPLIT */

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

.iwwd63-split p{
color:#61737D;
font-size:.94rem;
line-height:2;
}

.iwwd63-ownership{
background:#fff;
}

.iwwd63-checks{
display:grid;
gap:10px;
}

.iwwd63-checks > div{
display:grid;
grid-template-columns:36px 1fr;
gap:15px;
padding:20px;
border:1px solid rgba(23,39,51,.09);
border-radius:14px;
background:#F8FBFD;
}

.iwwd63-checks b{
color:#FF8A00;
font-family:Arial,sans-serif;
font-size:.56rem;
}

.iwwd63-checks span{
color:#667982;
font-size:.82rem;
line-height:1.7;
}

.iwwd63-checks strong{
display:block;
color:#172733;
}


/* RESPONSIVE ART */

.iwwd63-responsive{
background:#F3FAFD;
}

.iwwd63-device{
position:relative;
min-height:390px;
}

.iwwd63-desktop,
.iwwd63-mobile{
position:absolute;
border-radius:18px;
background:#fff;
box-shadow:0 22px 55px rgba(19,42,56,.09);
}

.iwwd63-desktop{
width:360px;
height:230px;
left:0;
top:45px;
padding:45px 30px;
}

.iwwd63-mobile{
width:130px;
height:250px;
right:20px;
bottom:10px;
padding:55px 18px;
}

.iwwd63-desktop span,
.iwwd63-mobile span{
display:block;
height:8px;
margin-top:12px;
border-radius:6px;
background:#D7E2E7;
}

.iwwd63-desktop span:nth-child(2),
.iwwd63-mobile span:nth-child(2){
width:72%;
background:#8CC63F;
}

.iwwd63-desktop span:nth-child(3),
.iwwd63-mobile span:nth-child(3){
width:48%;
background:#2EB3F0;
}


/* SEO */

.iwwd63-seo .iwwd63-split p{
color:rgba(255,255,255,.66);
}

.iwwd63-dark-link,
.iwwd63-portfolio-link{
display:inline-flex;
gap:10px;
margin-top:20px;
color:#fff !important;
font-size:.84rem;
font-weight:650;
}

.iwwd63-seo-map{
display:grid;
gap:20px;
padding:40px;
border:1px solid rgba(255,255,255,.09);
border-radius:20px;
background:rgba(255,255,255,.045);
}

.iwwd63-seo-map > span{
justify-self:center;
padding:10px 18px;
border-radius:999px;
background:#2EB3F0;
font-family:Arial,sans-serif;
font-size:.55rem;
}

.iwwd63-seo-map > div{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:8px;
}

.iwwd63-seo-map b,
.iwwd63-seo-map i{
padding:8px 11px;
border-radius:999px;
font-family:Arial,sans-serif;
font-size:.48rem;
font-style:normal;
}

.iwwd63-seo-map b{
background:#8CC63F;
}

.iwwd63-seo-map i{
border:1px solid rgba(255,255,255,.12);
color:rgba(255,255,255,.65);
}


/* MANAGEMENT / FAQ */

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

.iwwd63-management article{
min-height:225px;
}

.iwwd63-management b{
color:#1595D0;
font-family:Arial,sans-serif;
font-size:.51rem;
}

.iwwd63-faq{
background:#fff;
}

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

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

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


/* PORTFOLIO / FINAL */

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

.iwwd63-portfolio p{
color:rgba(255,255,255,.66);
line-height:2;
}

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

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

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

.iwwd63-services-link{
display:block;
margin-top:18px;
color:#172733 !important;
font-size:.79rem;
}


/* REVEAL */

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

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


@media(max-width:1000px){

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

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

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

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

}


@media(max-width:700px){

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

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

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

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

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

.iwwd63-section,
.iwwd63-process,
.iwwd63-seo,
.iwwd63-portfolio{
padding:72px 0;
}

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

.iwwd63-principles,
.iwwd63-type-grid,
.iwwd63-process-grid,
.iwwd63-management,
.iwwd63-faq-grid{
grid-template-columns:1fr;
}

.iwwd63-device{
min-height:320px;
}

.iwwd63-desktop{
width:80%;
height:195px;
}

.iwwd63-mobile{
width:105px;
height:210px;
right:0;
}

.iwwd63-seo-map{
padding:27px 18px;
}

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

}