@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/xn7gYHE41ni1AdIRggqxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/xn7gYHE41ni1AdIRggOxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/xn7gYHE41ni1AdIRggSxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/xn7gYHE41ni1AdIRggixSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/xn7gYHE41ni1AdIRggmxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/xn7gYHE41ni1AdIRggexSvfedN4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/xn7gYHE41ni1AdIRggqxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/xn7gYHE41ni1AdIRggOxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/xn7gYHE41ni1AdIRggSxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/xn7gYHE41ni1AdIRggixSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/xn7gYHE41ni1AdIRggmxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/xn7gYHE41ni1AdIRggexSvfedN4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/xn7gYHE41ni1AdIRggqxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/xn7gYHE41ni1AdIRggOxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/xn7gYHE41ni1AdIRggSxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/xn7gYHE41ni1AdIRggixSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/xn7gYHE41ni1AdIRggmxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/xn7gYHE41ni1AdIRggexSvfedN4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/xn7gYHE41ni1AdIRggqxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/xn7gYHE41ni1AdIRggOxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/xn7gYHE41ni1AdIRggSxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/xn7gYHE41ni1AdIRggixSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/xn7gYHE41ni1AdIRggmxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/xn7gYHE41ni1AdIRggexSvfedN4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Terapi Sureci · SUREC SERIDI
   Duzen: solda metin sagda fotograf hero, ardindan yatay kayan surec seridi,
   sonra sabitlenen kaba hat. Kart izgarasi YOK; omurga adim siralamasidir.
   Palet: Pantone 18-0135 Kale. Aydinlik, tek tema.
   Ton: yumusak yesil zemin, genis satir arasi, keskin kontrast yok. */

:root{
  --font-display:"Manrope","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-body:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;

  --brand:#5A7247; --brand-koyu:#3C4E2E; --brand-acik:#EBF1E4; --brand-sis:#F0F5EA;
  --vurgu:#C46B3D; --vurgu-koyu:#8A4520; --vurgu-acik:#FBEEE5;
  --bg:#F7F9F4; --kagit:#FFFFFF;
  --ink:#161C12; --ink-2:#454E3D; --ink-3:#77816D;
  --cizgi:#DCE4D2; --link:#3C4E2E; --focus:#5A7247;

  --wrap:76rem; --dar:44rem;
  --h1:clamp(2.3rem,1.5rem + 3.3vw,4rem);
  --h1-w:800; --h2-w:700;
  --yuvarlak:18px;
}

/* Sakin ton: satir arasi genis, olcu kisa, harf araligi gevsek */
body{line-height:1.78;letter-spacing:.002em}
h1{letter-spacing:-.028em}
p{margin-bottom:var(--space-5)}
.lede{line-height:1.55;color:var(--ink-2)}

/* --- Baslik seridi: sabit, yumusak yesil, keskin golge yok --- */
.chrome{
  position:sticky;top:0;z-index:60;background:rgba(247,249,244,.92);
  -webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);
  border-bottom:1px solid var(--cizgi);
}
.chrome .bar{display:flex;align-items:center;gap:var(--space-5);
  flex-wrap:wrap;padding:var(--space-3) 0}
.brand{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);
  font-weight:800;font-size:1.06rem;letter-spacing:-.02em;color:var(--brand-koyu);text-decoration:none}
.brand .mark{color:var(--brand);flex:none}
.nav{display:flex;gap:var(--space-5);margin-left:auto;flex-wrap:wrap}
.nav a{color:var(--ink-2);text-decoration:none;font-size:.92rem;font-weight:500}
.nav a:hover{color:var(--brand-koyu);text-decoration:underline;text-underline-offset:.3em}
.nav a[aria-current="page"]{color:var(--brand-koyu);font-weight:600;
  text-decoration:underline;text-underline-offset:.35em;text-decoration-color:var(--brand)}
.navtoggle{display:none;margin-left:auto;background:none;border:0;color:var(--brand-koyu);
  padding:var(--space-2);cursor:pointer;line-height:0}

/* --- Hero: metin solda, fotograf sagda. Metin gorselin ustune BINMEZ --- */
.hero{background:linear-gradient(178deg,var(--brand-sis) 0%,var(--bg) 78%);
  padding:clamp(2.5rem,5vw,var(--space-9)) 0 clamp(2.5rem,5vw,var(--space-8))}
.hero-ic{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:clamp(1.75rem,4vw,4rem);align-items:center}
.hero h1{max-width:15ch;margin-bottom:var(--space-5)}
.hero .lede{max-width:44ch;margin-bottom:0}
.hero-gorsel img{width:100%;aspect-ratio:16/10;object-fit:cover;
  border-radius:var(--yuvarlak);box-shadow:0 18px 44px -28px rgba(22,28,18,.4)}
.hero-gorsel figcaption{color:var(--ink-3)}

/* --- Surec seridi: sayfanin omurgasi. Kart degil, numarali dikey blok --- */
.serit{background:var(--kagit);border-block:1px solid var(--cizgi);
  padding:var(--space-8) 0}
