/*==================================================
GREEN ASIST | 01-home.css 
HOME PAGE CSS INDEX | ALIGNMENT FINAL
==================================================*/

/*==================================================
HOME BASE SYSTEM
==================================================*/

/*-@import url("./07_00_home_base.css");*-/

/*==================================================
HOME SECTIONS
==================================================*/

@import url("./01-home-hero.css");
@import url("./01-home-methodology.css");
@import url("./01-home-ga-way.css");
@import url("./01-home-energy-bill.css");
@import url("./01-home-expertise.css");

/*==================================================
DISABLED / RESERVED
==================================================*/

/* Replaced by 07_04_home_expertise.css */
/* @import url("./07_04_home_capabilities.css"); */
/* @import url("./07_05_home_applications.css"); */

/* Projects section removed from homepage. Reserved for future case studies page. */
/* @import url("./07_06_home_projects.css"); */

/*==================================================
GREEN ASIST | HOME SECTION ALIGNMENT MASTER PATCH
Hero + Methodology + GA-WAY + Energy Bill + Expertise
==================================================*/

/*
Amaç:
- HOME içindeki 5 section'ın desktop ve responsive ritmini eşitlemek.
- Hero / GA-WAY / Energy Bill zaten full-width çalışıyor.
- Methodology ve Expertise eski centered container davranışından çıkarılıp
  aynı sol aksa alınır.
- Section CSS dosyalarının responsive kuralları silinmez; bu dosya en son
  import sonrası çalışarak gerekli hizalamayı yapar.
*/

:root{
    --home-side-pad:clamp(42px,4vw,74px);
    --home-side-pad-md:clamp(34px,3.4vw,58px);
    --home-side-pad-sm:20px;
}

/*==================================================
DESKTOP ALIGNMENT | SAME LEFT AXIS
==================================================*/

.hero .container,
.challenges .container,
.challenges-container,
.expertise-container{
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
}

.hero .container{
    padding-left:64px;
    padding-right:24px;
}

.challenges .container,
.challenges-container,
.expertise-container{
    padding-left:var(--home-side-pad);
    padding-right:var(--home-side-pad);
}

.challenges-head{
    grid-template-columns:minmax(360px,545px) minmax(420px,1fr);
}

.expertise-head{
    max-width:1040px;
    margin-left:0;
    margin-right:0;
}

/* Methodology should not behave like a centered narrow block on desktop */
.methodology-grid{
    width:100%;
}

/* Expertise cards should use the same full page rhythm */
.expertise-grid{
    width:100%;
}

/*==================================================
DESKTOP HEIGHT / TRANSITION BALANCE
==================================================*/

.challenges{
    padding-top:58px;
    padding-bottom:54px;
}

.expertise{
    padding-top:72px;
    padding-bottom:44px;
}

/*==================================================
ENERGY BILL SAFETY
==================================================*/

.energy-bill-v3{
    height:540px;
    min-height:540px;
    overflow:hidden;
}

.spine-line{
    right:22px;
    background:
        linear-gradient(90deg,
        rgba(7,131,58,.045) 0%,
        rgba(7,131,58,.34) 5%,
        #07833a 12%,
        #07833a 88%,
        rgba(7,131,58,.34) 95%,
        rgba(7,131,58,.045) 100%);
}

