/*==================================================
GREEN ASIST | 04-kurumsal.css 
CORPORATE PAGE | 2-ROW FINAL ARCHITECTURE
==================================================*/

.corporate-page{
    width:100%;
    overflow:hidden;
    background:#fff;
    color:#111b32;
}

.corporate-shell{
    width:min(1640px,calc(100% - 72px));
    margin:0 auto;
}

.corporate-kicker{
    display:block;
    margin:0 0 9px;
    color:#16832b;
    font-size:12px;
    font-weight:800;
    line-height:1;
    letter-spacing:.13em;
    text-transform:uppercase;
}

/*==================================================
ROW 1 | TWO COLUMNS
==================================================*/

.corporate-layout{
    padding:14px 0 16px;
    background:
        linear-gradient(
            90deg,
            #fafbfa 0%,
            #fafbfa 50%,
            #fff 50%,
            #fff 100%
        );
}

.corporate-layout-grid{
    display:grid;
    grid-template-columns:minmax(540px,.9fr) minmax(760px,1.1fr);
    align-items:start;
    gap:38px;
}

.corporate-left-column,
.corporate-right-column{
    display:flex;
    min-width:0;
    flex-direction:column;
}

.corporate-left-column{
    gap:62px;
}

.corporate-right-column{
    gap:32px;
}

/*==================================================
LEFT COLUMN | HERO COPY
==================================================*/

.corporate-hero-copy{
    min-width:0;
    padding-top:20px;
}

.corporate-hero-copy h1{
    max-width:620px;
    margin:0 0 22px;
    color:#111b32;
    font-size:clamp(34px,2.1vw,42px);
    font-weight:750;
    line-height:1.04;
    letter-spacing:-.036em;
    text-wrap:balance;
}

.corporate-hero-lead{
    max-width:650px;
    margin:0;
    color:#34425a;
    font-size:14px;
    line-height:1.45;
}

.corporate-value-grid{
    display:grid;
    max-width:650px;
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin-top:16px;
    padding-top:22px;
    border-top:1px solid #dbe3dc;
}

.corporate-value{
    display:grid;
    grid-template-columns:24px minmax(0,1fr);
    align-items:center;
    gap:6px;
    min-width:0;
    padding:0 9px;
    border-right:1px solid #d8ded9;
}

.corporate-value:first-child{
    padding-left:0;
}

.corporate-value:last-child{
    padding-right:0;
    border-right:0;
}

.corporate-value-icon{
    display:flex;
    width:24px;
    height:24px;
    align-items:center;
    justify-content:center;
    color:#17233a;
}

.corporate-value-icon svg{
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:1.65;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.corporate-value-text{
    color:#1e2b40;
    font-size:10px;
    font-weight:700;
    line-height:1.16;
}

/*==================================================
LEFT COLUMN | CAPABILITIES
==================================================*/

.corporate-capabilities{
    min-width:0;
    padding-top:2px;
}

.corporate-capabilities h2,
.corporate-history h2{
    margin:0 0 18px;
    color:#101b31;
    font-size:clamp(26px,1.55vw,31px);
    font-weight:750;
    line-height:1.05;
    letter-spacing:-.03em;
}

.capability-list{
    display:grid;
    gap:8px;
}

.capability-card{
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    align-items:center;
    min-height:82px;
    overflow:hidden;
    border:1px solid #dce3dd;
    border-radius:6px;
    background:#fff;
}

.capability-icon{
    display:flex;
    height:100%;
    align-items:center;
    justify-content:center;
    border-right:1px solid #edf1ed;
    background:linear-gradient(135deg,#fbfdfb 0%,#f5f9f5 100%);
    color:#18812c;
}

.capability-icon svg{
    width:40px;
    height:40px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.65;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.capability-card > div:last-child{
    padding:10px 14px;
}

.capability-card h3{
    margin:0 0 3px;
    color:#111b31;
    font-size:15px;
    font-weight:750;
    line-height:1.18;
}

.capability-card p{
    margin:0;
    color:#4c596c;
    font-size:11px;
    line-height:1.28;
}

/*==================================================
RIGHT COLUMN | IMAGE PANELS
==================================================*/

.corporate-visual-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    height:450px;
    min-height:430px;
    overflow:hidden;
    background:#071426;
    box-shadow:
        0 16px 38px rgba(10,22,38,.10),
        0 2px 7px rgba(10,22,38,.05);
}

.corporate-visual-card{
    position:relative;
    min-width:0;
    overflow:hidden;
    border-right:1px solid rgba(255,255,255,.45);
    background:#09182b;
}

.corporate-visual-card:last-child{
    border-right:0;
}

.corporate-visual-card img{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transition:transform .55s ease,filter .55s ease;
}

.corporate-visual-card:nth-child(1) img{object-position:53% center;}
.corporate-visual-card:nth-child(2) img{object-position:50% center;}
.corporate-visual-card:nth-child(3) img{object-position:50% center;}
.corporate-visual-card:nth-child(4) img{object-position:58% center;}

.corporate-visual-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            rgba(5,14,25,.01) 0%,
            rgba(5,14,25,.03) 46%,
            rgba(4,13,24,.68) 80%,
            rgba(4,13,24,.97) 100%
        );
    pointer-events:none;
}