.serit-ust{margin-bottom:var(--space-7)}
.serit-ust h2{margin-bottom:var(--space-2)}
.serit-ust p{color:var(--ink-3);margin:0;font-size:.95rem}

/* Varsayilan hal: alt alta. Mobil, azaltilmis hareket ve JS yoksa gecerli olan budur.
   Bu halde serit de sayfa olugunu kullanir, tam kenara dayanmaz. */
.sirit{display:grid;gap:var(--space-6);
  width:min(100% - var(--space-5)*2,var(--wrap));margin-inline:auto}
/* Alt alta halde numara solda, metin sagda: kart degil, numarali adim satiri */
.adim{display:grid;grid-template-columns:minmax(4rem,auto) minmax(0,1fr);
  grid-template-areas:"no baslik" "no ozet" "no git";
  column-gap:var(--space-5);text-decoration:none;color:inherit;
  border-top:2px solid var(--cizgi);padding-top:var(--space-4);
  transition:border-color 200ms ease}
.adim .no{grid-area:no;align-self:start}
.adim h3{grid-area:baslik}
.adim p{grid-area:ozet}
.adim .git{grid-area:git}
.adim:hover{border-top-color:var(--brand)}
.adim .no{display:block;font-family:var(--font-display);font-weight:800;
  font-size:clamp(2.4rem,5vw,3.4rem);line-height:1;letter-spacing:-.05em;
  color:var(--brand);opacity:.55}
.adim h3{margin:0 0 var(--space-2);color:var(--ink)}
.adim p{margin:0 0 var(--space-4);max-width:46ch;color:var(--ink-2);font-size:.95rem;line-height:1.6}
.adim .git{font-size:.82rem;font-weight:600;letter-spacing:.02em;color:var(--brand-koyu)}
.adim:hover .git{text-decoration:underline;text-underline-offset:.3em}

/* Yatay hal: yalnizca JS acabilir. Genis ekran + hareket kisiti yok + GSAP var. */
.yatay-hazir .serit{min-height:100vh;display:flex;align-items:center;
  overflow:hidden;padding:0}
.yatay-hazir .serit-ic{width:100%}
.yatay-hazir .serit-ust{padding-block:var(--space-7) 0}
/* Serit basi sayfa oluguyla hizali. Sondaki oluk PADDING DEGIL gercek bir oge:
   Chrome bir flex kabinin scrollWidth'ine sondaki padding'i katmiyor, motion-gsap.js
   de kaydirma mesafesini scrollWidth'ten hesapliyor; padding kullanilirsa son kart
   ekranin sag kenarinda kirpik kaliyor. */
.yatay-hazir .sirit{display:flex;gap:var(--space-6);will-change:transform;
  width:auto;margin-inline:0;
  padding-left:max(var(--space-5),calc((100vw - var(--wrap))/2));
  padding-bottom:var(--space-8)}
.serit-son{display:none}
.yatay-hazir .serit-son{display:block;
  flex:0 0 max(var(--space-5),calc((100vw - var(--wrap))/2))}
.yatay-hazir .adim{flex:0 0 clamp(16rem,21vw,19.5rem);display:flex;flex-direction:column;
  min-height:clamp(15rem,29vh,19rem)}
.yatay-hazir .adim .no{font-size:clamp(3rem,4.4vw,4.2rem)}
.yatay-hazir .adim h3{margin-top:var(--space-3)}
.yatay-hazir .adim p{max-width:none}
/* Metin ustte kalir, "Adimi oku" kartin dibine yaslanir: kartlar ayni hizada biter */
.yatay-hazir .adim p{margin-bottom:auto;padding-bottom:var(--space-5)}

/* --- Kaba hat: solda sabitlenen anlatim, sagda adim adim acilan surec --- */
.hat{padding:var(--space-8) 0}
.hat-ic{display:grid;gap:var(--space-6)}
.hat-metin h2{margin-bottom:0;max-width:12ch}
.hat-adimlar>p{color:var(--ink-2);margin-bottom:var(--space-7)}
@media (min-width:56.001rem) and (prefers-reduced-motion:no-preference){
  .hat-ic{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
    gap:clamp(2rem,5vw,4.5rem);align-items:start}
  /* Sol sutun okuma boyunca yerinde durur. JS pin degil, sticky:
     ayni sayfadaki serit pin'iyle cakismaz ve JS olmadan da bozulmaz. */
  .hat-metin{position:sticky;top:5.5rem}
  .hat-metin h2{font-size:clamp(2rem,1.2rem + 2.2vw,3rem)}
}

/* --- Adim listesi: sol kenarda surekli yesil cizgi, numaralar cizgi ustunde daire --- */
.steps{list-style:none;counter-reset:adim;position:relative;
  margin:var(--space-6) 0;padding:0 0 0 3.5rem;max-width:var(--measure)}
.steps::before{content:"";position:absolute;left:calc(1.15rem - 1px);
  top:.5rem;bottom:.5rem;width:2px;background:var(--brand);opacity:.3}