.spine-line::after{
    background:
        radial-gradient(circle at center, #07833a 0 4px, #ffffff 5px 100%);
}

.item-anomali .spine-connector{
    height:58px;
}

/*==================================================
<=1440px | NOTEBOOK ALIGNMENT
==================================================*/

@media(max-width:1440px){

    :root{
        --home-side-pad:var(--home-side-pad-md);
    }

    .hero .container{
        padding-left:var(--home-side-pad);
        padding-right:24px;
    }

    .challenges .container,
    .challenges-container,
    .expertise-container{
        padding-left:var(--home-side-pad);
        padding-right:var(--home-side-pad);
    }

    .energy-bill-v3-copy{
        padding-left:var(--home-side-pad);
    }

    .energy-bill-v3-visual{
        padding-right:clamp(44px,4vw,72px);
    }

    .energy-bill-spine{
        height:316px;
    }

    .spine-chip{
        min-width:112px;
        height:40px;
        padding:0 12px;
        font-size:12px;
    }

    .spine-chip span{
        width:24px;
        height:24px;
    }

    .spine-chip svg{
        width:29px;
        height:29px;
    }

}

/*==================================================
<=900px | COMMON STACK RHYTHM
==================================================*/

@media(max-width:900px){

    .hero .container,
    .challenges .container,
    .challenges-container,
    .expertise-container,
    .energy-bill-v3-shell{
        width:min(100% - 48px,1180px);
        margin-left:auto;
        margin-right:auto;
        padding-left:0;
        padding-right:0;
    }

    /* GA-WAY stack */
    .ga-way{
        height:auto;
        min-height:auto;
    }

    .ga-way-container{
        height:auto;
        min-height:auto;
        grid-template-columns:1fr;
    }

    .ga-way-left{
        padding:78px var(--space-xl) 72px;
        border-bottom:1px solid var(--ga-way-border);
        overflow:hidden;
    }

    .ga-way-middle{
        padding:56px var(--space-xl) 28px;
    }

    .ga-way-principles{
        max-width:640px;
        grid-template-rows:none;
        gap:10px;
    }

    .ga-way-principle{
        min-height:68px;
        grid-template-columns:40px 32px 1fr;
        gap:12px;
        padding:12px 16px;
        overflow:hidden;
    }

    .ga-way-principle::before,
    .ga-way-principle::after{
        display:none;
    }

    .ga-way-right{
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        padding:32px var(--space-xl) 72px;
        overflow:hidden;
    }

    .ga-way-compass{
        width:min(500px,88vw);
        height:min(500px,88vw);
        margin-top:24px;
    }

    /* Methodology stack rhythm */
    .challenges{
        padding:64px 0 62px;
    }

    .challenges-head{
        grid-template-columns:1fr;
        gap:22px;
        align-items:start;
    }

    .challenges-title,
    .challenges .section-title{
        max-width:760px;
    }

    .challenges-copy-block{
        max-width:780px;
        padding-bottom:0;
    }

    .methodology-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:28px 20px;
    }

    .methodology-visual{
        max-width:190px;
    }

    .methodology-icon img{
        width:76px;
        height:76px;
    }

    .methodology-item h3{
        max-width:200px;
        font-size:16px;
    }

    /* Energy Bill stack rhythm */
    .energy-bill-v3{
        height:auto;
        min-height:auto;
        overflow:hidden;
        padding:64px 0 62px;
    }

    .energy-bill-v3-shell{
        height:auto;
        min-height:0;
        grid-template-columns:1fr;
        gap:44px;
    }

    .energy-bill-v3-copy{
        width:100%;
        max-width:820px;
        padding:0;
    }

    .energy-bill-v3-title{
        max-width:760px;
    }

    .energy-bill-v3-benefits{
        max-width:780px;
    }

    .energy-bill-v3-visual{
        width:100%;
        padding:0;
        justify-content:center;
    }

    .energy-bill-v3-visual::before{
        left:50%;
        width:620px;
        height:360px;
    }

    .energy-bill-spine{
        width:100%;
        max-width:900px;
        height:330px;
    }

    /* Expertise stack rhythm */
    .expertise{
        padding:64px 0 62px;
    }

    .expertise-head{
        max-width:820px;
        margin-bottom:30px;
    }

    .expertise-card{
        grid-template-columns:1fr;
        min-height:0;
    }

    .expertise-image,
    .expertise-image img{
        min-height:340px;
    }

    .expertise-image::after{
        right:0;
        left:0;
        top:auto;
        bottom:0;
        width:auto;
        height:1px;
        background:linear-gradient(
            90deg,
            rgba(32,34,37,0),
            rgba(32,34,37,.14),
            rgba(32,34,37,0)
        );
    }

    .expertise-content{
        padding:30px 32px 32px;
    }

}

/*==================================================
<=1024px | TABLET
==================================================*/