.corporate-visual-caption{
    position:absolute;
    z-index:2;
    right:14px;
    bottom:11px;
    left:14px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}

.corporate-visual-caption svg{
    width:27px;
    height:27px;
    margin-bottom:5px;
    fill:none;
    stroke:#fff;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.corporate-visual-caption span{
    color:#fff;
    font-size:10.5px;
    font-weight:800;
    line-height:1.18;
    letter-spacing:.01em;
    text-transform:uppercase;
}

.corporate-visual-caption::after{
    display:block;
    width:30px;
    height:2px;
    margin-top:7px;
    background:#33a846;
    content:"";
}

@media (hover:hover){
    .corporate-visual-card:hover img{
        transform:scale(1.03);
        filter:brightness(1.04);
    }
}

/*==================================================
RIGHT COLUMN | HISTORY
==================================================*/

.corporate-history{
    min-width:0;
}

.corporate-history > p{
    max-width:760px;
    margin:0 0 7px;
    color:#47556a;
    font-size:12.5px;
    line-height:1.42;
}

.corporate-timeline{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-top:12px;
}

.timeline-item{
    position:relative;
    min-height:58px;
    padding:8px 8px 7px 25px;
    border:0;
    border-radius:6px;
    background:linear-gradient(135deg,#f3f8f3 0%,#fbfdfb 100%);
    box-shadow:
        inset 3px 0 0 #2b923f,
        0 3px 10px rgba(17,42,24,.04);
}

.timeline-item::before{
    position:absolute;
    top:12px;
    left:9px;
    width:7px;
    height:7px;
    border:2px solid #f3f8f3;
    border-radius:50%;
    background:#16832b;
    box-shadow:0 0 0 1px rgba(22,131,43,.12);
    content:"";
}

.timeline-item time{
    display:block;
    margin-bottom:3px;
    color:#116d27;
    font-size:13px;
    font-weight:800;
    line-height:1;
}

.timeline-item p{
    margin:0;
    color:#3f4e63;
    font-size:10.5px;
    line-height:1.22;
}

/*==================================================
LEFT COLUMN | METRICS | 4 BUTTON CARDS
==================================================*/

.corporate-left-column > .corporate-metrics{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    margin-top:-20px;
}

.corporate-left-column > .corporate-metrics .metric{
    position:relative;
    display:flex;
    min-height:88px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    padding:10px 9px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:7px;
    background:
        linear-gradient(
            135deg,
            #16832b 0%,
            #116f26 58%,
            #0f6121 100%
        );
    box-shadow:
        0 8px 18px rgba(16,103,35,.15),
        inset 0 1px 0 rgba(255,255,255,.16);
    text-align:center;
}

.corporate-left-column > .corporate-metrics .metric::before{
    position:absolute;
    inset:0;
    background:
        radial-gradient(
            circle at 18% 0%,
            rgba(255,255,255,.16),
            transparent 38%
        );
    content:"";
    pointer-events:none;
}

.corporate-left-column > .corporate-metrics .metric strong,
.corporate-left-column > .corporate-metrics .metric span{
    position:relative;
    z-index:1;
}

.corporate-left-column > .corporate-metrics .metric strong{
    display:block;
    margin-bottom:4px;
    color:#fff;
    font-size:18px;
    font-weight:600;
    line-height:1.06;
    text-shadow:0 1px 2px rgba(0,0,0,.12);
}

.corporate-left-column > .corporate-metrics .metric:nth-child(n+3) strong{
    font-size:13.5px;
    line-height:1.1;
}

.corporate-left-column > .corporate-metrics .metric span{
    color:rgba(255,255,255,.82);
    font-size:9.8px;
    line-height:1.14;
}

@media (hover:hover){

    .corporate-left-column > .corporate-metrics .metric{
        transition:
            transform .2s ease,
            box-shadow .2s ease,
            filter .2s ease;
    }

    .corporate-left-column > .corporate-metrics .metric:hover{
        transform:translateY(-2px);
        filter:brightness(1.04);
        box-shadow:
            0 11px 22px rgba(16,103,35,.20),
            inset 0 1px 0 rgba(255,255,255,.18);
    }
}


/*==================================================
ENGLISH METRICS | VISUAL MATCH WITH TURKISH
==================================================*/

html[lang="en"] .corporate-left-column > .corporate-metrics .metric{
    min-height:88px;
    padding:9px 7px;
}

html[lang="en"] .corporate-left-column > .corporate-metrics .metric strong{
    max-width:100%;
    font-size:16px;
    line-height:1.05;
}

html[lang="en"] .corporate-left-column > .corporate-metrics .metric:nth-child(n+3) strong{
    font-size:13.1px;
    line-height:1.08;
}

html[lang="en"] .corporate-left-column > .corporate-metrics .metric span{
    max-width:135px;
    font-size:9.8px;
    line-height:1.1;
}

/*==================================================
ROW 2 | FINAL CTA
==================================================*/

.corporate-final{
    padding:0 0 12px;
    background:#fff;
}

.corporate-final-box{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:16px;
    padding:9px 15px;
    border:1px solid #dce6dd;
    border-radius:8px;
    background:linear-gradient(90deg,#f8fbf8 0%,#fff 100%);
}

.corporate-final-copy{
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    align-items:center;
    gap:11px;
}

.corporate-final-copy svg{
    width:32px;
    height:32px;
    fill:none;
    stroke:#17802c;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.corporate-final-copy p{
    max-width:830px;
    margin:0;
    color:#26354b;
    font-size:12px;
    line-height:1.3;
}

.corporate-actions{
    display:flex;
    align-items:center;
    gap:10px;
}

.corporate-btn{
    display:inline-flex;
    min-height:38px;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:0 14px;
    border:1px solid transparent;
    border-radius:4px;
    font-size:11px;
    font-weight:750;
    line-height:1;
    text-decoration:none;
}

.corporate-btn-primary{
    border-color:#167a29;
    background:#167a29;
    color:#fff;
}

.corporate-btn-secondary{
    border-color:#bcc6cf;
    background:#fff;
    color:#152238;
}

/*==================================================
TABLET
==================================================*/

@media (max-width:1100px){

    .corporate-shell{
        width:min(100% - 48px,980px);
    }

    .corporate-layout{
        padding:34px 0 30px;
        background:#fff;
    }

    .corporate-layout-grid{
        grid-template-columns:1fr;
        gap:34px;
    }

    .corporate-left-column,
    .corporate-right-column{
        display:contents;
    }

    .corporate-hero-copy{
        grid-row:1;
        padding-top:0;
    }

    .corporate-visual-grid{
        grid-row:2;
        height:480px;
        min-height:480px;
    }

    .corporate-capabilities{
        grid-row:3;
    }

    .corporate-left-column > .corporate-metrics{
        grid-row:4;
    }

    .corporate-history{
        grid-row:5;
    }

    .corporate-hero-copy h1{
        max-width:780px;
        font-size:clamp(38px,6.3vw,50px);
    }

    .corporate-hero-lead{
        max-width:760px;
    }

    .corporate-value-grid{
        max-width:none;
    }

    .corporate-capabilities h2,
    .corporate-history h2{
        font-size:clamp(28px,4.2vw,36px);
    }

    .corporate-left-column > .corporate-metrics{
        grid-template-columns:repeat(4,minmax(0,1fr));
        margin-top:0;
    }
}

/*==================================================
MOBILE
==================================================*/

@media (max-width:720px){

    .corporate-shell{
        width:calc(100% - 32px);
    }

    .corporate-layout{
        padding:30px 0 34px;
    }

    .corporate-layout-grid{
        gap:30px;
    }

    .corporate-kicker{
        margin-bottom:12px;
    }

    .corporate-hero-copy h1{
        margin-bottom:14px;
        font-size:36px;
        line-height:1.04;
    }

    .corporate-hero-lead{
        font-size:14px;
        line-height:1.52;
    }

    .corporate-value-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        margin-top:20px;
        padding-top:10px;
    }

    .corporate-value{
        min-height:54px;
        padding:8px;
        border-bottom:1px solid #d8ded9;
    }

    .corporate-value:nth-child(2n){
        border-right:0;
    }

    .corporate-value:nth-child(n+3){
        border-bottom:0;
    }

    .corporate-value:first-child{
        padding-left:8px;
    }

    .corporate-value:last-child{
        padding-right:8px;
    }

    .corporate-value-icon{
        width:25px;
        height:25px;
    }

    .corporate-value-text{
        font-size:10px;
    }

    .corporate-visual-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        height:500px;
        min-height:500px;
    }

    .corporate-visual-card{
        border-bottom:1px solid rgba(255,255,255,.5);
    }

    .corporate-visual-card:nth-child(2n){
        border-right:0;
    }

    .corporate-visual-card:nth-child(n+3){
        border-bottom:0;
    }

    .corporate-capabilities h2,
    .corporate-history h2{
        font-size:30px;
    }

    .capability-card{
        grid-template-columns:66px minmax(0,1fr);
        min-height:88px;
    }

    .capability-card > div:last-child{
        padding:11px 12px;
    }

    .capability-card h3{
        font-size:15px;
    }

    .capability-card p{
        font-size:10.5px;
    }

    .corporate-history > p{
        font-size:13px;
        line-height:1.5;
    }

    .corporate-timeline{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
        margin-top:16px;
    }

    .timeline-item{
        min-height:82px;
        padding:9px 8px 8px 26px;
    }

    .timeline-item p{
        font-size:10.5px;
        line-height:1.25;
    }

    .corporate-left-column > .corporate-metrics{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
        margin-top:0;
    }

    .corporate-left-column > .corporate-metrics .metric{
        min-height:88px;
    }

    .corporate-final{
        padding-bottom:24px;
    }

    .corporate-final-box{
        grid-template-columns:1fr;
        gap:16px;
        padding:18px 14px;
    }

    .corporate-actions{
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
    }

    .corporate-btn{
        width:100%;
        min-height:40px;
    }
}

/*==================================================
SMALL MOBILE
==================================================*/

@media (max-width:430px){

    .corporate-shell{
        width:calc(100% - 24px);
    }

    .corporate-hero-copy h1{
        font-size:34px;
    }

    .corporate-visual-grid{
        height:480px;
        min-height:480px;
    }
}