.steps>li{position:relative;counter-increment:adim;margin-bottom:var(--space-6)}
.steps>li:last-child{margin-bottom:0}
.steps>li::before{content:counter(adim);position:absolute;left:-3.5rem;top:-.2rem;
  width:2.3rem;height:2.3rem;border-radius:50%;display:grid;place-items:center;
  background:var(--kagit);border:2px solid var(--brand);color:var(--brand-koyu);
  font-family:var(--font-display);font-weight:800;font-size:.92rem;line-height:1}
.steps h3{margin:0 0 var(--space-2)}
.steps p{margin:0;color:var(--ink-2)}

/* --- Acil ve kriz yonlendirmesi: turuncu sol kural, yesil sakinlikten ayrisir --- */
.acil{border-left:5px solid var(--vurgu);background:var(--vurgu-acik);
  border-radius:0 12px 12px 0;padding:var(--space-4) var(--space-5);
  margin:var(--space-7) 0;max-width:var(--measure)}
.acil p{margin:0;color:#4A2410;font-weight:500}
.acil strong{color:var(--vurgu-koyu)}

/* --- Ilgili sayfa koprusu: sakin yesil, kart degil --- */
.callout{border-left:3px solid var(--brand);background:var(--brand-acik);
  border-radius:0 12px 12px 0;padding:var(--space-4) var(--space-5);
  margin:var(--space-7) 0;max-width:var(--measure)}
.callout p{margin:0;font-size:.95rem;color:var(--ink-2)}
.callout a{color:var(--brand-koyu);font-weight:600}

/* --- Duz yazi bolumleri --- */
.bolum{padding:var(--space-8) 0}
/* Okuma sutunu metin olcusuyle ayni genislikte: baslik kurallari da metinle hizali biter */
.yazi{width:min(100%,46rem)}
.yazi h1{margin-bottom:var(--space-5)}
.yazi h2{margin-top:var(--space-8);margin-bottom:var(--space-4);
  padding-top:var(--space-4);border-top:1px solid var(--cizgi)}
.yazi>h1+.lede{margin-bottom:var(--space-7)}
.yazi p{color:var(--ink-2)}
.yazi ul,.yazi ol:not(.steps){max-width:var(--measure);color:var(--ink-2);padding-left:1.3rem}
.yazi li{margin-bottom:var(--space-3)}
.yazi a{color:var(--link);font-weight:500}

/* SSS blogu: build_site FAQPage schema ile birlikte otomatik basar */
.section{padding:0 0 var(--space-8)}
.prose h2{margin-top:var(--space-7);margin-bottom:var(--space-5)}
.qa{border-top:1px solid var(--cizgi);padding-top:var(--space-5);margin-bottom:var(--space-5);
  max-width:var(--measure)}
.qa h3{margin-bottom:var(--space-3);color:var(--brand-koyu)}
.qa p{margin:0;color:var(--ink-2)}

/* --- Kirinti ve alt bilgi --- */
.crumbs{padding:var(--space-5) 0 0;font-size:.85rem;color:var(--ink-3)}
.crumbs a{color:var(--ink-3)}
footer{background:var(--brand-koyu);color:rgba(255,255,255,.76);
  margin-top:var(--space-8);padding:var(--space-8) 0}
footer a{color:#fff}
.footlinks{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6);
  margin-bottom:var(--space-5);padding-bottom:var(--space-5);
  border-bottom:1px solid rgba(255,255,255,.18)}
.footlinks a{text-decoration:none;font-size:.92rem}
.footlinks a:hover{text-decoration:underline}
footer p{max-width:62ch;font-size:.88rem;line-height:1.7}

/* --- Dar ekran --- */
@media (max-width:56rem){
  .hero-ic{grid-template-columns:1fr}
  .hero h1{max-width:18ch}
  .hero .lede{max-width:none}
}
@media (max-width:46rem){
  .navtoggle{display:inline-flex}
  .nav{flex-basis:100%;margin-left:0;flex-direction:column;gap:0;overflow:hidden;height:0}
  .nav a{padding:var(--space-3) 0;border-top:1px solid var(--cizgi);font-size:1.02rem}
  html.no-js .nav{height:auto}
  .adim{grid-template-columns:1fr;grid-template-areas:"no" "baslik" "ozet" "git"}
  .adim h3{margin-top:var(--space-3)}
  .steps{padding-left:2.9rem}
  .steps::before{left:calc(.95rem - 1px)}
  .steps>li::before{left:-2.9rem;width:1.9rem;height:1.9rem;font-size:.82rem}
  .acil,.callout{padding:var(--space-4)}
  .bolum,.hat{padding:var(--space-7) 0}
}

/* Azaltilmis harekette yatay kaydirma da kapanir; adimlar alt alta okunur kalir */
@media (prefers-reduced-motion:reduce){
  .yatay-hazir .serit{min-height:0;display:block;overflow:visible;padding:var(--space-8) 0}
  .yatay-hazir .sirit{display:grid;padding:0}
  .yatay-hazir .adim{flex:none;min-height:0}
}