/* BR TECH consolidated critical stylesheet: avoids chained @import render blocking. */
/* Local WOFF2 fonts, including Turkish glyphs. License: assets/fonts/OFL.txt. */
@font-face{
    font-family:"Barlow";
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url("../fonts/barlow-regular.woff2") format("woff2");
}
@font-face{
    font-family:"Barlow";
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url("../fonts/barlow-medium.woff2") format("woff2");
}
@font-face{
    font-family:"Barlow Semi Condensed";
    font-style:normal;
    font-weight:600;
    font-display:swap;
    src:url("../fonts/barlow-semi-condensed-semibold.woff2") format("woff2");
}
@font-face{
    font-family:"Barlow Semi Condensed";
    font-style:normal;
    font-weight:700;
    font-display:swap;
    src:url("../fonts/barlow-semi-condensed-bold.woff2") format("woff2");
}


:root{
    --font-body:"Barlow", "Segoe UI", sans-serif;
    --font-display:"Barlow Semi Condensed", "Arial Narrow", "Segoe UI", sans-serif;
    --color-ink:#0a2746;
    --color-ink-soft:#163c5e;
    --color-accent:#82a8dd;
    --color-text:#48637b;
    --color-muted:#526a80;
    --color-line:#dbe5ee;
    --color-surface:#f7fafc;
    --color-white:#ffffff;
    --color-dark:#071e33;

    /* Shared page inset; content keeps growing on wide displays. */
    --page-gutter:clamp(32px,3.333333vw,112px);
    --radius-sm:6px;
    --shadow-soft:0 18px 50px rgba(24,55,84,.07);
}

@media(max-width:900px){
    :root{--page-gutter:18px}
}

@media(max-width:560px){
    :root{--page-gutter:14px}
}


*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    background:#fff;
    color:var(--color-ink);
    font-family:var(--font-body);
    font-size:17px;
    line-height:1.65;
    overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