@media(max-width:1024px){

    .hero,
    .hero-layout{
        min-height:540px;
    }

    .hero .container,
    .challenges .container,
    .challenges-container,
    .expertise-container,
    .energy-bill-v3-shell{
        width:min(100% - 40px,1180px);
        margin-left:auto;
        margin-right:auto;
        padding-left:0;
        padding-right:0;
    }

    .hero-layout{
        grid-template-columns:minmax(420px,540px) 1fr;
    }

    .hero-content{
        max-width:540px;
        padding:30px 34px;
    }

    .challenges,
    .expertise{
        padding-top:60px;
        padding-bottom:58px;
    }

    .methodology-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:26px 18px;
    }

    .methodology-visual{
        max-width:176px;
    }

    .expertise-title{
        max-width:760px;
    }

    .expertise-text{
        max-width:720px;
    }

    .energy-bill-v3{
        padding:60px 0 58px;
    }

    .energy-bill-v3-title{
        max-width:720px;
        font-size:clamp(2.05rem,5vw,2.75rem);
    }

    .energy-bill-v3-benefits{
        grid-template-columns:repeat(2,minmax(0,1fr));
        column-gap:26px;
        row-gap:22px;
    }

    .energy-bill-spine{
        max-width:820px;
        height:310px;
    }

    .spine-line{
        left:20px;
        right:30px;
    }

    .spine-item{
        width:132px;
    }

    .spine-chip{
        min-width:104px;
        height:38px;
        padding:0 10px;
        gap:8px;
        font-size:11.5px;
    }

    .spine-chip span{
        width:22px;
        height:22px;
    }

    .spine-chip svg{
        width:26px;
        height:26px;
    }

}

/*==================================================
<=860px | LARGE MOBILE / SMALL TABLET
==================================================*/

@media(max-width:860px){

    .hero{
        min-height:auto;
        padding:86px 0 68px;
    }

    .hero-layout{
        display:block;
        min-height:auto;
    }

    .hero-content{
        max-width:100%;
    }

    .challenges,
    .expertise,
    .energy-bill-v3{
        padding-top:56px;
        padding-bottom:54px;
    }

    .methodology-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:22px 14px;
    }

    .methodology-visual{
        max-width:100%;
        border-radius:24px;
    }

    .methodology-icon img{
        width:68px;
        height:68px;
    }

    .methodology-item h3{
        max-width:100%;
        font-size:15.5px;
    }

    .ga-way-left{
        padding:60px var(--space-xl) 56px;
    }

    .ga-way-middle{
        padding:48px var(--space-lg) 24px;
    }

    .ga-way-right{
        padding:28px var(--space-lg) 60px;
    }

    .ga-way-title span{
        white-space:normal;
    }

    .ga-way-values{
        grid-template-columns:repeat(2,1fr);
    }

    .expertise-title{
        font-size:clamp(34px,10vw,46px);
    }

    .expertise-image,
    .expertise-image img{
        min-height:285px;
    }

    .energy-bill-v3-title{
        font-size:clamp(2rem,6vw,2.45rem);
    }

    .energy-bill-v3-benefits{
        grid-template-columns:1fr;
        max-width:620px;
        row-gap:22px;
    }

    .energy-bill-v3-actions{
        max-width:620px;
    }

    .energy-bill-spine{
        height:auto;
        max-width:620px;
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
    }

    .energy-bill-spine::before,
    .spine-line{
        display:none;
    }

    .spine-item{
        position:relative;
        left:auto !important;
        top:auto !important;
        bottom:auto !important;
        width:100%;
        height:auto;
    }

    .spine-connector{
        display:none;
    }

    .spine-chip{
        position:relative;
        left:auto;
        top:auto;
        bottom:auto;
        width:100%;
        min-width:0;
        height:44px;
        transform:none;
        justify-content:flex-start;
        padding:0 16px;
        font-size:12px;
    }

    .spine-chip span{
        width:24px;
        height:24px;
    }

    .spine-chip svg{
        width:28px;
        height:28px;
    }

}

/*==================================================
<=768px | MOBILE
==================================================*/

