/* ==========================================================
   IA SERVICE — HERO
========================================================== */
.iaservice-hero{
    position:relative;
    width:100%;
    height:calc(100vh - 72px);
    min-height:0;
    margin-top:72px;
    overflow:hidden;
    background:#fff;
}
.iaservice-hero__visual{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    z-index:1;
    overflow:hidden;
    pointer-events:none;
}
.iaservice-hero__visual img{
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:center center;
}
.iaservice-hero__visual::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.99) 10%,rgba(255,255,255,.96) 20%,rgba(255,255,255,.88) 29%,rgba(255,255,255,.68) 37%,rgba(255,255,255,.42) 44%,rgba(255,255,255,.18) 51%,rgba(255,255,255,.05) 58%,transparent 68%);
}
.iaservice-hero__overlay{
    display:none;
}
.iaservice-hero__content{
    position:absolute;
    inset:0 auto 0 0;
    z-index:3;
    width:50%;
    max-width:680px;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    padding:45px 20px 45px 6.8%;
    pointer-events:auto;
}
.iaservice-hero__eyebrow{
    display:block;
    margin:0 0 18px;
    color:#FF914D;
}
.iaservice-hero__title{
    margin:0;
    color:#111;
    font-weight:800;
    line-height:.98;
    letter-spacing:-.055em;
}

.iaservice-hero__accent{
    color:#FF914D;
}
.iaservice-hero__description{
    max-width:520px;
    margin:22px 0 28px;
    color:#222;
}
.iaservice-hero__button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    width:fit-content;
    min-height:49px;
    padding:14px 24px;
    background:#FFDE59;
    color:#111;
    border:none;
    border-radius:11px;
    font-size:15px;
    font-weight:700;
    line-height:1;
    text-decoration:none;
    cursor:pointer;
    transition:transform .25s ease,background-color .25s ease,color .25s ease;
}
.iaservice-hero__button-arrow{
    font-size:20px;
    line-height:1;
}
.iaservice-hero__button:hover{
    background:#FF914D;
    color:#fff;
    transform:translateY(-2px);
}
/* ==========================================================
   IA SERVICE — HERO SCROLL
========================================================== */

.iaservice-hero__scroll{

    position:absolute;

    left:50%;
    bottom:28px;

    width:58px;
    height:58px;

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

    border-radius:50%;

    background:rgba(255,255,255,.55);

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

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

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

    color:#111;

    z-index:20;

    cursor:pointer;

    text-decoration:none;

    transform:translateX(-50%);

    transition:
            background .3s ease,
            box-shadow .3s ease,
            color .3s ease,
            border-color .3s ease;

    animation:iaScrollBounce 2s ease-in-out infinite;
}


/* ==========================================================
   IA SERVICE — HERO SCROLL HOVER
========================================================== */

.iaservice-hero__scroll:hover{

    animation-play-state:paused;

    background:#FFD84D;

    color:#111;

    border-color:#FFD84D;

    box-shadow:
            0 18px 40px rgba(255,216,77,.45);

    transform:translateX(-50%) scale(1.08);
}


/* ==========================================================
   IA SERVICE — HERO SCROLL ICON
========================================================== */

.iaservice-hero__scroll svg{

    width:25px;
    height:25px;

    stroke:currentColor;

    stroke-width:2.2;

}


/* ==========================================================
   IA SERVICE — HERO SCROLL BOUNCE
========================================================== */
/* ==========================================================
   IA SERVICE — SMOOTH SCROLL BOUNCE
========================================================== */

@keyframes iaScrollBounce{

    0%{
        transform:translate(-50%,0);
    }

    20%{
        transform:translate(-50%,3px);
    }

    40%{
        transform:translate(-50%,9px);
    }

    50%{
        transform:translate(-50%,12px);
    }

    60%{
        transform:translate(-50%,9px);
    }

    80%{
        transform:translate(-50%,3px);
    }

    100%{
        transform:translate(-50%,0);
    }

}

/* ==========================================================
   IA SERVICE — HERO SCROLL MOBILE
========================================================== */

@media(max-width:991px){

    .iaservice-hero__scroll{

        width:52px;
        height:52px;

        bottom:22px;
    }

}


/* ==========================================================
   IA SERVICE — HERO SCROLL SMALL MOBILE
========================================================== */