.container{width:calc(100% - var(--page-gutter) - var(--page-gutter));margin-inline:auto}
.section{padding:84px 0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:2000;top:12px;left:var(--page-gutter);padding:12px 20px;background:#edf3f7;color:#071d31;font-weight:600;transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
.eyebrow{
    margin-bottom:17px;
    color:#5b7893;
    font-size:10px;
    line-height:1;
    font-weight:800;
    letter-spacing:.32em;
}
.eyebrow--light{color:#aac0d4}
h2{
    margin:0;
    font-size:clamp(36px,3.15vw,54px);
    line-height:1.04;
    letter-spacing:-.038em;
    font-weight:660;
}
.button{
    min-height:50px;
    padding:0 23px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    border-radius:var(--radius-sm);
    font-size:13px;
    font-weight:750;
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;
}
.button:hover{transform:translateY(-2px)}
.button--primary{background:var(--color-ink);color:#fff}
.button--primary:hover{background:#123b60;box-shadow:0 14px 28px rgba(10,39,70,.14)}
.button--outline{border:1px solid #a8b9c8;background:rgba(255,255,255,.78)}
.button--outline:hover{background:#fff;border-color:#7890a5}
.button--light{background:#fff;color:var(--color-ink)}
.text-link{
    display:inline-flex;
    align-items:center;
    gap:22px;
    margin-top:14px;
    padding-bottom:4px;
    border-bottom:1px solid #7e95a9;
    font-size:12px;
    font-weight:800;
}
.section-heading--split{
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:56px;
}
.section-heading--split h2{max-width:640px}
.section-heading--split>p{
    max-width:470px;
    margin:0 0 4px;
    color:var(--color-muted);
    line-height:1.7;
    font-size:14px;
}


/* Full-bleed CNC photography continues behind the fixed glass header. */
.hero{
    --hero-muted:#d3dee8;
    --hero-line:rgba(214,230,242,.24);
    position:relative;
    isolation:isolate;
    overflow:hidden;
    display:grid;
    grid-template-rows:minmax(min-content,1fr) auto;
    min-height:100vh;
    min-height:100svh;
    padding-top:var(--header-height);
    background:#061320;
    color:#f4f7fa;
    border-bottom:1px solid var(--hero-line);
}

.hero__visual{
    position:absolute;
    z-index:0;
    inset:0;
    overflow:hidden;
    pointer-events:none;
}
.hero__visual>img{
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:60% center;
}
.hero__visual-fade{
    position:absolute;
    z-index:1;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(3,12,21,.94) 0%,rgba(3,12,21,.89) 24%,rgba(3,12,21,.68) 44%,rgba(3,12,21,.28) 60%,rgba(3,12,21,.08) 78%),
        linear-gradient(180deg,rgba(3,12,21,.38) 0%,transparent 28%,transparent 68%,rgba(3,12,21,.56) 100%);
}

.hero__main{
    position:relative;
    z-index:2;
    min-width:0;
    display:grid;
    grid-template-columns:minmax(470px,44%) minmax(0,1fr);
    align-items:center;
}
.hero__copy{
    width:100%;
    max-width:740px;
    min-width:0;
    padding:clamp(32px,6vh,96px) 32px clamp(32px,6vh,96px) 0;
    padding-block:clamp(32px,6svh,96px);
}
.hero__eyebrow{
    display:inline-flex;
    align-items:center;
    gap:15px;
    color:#c7d9e8;
}
.hero__eyebrow::after{
    content:"";
    width:72px;
    height:1px;
    background:rgba(210,230,245,.55);
}
.hero__title{
    max-width:680px;
    margin:0;
    color:#f4f7fa;
}
.hero__title>span{display:block}
.hero__lead{max-width:540px}
.hero__actions{
    display:flex;
    align-items:center;
    gap:38px;
    flex-wrap:wrap;
}
.hero .hero__primary-cta{
    min-width:166px;
    min-height:54px;
    padding-inline:28px;
    border-radius:2px;
    background:#eef4f8;
    color:#0a2339;
}
.hero .hero__primary-cta:hover{
    background:#fff;
    color:#061a2c;
    box-shadow:0 12px 30px rgba(0,0,0,.22);
}
.hero__secondary-link{
    display:inline-flex;
    align-items:center;
    min-height:44px;
    padding:0 2px 5px;
    border-bottom:1px solid rgba(219,235,247,.62);
    color:#edf4fa;
    transition:border-color .2s ease,gap .2s ease,color .2s ease;
}
.hero__secondary-link:hover{gap:32px;color:#fff;border-bottom-color:#fff}

.hero__services-band{
    position:relative;
    z-index:2;
    width:100%;
    border-top:1px solid var(--hero-line);
    background:rgba(6,19,32,.90);
    box-shadow:inset 0 1px rgba(255,255,255,.04);
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
    .hero__services-band{
        background:rgba(6,19,32,.48);
        -webkit-backdrop-filter:blur(14px) saturate(120%);
        backdrop-filter:blur(14px) saturate(120%);
    }
}
.hero__quick-services{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    min-height:94px;
}
.quick-service{
    min-width:0;
    display:flex;
    align-items:center;
    gap:11px;
    padding:0 28px;
    color:#e5eef6;
}
.quick-service:first-child{padding-left:0}
.quick-service:hover{background:rgba(220,235,247,.07);color:#fff}
.quick-service:focus-visible{outline-offset:-5px}
.quick-service+.quick-service{border-left:1px solid var(--hero-line)}
.quick-service i{
    flex:0 0 auto;
    display:grid;
    place-items:center;
    min-width:22px;
    color:#d3e4f2;
    font-size:19px;
    font-style:normal;
    line-height:1;
}
.quick-service__line{flex:0 0 22px;width:22px;height:1px;background:rgba(207,227,243,.55)}
.quick-service b{min-width:0;text-transform:uppercase}

@media(max-width:1280px){
    .hero__copy{padding-right:24px}
    .hero__visual-fade{
        background:
            linear-gradient(90deg,rgba(3,12,21,.94),rgba(3,12,21,.82) 46%,rgba(3,12,21,.56) 64%,rgba(3,12,21,.12)),
            linear-gradient(180deg,rgba(3,12,21,.28),transparent 35%,rgba(3,12,21,.42));
    }
}
@media(max-width:900px){
    .hero__main{grid-template-columns:minmax(0,1fr)}
    .hero__copy{max-width:640px;padding:56px 0}
    .hero__visual>img{object-position:62% center}
    .hero__visual-fade{
        background:
            linear-gradient(90deg,rgba(3,12,21,.90),rgba(3,12,21,.80) 70%,rgba(3,12,21,.60)),
            linear-gradient(180deg,rgba(3,12,21,.24),transparent 45%,rgba(3,12,21,.64));
    }
    .hero__quick-services{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}
    .quick-service,.quick-service:first-child{min-height:70px;padding:0 18px;border-bottom:1px solid var(--hero-line)}
    .quick-service:nth-child(odd){padding-left:0;border-left:0}
    .quick-service:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:560px){
    .hero__copy{padding:42px 0}
    .hero__eyebrow::after{width:46px}
    .hero__visual>img{object-position:64% center}
    .hero__visual-fade{
        background:linear-gradient(180deg,rgba(3,12,21,.60),rgba(3,12,21,.82) 27%,rgba(3,12,21,.76) 63%,rgba(3,12,21,.88));
    }
    .hero .hero__primary-cta{width:auto;min-width:145px;padding-inline:22px}
    .quick-service,.quick-service:first-child{padding-inline:10px;gap:8px}
    .quick-service:nth-child(odd){padding-left:0}
    .quick-service i{min-width:18px;font-size:17px}
    .quick-service__line{display:none}
}
@media(max-width:390px){
    .hero__actions{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}
    .hero .hero__primary-cta{width:100%}
    .hero__secondary-link{justify-self:start}
}


/* A wide introduction and four aligned stages make the production flow scannable. */
.process-section.section{
    position:relative;
    padding:76px 0;
    overflow:hidden;
    background:linear-gradient(180deg,#fff,#f6fafc);
    border-top:1px solid var(--color-line);
    border-bottom:1px solid var(--color-line);
}
.process{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:34px}
.process__intro{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    align-items:end;
    gap:clamp(32px,6vw,96px);
    padding:0;
    border:0;
}
.process__heading,.process__summary{min-width:0}
.process__summary{justify-self:end;width:100%;max-width:520px}
.process__heading h2{max-width:620px;text-wrap:balance}
.process__summary p{max-width:520px;margin:0;color:var(--color-muted)}
.process__link{margin-top:16px}
.process__flow{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:start;
    padding:28px 12px;
    border:1px solid var(--color-line);
    border-radius:8px;
    background:linear-gradient(140deg,rgba(255,255,255,.9),rgba(237,244,249,.62));
}
.process-step{position:relative;min-width:0;padding:0 24px}
.process-step+.process-step{border-left:1px solid var(--color-line)}
.process-step__number{display:block;margin-bottom:18px;color:#789bbb;line-height:1}
.process-step__track{position:relative;height:48px;display:flex;align-items:center}
.process-step__track::after{
    content:"";position:absolute;z-index:1;top:50%;left:54px;right:-10px;height:1px;
    background:linear-gradient(90deg,#91abc1,#d5e2ec);
}
.process-step:last-child .process-step__track::after{display:none}
.process-step__dot{display:none}
.process-step__icon{position:relative;z-index:2;display:grid;place-items:center;width:42px;height:42px;color:var(--color-ink);background:transparent}
.process-step__icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.process-step__content{padding-top:12px}
.process-step__content b{display:block;color:var(--color-ink)}
.process-step__content p{color:var(--color-muted)}
@media(max-width:1040px){
    .process__intro{gap:36px}
    .process__flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
    .process-step:nth-child(3){border-left:0}
    .process-step:nth-child(2) .process-step__track::after{display:none}
}
@media(max-width:740px){
    .process-section.section{padding:54px 0}
    .process{gap:26px}
    .process__intro{grid-template-columns:1fr;gap:20px}
    .process__summary{justify-self:start;max-width:600px}
    .process__heading h2{max-width:560px}
    .process__summary p{max-width:600px}
    .process__flow{display:block;padding:6px 20px}
    .process-step,.process-step+.process-step{
        display:grid;grid-template-columns:36px 42px minmax(0,1fr);gap:14px;
        align-items:center;padding:22px 0;border-left:0;border-bottom:1px solid var(--color-line);
    }
    .process-step:last-child{border-bottom:0}
    .process-step__number{margin:0}
    .process-step__track{height:42px}
    .process-step__track::after{display:none}
    .process-step__content{padding:0}
}
@media(max-width:380px){
    .process__flow{padding-inline:12px}
    .process-step,.process-step+.process-step{grid-template-columns:30px 34px minmax(0,1fr);gap:9px}
    .process-step__icon{width:34px;height:34px}
    .process-step__icon svg{width:28px;height:28px}
}


.capability-section {
    position: relative;
    min-height: 420px;
    overflow: hidden;

    background: #071d31;

    color: #fff;
}


/* GERÇEK RESİM */

.capability-section__image {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    /* CNC kafası sağda kalsın */
    object-position: 58% center;

    z-index: 0;
}


/* sol taraf koyu, sağdaki makine görünür */

.capability-section__overlay {
    position: absolute;

    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            90deg,

            rgba(5, 24, 43, .98) 0%,
            rgba(5, 24, 43, .94) 19%,
            rgba(5, 24, 43, .78) 34%,
            rgba(5, 24, 43, .42) 50%,
            rgba(5, 24, 43, .12) 70%,
            rgba(5, 24, 43, .10) 100%
        );
}


.capability {
    position: relative;

    z-index: 2;

    min-height: 420px;

    display: grid;

    grid-template-columns:
        minmax(340px, 430px)
        1fr;

    column-gap: 50px;

    align-items: center;

    /* alttaki özellik şeridine yer bırak */
    padding-top: 52px;
    padding-bottom: 105px;
}


/* 3 küçük özellik artık görselin üstünde değil,
   section'ın sol-alt tarafında */

.capability__bottom {
    position: absolute;

    left: 0;
    bottom: 24px;

    display: flex;

    align-items: center;

    width: auto;

    margin: 0;
}


.capability-item {
    min-height: 52px;

    display: flex;

    align-items: center;

    gap: 10px;

    padding:
        0
        26px;

    border-left:
        1px solid
        rgba(255,255,255,.24);

    color: rgba(255,255,255,.88);

    font-size: 11px;

    white-space: nowrap;
}


.capability-item:first-child {
    border-left: 0;

    padding-left: 0;
}


.capability-item__icon {
    width: 27px;
    height: 27px;

    display: grid;

    place-items: center;

    flex: 0 0 27px;

    font-size: 16px;

    color: #e4eef6;
}

/* TABLET */

@media (max-width: 900px) {

    .capability {
        min-height: 520px;

        grid-template-columns: 1fr;

        padding-top: 50px;
        padding-bottom: 32px;
    }

    .capability__copy {
        max-width: 520px;
    }

    .capability__bottom {
        position: static;

        width: 100%;

        margin-top: 30px;

        display: grid;

        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .capability-item {
        padding:
            0
            18px;

        white-space: normal;
    }

    .capability-item:first-child {
        padding-left: 0;
    }
}


/* MOBİL */

@media (max-width: 560px) {

    .capability-section {
        min-height: auto;
    }

    .capability-section__image {
        object-position: 65% center;
    }

    .capability-section__overlay {
        background:
            linear-gradient(
                180deg,
                rgba(5,24,43,.94) 0%,
                rgba(5,24,43,.80) 52%,
                rgba(5,24,43,.94) 100%
            );
    }

    .capability {
        min-height: 560px;

        display: flex;
        flex-direction: column;

        justify-content: space-between;
        align-items: stretch;

        padding-top: 44px;
        padding-bottom: 20px;
    }

    .capability__copy {
        max-width: 100%;
    }

    .capability__bottom {
        position: static;

        display: grid;

        grid-template-columns: 1fr;

        width: 100%;

        margin-top: 30px;

        background:
            rgba(5,24,43,.42);
    }

    .capability-item {
        min-height: 50px;

        padding:
            0
            10px;

        border-left: 0;

        border-top:
            1px solid
            rgba(255,255,255,.18);

        white-space: normal;
    }

    .capability-item:first-child {
        padding-left: 10px;

        border-top: 0;
    }
}

/* =========================================================
   SECTORS / PROJECT EXPERIENCE
   Daha editoryal, daha az "4 eşit kart" hissi
   ========================================================= */

.sectors-section.section {
    position: relative;

    padding: 68px 0 72px;

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            #f8fbfd 0%,
            #f5f9fc 100%
        );
}


/* çok hafif teknik zemin */

.sectors-section::before {
    content: "";

    position: absolute;

    top: 0;
    right: 0;

    width: 46%;
    height: 100%;

    pointer-events: none;

    opacity: .28;

    background-image:
        linear-gradient(
            rgba(67, 104, 139, .04) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(67, 104, 139, .04) 1px,
            transparent 1px
        );

    background-size: 38px 38px;

    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent,
            #000
        );

    mask-image:
        linear-gradient(
            90deg,
            transparent,
            #000
        );
}


/* =========================================================
   BAŞLIK
   ========================================================= */

.sectors-heading {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 650px)
        minmax(280px, 430px);

    gap: 64px;

    justify-content: space-between;

    align-items: end;

    margin-bottom: 34px;
}


.sectors-heading__title h2 {
    max-width: 620px;

    font-size:
        clamp(
            38px,
            3.1vw,
            52px
        );
}


.sectors-heading__description {
    max-width: 430px;

    margin: 0 0 5px;

    color:
        var(
            --color-muted,
            #71879b
        );

    font-size: 13px;

    line-height: 1.7;
}


/* =========================================================
   EDITORIAL GRID

   1 büyük kart solda.
   Sağda 2 küçük üstte.
   1 yatay kart altta.
   ========================================================= */

.sector-grid {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        1.18fr
        1fr
        1fr;

    grid-template-rows:
        170px
        170px;

    gap: 10px;
}


/* =========================================================
   KART
   ========================================================= */

.sector-card {
    position: relative;

    min-width: 0;

    overflow: hidden;

    background: #dbe5ed;

    border:
        1px solid
        rgba(191, 207, 220, .75);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.sector-card:hover {
    z-index: 5;

    transform:
        translateY(-3px);

    border-color:
        rgba(126, 157, 184, .78);

    box-shadow:
        0
        18px
        38px
        rgba(25, 57, 88, .10);
}


/* =========================================================
   KART YERLEŞİMLERİ
   ========================================================= */

/* büyük sol kart */

.sector-card--1 {
    grid-column:
        1;

    grid-row:
        1 / 3;
}


/* sağ üst */

.sector-card--2 {
    grid-column:
        2;

    grid-row:
        1;
}


.sector-card--3 {
    grid-column:
        3;

    grid-row:
        1;
}


/* sağ alt geniş kart */

.sector-card--4 {
    grid-column:
        2 / 4;

    grid-row:
        2;
}


/* =========================================================
   GÖRSEL
   ========================================================= */

.sector-card__media {
    position: absolute;

    inset: 0;

    overflow: hidden;

    background: #dfe8f0;
}


.sector-card__media img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center;

    filter:
        saturate(.76)
        contrast(1.02);

    transition:
        transform .65s cubic-bezier(.2,.7,.2,1),
        filter .3s ease;
}


.sector-card:hover
.sector-card__media img {
    transform:
        scale(1.035);

    filter:
        saturate(.90)
        contrast(1.03);
}


/* =========================================================
   ALT GRADIENT
   ========================================================= */

.sector-card__shade {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(4, 25, 45, 0) 28%,
            rgba(4, 25, 45, .18) 58%,
            rgba(4, 25, 45, .86) 100%
        );
}


/* büyük kart biraz daha koyu */

.sector-card--1
.sector-card__shade {
    background:
        linear-gradient(
            180deg,
            rgba(4, 25, 45, 0) 36%,
            rgba(4, 25, 45, .18) 60%,
            rgba(4, 25, 45, .90) 100%
        );
}


/* =========================================================
   ALT METİN
   ========================================================= */

.sector-card__content {
    position: absolute;

    z-index: 3;

    left: 0;
    right: 0;
    bottom: 0;

    min-height: 76px;

    display: flex;

    align-items: end;

    justify-content: space-between;

    gap: 18px;

    padding:
        18px
        18px
        16px;

    color: #fff;
}


.sector-card__content > div {
    min-width: 0;
}


.sector-card__content h3 {
    margin: 0;

    color: #fff;

    font-size: 14px;

    font-weight: 750;

    line-height: 1.25;
}


.sector-card__content p {
    margin:
        4px
        0
        0;

    color:
        rgba(
            235,
            243,
            249,
            .82
        );

    font-size: 10.5px;

    line-height: 1.4;
}


.sector-card__arrow {
    flex:
        0
        0
        auto;

    display: grid;

    place-items: center;

    width: 31px;
    height: 31px;

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

    border-radius: 50%;

    color: #fff;

    font-size: 15px;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}


.sector-card:hover
.sector-card__arrow {
    background: #fff;

    color:
        var(
            --color-ink,
            #0a2746
        );

    transform:
        translateX(2px);
}


/* =========================================================
   BÜYÜK KART
   ========================================================= */

.sector-card--1
.sector-card__content {
    min-height: 96px;

    padding:
        22px
        22px
        20px;
}


.sector-card--1
.sector-card__content h3 {
    font-size: 17px;
}


.sector-card--1
.sector-card__content p {
    font-size: 11px;
}


/* =========================================================
   GENİŞ ALT KART
   ========================================================= */

.sector-card--4
.sector-card__media img {
    object-position:
        center
        55%;
}


.sector-card--4
.sector-card__content {
    min-height: 72px;
}


/* =========================================================
   1180PX
   ========================================================= */

@media (max-width: 1180px) {

    .sectors-section.section {
        padding:
            60px
            0
            64px;
    }


    .sectors-heading {
        grid-template-columns:
            1fr
            380px;

        gap: 38px;
    }


    .sector-grid {
        grid-template-rows:
            155px
            155px;
    }


    .sector-card__content {
        padding:
            14px
            15px;
    }

}


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

@media (max-width: 900px) {

    .sectors-section.section {
        padding:
            54px
            0;
    }


    .sectors-heading {
        display: block;

        margin-bottom: 28px;
    }


    .sectors-heading__title h2 {
        max-width: 600px;

        font-size: 39px;
    }


    .sectors-heading__description {
        max-width: 620px;

        margin-top: 16px;
    }


    /*
       Tablet:
       2 x 2 sade grid.
       Editorial yapıyı zorlamıyoruz.
    */

    .sector-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        grid-template-rows:
            repeat(
                2,
                220px
            );

        gap: 10px;
    }


    .sector-card--1,
    .sector-card--2,
    .sector-card--3,
    .sector-card--4 {
        grid-column: auto;
        grid-row: auto;
    }


    .sector-card--1
    .sector-card__content {
        min-height: 76px;

        padding:
            18px
            18px
            16px;
    }


    .sector-card--1
    .sector-card__content h3 {
        font-size: 14px;
    }


    .sector-card--1
    .sector-card__content p {
        font-size: 10.5px;
    }

}


/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 560px) {

    .sectors-section.section {
        padding:
            46px
            0;
    }


    .sectors-heading {
        margin-bottom: 22px;
    }


    .sectors-heading__title h2 {
        max-width: 340px;

        font-size: 33px;
    }


    .sectors-heading__description {
        margin-top: 13px;

        font-size: 12.5px;

        line-height: 1.6;
    }


    .sector-grid {
        display: grid;

        grid-template-columns: 1fr;

        grid-template-rows: none;

        gap: 10px;
    }


    .sector-card {
        min-height: 225px;
    }


    .sector-card--1,
    .sector-card--2,
    .sector-card--3,
    .sector-card--4 {
        grid-column: auto;
        grid-row: auto;
    }


    .sector-card__content {
        min-height: 74px;

        padding:
            17px
            16px
            15px;
    }


    .sector-card__content h3,
    .sector-card--1
    .sector-card__content h3 {
        font-size: 14px;
    }


    .sector-card__content p,
    .sector-card--1
    .sector-card__content p {
        font-size: 10.5px;
    }


    .sector-card__arrow {
        width: 29px;
        height: 29px;

        font-size: 14px;
    }

}


/* =========================================================
   ÇOK KÜÇÜK MOBİL
   ========================================================= */

@media (max-width: 380px) {

    .sectors-heading__title h2 {
        font-size: 30px;
    }


    .sector-card {
        min-height: 205px;
    }

}

/* =========================================================
   CLOSING
   SOL ALINTI + ORTADA MÜHENDİSLİK GÖRSELİ + SAĞ CTA
   Görsel kutu gibi değil, tasarımın içine karışıyor.
   ========================================================= */

.closing-section {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            #f8fbfd 0%,
            #f2f6fa 100%
        );

    border-top: 1px solid #e3eaf0;
    border-bottom: 1px solid #e3eaf0;
}


/* =========================================================
   ANA ALAN
   ========================================================= */

.closing {
    position: relative;

    width: 100%;
    min-height: 330px;

    display: grid;

    grid-template-columns:
        minmax(300px, 1fr)
        minmax(300px, 1fr);

    align-items: center;

    padding:66px var(--page-gutter);

    isolation: isolate;
}


/* =========================================================
   ORTADAKİ GÖRSEL
   Ayrı kolon DEĞİL.
   Section'ın ortasında dekoratif ana görsel.
   ========================================================= */

.closing__visual {
    position: absolute;

    z-index: 0;

    top: 0;
    bottom: 0;

    left: 27%;
    right: 23%;

    overflow: hidden;

    pointer-events: none;
}


/* soldan ve sağdan zemine yedir */

.closing__visual::before {
    content: "";

    position: absolute;

    z-index: 2;

    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,

            #f6f9fc 0%,

            rgba(246,249,252,.93) 5%,

            rgba(246,249,252,.42) 18%,

            rgba(246,249,252,.05) 35%,

            rgba(246,249,252,.04) 66%,

            rgba(246,249,252,.48) 85%,

            rgba(246,249,252,.95) 97%,

            #f6f9fc 100%
        );
}


/* alta ve üste de hafif erit */

.closing__visual::after {
    content: "";

    position: absolute;

    z-index: 3;

    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,

            rgba(246,249,252,.60) 0%,

            rgba(246,249,252,0) 20%,

            rgba(246,249,252,0) 78%,

            rgba(246,249,252,.55) 100%
        );
}


.closing__visual img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    /*
       Parçayı biraz sağa taşıyoruz.
       Görselin teknik çizim kısmı ortada kalıyor.
    */
    object-position: 58% center;

    opacity: .82;

    filter:
        saturate(.78)
        contrast(.95)
        brightness(1.05);
}


/* =========================================================
   SOL - QUOTE
   ========================================================= */

.closing__quote {
    position: relative;

    z-index: 5;

    grid-column: 1;

    max-width: 560px;

    padding-right: 80px;
}


.closing__quote blockquote {
    margin: 0;

    max-width: 520px;

    color: #294561;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-style: italic;

    font-size:
        clamp(
            24px,
            2vw,
            34px
        );

    font-weight: 400;

    line-height: 1.42;

    text-shadow:
        0 1px 18px
        rgba(248,251,253,.9);
}


.closing__quote-line {
    display: block;

    width: 55px;
    height: 1px;

    margin-top: 23px;

    background: #708ba4;
}


/* =========================================================
   SAĞ - CTA
   ========================================================= */

.closing__cta {
    position: relative;

    z-index: 5;

    grid-column: 2;

    justify-self: end;

    width: 100%;
    max-width: 350px;

    padding-left: 36px;

    border-left:
        1px solid
        rgba(91,119,146,.40);
}


/* CTA'nın arkasına çok hafif okunabilirlik */

.closing__cta::before {
    content: "";

    position: absolute;

    z-index: -1;

    top: -35px;
    right: -80px;
    bottom: -35px;
    left: -25px;

    background:
        radial-gradient(
            ellipse at right center,
            rgba(247,250,252,.98) 0%,
            rgba(247,250,252,.91) 48%,
            rgba(247,250,252,0) 82%
        );
}


.closing__cta .eyebrow {
    margin-bottom: 15px;

    color: #617f9c;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: .30em;
}


.closing__cta h2 {
    margin: 0;

    max-width: 300px;

    color:
        var(
            --color-ink,
            #0a2746
        );

    font-size:
        clamp(
            32px,
            2.5vw,
            44px
        );

    font-weight: 690;

    letter-spacing: -.04em;

    line-height: 1.02;
}


.closing__cta p {
    max-width: 300px;

    margin:
        16px
        0
        22px;

    color:
        var(
            --color-muted,
            #71879b
        );

    font-size: 13px;

    line-height: 1.65;
}


.closing__cta .button {
    min-width: 180px;
}


/* =========================================================
   1200 PX
   ========================================================= */

@media (max-width: 1200px) {

    .closing__visual {
        left: 24%;
        right: 22%;
    }


    .closing__quote {
        padding-right: 50px;
    }

}


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

@media (max-width: 900px) {

    .closing {
        min-height: 480px;

        grid-template-columns: 1fr;

        align-items: start;

        gap: 0;

        padding-top: 48px;
        padding-bottom: 42px;
    }


    .closing__visual {
        top: 100px;
        bottom: 80px;

        left: 18%;
        right: -6%;

        opacity: .72;
    }


    .closing__visual::before {
        background:
            linear-gradient(
                90deg,

                #f6f9fc 0%,

                rgba(246,249,252,.82) 12%,

                rgba(246,249,252,.10) 40%,

                rgba(246,249,252,.16) 75%,

                #f6f9fc 100%
            );
    }


    .closing__quote {
        grid-column: 1;

        max-width: 620px;

        padding-right: 0;

        margin-bottom: 150px;
    }


    .closing__cta {
        grid-column: 1;

        justify-self: start;

        max-width: 420px;

        padding-left: 0;
        padding-top: 24px;

        border-left: 0;

        border-top:
            1px solid
            rgba(91,119,146,.30);
    }


    .closing__cta::before {
        inset:
            -20px
            -60px
            -30px
            -30px;
    }

}


/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 600px) {

    .closing {
        min-height: auto;

        display: flex;

        flex-direction: column;

        align-items: stretch;

        padding:40px var(--page-gutter);
    }


    /*
       Mobilde masaüstündeki karmaşık orta kompozisyon yerine
       görseli içerikte doğal bir blok yapıyoruz.
       Böylece bozulma yok.
    */

    .closing__visual {
        position: relative;

        top: auto;
        right: auto;
        bottom: auto;
        left: auto;

        order: 2;

        width: calc(100% + 28px);
        height: 195px;

        margin:
            26px
            -14px;

        opacity: 1;
    }


    .closing__visual::before {
        background:
            linear-gradient(
                90deg,

                rgba(246,249,252,.7) 0%,

                transparent 10%,

                transparent 90%,

                rgba(246,249,252,.7) 100%
            );
    }


    .closing__visual::after {
        display: none;
    }


    .closing__visual img {
        opacity: .88;

        object-position: 60% center;
    }


    .closing__quote {
        order: 1;

        width: 100%;
        max-width: none;

        padding: 0;
        margin: 0;
    }


    .closing__quote blockquote {
        max-width: none;

        font-size: 23px;

        line-height: 1.43;
    }


    .closing__cta {
        order: 3;

        width: 100%;
        max-width: none;

        padding-left: 0;
        padding-top: 22px;

        border-left: 0;

        border-top:
            1px solid
            rgba(91,119,146,.28);
    }


    .closing__cta::before {
        display: none;
    }


    .closing__cta h2 {
        max-width: 310px;

        font-size: 32px;
    }


    .closing__cta p {
        max-width: none;
    }


    .closing__cta .button {
        width: 100%;
    }

}