@media(max-width:768px){

    .hero .container,
    .challenges .container,
    .challenges-container,
    .expertise-container,
    .energy-bill-v3-shell{
        width:min(100% - 32px,1180px);
    }

    .hero-title{
        font-size:clamp(2rem,9vw,2.9rem);
        line-height:1.14;
    }

    .hero-text{
        font-size:.95rem;
        line-height:1.64;
    }

    .hero-actions{
        width:100%;
        align-items:stretch;
    }

    .hero .btn{
        width:100%;
        min-width:0;
    }

    .challenges-title,
    .challenges .section-title,
    .expertise-title{
        font-size:clamp(34px,10vw,46px);
        line-height:1.04;
    }

    .challenges-text,
    .challenges .section-text,
    .expertise-text{
        font-size:15.6px;
        line-height:1.62;
    }

    .challenges-close p,
    .challenges-closing{
        padding:0;
        text-align:left;
    }

    .challenges-close p::before,
    .challenges-close p::after,
    .challenges-closing::before,
    .challenges-closing::after{
        display:none;
    }

    .expertise-card{
        border-radius:24px;
    }

    .expertise-content{
        padding:27px 24px 28px;
    }

    .expertise-row{
        grid-template-columns:1fr;
        gap:14px;
    }

    .expertise-row h3{
        font-size:28px;
    }

    .expertise-bottom{
        grid-template-columns:1fr;
        gap:16px;
        text-align:center;
    }

    .expertise-bottom span{
        display:none;
    }

    .expertise-bottom p{
        white-space:normal;
        flex-wrap:wrap;
    }

    .energy-bill-v3-kicker{
        margin-bottom:20px;
        gap:12px;
        font-size:11px;
        letter-spacing:.07em;
        white-space:normal;
    }

    .energy-bill-v3-kicker::before{
        width:28px;
        flex:0 0 28px;
    }

    .energy-bill-v3-title{
        max-width:none;
        font-size:34px;
        line-height:1.08;
    }

    .energy-bill-v3-benefits{
        margin-top:32px;
        grid-template-columns:1fr;
        row-gap:22px;
        max-width:none;
    }

    .energy-bill-v3-benefit{
        min-height:auto;
        grid-template-columns:52px 1fr;
        gap:14px;
    }

    .energy-bill-v3-actions{
        align-items:stretch;
        gap:12px;
    }

    .energy-bill-v3-primary,
    .energy-bill-v3-secondary{
        width:100%;
        min-width:0;
    }

    .energy-bill-spine{
        grid-template-columns:1fr;
        gap:12px;
        max-width:520px;
    }

}

/*==================================================
<=520px | SMALL MOBILE
==================================================*/

@media(max-width:520px){

    .hero{
        padding:76px 0 58px;
    }

    .hero-content{
        padding:22px 20px;
        border-radius:15px;
    }

    .hero-title{
        font-size:clamp(1.95rem,11vw,2.45rem);
    }

    .hero-text{
        margin-bottom:28px;
    }

    .challenges,
    .expertise,
    .energy-bill-v3{
        padding-top:48px;
        padding-bottom:46px;
    }

    .hero .container,
    .challenges .container,
    .challenges-container,
    .expertise-container,
    .energy-bill-v3-shell{
        width:min(100% - 28px,1180px);
    }

    /* Methodology mobile: compact 2-column layout */
    .methodology-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        column-gap:14px;
        row-gap:22px;
        align-items:start;
    }

    .methodology-item{
        min-width:0;
        gap:9px;
    }

    .methodology-visual{
        width:100%;
        max-width:128px;
        margin-left:auto;
        margin-right:auto;
        border-radius:22px;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.07),
            inset 0 -1px 0 rgba(0,0,0,.10),
            0 14px 30px rgba(0,0,0,.14),
            0 0 0 1px rgba(255,255,255,.012);
    }

    .methodology-visual::before{
        inset:11px;
        border-radius:17px;
    }

    .methodology-visual::after{
        width:70%;
        height:70%;
        filter:blur(9px);
    }

    .methodology-icon img{
        width:54px;
        height:54px;
    }

    .methodology-item h3{
        width:100%;
        max-width:145px;
        font-size:13px;
        line-height:1.32;
        font-weight:400;
        letter-spacing:-.015em;
    }

    .ga-way-left{
        padding:52px var(--space-lg) 48px;
    }

    .ga-way-kicker{
        font-size:1.65rem;
        letter-spacing:.085em;
    }

    .ga-way-title{
        font-size:2rem;
    }

    .ga-way-values{
        grid-template-columns:1fr;
    }

    .expertise-content{
        padding:24px 20px 24px;
    }

    .expertise-image,
    .expertise-image img{
        min-height:245px;
    }

    .expertise-row h3{
        font-size:25px;
    }

    .expertise-service-list{
        padding:12px 14px;
    }

    .expertise-service-list li{
        font-size:12.5px;
    }

    .energy-bill-v3-title{
        font-size:30px;
    }

    /* Energy Bill mobile: compact 2 x 2 benefit layout */
    .energy-bill-v3-benefits{
        margin-top:26px;
        grid-template-columns:repeat(2,minmax(0,1fr));
        column-gap:12px;
        row-gap:12px;
    }

    .energy-bill-v3-benefit{
        min-width:0;
        min-height:148px;
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:10px;
        padding:14px 12px;
        border:1px solid rgba(17,24,32,.07);
        border-radius:14px;
        background:rgba(255,255,255,.62);
        box-shadow:0 10px 24px rgba(17,24,32,.045);
    }

    .energy-bill-v3-benefit .benefit-icon{
        flex:0 0 38px;
        width:38px;
        height:38px;
        display:grid;
        place-items:center;
        border-radius:10px;
        color:#07833a;
        background:rgba(255,255,255,.92);
        border:1px solid rgba(17,24,32,.08);
    }

    /* Explicit SVG safety for real mobile browsers */
    .energy-bill-v3-benefit .benefit-icon svg{
        display:block;
        width:22px !important;
        height:22px !important;
        max-width:22px;
        max-height:22px;
        fill:none !important;
        stroke:currentColor !important;
        stroke-width:1.6;
        stroke-linecap:round;
        stroke-linejoin:round;
    }

    .energy-bill-v3-benefit h3{
        margin:0 0 5px;
        font-size:13.5px;
        line-height:1.24;
    }

    .energy-bill-v3-benefit p{
        margin:0;
        font-size:11.4px;
        line-height:1.42;
    }

    /* Keep the analysis chips compact on phones */
    .energy-bill-spine{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
        max-width:none;
    }

    .energy-bill-v3-primary,
    .energy-bill-v3-secondary{
        min-height:44px;
        font-size:13.5px;
    }

    .spine-chip{
        height:42px;
        padding:0 14px;
        font-size:11.5px;
    }

    .spine-chip span{
        width:22px;
        height:22px;
    }

    .spine-chip svg{
        width:26px;
        height:26px;
    }

}