@media(max-width:576px){

    .iaservice-hero__scroll{

        width:46px;
        height:46px;

        bottom:18px;

        background:rgba(255,255,255,.75);

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

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

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

    .iaservice-hero__scroll svg{

        width:19px;
        height:19px;

        stroke-width:2.5;
    }

}


/* ==========================================================
   IA SERVICE — HERO SCROLL VERY SMALL
========================================================== */

@media(max-width:380px){

    .iaservice-hero__scroll{

        width:42px;
        height:42px;

        bottom:15px;

        border-width:1px;
    }

    .iaservice-hero__scroll svg{

        width:19px;
        height:19px;

        stroke-width:2.5;
    }

}
.iaservice-hero__scroll svg{
    width:25px;
    height:25px;
}
/* ==========================================================
   IA SERVICE — SCROLL INDICATOR
========================================================== */

/* ==========================================================
   IA SERVICE — FEATURES
========================================================== */
.ia-features{
    position:relative;
    padding:110px 0 120px;
    background:#fff;
}
.ia-features__container{
    width:calc(100% - 120px);
    max-width:1300px;
    margin:0 auto;
}
.ia-features__header{
    max-width:760px;
    margin-bottom:70px;
}
.ia-features__eyebrow{
    display:inline-block;
    margin-bottom:18px;
    color:var(--color-primary);
}
.ia-features__title{
    margin:0 0 22px;
}
.ia-features__description{
    max-width:650px;
    margin:0;
}
.ia-features__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:24px;
}
.ia-feature{
    padding:32px 28px;
    border:1px solid rgba(0,0,0,.08);
    border-radius:22px;
    background:#fff;
    box-shadow:0 12px 35px rgba(0,0,0,.04);
}
.ia-feature__icon{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:24px;
    border-radius:14px;
    background:#fff4ed;
    color:var(--color-primary);
}
.ia-feature__icon i{
    font-size:22px;
}
.ia-feature__title{
    display:block;
    margin-bottom:12px;
}
.ia-feature__text{
    margin:0;
}
/* ==========================================================
   IA SERVICE — PROBLEM
========================================================== */
.ia-problem{
    position:relative;
    padding:35px 0 30px;
    background:#f7f2eb;
}
.ia-problem__container{
    width:calc(100% - 120px);
    max-width:1400px;
    margin:0 auto;
}
.ia-problem__card{
    position:relative;
    padding:25px 30px 40px;
    border-radius:28px;
    background:rgba(255,255,255,.78);
    box-shadow:0 15px 40px rgba(0,0,0,.035);
}
.ia-problem__eyebrow{
    display:block;
    margin:0 0 19px;
    color:var(--color-primary);
    font-weight:700;
}
.ia-problem__grid{
    display:grid;
    grid-template-columns:1.35fr 1fr 1fr 1fr;
    align-items:start;
}
.ia-problem__item{
    position:relative;
    min-width:0;
}
.ia-problem__item--main{
    padding-right:20px;
}
.ia-problem__main-title{
    max-width:430px;
    margin:0;
    color:#111;
    font-size:30px;
    font-weight:700;
    line-height:1.15;
    letter-spacing:-.035em;
}
.ia-problem__underline{
    width:58px;
    height:3px;
    margin:8px 0 14px;
    border-radius:50%;
    background:var(--color-primary);
    transform:rotate(-3deg);
}
.ia-problem__main-text{
    max-width:330px;
    margin:0;
    color:#222;
}
.ia-problem__icon{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin:0 0 6px;
    color:var(--color-primary);
}
.ia-problem__icon svg{
    display:block;
    width:31px;
    height:31px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.ia-problem__title{
    display:block;
    margin:0 0 7px;
    color:#111;
    font-size:16px;
    font-weight:700;
    line-height:1.3;
}
.ia-problem__text{
    max-width:185px;
    margin:0;
    color:#444;
    font-size:14px;
    font-weight:400;
    line-height:1.5;
}
.ia-problem__item:nth-child(2){
    padding-right:20px;
}
.ia-problem__item:nth-child(3),
.ia-problem__item:nth-child(4){
    border-left:1px solid rgba(0,0,0,.1);
    padding-left:20px;
}
/* ==========================================================
   IA SERVICE — SOLUTION
========================================================== */
.ia-solution{
    position:relative;
    padding:20px 0 50px;
    background:#f7f2eb;
    overflow:hidden;
}
.ia-solution__container{
    width:calc(100% - 120px);
    max-width:1300px;
    margin:0 auto;
}
.ia-solution__card{
    position:relative;
    padding:45px 48px 30px;
    overflow:hidden;
    border-radius:28px;
    background:rgba(255,255,255,.58);
    box-shadow:0 12px 35px rgba(0,0,0,.04);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
}
.ia-solution__eyebrow{
    position:relative;
    z-index:10;
    display:inline-block;
    margin:0 0 8px;
    color:var(--color-primary);
    font-weight:700;
}
.ia-solution__title{
    position:relative;
    z-index:10;
    margin:0;
    color:#111;
}
.ia-solution__underline{
    position:relative;
    z-index:10;
    width:58px;
    height:3px;
    margin-top:7px;
    border-radius:50%;
    background:var(--color-primary);
    transform:rotate(-3deg);
}
.ia-solution__process{
    position:relative;
    width:100%;
    margin-top:38px;
    min-height:0;
}
.ia-solution__glow{
    position:absolute;
    top:-2px;
    left:clamp(-120px,-7vw,-48px);
    width:calc(100% + clamp(96px,14vw,240px));
    height:135px;
    z-index:1;
    display:block;
    object-fit:fill;
    object-position:center;
    pointer-events:none;
    user-select:none;
    opacity:1;
}
.ia-solution__steps{
    position:relative;
    z-index:5;
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);
    align-items:start;
    gap:0;
}
.ia-solution__step{
    position:relative;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}