.site-footer{background:#fff}
.footer{
    padding:54px 0 42px;
    display:grid;
    grid-template-columns:1.25fr .65fr 1fr .8fr;
    gap:48px;
}
.footer__logo{
    width:210px;
    min-height:58px;
    display:grid;
    align-items:center;
}
.footer__logo img{
    grid-area:1/1;
    width:100%;
    max-height:70px;
    object-fit:contain;
    object-position:left center;
}
.footer__logo .brand-logo--dark{width:93%}
.footer__brand p{
    max-width:310px;
    margin:18px 0 0;
    color:#6d8295;
    font-size:12px;
    line-height:1.65;
}
.footer__column{
    display:flex;
    flex-direction:column;
    gap:8px;
    color:#647b90;
    font-size:12px;
}
.footer__column>b{margin-bottom:5px;color:var(--color-ink);font-size:12px}
.footer__contact p{margin:0 0 5px;line-height:1.65}
.footer__statement{
    padding-left:25px;
    border-left:1px solid #ced9e2;
}
.footer__statement span{
    color:#7c98b0;
    font-size:10px;
    letter-spacing:.28em;
}
.footer__statement p{
    margin:11px 0 0;
    color:#36536d;
    font:italic 17px/1.45 Georgia,"Times New Roman",serif;
}
.footer-bottom{
    padding:18px 0 24px;
    display:flex;
    justify-content:space-between;
    gap:30px;
    border-top:1px solid #dfe7ee;
    color:#7a90a4;
    font-size:10px;
}
.footer-bottom>div{display:flex;gap:18px}


/* =========================================================
   RESPONSIVE
   ========================================================= */


/* =========================================================
   1180 PX
   ========================================================= */

@media(max-width:1180px){

    .sector-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .sector-card:nth-child(n+4){
        margin-top:0;
    }

}


/* =========================================================
   900 PX
   TABLET + MOBILE
   ========================================================= */

@media(max-width:900px){

    /* =====================================================
       HEADER
       ===================================================== */

    .capability-section__image{
        inset:0 0 0 20%;
    }


    .capability-section__overlay{
        background:
            linear-gradient(
                90deg,
                #071e33 0%,
                rgba(7,30,51,.97) 30%,
                rgba(7,30,51,.70) 62%,
                rgba(7,30,51,.42)
            );
    }


    .capability{
        grid-template-columns:1fr;

        padding-top:65px;
        padding-bottom:50px;
    }


    .capability__points{
        justify-self:stretch;

        width:100%;
        max-width:650px;
    }


    /* =====================================================
       GENERIC SECTIONS
       ===================================================== */

    .section-heading--split{
        display:block;
    }


    .section-heading--split>p{
        margin-top:18px;
    }


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


    /* =====================================================
       CLOSING
       ===================================================== */

    .closing{
        grid-template-columns:1fr;

        gap:28px;

        padding:58px var(--page-gutter);
    }


    .closing__cta{
        max-width:420px;
    }


    .closing-section__blueprint{
        left:auto;

        right:-90px;
    }


    /* =====================================================
       FOOTER
       ===================================================== */

    .footer{
        grid-template-columns:
            1fr
            1fr;
    }

}


/* =========================================================
   560 PX
   MOBILE
   ========================================================= */

@media(max-width:560px){

    .section{
        padding:66px 0;
    }


    h2{
        font-size:36px;
    }


    /* =====================================================
       NAVBAR
       ===================================================== */

    .button{
        width:100%;
    }


    /* =====================================================
       CAPABILITY
       ===================================================== */

    .capability-section__image{
        inset:0;

        background-position:
            58%
            center;
    }


    .capability-section__overlay{
        background:
            linear-gradient(
                90deg,
                rgba(7,30,51,.98),
                rgba(7,30,51,.80)
            );
    }


    .capability{
        min-height:520px;
    }


    .capability__copy h2{
        font-size:39px;
    }


    .capability__points{
        grid-template-columns:1fr;
    }


    .capability-point{
        min-height:54px;

        border-left:0;

        border-top:
            1px solid
            rgba(255,255,255,.18);
    }


    /* =====================================================
       SECTORS
       ===================================================== */

    .sector-grid{
        grid-template-columns:1fr;
    }


    .sector-card__media{
        height:190px;
    }


    /* =====================================================
       CLOSING
       ===================================================== */

    .closing__quote{
        font-size:19px;
    }


    .closing__cta{
        padding-left:0;

        padding-top:25px;

        border-left:0;

        border-top:
            1px solid
            #b9cad8;
    }


    .closing__cta h2{
        font-size:32px;
    }


    /* =====================================================
       FOOTER
       ===================================================== */

    .footer{
        grid-template-columns:1fr;

        gap:30px;
    }


    .footer__statement{
        padding-left:0;

        padding-top:22px;

        border-left:0;

        border-top:
            1px solid
            #d5e0e8;
    }


    .footer-bottom{
        display:block;

        line-height:2;
    }


    .footer-bottom>div{
        margin-top:4px;
    }

}


:root{
    color-scheme:light;
}

.brand-logo--dark{display:none!important}

body,
.hero,
.hero__services-band,
.process-section,
.process__flow,
.sectors-section,
.closing-section,
.site-footer{
    transition:background-color .28s ease,border-color .28s ease,color .28s ease;
}

:focus-visible{
    outline:3px solid #6f9dcc;
    outline-offset:4px;
}



html[data-theme="dark"]{
    color-scheme:dark;
    --color-ink:#f0f5f9;
    --color-ink-soft:#d1dde7;
    --color-accent:#8db3dc;
    --color-text:#b8c8d6;
    --color-muted:#afc1d0;
    --color-line:#20394f;
    --color-surface:#081d2d;
    --color-dark:#020912;
}

html[data-theme="dark"] .brand-logo--light{display:none!important}
html[data-theme="dark"] .brand-logo--dark{display:block!important}

html[data-theme="dark"] body{
    background:#020a12;
    color:var(--color-ink);
}

html[data-theme="dark"] ::selection{
    background:#8db3dc;
    color:#020a12;
}

html[data-theme="dark"] .eyebrow{color:#88a6bf}
html[data-theme="dark"] .text-link{border-color:#58758e}

html[data-theme="dark"] .button--primary,
html[data-theme="dark"] .navbar__cta,
html[data-theme="dark"] .navbar__mobile-cta{
    background:#edf3f7;
    color:#071d31;
}

html[data-theme="dark"] .button--primary:hover,
html[data-theme="dark"] .navbar__cta:hover,
html[data-theme="dark"] .navbar__mobile-cta:hover{
    background:#fff;
    color:#061a2c;
    box-shadow:0 14px 30px rgba(0,0,0,.2);
}

html[data-theme="dark"] .button--outline{
    border-color:#4a6881;
    background:rgba(13,41,65,.72);
    color:#eef4f8;
}

html[data-theme="dark"] .button--outline:hover{
    border-color:#7f9cb4;
    background:#123550;
}

html[data-theme="dark"] .button--light{
    background:#f5f8fa;
    color:#071d31;
}

/* Hero photography and its text contrast are shared by both themes. */

/* Süreç */
html[data-theme="dark"] .process-section.section{
    background:linear-gradient(180deg,#041624 0%,#02101c 100%);
    border-top-color:#1d354a;
    border-bottom-color:#1d354a;
}

html[data-theme="dark"] .process-section::after{
    opacity:.55;
    background-image:
        linear-gradient(rgba(141,179,210,.07) 1px,transparent 1px),
        linear-gradient(90deg,rgba(141,179,210,.07) 1px,transparent 1px);
}

html[data-theme="dark"] .process__intro{border-right-color:#223d53}
html[data-theme="dark"] .process__flow{
    border:1px solid rgba(110,148,179,.25);
    border-radius:8px;
    background:linear-gradient(145deg,rgba(19,48,69,.66),rgba(4,20,33,.48));
    -webkit-backdrop-filter:blur(14px) saturate(118%);
    backdrop-filter:blur(14px) saturate(118%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 48px rgba(0,0,0,.18);
    overflow:hidden;
}

html[data-theme="dark"] .process-step__number{color:#79a6ca}
html[data-theme="dark"] .process-step__track::after{background:linear-gradient(90deg,#3b607d,#31536d)}
html[data-theme="dark"] .process-step__icon{background:rgba(7,27,43,.88);color:#eef4f8}
html[data-theme="dark"] .process-step__icon::after{background:rgba(7,27,43,.74)}

/* Üretim görseli */
html[data-theme="dark"] .capability-section{border-top:1px solid #28455d;border-bottom:1px solid #28455d}

/* Sektörler */
html[data-theme="light"] .sectors-section.section{
    background:
        radial-gradient(circle at 82% 8%,rgba(127,164,210,.11),transparent 34%),
        linear-gradient(180deg,#f8fbfd 0%,#f3f7fa 100%);
}

html[data-theme="light"] .sectors-section::after{
    content:"";
    position:absolute;
    z-index:0;
    top:-180px;
    right:5%;
    width:440px;
    height:440px;
    border-radius:50%;
    background:rgba(130,168,214,.13);
    filter:blur(74px);
    pointer-events:none;
}

html[data-theme="light"] .sector-card{
    isolation:isolate;
    border-color:rgba(148,173,194,.66);
    border-radius:12px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 18px 42px rgba(24,55,84,.10);
}

html[data-theme="light"] .sector-card__content{
    background:linear-gradient(180deg,rgba(9,31,50,.10),rgba(6,25,43,.68));
    border-top:1px solid rgba(255,255,255,.16);
    -webkit-backdrop-filter:blur(8px) saturate(118%);
    backdrop-filter:blur(8px) saturate(118%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

html[data-theme="light"] .sector-card__arrow{
    background:rgba(255,255,255,.10);
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
}

html[data-theme="light"] .sector-card:hover{
    border-color:rgba(104,143,176,.82);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.66),0 22px 48px rgba(24,55,84,.15);
}

html[data-theme="dark"] .sectors-section.section{
    background:linear-gradient(180deg,#03131f 0%,#020b14 100%);
}

html[data-theme="dark"] .sectors-section::before{
    opacity:.56;
    background-image:
        linear-gradient(rgba(142,178,208,.07) 1px,transparent 1px),
        linear-gradient(90deg,rgba(142,178,208,.07) 1px,transparent 1px);
}

html[data-theme="dark"] .sector-card{
    background:rgba(9,29,45,.78);
    border-color:rgba(104,143,174,.34);
    border-radius:14px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 42px rgba(0,0,0,.18);
}

html[data-theme="dark"] .sector-card__media{background:#071b2b}
html[data-theme="dark"] .sector-card__content{
    background:linear-gradient(180deg,rgba(3,13,23,.08),rgba(3,13,23,.84));
    -webkit-backdrop-filter:blur(7px) saturate(112%);
    backdrop-filter:blur(7px) saturate(112%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
html[data-theme="dark"] .sector-card:hover{
    border-color:rgba(125,161,191,.9);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 22px 48px rgba(0,0,0,.36);
}
html[data-theme="dark"] .sector-card:hover .sector-card__arrow{color:#071d31}

/* Kapanış */
html[data-theme="dark"] .closing-section{
    background:linear-gradient(180deg,#03131f 0%,#020a12 100%);
    border-top-color:#1e374c;
    border-bottom-color:#1e374c;
}

html[data-theme="dark"] .closing__visual{
    left:12%;
    right:8%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 10%,#000 25%,#000 76%,rgba(0,0,0,.35) 91%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 10%,#000 25%,#000 76%,rgba(0,0,0,.35) 91%,transparent 100%);
}

html[data-theme="dark"] .closing__visual::before{
    background:linear-gradient(90deg,rgba(3,19,31,.62) 0%,rgba(3,19,31,.30) 15%,rgba(3,19,31,.07) 34%,rgba(3,19,31,.04) 66%,rgba(3,19,31,.25) 86%,rgba(3,19,31,.58) 100%);
}

html[data-theme="dark"] .closing__visual::after{
    background:linear-gradient(180deg,rgba(3,19,31,.42) 0%,rgba(3,19,31,0) 22%,rgba(3,19,31,0) 76%,rgba(3,19,31,.46) 100%);
}

html[data-theme="dark"] .closing__visual img{
    opacity:.68;
    filter:saturate(.65) contrast(1.04) brightness(.72);
}

html[data-theme="dark"] .closing__quote blockquote{
    color:#d8e2ea;
    text-shadow:0 1px 18px rgba(2,14,24,.9);
}

html[data-theme="dark"] .closing__quote-line{background:#6d8aa2}
html[data-theme="dark"] .closing__cta{
    max-width:390px;
    padding:28px 30px;
    border:1px solid rgba(112,151,183,.24);
    border-radius:16px;
    background:linear-gradient(145deg,rgba(18,45,65,.48),rgba(4,19,31,.38));
    -webkit-backdrop-filter:blur(16px) saturate(120%);
    backdrop-filter:blur(16px) saturate(120%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 22px 56px rgba(0,0,0,.18);
}
html[data-theme="dark"] .closing__cta::before{
    inset:0;
    border-radius:inherit;
    background:radial-gradient(circle at 90% 8%,rgba(112,158,194,.08),transparent 48%);
}
html[data-theme="dark"] .closing__cta .eyebrow{color:#8ca8bf}

/* Footer */
html[data-theme="dark"] .site-footer{background:#020811}
html[data-theme="dark"] .footer__brand p,
html[data-theme="dark"] .footer__column{color:#98adbe}
html[data-theme="dark"] .footer__column>b{color:#eef4f8}
html[data-theme="dark"] .footer__statement{border-left-color:#29455d}
html[data-theme="dark"] .footer__statement span{color:#86a2b9}
html[data-theme="dark"] .footer__statement p{color:#bccbd7}
html[data-theme="dark"] .footer-bottom{
    border-top-color:#274157;
    color:#8299ac;
}

@media(max-width:900px){
    html[data-theme="dark"] .process__intro{border-bottom-color:#2b4860}
    html[data-theme="dark"] .process-step{border-bottom-color:#29465f}

    html[data-theme="dark"] .closing__visual::before{
        background:linear-gradient(90deg,rgba(3,19,31,.56) 0%,rgba(3,19,31,.22) 22%,rgba(3,19,31,.05) 50%,rgba(3,19,31,.20) 80%,rgba(3,19,31,.52) 100%);
    }

    html[data-theme="dark"] .closing__visual{
        left:10%;
        right:-4%;
        -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 82%,transparent 100%);
        mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 82%,transparent 100%);
    }

    html[data-theme="dark"] .closing__cta{border-top-color:rgba(111,142,168,.38)}
}

@media(max-width:600px){
    .closing{
        width:100%;
        min-height:auto;
        padding:40px var(--page-gutter) 36px;
        overflow:hidden;
    }

    .closing__visual{
        width:calc(100% + var(--page-gutter) + var(--page-gutter));
        height:205px;
        margin:22px calc(0px - var(--page-gutter)) 20px;
    }

    .closing__quote,
    .closing__cta{
        min-width:0;
    }

    .closing__cta{
        box-sizing:border-box;
        width:100%;
        max-width:none;
        padding-left:0;
        padding-top:22px;
    }

    .closing__cta h2{
        max-width:none;
    }

    html[data-theme="dark"] .closing__visual::before{
        background:linear-gradient(90deg,rgba(3,19,31,.42) 0%,transparent 16%,transparent 84%,rgba(3,19,31,.42) 100%);
    }
    html[data-theme="dark"] .closing__visual{
        left:auto;
        right:auto;
        -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%);
        mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%);
    }
    html[data-theme="dark"] .closing__visual img{opacity:.74}
    html[data-theme="dark"] .closing__cta{
        padding:24px 20px 20px;
        border:1px solid rgba(112,151,183,.32);
        border-radius:14px;
    }
}

@media(max-width:560px){

    .sectors-section.section{padding:48px 0 52px}
    .sectors-heading__title h2{
        max-width:none;
        font-size:clamp(31px,9vw,35px);
        overflow-wrap:normal;
    }
    .sector-grid{gap:14px}
    .sector-card{
        min-height:238px;
        border-radius:14px;
    }
    .sector-card__media{height:100%}
    .sector-card__content{
        min-height:78px;
        padding:18px 17px 16px;
    }

    html[data-theme="dark"] .footer__statement{border-top-color:#29455d}
}

@media(prefers-reduced-motion:reduce){
    body,
        .hero,
    .hero__services-band,
    .process-section,
    .process__flow,
    .sectors-section,
    .closing-section,
    .site-footer,
    .theme-toggle,
    .theme-toggle__icon{
        transition:none!important;
    }
}


/* BR TECH type scale. Layout and theme surfaces remain in their own files. */
h1,h2,h3,.eyebrow,.button,.text-link,.hero__secondary-link,
.quick-service b,.process-step__number,.process-step__content b,
.capability-item,.footer__column>b,.footer__statement{
    font-family:var(--font-display);
}
h2,.process__intro h2,.sectors-heading__title h2,.capability__copy h2,.closing__cta h2{
    font-size:clamp(34px,3.2vw,46px);
    font-weight:700;
    line-height:1.08;
    letter-spacing:.005em;
    text-transform:uppercase;
    text-wrap:balance;
}
.eyebrow,.closing__cta .eyebrow{
    font-size:13px;
    font-weight:700;
    line-height:1.3;
    letter-spacing:.20em;
}
.hero__eyebrow{margin-bottom:24px}
.hero__title{
    font-size:clamp(42px,3.55vw,56px);
    font-weight:700;
    line-height:1.04;
    letter-spacing:-.008em;
    text-transform:uppercase;
}
.hero__title>span{white-space:nowrap}
.hero__title>span+span{margin-top:7px}
.hero__lead{
    margin:27px 0 32px;
    color:var(--hero-muted,#526a80);
    font-size:19px;
    font-weight:500;
    line-height:1.65;
}
.button,.text-link,.hero__secondary-link{
    font-size:17px;
    font-weight:700;
    line-height:1.25;
    letter-spacing:.035em;
}
.button{min-height:54px}
.text-link{padding-bottom:7px}
.hero__secondary-link{gap:26px}
.quick-service{padding-block:18px}
.quick-service b{
    font-size:16px;
    font-weight:600;
    letter-spacing:.045em;
    line-height:1.35;
}
.quick-service__line{flex-basis:16px;width:16px}
.process__intro h2{font-size:clamp(36px,3vw,44px)}
.process__summary>p,.sectors-heading__description,.closing__cta p,.section-heading--split>p{
    font-size:17px;
    line-height:1.65;
    font-weight:400;
}

.process-step__number{font-size:32px;font-weight:600;letter-spacing:.015em}
.process-step__content b{font-size:21px;line-height:1.15;font-weight:600}
.process-step__content p{max-width:38ch;margin-top:10px;font-size:16px;line-height:1.55;font-weight:400}
.capability__copy p{max-width:440px;margin:23px 0 28px;color:#dae4ed;font-size:18px;line-height:1.65}
.capability-item{font-size:16px;font-weight:600;letter-spacing:.02em}
.sector-grid{grid-template-rows:repeat(2,clamp(190px,12.5vw,360px))}
.sector-card__content h3,.sector-card--1 .sector-card__content h3{
    font-size:24px;font-weight:600;line-height:1.1;letter-spacing:.01em;
}
.sector-card__content p,.sector-card--1 .sector-card__content p{
    margin-top:7px;color:#e1e9f0;font-size:15px;font-weight:400;line-height:1.4;
}
.closing__quote blockquote{
    font-family:var(--font-display);
    font-size:clamp(30px,2.7vw,42px);
    font-weight:600;
    font-style:normal;
    letter-spacing:.005em;
    line-height:1.22;
}
.closing__cta h2{font-size:clamp(36px,2.9vw,44px)}
.footer__logo{width:250px}
.footer__logo img{max-height:none}
.footer__logo .brand-logo--dark{width:100%}
.footer__brand p,.footer__column{font-size:16px;line-height:1.6;color:#526a80}
.footer__column{min-width:0;gap:10px}
.footer__column a{overflow-wrap:anywhere}
.footer__column>b{font-size:19px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.footer__statement span{font-size:13px;font-weight:600;letter-spacing:.2em}
.footer__statement p{font:600 25px/1.25 var(--font-display)}
.footer-bottom{font-size:14px;line-height:1.5;color:#536b80}
@media(min-width:901px) and (max-width:1180px){
    .footer{gap:28px}
    .footer__logo{width:100%;max-width:250px}
}
@media(max-width:900px){
    .hero__title{font-size:clamp(42px,6.8vw,56px)}
    .hero__title>span{white-space:normal}
    .hero__lead{max-width:620px}
    .quick-service b{font-size:16px}
    .process-step__number{font-size:28px}
    .sector-grid{grid-template-rows:240px 240px}
    .sector-card__content h3,.sector-card--1 .sector-card__content h3{font-size:23px}
}
@media(max-width:560px){
    h2,.process__intro h2,.sectors-heading__title h2,.capability__copy h2{max-width:none;font-size:clamp(32px,8.3vw,38px)}
    .eyebrow,.closing__cta .eyebrow{font-size:12px;letter-spacing:.17em}
    .hero__title{font-size:clamp(34px,8.5vw,42px);line-height:1.05}
    .hero__title>span{white-space:normal}
    .hero__title>span+span{margin-top:6px}
    .hero__lead{font-size:17px;line-height:1.6;margin:23px 0 27px}
    .hero__actions{gap:22px}
    .hero__primary-cta{min-width:145px;padding-inline:22px}
    .hero__secondary-link{font-size:16px;gap:15px}
    .hero__secondary-link:hover{gap:19px}
    .quick-service,.quick-service:first-child{min-height:78px;padding-block:15px}
    .quick-service b{font-size:14px;letter-spacing:.025em}
    .process__summary>p,.sectors-heading__description,.closing__cta p{font-size:16px}
    .process-step__number{font-size:25px}
    .process-step__content b{font-size:20px}
    .process-step__content p{font-size:15px;line-height:1.55;margin-top:7px}
    .capability__copy p{font-size:17px}
    .capability-item{font-size:16px;min-height:56px}
    .sector-grid{grid-template-rows:none;grid-auto-rows:minmax(250px,auto)}
    .sector-card__content h3,.sector-card--1 .sector-card__content h3{font-size:24px}
    .sector-card__content p,.sector-card--1 .sector-card__content p{font-size:15px}
    .closing__quote blockquote{font-size:30px;line-height:1.25}
    .closing__cta h2{font-size:36px}
    .footer{gap:32px}
    .footer__logo{width:235px}
    .footer-bottom{font-size:13px}
}


/* The hero reserves opening space; the fixed glass header never shifts content. */
:root{
    --header-height:112px;
    --header-compact-height:80px;
    --brand-size:clamp(260px,22vw,320px);
--header-fallback: #fff;
--header-surface: rgba(255,255,255,.94);
--header-compact-surface: rgba(255,255,255,.98);
--header-line: rgba(15,42,68,.10);
    --nav-text:#183650;
    --nav-control:#f5f8fb;
    --nav-control-line:#c9d8e4;
    --nav-panel:rgba(255,255,255,.98);
}
html[data-theme="dark"]{
    --header-fallback:#071522;
    --header-surface:rgba(5,16,29,.38);
    --header-compact-surface:rgba(5,16,29,.78);
    --header-line:rgba(211,229,243,.18);
    --nav-text:#e0e9f0;
    --nav-control:rgba(22,46,66,.8);
    --nav-control-line:rgba(112,151,183,.42);
    --nav-panel:rgba(4,17,29,.97);
}
body{padding-top:0}
section[id],footer[id]{scroll-margin-top:calc(var(--header-compact-height) + 20px)}
#top{scroll-margin-top:var(--header-height)}
.site-header{
    position:fixed;
    inset:0 0 auto;
    z-index:1000;
    height:var(--header-height);
    background:var(--header-fallback);
    border-bottom:1px solid var(--header-line);
    -webkit-backdrop-filter:blur(22px) saturate(135%);
    backdrop-filter:blur(22px) saturate(135%);
    box-shadow:inset 0 1px rgba(255,255,255,.09),0 6px 26px rgba(0,12,25,.07);
    transition:height .28s ease,background-color .28s ease,box-shadow .28s ease;
}
.site-header.is-compact{
    height:var(--header-compact-height);
    box-shadow:inset 0 1px rgba(255,255,255,.07),0 8px 28px rgba(0,12,25,.15);
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
    .site-header{background:var(--header-surface)}
    .site-header.is-compact{background:var(--header-compact-surface)}
}
.navbar{
    position:relative;
    display:grid;
    grid-template-columns:var(--brand-size) minmax(0,1fr) auto;
    align-items:center;
    gap:24px;
    height:100%;
}
.navbar__brand{display:grid;align-items:center;width:var(--brand-size);min-width:0;transition:width .28s ease}
.site-header.is-compact .navbar__brand{width:calc(var(--brand-size) * .74)}
.navbar__brand img{grid-area:1/1;width:100%;height:auto;max-height:none;object-fit:contain;object-position:left center}
.navbar__brand .brand-logo--light{transform:translateY(5px)}
.navbar__menu{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:clamp(18px,2vw,30px);
    height:100%;
    font-family:var(--font-display);
    font-size:18px;
    font-weight:600;
    letter-spacing:.035em;
    line-height:1.2;
    text-transform:uppercase;
}
.navbar__menu>a:not(.navbar__mobile-cta){position:relative;display:flex;align-items:center;min-height:48px;height:100%;color:var(--nav-text);white-space:nowrap}
.navbar__menu>a:not(.navbar__mobile-cta)::after{
    content:"";
    position:absolute;
    inset:auto 0 19px;
    height:2px;
    background:currentColor;
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .2s ease,bottom .28s ease;
}
.site-header.is-compact .navbar__menu>a::after{bottom:10px}
.navbar__menu>a:hover::after,.navbar__menu>a.is-active::after{transform:scaleX(1)}
.navbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.navbar__cta,.navbar__mobile-cta{
    display:inline-flex;align-items:center;justify-content:center;gap:20px;
    min-height:50px;padding:0 22px;border-radius:var(--radius-sm);background:#0a2746;color:#fff;
    font-family:var(--font-display);font-size:17px;line-height:1.2;font-weight:700;letter-spacing:.045em;
    text-transform:uppercase;white-space:nowrap;
}
html[data-theme="dark"] .navbar__cta,html[data-theme="dark"] .navbar__mobile-cta{background:#edf3f7;color:#071d31}
.theme-toggle,.navbar__toggle{
    flex:0 0 44px;width:44px;height:44px;padding:0;
    border:1px solid var(--nav-control-line);background:var(--nav-control);color:var(--nav-text);cursor:pointer;
    transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.theme-toggle{display:grid;place-items:center;border-radius:50%}
.theme-toggle:hover,.navbar__toggle:hover{border-color:#7297b8;transform:translateY(-1px)}
.theme-toggle__icon{
    grid-area:1/1;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;
    stroke-linecap:round;stroke-linejoin:round;transition:opacity .2s ease,transform .25s ease;
}
.theme-toggle__icon--sun{opacity:0;transform:rotate(-35deg) scale(.72)}
html[data-theme="dark"] .theme-toggle{color:#f1d8a0}
html[data-theme="dark"] .theme-toggle__icon--moon{opacity:0;transform:rotate(35deg) scale(.72)}
html[data-theme="dark"] .theme-toggle__icon--sun{opacity:1;transform:rotate(0) scale(1)}
.navbar__toggle,.navbar__mobile-cta{display:none}
@media(max-width:1180px){
    :root{--header-height:96px;--header-compact-height:74px;--brand-size:236px}
    .navbar{grid-template-columns:minmax(0,1fr) auto;gap:16px}
    .navbar__cta{display:none}
    .navbar__toggle{position:relative;display:block;border-radius:8px}
    .navbar__toggle span{
        position:absolute;left:11px;width:20px;height:2px;border-radius:1px;background:currentColor;
        transition:top .2s ease,opacity .2s ease,transform .2s ease;
    }
    .navbar__toggle span:nth-child(1){top:14px}
    .navbar__toggle span:nth-child(2){top:21px}
    .navbar__toggle span:nth-child(3){top:28px}
    .navbar__toggle[aria-expanded="true"] span:nth-child(1){top:21px;transform:rotate(45deg)}
    .navbar__toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
    .navbar__toggle[aria-expanded="true"] span:nth-child(3){top:21px;transform:rotate(-45deg)}
    .navbar__menu{
        position:absolute;inset:calc(100% + 8px) 0 auto;
        display:flex;flex-direction:column;align-items:stretch;gap:0;height:auto;
        max-height:calc(100dvh - var(--header-height) - 24px);overflow-y:auto;overscroll-behavior:contain;
        padding:10px;border:1px solid var(--nav-control-line);border-radius:10px;
        background:var(--nav-panel);box-shadow:0 22px 54px rgba(0,12,25,.2);font-size:20px;
        opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);
        transition:opacity .2s ease,visibility .2s ease,transform .2s ease;
    }
    .navbar__menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
    .navbar__menu>a:not(.navbar__mobile-cta){height:auto;min-height:52px;padding:14px 16px;border-bottom:1px solid var(--header-line)}
    .navbar__menu>a:not(.navbar__mobile-cta):hover,.navbar__menu>a.is-active{background:var(--nav-control)}
    .navbar__menu>a::after{display:none}
    .navbar__mobile-cta{display:flex;margin-top:10px;min-height:52px;font-size:18px}
}
@media(max-width:560px){
    :root{--header-height:90px;--header-compact-height:68px;--brand-size:clamp(164px,52vw,216px)}
    .navbar{gap:12px}
    .navbar__actions{gap:8px}
}
@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    .site-header,.navbar__brand,.navbar__menu,.navbar__menu>a::after,
    .navbar__toggle,.navbar__toggle span,.theme-toggle,.theme-toggle__icon{transition:none}
}
/* =========================================================
   LANGUAGE TOGGLE
   ========================================================= */

.language-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    flex:0 0 48px;
    width:48px;
    height:44px;

    padding:0;

    border:1px solid var(--nav-control-line);
    border-radius:8px;

    background:var(--nav-control);
    color:var(--nav-text);

    font-family:var(--font-display);
    font-size:14px;
    font-weight:700;
    line-height:1;
    letter-spacing:.08em;

    text-transform:uppercase;

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease,
        transform .2s ease;
}


.language-toggle:hover{
    border-color:#7297b8;
    transform:translateY(-1px);
}


.language-toggle:focus-visible{
    outline:2px solid currentColor;
    outline-offset:3px;
}


@media(max-width:560px){

    .language-toggle{
        flex-basis:44px;
        width:44px;
        height:42px;
        font-size:13px;
    }

}


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

    .language-toggle{
        transition:none;
    }

}

.footer-bottom__links{display:flex;align-items:center;gap:18px}
.footer-bottom__credit{color:#91a3b3;white-space:nowrap}
.footer-bottom__credit strong{color:#536b80;font-weight:600}

@media (max-width: 900px){
    .footer-bottom__links{margin-top:4px;display:flex;flex-wrap:wrap;gap:4px 14px}
}
@media (max-width: 560px){
    .footer-bottom__links{display:block}
    .footer-bottom__credit{display:block;white-space:normal}
}