/*==================================================
GREEN ASIST | RESPONSIVE CONSOLIDATION SAFETY
FINAL CENTRALIZED RULES
==================================================*/

/*
Bu bölüm, section CSS dosyalarından kaldırılan kritik responsive davranışları
07_home.css içinde merkezi olarak korur.
*/

/* Hero mobile image must stay here after cleaning 07_01_home_hero.css */
@media(max-width:768px){

    .hero-background{
        background:
            linear-gradient(
                180deg,
                rgba(10,14,18,.18) 0%,
                rgba(10,14,18,.24) 42%,
                rgba(10,14,18,.48) 100%
            ),
            url("./01-hero-main-mobile.webp");
        background-repeat:no-repeat;
        background-size:cover;
        background-position:center center;
        transform:scale(1.01);
    }

}

/* Ultra small mobile safety */
@media(max-width:480px){

    .hero-background{
        background-position:center center;
    }

}

/*==================================================
GREEN ASIST | GA-WAY MOBILE KICKER FIX
390px visibility correction
==================================================*/

@media(max-width:520px){

    .ga-way-kicker{
        max-width:100%;
        white-space:normal;
        overflow-wrap:break-word;

        font-size:clamp(1rem,5.2vw,1.28rem);
        line-height:1.18;
        letter-spacing:.045em;
    }

    .ga-way-kicker::after{
        margin-top:10px;
    }

}

@media(max-width:390px){

    .methodology-grid{
        column-gap:12px;
        row-gap:19px;
    }

    .methodology-visual{
        max-width:116px;
        border-radius:20px;
    }

    .methodology-visual::before{
        inset:10px;
        border-radius:15px;
    }

    .methodology-icon img{
        width:49px;
        height:49px;
    }

    .methodology-item{
        gap:8px;
    }

    .methodology-item h3{
        max-width:136px;
        font-size:12.25px;
        line-height:1.30;
    }

    .energy-bill-v3-benefits{
        column-gap:10px;
        row-gap:10px;
    }

    .energy-bill-v3-benefit{
        min-height:142px;
        padding:12px 10px;
    }

    .energy-bill-v3-benefit h3{
        font-size:13px;
    }

    .energy-bill-v3-benefit p{
        font-size:10.9px;
    }

    .spine-chip{
        padding:0 10px;
        font-size:10.8px;
    }

    .ga-way-kicker{
        font-size:1.02rem;
        letter-spacing:.035em;
    }

}

/*==================================================
GREEN ASIST | METHODOLOGY MOBILE FORCE FINAL
Prevents any later/legacy rule from returning the grid to one column.
==================================================*/