.ia-solution__number{
    position:relative;
    z-index:10;
    width:22px;
    height:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 0 7px;
    border-radius:50%;
    background:var(--color-primary);
    color:#fff;
    font-family:"Manrope",sans-serif;
    font-size:10px;
    font-weight:700;
    line-height:1;
    box-shadow:0 0 10px rgba(255,145,77,.35);
}
.ia-solution__icon{
    position:relative;
    z-index:8;
    width:72px;
    height:72px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 0 13px;
    border:1px solid rgba(255,255,255,.95);
    border-radius:50%;
    background:rgba(255,255,255,.72);
    box-shadow:0 0 10px rgba(255,255,255,.95),0 0 22px rgba(255,210,100,.6),0 0 42px rgba(255,190,70,.32);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
}
.ia-solution__icon::before{
    content:"";
    position:absolute;
    inset:-13px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,220,130,.34) 0%,rgba(255,200,100,.17) 38%,rgba(255,200,100,.06) 60%,transparent 76%);
    z-index:-1;
}
.ia-solution__icon svg{
    width:30px;
    height:30px;
    fill:none;
    stroke:#222;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.ia-solution__step-title {
    position: relative;
    z-index: 10;
    margin: 0 0 5px;
    color: #111;
}
.ia-solution__step-text{
    position:relative;
    z-index:10;
    width:100%;
    max-width:175px;
    margin:0;
    color:#444;
    font-family:"Manrope",sans-serif;
    font-size:11px;
    font-weight:400;
    line-height:1.45;
}
.ia-solution__arrow{
    position:relative;
    z-index:10;
    align-self:start;
    margin-top:82px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    font-size:28px;
    line-height:1;
}
/* ==========================================================
   LAPTOP
========================================================== */
@media(max-width:1200px){
    .iaservice-hero__content{
        width:54%;
        padding-left:5%;
    }
    .ia-features__container,
    .ia-problem__container,
    .ia-solution__container{
        width:calc(100% - 80px);
    }
    .ia-features__grid{
        gap:18px;
    }
    .ia-problem__card{
        padding:38px 35px 42px;
    }
    .ia-problem__main-title{
        font-size:28px;
    }
    .ia-problem__item--main{
        padding-right:20px;
    }
    .ia-problem__item:nth-child(2){
        padding-right:20px;
    }
    .ia-problem__item:nth-child(3),
    .ia-problem__item:nth-child(4){
        padding-left:20px;
    }
    .ia-solution__card{
        padding:42px 35px 28px;
    }
    .ia-solution__glow{
        left:clamp(-130px,-8vw,-60px);
        width:calc(100% + clamp(120px,16vw,260px));
    }
    .ia-solution__steps{
        grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);
    }
    .ia-solution__icon{
        width:68px;
        height:68px;
    }
    .ia-solution__step-title{
        font-size:14px;
    }
    .ia-solution__step-text{
        max-width:160px;
        font-size:10.5px;
    }
    .ia-solution__arrow{
        margin-top:79px;
        font-size:26px;
    }
}
/* ==========================================================
   TABLET
========================================================== */
@media(max-width:991px){
    .iaservice-hero__content{
        width:60%;
        max-width:600px;
        padding:35px 25px 35px 40px;
    }
    .iaservice-hero__eyebrow{
        margin-bottom:14px;
    }
    .iaservice-hero__description{
        max-width:450px;
        margin:18px 0 22px;
    }
    .iaservice-hero__button{
        min-height:46px;
        padding:13px 20px;
    }
    .iaservice-hero__scroll{
        width:52px;
        height:52px;
        bottom:22px;
    }
    .ia-features{
        padding:90px 0 100px;
    }
    .ia-features__container{
        width:calc(100% - 60px);
    }
    .ia-features__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .ia-problem{
        padding:45px 0 25px;
    }
    .ia-problem__container{
        width:calc(100% - 60px);
    }
    .ia-problem__card{
        padding:35px 30px 40px;
    }
    .ia-problem__eyebrow{
        margin-bottom:16px;
    }
    .ia-problem__grid{
        grid-template-columns:1.2fr 1fr 1fr;
        row-gap:30px;
    }
    .ia-problem__item--main{
        grid-column:1 / -1;
        padding-right:0;
    }
    .ia-problem__main-title{
        font-size:26px;
    }
    .ia-problem__item:nth-child(2){
        padding-right:20px;
    }
    .ia-problem__item:nth-child(3),
    .ia-problem__item:nth-child(4){
        padding-left:20px;
    }
    .ia-solution{
        padding:25px 0 70px;
    }
    .ia-solution__container{
        width:calc(100% - 60px);
    }
    .ia-solution__card{
        padding:38px 25px 28px;
    }
    .ia-solution__process{
        margin-top:38px;
    }
    .ia-solution__steps{
        grid-template-columns:1fr 1fr;
        gap:45px 25px;
    }
    .ia-solution__arrow{
        display:none;
    }
    .ia-solution__glow{
        display:none;
    }
    .ia-solution__icon{
        width:68px;
        height:68px;
    }
    .ia-solution__step-title{
        font-size:15px;
    }
    .ia-solution__step-text{
        max-width:180px;
        font-size:11px;
    }
}
/* ==========================================================
   SMALL TABLET
========================================================== */
@media(max-width:767px){
    .iaservice-hero__content{
        width:68%;
        max-width:520px;
        padding:35px 20px 35px 30px;
    }
    .iaservice-hero__visual::after{
        background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.99) 20%,rgba(255,255,255,.94) 34%,rgba(255,255,255,.72) 46%,rgba(255,255,255,.35) 58%,rgba(255,255,255,0) 72%);
    }
    .ia-features__header{
        margin-bottom:50px;
    }
    .ia-problem{
        padding:40px 0 20px;
    }
    .ia-problem__container,
    .ia-solution__container{
        width:calc(100% - 40px);
    }
    .ia-problem__card{
        padding:32px 28px 38px;
        border-radius:20px;
    }
    .ia-problem__eyebrow{
        margin-bottom:14px;
    }
    .ia-problem__grid{
        grid-template-columns:1fr;
        gap:0;
    }
    .ia-problem__item--main{
        grid-column:1;
        padding:0 0 25px;
        text-align:center;
    }
    .ia-problem__main-title{
        max-width:520px;
        margin:0 auto;
        font-size:26px;
    }
    .ia-problem__underline{
        margin:9px auto 18px;
    }
    .ia-problem__item:nth-child(2),
    .ia-problem__item:nth-child(3),
    .ia-problem__item:nth-child(4){
        padding:24px 0;
        border-left:none;
        border-bottom:1px solid rgba(0,0,0,.09);
    }
    .ia-problem__item:last-child{
        border-bottom:none;
        padding-bottom:0;
    }
    .ia-problem__item:not(.ia-problem__item--main){
        display:grid;
        grid-template-columns:58px 1fr;
        column-gap:16px;
        align-items:start;
    }
    .ia-problem__item:not(.ia-problem__item--main) .ia-problem__icon{
        grid-column:1;
        grid-row:1 / span 2;
        width:58px;
        height:58px;
        margin:0;
        align-items:center;
        justify-content:center;
    }
    .ia-problem__item:not(.ia-problem__item--main) .ia-problem__icon svg{
        width:34px;
        height:34px;
    }
    .ia-problem__item:not(.ia-problem__item--main) .ia-problem__title{
        grid-column:2;
        margin:0 0 6px;
        font-size:17px;
    }
    .ia-problem__item:not(.ia-problem__item--main) .ia-problem__text{
        grid-column:2;
        max-width:100%;
        font-size:14px;
    }
    .ia-solution{
        padding:25px 0 70px;
    }
    .ia-solution__card{
        padding:35px 25px 25px;
        border-radius:20px;
    }
    .ia-solution__process{
        margin-top:35px;
        overflow:visible;
    }
    .ia-solution__steps{
        grid-template-columns:1fr 1fr;
        gap:45px 25px;
    }

    .ia-solution__step{
        position:relative;
        z-index:5;
    }
    .ia-solution__icon{
        width:64px;
        height:64px;
        margin-bottom:12px;
    }
    .ia-solution__icon svg{
        width:27px;
        height:27px;
    }
    .ia-solution__number{
        width:22px;
        height:22px;
        font-size:10px;
    }
    .ia-solution__step-title{
        font-size:15px;
    }
    .ia-solution__step-text{
        max-width:180px;
        font-size:11px;
    }
    .ia-problem__item:not(.ia-problem__item--main){
        padding:14px 0;
    }
    .ia-problem__item--main{
        padding-bottom:18px;
    }
    .ia-problem__item:last-child{
        padding-bottom:0;
    }
    .iaservice-hero__visual::after{
        background:linear-gradient(
                90deg,
                rgba(255,255,255,1) 0%,
                rgba(255,255,255,1) 32%,
                rgba(255,255,255,.99) 42%,
                rgba(255,255,255,.94) 52%,
                rgba(255,255,255,.78) 62%,
                rgba(255,255,255,.45) 72%,
                rgba(255,255,255,.15) 82%,
                rgba(255,255,255,0) 100%
        );
    }
}
/* ==========================================================
   MOBILE
========================================================== */
@media(max-width:576px){
    .iaservice-hero{
        height:calc(100vh - 72px);
        min-height:0;
    }
    .iaservice-hero__visual{
        position:absolute;
        inset:0;
        width:100%;
        height:100%;
        z-index:1;
    }
    .iaservice-hero__visual img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:75% center;
    }
    .iaservice-hero__visual::after{
        background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 28%,rgba(255,255,255,.98) 38%,rgba(255,255,255,.90) 47%,rgba(255,255,255,.65) 55%,rgba(255,255,255,.25) 63%,rgba(255,255,255,0) 70%);
    }
    .iaservice-hero__content{
        position:absolute;
        inset:0 auto 0 0;
        z-index:3;
        width:72%;
        max-width:390px;
        height:100%;
        padding:38px 18px 35px 22px;
        justify-content:center;
    }
    .iaservice-hero__eyebrow{
        margin-bottom:33px;
    }
    .iaservice-hero__description{
        max-width:350px;
        margin:19px 0 23px;
    }
    .iaservice-hero__button{
        min-height:46px;
        padding:13px 18px;
        gap:14px;
    }
    .iaservice-hero__scroll{
        width:46px;
        height:46px;
        bottom:18px;
        border-width:1px;
        background:rgba(255,255,255,.75);
        backdrop-filter:blur(12px);
        -webkit-backdrop-filter:blur(12px);
        border:1px solid rgba(255,255,255,.9);
        box-shadow:0 8px 24px rgba(0,0,0,.08);
    }
    .iaservice-hero__scroll svg{
        width:19px;
        height:19px;
        stroke-width:2.5;
    }
    .ia-problem__item--main{
        grid-column:1;
        padding:0 0 1px;
        text-align:center;
    }
    .ia-solution__title{
        width:100%;
        text-align:center;
    }
    .ia-solution__underline{
        margin-left:auto;
        margin-right:auto;
    }
    .ia-solution{
        padding:25px 0 70px;
    }
    .ia-solution__card{
        padding:35px 25px 25px;
        border-radius:20px;
    }
    .ia-solution__process{
        position:relative;
        width:100%;
        margin-top:40px;
        overflow:visible;
    }
    .ia-solution__steps{
        position:relative;
        z-index:5;
        width:100%;
        display:flex;
        flex-direction:column;
        gap:32px;
    }
    .ia-solution__step{
        position:relative;
        z-index:5;
        width:100%;
        min-width:0;
        min-height:0;
        display:grid;
        grid-template-columns:78px minmax(0,1fr);
        column-gap:18px;
        align-items:center;
        text-align:left;
    }
    .ia-solution__icon{
        position:relative;
        grid-column:1;
        grid-row:1 / span 2;
        width:64px;
        height:64px;
        margin:0;
        display:flex;
        align-items:center;
        justify-content:center;
        flex-shrink:0;
        border:1px solid rgba(255,255,255,.95);
        border-radius:50%;
        background:rgba(255,255,255,.72);
        box-shadow:0 0 10px rgba(255,255,255,.95),0 0 22px rgba(255,210,100,.6),0 0 42px rgba(255,190,70,.32);
        backdrop-filter:blur(7px);
        -webkit-backdrop-filter:blur(7px);
    }
    .ia-solution__icon::before{
        content:"";
        position:absolute;
        inset:-13px;
        border-radius:50%;
        background:radial-gradient(circle,rgba(255,220,130,.34) 0%,rgba(255,200,100,.17) 38%,rgba(255,200,100,.06) 60%,transparent 76%);
        z-index:-1;
        pointer-events:none;
    }
    .ia-solution__icon svg{
        width:28px;
        height:28px;
        fill:none;
        stroke:#222;
        stroke-width:1.7;
        stroke-linecap:round;
        stroke-linejoin:round;
    }
    .ia-solution__number{
        position:absolute;
        top:1px;
        left:5px;
        z-index:10;
        width:22px;
        height:22px;
        display:flex;
        align-items:center;
        justify-content:center;
        margin:0;
        border-radius:50%;
        background:var(--color-primary);
        color:#fff;
        font-family:"Manrope",sans-serif;
        font-size:10px;
        font-weight:700;
        line-height:1;
        box-shadow:0 0 10px rgba(255,145,77,.35);
    }
    .ia-solution__step-title{
        grid-column:2;
        grid-row:1;
        position:relative;
        z-index:10;
        margin:0 0 5px;
        color:#111;
        font-family:"Manrope",sans-serif;
        font-size:15px;
        font-weight:700;
        line-height:1.25;
        letter-spacing:-.015em;
        text-align:left;
    }
    .ia-solution__step-text{
        grid-column:2;
        grid-row:2;
        position:relative;
        z-index:10;
        width:100%;
        max-width:none;
        margin:0;
        color:#444;
        font-family:"Manrope",sans-serif;
        font-size:12px;
        font-weight:400;
        line-height:1.55;
        text-align:left;
    }
    .ia-solution__arrow{
        display:none!important;
    }
    .ia-solution__glow{
        display:none!important;
    }
}
/* ==========================================================
   SMALL MOBILE
========================================================== */
@media(max-width:380px){
    .iaservice-hero__content{
        width:76%;
        padding:32px 15px 30px 17px;
    }
    .iaservice-hero__description{
        max-width:320px;
    }
    .iaservice-hero__button{
        padding:12px 16px;
    }
    .iaservice-hero__scroll{
        width:42px;
        height:42px;
        bottom:15px;
    }
    .ia-problem{
        padding:25px 0 10px;
    }
    .ia-problem__card{
        padding:25px 17px 25px;
    }
    .ia-problem__main-title{
        font-size:23px;
    }
    .ia-problem__item:not(.ia-problem__item--main){
        grid-template-columns:52px 1fr;
        column-gap:12px;
        padding:16px 0;
    }
    .ia-problem__item:not(.ia-problem__item--main) .ia-problem__icon{
        width:52px;
        height:52px;
    }
    .ia-problem__item:not(.ia-problem__item--main) .ia-problem__icon svg{
        width:30px;
        height:30px;
    }
    .ia-problem__item:not(.ia-problem__item--main) .ia-problem__title{
        font-size:15px;
    }
    .ia-problem__item:not(.ia-problem__item--main) .ia-problem__text{
        font-size:13px;
    }
    .ia-solution{
        padding:10px 0 30px;
    }
    .ia-solution__card{
        padding:25px 13px 25px;
    }
    .ia-solution__process{
        margin-top:28px;
    }
    .ia-solution__steps{
        gap:24px;
    }
    .ia-solution__step{
        grid-template-columns:58px 1fr;
        column-gap:12px;
        min-height:0;
    }
    .ia-solution__icon{
        width:52px;
        height:52px;
    }
    .ia-solution__icon::before{
        inset:-13px;
    }
    .ia-solution__icon svg{
        width:22px;
        height:22px;
    }
    .ia-solution__number{
        top:0;
        left:2px;
        width:20px;
        height:20px;
        font-size:9px;
    }
    .ia-solution__step-text{
        line-height:1.5;
    }
    .ia-solution__glow{
        display:none!important;
    }
    .ia-solution__arrow{
        display:none!important;
    }
}
/* ==========================================================
   VERY SMALL MOBILE
========================================================== */
@media(max-width:340px){
    .ia-solution__card{
        padding:23px 11px 23px;
    }
    .ia-solution__steps{
        gap:28px;
    }
    .ia-solution__step{
        grid-template-columns:56px 1fr;
        column-gap:10px;
    }
    .ia-solution__icon{
        width:50px;
        height:50px;
    }
    .ia-solution__icon svg{
        width:21px;
        height:21px;
    }
    .ia-solution__number{
        top:0;
        left:1px;
        width:19px;
        height:19px;
        font-size:8px;
    }

}
/* ==========================================================
   IA SOLUTION — MOBILE VERTICAL GLOW
========================================================== */
@media(max-width:576px){
    .ia-solution__card{
        position:relative;
        overflow:hidden;
    }
    .ia-solution__process{
        position:relative;
    }
    .ia-solution__glow{
        position:absolute;
        top:50%;
        left:32px;
        width:520px;
        height:110px;
        display:block!important;
        z-index:1;
        opacity:1;
        object-fit:fill;
        object-position:center;
        transform:translate(-50%,-50%) rotate(90deg);
        transform-origin:center center;
        pointer-events:none;
        user-select:none;
    }
    .ia-solution__steps{
        position:relative;
        z-index:5;
    }
}