@media(max-width:520px){

    .challenges .methodology-grid{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        column-gap:14px !important;
        row-gap:22px !important;
        align-items:start !important;
        width:100% !important;
    }

    .challenges .methodology-item{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:flex-start !important;
        min-width:0 !important;
        width:100% !important;
        gap:9px !important;
        text-align:center !important;
    }

    .challenges .methodology-visual{
        width:100% !important;
        max-width:128px !important;
        aspect-ratio:1 / 1 !important;
        margin:0 auto !important;
        border-radius:22px !important;
    }

    .challenges .methodology-visual::before{
        inset:11px !important;
        border-radius:17px !important;
    }

    .challenges .methodology-icon img{
        width:54px !important;
        height:54px !important;
        max-width:54px !important;
        max-height:54px !important;
    }

    .challenges .methodology-item h3{
        width:100% !important;
        max-width:145px !important;
        margin:0 auto !important;
        font-size:13px !important;
        line-height:1.32 !important;
        font-weight:400 !important;
        text-align:center !important;
    }
}

@media(max-width:390px){

    .challenges .methodology-grid{
        column-gap:12px !important;
        row-gap:19px !important;
    }

    .challenges .methodology-visual{
        max-width:116px !important;
        border-radius:20px !important;
    }

    .challenges .methodology-visual::before{
        inset:10px !important;
        border-radius:15px !important;
    }

    .challenges .methodology-icon img{
        width:49px !important;
        height:49px !important;
        max-width:49px !important;
        max-height:49px !important;
    }

    .challenges .methodology-item{
        gap:8px !important;
    }

    .challenges .methodology-item h3{
        max-width:136px !important;
        font-size:12.25px !important;
        line-height:1.30 !important;
    }
}

/*==================================================
GREEN ASIST | METHODOLOGY MOBILE PREMIUM FINAL
Compact, balanced and visually refined for standard phones.
==================================================*/

@media(max-width:520px){

    .challenges .methodology-grid{
        column-gap:14px !important;
        row-gap:18px !important;
    }

    .challenges .methodology-item{
        gap:8px !important;
    }

    .challenges .methodology-visual{
        max-width:116px !important;
        border-radius:20px !important;

        border:1px solid rgba(255,255,255,.085) !important;

        background:
            radial-gradient(circle at 50% 42%,
                rgba(155,199,165,.16) 0%,
                rgba(155,199,165,.05) 38%,
                rgba(155,199,165,0) 72%),
            linear-gradient(145deg,
                rgba(255,255,255,.05),
                rgba(255,255,255,.012)),
            rgba(19,29,29,.46) !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.055),
            inset 0 -1px 0 rgba(0,0,0,.10),
            0 12px 26px rgba(0,0,0,.13),
            0 0 0 1px rgba(255,255,255,.008) !important;

        backdrop-filter:blur(3px);
        -webkit-backdrop-filter:blur(3px);
    }

    .challenges .methodology-visual::before{
        inset:10px !important;
        border-radius:15px !important;
        border-color:rgba(155,199,165,.06) !important;
    }

    .challenges .methodology-visual::after{
        width:66% !important;
        height:66% !important;
        filter:blur(8px) !important;
        opacity:.86;
    }

    .challenges .methodology-icon img{
        width:46px !important;
        height:46px !important;
        max-width:46px !important;
        max-height:46px !important;
    }

    .challenges .methodology-item h3{
        max-width:138px !important;
        font-size:12.35px !important;
        line-height:1.28 !important;
        font-weight:430 !important;
        letter-spacing:-.012em !important;
        color:rgba(255,255,255,.94) !important;
    }

    .challenges .challenges-close{
        margin-top:25px;
    }
}

@media(max-width:390px){

    .challenges .methodology-grid{
        column-gap:12px !important;
        row-gap:16px !important;
    }

    .challenges .methodology-visual{
        max-width:108px !important;
        border-radius:18px !important;
    }

    .challenges .methodology-visual::before{
        inset:9px !important;
        border-radius:14px !important;
    }

    .challenges .methodology-icon img{
        width:43px !important;
        height:43px !important;
        max-width:43px !important;
        max-height:43px !important;
    }

    .challenges .methodology-item{
        gap:7px !important;
    }

    .challenges .methodology-item h3{
        max-width:132px !important;
        font-size:11.9px !important;
        line-height:1.27 !important;
    }
}

/* Touch devices should stay visually calm */
@media(hover:none) and (pointer:coarse){

    .methodology-item:hover .methodology-visual{
        transform:none;
    }

    .methodology-item:hover .methodology-icon img{
        transform:none;
    }
}