/* ==========================================================
   VM AGENCY — IA SERVICE
   LARGE DESKTOP: 1800px+
========================================================== */

@media (min-width: 1800px) {

    /* ======================================================
       1. HERO
    ====================================================== */

    .iaservice-hero {
        height: calc(100vh - 72px);
        min-height: 780px;
        margin-top: 72px;
    }

    .iaservice-hero__visual img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }

    .iaservice-hero__visual::after {
        background: linear-gradient(
                90deg,
                #fff 0%,
                rgba(255,255,255,.99) 12%,
                rgba(255,255,255,.96) 23%,
                rgba(255,255,255,.86) 32%,
                rgba(255,255,255,.60) 41%,
                rgba(255,255,255,.25) 50%,
                rgba(255,255,255,.06) 59%,
                transparent 68%
        );
    }

    .iaservice-hero__content {
        width: 51%;
        max-width: 1000px;
        padding: 60px 60px 60px 6.4%;
    }

    .iaservice-hero__eyebrow {
        margin-bottom: 24px;
        font-size: 15px;
        letter-spacing: .025em;
    }

    .iaservice-hero__title {
        max-width: 820px;
        font-size: clamp(64px, 4vw, 84px);
        line-height: 1.04;
        letter-spacing: -.055em;
    }

    .iaservice-hero__accent {
        color: #FF914D;
    }

    .iaservice-hero__description {
        max-width: 580px;
        margin: 24px 0 32px;
        font-size: 18px;
        line-height: 1.8;
    }

    .iaservice-hero__button {
        min-height: 58px;
        padding: 18px 28px;
        gap: 22px;
        border-radius: 12px;
        font-size: 16px;
    }

    .iaservice-hero__button-arrow {
        font-size: 23px;
    }

    .iaservice-hero__scroll {
        bottom: 30px;
        width: 60px;
        height: 60px;
    }

    .iaservice-hero__scroll svg {
        width: 27px;
        height: 27px;
    }


    /* ======================================================
       2. PROBLEM SECTION
    ====================================================== */

    .ia-problem {
        padding: 65px 0 45px;
    }

    .ia-problem__container {
        width: calc(100% - 160px);
        max-width: 1750px;
        margin-inline: auto;
    }

    .ia-problem__card {
        padding: 45px 55px 55px;
        border-radius: 30px;
    }

    .ia-problem__eyebrow {
        margin-bottom: 28px;
        font-size: 15px;
    }

    .ia-problem__grid {
        grid-template-columns: 1.5fr 1fr 1fr 1fr;
        gap: 0;
    }

    .ia-problem__item--main {
        padding-right: 45px;
    }

    .ia-problem__main-title {
        max-width: 580px;
        font-size: 42px;
        line-height: 1.15;
    }

    .ia-problem__underline {
        width: 70px;
        margin: 14px 0 22px;
    }

    .ia-problem__main-text {
        max-width: 440px;
        font-size: 17px;
        line-height: 1.8;
    }

    .ia-problem__item:nth-child(2) {
        padding-right: 35px;
    }

    .ia-problem__item:nth-child(3),
    .ia-problem__item:nth-child(4) {
        padding-left: 35px;
    }

    .ia-problem__icon {
        width: 52px;
        height: 52px;
        margin-bottom: 14px;
    }

    .ia-problem__icon svg {
        width: 38px;
        height: 38px;
    }

    .ia-problem__title {
        margin-bottom: 12px;
        font-size: 19px;
        line-height: 1.4;
    }

    .ia-problem__text {
        max-width: 280px;
        font-size: 16px;
        line-height: 1.75;
    }


    /* ======================================================
       3. SOLUTION SECTION
    ====================================================== */

    .ia-solution {
        padding: 30px 0 100px;
    }

    .ia-solution__container {
        width: calc(100% - 160px);
        max-width: 1750px;
        margin-inline: auto;
    }

    .ia-solution__card {
        padding: 65px 65px 55px;
        border-radius: 32px;
    }

    .ia-solution__eyebrow {
        margin-bottom: 14px;
        font-size: 15px;
    }

    .ia-solution__title {
        max-width: 1050px;
        font-size: clamp(42px, 2.8vw, 58px);
        line-height: 1.2;
    }

    .ia-solution__underline {
        width: 70px;
        margin-top: 14px;
    }

    .ia-solution__process {
        margin-top: 65px;
        min-height: 250px;
    }

    .ia-solution__glow {
        top: 0;
        left: -5%;
        width: 110%;
        height: 180px;
        object-fit: fill;
    }

    .ia-solution__steps {
        grid-template-columns:
            minmax(0, 1fr) 60px
            minmax(0, 1fr) 60px
            minmax(0, 1fr) 60px
            minmax(0, 1fr);
        align-items: start;
    }

    .ia-solution__number {
        width: 30px;
        height: 30px;
        margin-bottom: 14px;
        font-size: 13px;
    }

    .ia-solution__icon {
        width: 92px;
        height: 92px;
        margin-bottom: 22px;
    }

    .ia-solution__icon svg {
        width: 38px;
        height: 38px;
    }

    .ia-solution__step-title {
        margin-bottom: 12px;
        font-size: 22px;
        line-height: 1.35;
    }

    .ia-solution__step-text {
        max-width: 260px;
        font-size: 15px;
        line-height: 1.75;
    }

    .ia-solution__arrow {
        margin-top: 105px;
        font-size: 38px;
    }
}


/* ==========================================================
   ULTRA WIDE DESKTOP: 2400px+
========================================================== */

@media (min-width: 2400px) {

    .iaservice-hero__content {
        max-width: 1100px;
    }

    .iaservice-hero__title {
        font-size: 92px;
    }

    .ia-problem__container,
    .ia-solution__container {
        width: calc(100% - 200px);
        max-width: 1950px;
    }
}