/* =====================================================================
   Krow — statik site stilleri
   Kırılımlar (orijinal Framer ile aynı):
     masaüstü  >= 1200px
     tablet    810px – 1199.98px
     mobil     <= 809.98px
   ===================================================================== */

/* ---------- Fontlar (yerel) ---------- */
@font-face { font-family: "Montserrat"; src: url("../fonts/montserrat-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("../fonts/montserrat-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("../fonts/montserrat-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("../fonts/montserrat-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
/* Orijinal sitedeki gibi yalnızca latin alt kümesi: Türkçe özel harfler (ı, ş, ğ, İ, Ç ...) yedek fonta düşer */
/* Orijinalde blog "Benzer Makaleler" başlığında kullanılan özel font (Framer'a yüklenmiş dosya, arşivden yerelleştirildi) */
@font-face { font-family: "Gilroy-SemiBold"; src: url("../fonts/gilroy-semibold.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Lobster Two"; src: url("../fonts/lobster-two-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap;
  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; }

/* ---------- Tasarım değişkenleri ---------- */
:root {
  --bg: #F9F9FB;
  --bg-2: #F5F5F7;
  --text: #191919;
  --gray: #818181;
  --gray-2: #6B7280;
  --line: #E7E7EC;
  --line-2: #C5C5D1;
  --line-3: #DADAE1;
  --blue: #2563EB;
  --blue-dark: #1E4FBC;
  --navy: #13489E;
  --navy-2: #0F3A7E;
  --navy-card: #0B2B5F;
  --menu-primary: #0F285E;
  --menu-text: #0B1E47;
  --orange: #F4900C;
  --orange-dark: #C3730A;
  --green: #288F6A;
  --c-yks: #2563EB; --c-kpss: #F4900C; --c-ags: #288F6A; --c-lgs: #EB636D; --c-ales: #C42BAB; --c-dgs: #19D1A9;
  --font: "Montserrat", sans-serif;
  --script: "Lobster Two", sans-serif;
  --pad: 100px;
  --header-h: 76px;
  --ease: cubic-bezier(.44, 0, .56, 1);
  /* Framer spring (bounce .1) ölçülerek CSS linear() ile birebir taklit edildi */
  --spring: linear(0, 0.0230, 0.0804, 0.1580, 0.2456, 0.3360, 0.4244, 0.5077, 0.5840, 0.6523, 0.7125, 0.7647, 0.8093, 0.8470, 0.8786, 0.9047, 0.9260, 0.9433, 0.9572, 0.9682, 0.9769, 0.9836, 0.9887, 0.9926, 0.9955, 0.9976, 0.9991, 1.0001, 1.0008, 1.0012, 1.0014, 1.0015, 1.0015, 1.0014, 1.0013, 1.0012, 1.0011, 1.0009, 1.0008, 1.0007, 1);
  --spring-slow: linear(0, 0.0212, 0.0745, 0.1471, 0.2300, 0.3164, 0.4018, 0.4830, 0.5583, 0.6265, 0.6873, 0.7407, 0.7869, 0.8265, 0.8601, 0.8882, 0.9116, 0.9309, 0.9466, 0.9593, 0.9695, 0.9775, 0.9838, 0.9887, 0.9925, 0.9953, 0.9974, 0.9989, 1.0000, 1.0007, 1.0011, 1.0014, 1.0015, 1.0015, 1.0015, 1.0014, 1.0013, 1.0011, 1.0010, 1.0009, 1);
}

/* ---------- Temel ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
main, .site-footer { overflow-x: clip; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: var(--font); font-size: 16px; line-height: 1.2; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img, svg { display: block; max-width: none; }
a { color: inherit; text-decoration: none; }
p, h1, h2, h3 { margin: 0; font-weight: inherit; }
button, input, select { font: inherit; color: inherit; }
button { cursor: pointer; background: none; border: 0; padding: 0; }
ul { list-style: none; margin: 0; padding: 0; }
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: absolute; left: 8px; top: -60px; z-index: 1000; background: var(--blue); color: #fff; padding: 8px 12px; border-radius: 8px; }
.skip-link:focus { top: 8px; }
/* odak halkası: orijinaldeki gibi tarayıcı varsayılanı (özel mavi halka kaldırıldı) */

.container { width: 100%; max-width: calc(1240px + 2 * var(--pad)); margin: 0 auto; padding: 0 var(--pad); }
.script { font-family: var(--script); font-style: italic; font-weight: 400; letter-spacing: normal; }
.text-blue { color: var(--blue); } .text-orange { color: var(--orange); } .text-green { color: var(--green); }
.text-gray { color: var(--gray); } .text-dark { color: var(--text); }
.show-mobile { display: none !important; }

/* ---------- Butonlar ---------- */
.arrow-track { display: flex; flex-direction: column; align-items: center; gap: 24px; transition: transform .3s var(--ease); transform: translateY(-36px); }
.arrow-track--x { flex-direction: row; gap: 23px; transform: translateX(-36px); }

.btn-download { position: relative; display: inline-flex; align-items: center; justify-content: space-between; width: 172px; height: 44px; padding: 4px 4px 4px 16px; border-radius: 12px; background: var(--blue); color: var(--bg); font-weight: 600; font-size: 16px; line-height: 19.2px; white-space: nowrap; }
.btn-download__arrow { width: 36px; height: 36px; border-radius: 8px; background: var(--blue-dark); overflow: hidden; display: flex; justify-content: center; }
.btn-download__arrow .arrow-track { padding-top: 12px; }
.btn-download:hover .arrow-track { transform: translateY(0); }
.btn-download:hover { background: var(--blue-dark); }
.btn-download:hover .btn-download__arrow { background: var(--blue); }

.btn-outline-orange { display: inline-flex; align-items: center; justify-content: space-between; gap: 10px; height: 40px; padding: 4px 4px 4px 16px; border: 1px solid var(--orange); border-radius: 12px; color: var(--orange); font-weight: 600; font-size: 16px; line-height: 19.2px; white-space: nowrap; }
.btn-outline-orange__arrow { width: 36px; height: 32px; border-radius: 8px; background: var(--orange); overflow: hidden; display: flex; align-items: center; padding-left: 11.5px; }
.btn-outline-orange:hover .arrow-track { transform: translateX(0); }
.btn-outline-orange .arrow-track--x { transform: translateX(-36px); }
.menu-promo .btn-outline-orange { height: 44px; }
.menu-promo .btn-outline-orange__arrow { height: 36px; }

.btn-orange { display: inline-flex; align-items: center; justify-content: space-between; height: 44px; padding: 4px 4px 4px 16px; gap: 12px; background: var(--orange); color: var(--bg); border-radius: 12px; font-weight: 600; font-size: 16px; line-height: 19.2px; }
.btn-orange__arrow { width: 36px; height: 36px; background: var(--orange-dark); border-radius: 8px; overflow: hidden; display: flex; align-items: center; padding-left: 12px; }
.btn-orange:hover .arrow-track { transform: translateX(0); }

.btn-pill { display: inline-flex; align-items: center; height: 44px; padding: 0 20px; border-radius: 12px; background: var(--bg); color: var(--menu-text); font-weight: 600; font-size: 15px; line-height: 12px; white-space: nowrap; transition: background-color .2s; }
.btn-pill:not(.btn-pill--dark) { box-shadow: inset 0 0 0 1px var(--line-3); }
.btn-pill:hover { background: var(--bg-2); }
.btn-pill--dark, .btn-pill--dark:hover { background: var(--menu-primary); color: var(--bg); }

.store-buttons { display: flex; gap: 10px; }
.store-btn { display: flex; align-items: center; justify-content: center; width: 210px; height: 70px; border-radius: 10px; background: var(--text); transition: transform .3s cubic-bezier(.44,0,.56,1), background-color .3s cubic-bezier(.44,0,.56,1), box-shadow .3s cubic-bezier(.44,0,.56,1); }
/* Orijinal (tüm rozetler): iç katman 5 px yukarı kalkar ve #163B8D olur; alttaki mavi (#2563EB) katman 5 px görünür */
.store-btn:hover { background: #163B8D; transform: translateY(-5px); box-shadow: 0 5px 0 0 var(--blue); }
/* orijinal: alt CTA kartındaki küçük rozetlerde tablet/mobilde hover yok */
@media (max-width: 1199.98px) { .store-buttons--cta .store-btn:hover { background: var(--text); transform: none; box-shadow: none; } }

/* =====================================================================
   HEADER
   ===================================================================== */
.site-header { position: sticky; top: 0; z-index: 100; }
.site-header__bar { position: relative; z-index: 3; background: var(--bg); border-bottom: 1px solid var(--line); }
.site-header__inner { display: flex; align-items: center; justify-content: space-between; height: calc(var(--header-h) - 1px); }
.site-logo { display: flex; align-items: center; height: 41px; margin-top: 1px; }
.site-logo__small { display: none; }
.site-nav { display: flex; align-items: center; gap: 20px; }
.nav-link { display: inline-flex; align-items: center; gap: 8px; height: 16px; font-size: 16px; line-height: 16px; letter-spacing: .08px; color: var(--text); white-space: nowrap; transition: color .2s; }
.nav-link:hover, .nav-link[aria-expanded="true"] { color: var(--blue); }
.nav-link__caret { transition: transform .2s; }
.nav-link[aria-expanded="true"] .nav-link__caret { transform: rotate(180deg); }
.site-header__actions { display: flex; align-items: center; gap: 8px; }
.lang-select { position: relative; width: 38px; height: 38px; border-radius: 10px; background: var(--bg); }
.lang-select select { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 2; }
.lang-select__icon { position: absolute; left: 10px; top: 10px; pointer-events: none; }
.menu-toggle { display: none; width: 40px; height: 40px; align-items: center; justify-content: center; }
.menu-toggle__bars { display: flex; flex-direction: column; gap: 4px; width: 20px; }
.menu-toggle__bars span { display: block; height: 2px; border-radius: 2px; background: var(--text); }
.menu-toggle__close { display: none; }
.menu-toggle[aria-expanded="true"] .menu-toggle__bars { display: none; }
.menu-toggle[aria-expanded="true"] .menu-toggle__close { display: block; }

/* Mega menü */
.mega { position: absolute; left: 0; right: 0; top: 100%; z-index: 2; background: var(--bg-2);
  box-shadow: 0 333px 133px rgba(107,114,128,.03), 0 187px 112px rgba(107,114,128,.1), 0 83px 83px rgba(107,114,128,.17), 0 21px 46px rgba(107,114,128,.2);
  animation: megaIn .25s var(--ease); }
.mega[hidden] { display: none; }
@keyframes megaIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
.mega__inner { display: flex; justify-content: space-between; align-items: flex-start; padding-top: 44px; padding-bottom: 44px; }
.mega__grid { display: grid; grid-template-columns: repeat(2, 403px); gap: 12px; }
.mega__heading { height: 36px; font-size: 20px; line-height: 16px; font-weight: 600; margin-bottom: 24px; box-shadow: inset 0 -1px 0 var(--line-3); }
.mega__bottom { background: var(--bg); height: 72px; }
.mega__bottom-inner { display: flex; align-items: center; gap: 8px; height: 72px; }
.mega-overlay { position: fixed; inset: 0; top: 0; z-index: -1; background: rgba(25,25,25,.1); }
.mega-overlay[hidden] { display: none; }

.menu-card { display: flex; align-items: center; gap: 20px; height: 100px; padding: 20px; background: var(--bg); border-radius: 20px; box-shadow: inset 0 0 0 1px var(--line-3); }
.menu-card__icon { position: relative; flex: 0 0 60px; width: 60px; height: 60px; border-radius: 8px; background: var(--bg-2); overflow: hidden; }
.menu-card__icon::after { content: ''; position: absolute; inset: 0; border-radius: 8px; box-shadow: inset 0 0 0 1px #E7E7EC; pointer-events: none; }
.menu-card__hover-bg { position: absolute; inset: 0; border-radius: 8px; opacity: 0; background: radial-gradient(100% 100% at 50% 100%, #F4900C 0%, #F6A63D 100%); box-shadow: 0 2px 2px -1px rgba(0,0,0,.2), inset 0 3px 1px rgba(255,255,255,.2); transition: opacity .25s; }
.menu-card__img { position: absolute; inset: 0; transition: opacity .25s, transform .25s; }
.menu-card__arrow { position: absolute; left: 20px; top: 19px; opacity: 0; transform: translateX(-12px); transition: opacity .25s, transform .25s; }
.menu-card { transition: background-color .25s, box-shadow .25s; }
.menu-card:hover { background: #FEF8F0; box-shadow: inset 0 0 0 1px var(--line-3), 0 53px 15px rgba(245,152,28,0), 0 34px 14px rgba(245,152,28,.01), 0 19px 12px rgba(245,152,28,.05), 0 9px 9px rgba(245,152,28,.09), 0 2px 5px rgba(245,152,28,.1); }
.menu-card:hover .menu-card__icon::after { box-shadow: none; }
.menu-card:hover .menu-card__hover-bg, .menu-card:hover .menu-card__arrow { opacity: 1; }
.menu-card:hover .menu-card__arrow { transform: none; }
.menu-card:hover .menu-card__img { opacity: 0; transform: translateX(12px); }
.menu-card__text { display: flex; flex-direction: column; gap: 12px; min-width: 0; max-width: 277px; }
.menu-card__title { font-size: 16px; line-height: 12px; font-weight: 600; color: var(--text); }
.menu-card__sub { font-size: 14px; line-height: 15.68px; color: var(--gray); text-wrap: balance; }

.menu-promo { background: var(--bg); border-radius: 20px; box-shadow: inset 0 0 0 1px var(--line-3); }
.menu-promo--package { width: 397px; height: 212px; padding: 32px; display: flex; flex-direction: column; justify-content: space-between; }
.menu-promo__title { font-size: 32px; line-height: 32px; font-weight: 600; letter-spacing: -.64px; }
.menu-promo__title .script { font-size: 32px; }
.menu-promo--package .btn-outline-orange { align-self: flex-start; }
.menu-promo__art { display: none; }
.menu-promo--yks { position: relative; width: 397px; height: 270px; padding: 32px; overflow: hidden; }
.menu-promo__body { position: relative; z-index: 1; display: flex; flex-direction: column; height: 100%; }
.menu-promo__title--yks { max-width: 258px; font-size: 28px; line-height: 32px; letter-spacing: -.56px; color: var(--menu-text); }
.menu-promo__title--yks .script { font-size: 28px; }
.menu-promo__desc { margin-top: 16px; font-size: 16px; line-height: 24px; color: var(--gray); max-width: 258px; }
.menu-promo--yks .btn-orange { margin-top: auto; align-self: flex-start; }
.menu-promo__bird { position: absolute; left: 240px; top: 35px; }

/* Mobil / tablet tam ekran menü — orijinalden ölçüldü (390 & 810) */
.mobile-menu { position: fixed; left: 0; right: 0; top: var(--header-h); bottom: 0; z-index: 2; background: var(--bg); display: flex; flex-direction: column; }
.mobile-menu[hidden] { display: none; }
.mobile-menu__scroll { flex: 1; overflow-y: auto; padding: 36px 44px 32px; }
.mobile-menu__heading { height: 36px; font-size: 20px; line-height: 16px; font-weight: 600; box-shadow: inset 0 -1px 0 var(--line-3); margin-bottom: 24px; }
.mobile-menu__list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mobile-menu__list + .mobile-menu__heading, .menu-promo--mobile + .mobile-menu__list { margin-top: 32px; }
.mobile-menu .menu-card { height: 100px; padding: 20px; gap: 20px; }
.mobile-menu__list--exams .menu-card { height: 92px; padding: 16px; gap: 16px; }
.mobile-menu .menu-card__sub { max-width: 277px; }
.menu-promo--mobile { position: relative; width: auto; height: 212px; margin-top: 32px; padding: 0; overflow: hidden; display: flex; flex-direction: row; justify-content: flex-end; }
.menu-promo--mobile .menu-promo__art { display: block; }
.menu-promo__art-l, .menu-promo__art-r { position: absolute; width: 95px; height: 214px; }
.menu-promo__art-l { left: 28px; top: -54px; }
.menu-promo__art-r { left: 239px; top: 52px; }
.menu-promo--mobile .menu-promo__content { position: relative; width: 50%; padding: 32px 0 32px; display: flex; flex-direction: column; justify-content: space-between; }
.menu-promo--mobile .menu-promo__title { font-size: 38px; line-height: 38px; letter-spacing: -.76px; }
.menu-promo--mobile .menu-promo__title .script { font-size: 38px; }
.menu-promo--mobile .btn-outline-orange { align-self: flex-start; }
.mobile-menu .mega__bottom { box-shadow: inset 0 1px 0 var(--line-3); }
.mobile-menu .mega__bottom-inner { justify-content: flex-start; padding: 0 44px; }
body.menu-open { overflow: hidden; }
@media (min-width: 810px) and (max-width: 1199.98px) {
  body.menu-open .site-header__bar { box-shadow: inset 0 -1px 0 var(--line-3); }
}
@media (max-width: 809.98px) {
  .mobile-menu { bottom: 0; padding-bottom: 6vh; background: linear-gradient(var(--bg) calc(94vh - var(--header-h)), var(--bg-2) 0); }
  .mobile-menu__scroll { background: var(--bg); }
  .mobile-menu__scroll { padding: 24px 24px 24px; }
  .mobile-menu__list { grid-template-columns: 1fr; }
  .mobile-menu__list--exams { gap: 8px; }
  .mobile-menu__list + .mobile-menu__heading, .menu-promo--mobile + .mobile-menu__list { margin-top: 24px; }
  .mobile-menu .menu-card, .mobile-menu__list--exams .menu-card { height: 84px; padding: 12px; gap: 12px; }
  .menu-promo--mobile { height: 377px; margin-top: 24px; flex-direction: column; justify-content: flex-end; }
  .menu-promo__art-l { left: 18px; }
  .menu-promo__art-r { left: 229px; }
  .menu-promo--mobile .menu-promo__content { width: auto; height: 165px; padding: 20px; justify-content: flex-start; gap: 16px; }
  .menu-promo--mobile .menu-promo__title { font-size: 32px; line-height: 32px; letter-spacing: -.64px; }
  .menu-promo--mobile .menu-promo__title .script { font-size: 32px; }
}

/* =====================================================================
   HERO
   ===================================================================== */
.hero { position: relative; background: var(--bg-2); overflow: hidden; }
/* orijinal (Framer): hero ekran yüksekliğine göre ölçeklenir — masaüstü 93vh, tablet/mobil 70vh (900 px ekranda 777/570) */
.hero__inner { position: relative; z-index: 1; display: flex; align-items: center; height: calc(93vh - 60px); }
.hero__text { width: calc(100% - 500px); }
.hero__title { display: flex; flex-direction: column; font-size: 72px; line-height: 76px; font-weight: 600; letter-spacing: -2.16px; }
.hero__title .script { letter-spacing: normal; }
.hero__line { display: block; }
.hero__download { margin-top: 80px; }
.hero__label { font-size: 18px; line-height: 18px; font-weight: 600; color: var(--gray); margin-bottom: 10px; }
.hero__art { position: absolute; right: 57px; top: 86px; width: 586px; height: calc(100% - 172px); } /* 900 px ekranda 605 */
.hero__lottie { width: 100%; height: 100%; }
.hero__rings { position: absolute; right: 350px; top: calc(389px + (93vh - 837px) / 2); width: 0; height: 0; z-index: 0; }
.ring { position: absolute; border-radius: 50%; transform: translate(-50%, -50%); }
.ring::after { content: ""; position: absolute; inset: 1px; border-radius: 50%; background: var(--bg-2); }
.ring--l { width: 1200px; height: 1200px; background: linear-gradient(#F5F5F7 0%, #C5C5D1 100%); }
.ring--m { width: 856px; height: 856px; background: linear-gradient(#F5F5F7 -13%, #C5C5D1 111%); }
.ring--s { width: 544px; height: 544px; background: linear-gradient(#C5C5D1 0%, #F5F5F7 100%); }
@media (min-width: 1440px) { .hero__rings { right: calc(50% - 370px); } }

.exams-bar { position: relative; z-index: 2; background: var(--bg); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.exams-bar__inner { display: flex; height: 58px; }
.exam-tab { position: relative; flex: 1 1 0; display: flex; align-items: center; justify-content: center; border-left: 1px solid var(--line); font-size: 16px; line-height: 20px; font-weight: 500; letter-spacing: -.32px; color: var(--gray); transition: color .2s; overflow: hidden; }
.exam-tab:last-child { border-right: 1px solid var(--line); }
.exam-tab::before { content: ""; position: absolute; left: 12px; right: 12px; bottom: -4px; height: 21px; background: var(--c); filter: blur(20px); opacity: 0; transition: opacity .25s; }
.exam-tab::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--c); opacity: 0; transition: opacity .2s var(--ease); }
/* Orijinal: hover'da metin sınav rengine döner, 2px alt çizgi belirir */
.exam-tab:hover { color: var(--c); }
.exam-tab:hover::after { opacity: 1; }

/* =====================================================================
   Ortak bölüm başlıkları
   ===================================================================== */
.section { padding: 140px 0; }
.section-title { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 28px; }
.section-title .h2 { align-items: center; }
.section-title--left .h2 { align-items: flex-start; }
.why .section-title { gap: 20px; }
.section-title--left { align-items: flex-start; text-align: left; }
.eyebrow { font-size: 18px; line-height: 12px; font-weight: 400; }
.h2 { display: flex; flex-direction: column; font-size: 52px; line-height: 60px; font-weight: 600; letter-spacing: -1.04px; white-space: nowrap; }
.h2 .script { font-size: 52px; }

/* Kaydırma ile beliren öğeler — orijinal Framer değerleri (ölçüldü):
   başlık satırları y:60 veya x:-60, kart kutusu y:80, istatistik kartları scale .8; spring ~0.8s, 2. satır +0.1s */
[data-reveal] { opacity: 0; transition: opacity .8s var(--spring), transform .8s var(--spring); transition-delay: var(--rd, 0s); }
[data-reveal="up60"] { transform: translateY(60px); }
[data-reveal="left60"] { transform: translateX(-60px); }
[data-reveal="up80"] { transform: translateY(80px); }
[data-reveal="scale80"] { transform: scale(.8); transition-duration: 1s; transition-timing-function: var(--spring-slow); }
[data-reveal].is-visible { opacity: 1; transform: none; }
.no-js [data-reveal] { opacity: 1; transform: none; }
/* Sayfa açılış animasyonları (Framer appear): y:-20 → 0, spring .8s, sıralı gecikmeler */
.appear { opacity: 0; transform: translateY(-20px); animation: appearDown .8s var(--spring) forwards; animation-delay: var(--ad, 0s); }
@keyframes appearDown { to { opacity: 1; transform: none; } }
.appear-scale { opacity: 0; scale: .8; animation: appearScale .6s var(--spring) forwards; animation-delay: var(--ad, 0s); }
@keyframes appearScale { to { opacity: 1; scale: 1; } }
.no-js .appear, .no-js .appear-scale { animation: none; opacity: 1; transform: none; scale: 1; }

/* =====================================================================
   RAKAMLARLA KROW
   ===================================================================== */
.stats { background: var(--bg); }
.stats .section-title { margin-bottom: 80px; }
.stats__grid { display: flex; justify-content: center; gap: 20px; }
.stats__carousel { display: none; }
.stat-card { position: relative; flex: 0 0 320px; width: 320px; height: 500px; border-radius: 20px; overflow: hidden; }
.stat-card__stats { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; text-align: center; }
/* Orijinalde sayaç fontu "CUSTOM;Montserrat Semibold" olarak tanımlı ama hiç yüklenmiyor; tarayıcı varsayılan sans-serif'e düşüyor. Birebir görünüm için aynısı. */
.counter { font-family: "CUSTOM;Montserrat Semibold", sans-serif; font-size: 56px; line-height: 50px; font-weight: 400; letter-spacing: -1.68px; white-space: nowrap; }
.stat-card__label { font-size: 20px; line-height: 30px; font-weight: 400; }
.stat-card--trees { background: linear-gradient(#F5F5F7 13.35%, #96CDB9 100%); padding: 48px; }
.stat-card--trees .stat-card__label { color: var(--green); }
.stat-card__trees { position: absolute; left: -43px; top: 143px; width: 407px; height: 366px; object-fit: cover; }
.stat-card--bird { border: 1px solid var(--line); background: radial-gradient(115% 65% at 50% 100%, rgba(215,229,252,.3) 0%, rgba(252,252,253,0) 100%); }
.stat-card__lottie { position: absolute; left: -66px; top: 24px; width: 450px; height: 450px; z-index: 1; }
.stat-card__shadow { position: absolute; left: 82px; top: 398px; width: 155px; height: 53px; border-radius: 50%; background: var(--line); opacity: .4; }
.stat-card__ring { position: absolute; border-radius: 50%; border: 1px dashed var(--line-2); opacity: .6; }
.stat-card__ring--l { left: -68px; top: 22px; width: 454px; height: 454px; }
.stat-card__ring--s { left: 15px; top: 105px; width: 288px; height: 288px; }
.stat-card--questions { color: var(--bg); padding: 48px; }
.stat-card--questions .counter { color: #fff; }
.stat-card__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.stat-card__qm { position: relative; z-index: 1; }
.stat-card--questions .stat-card__stats { position: absolute; left: 48px; right: 48px; top: 372px; }

/* =====================================================================
   NEDEN KROW
   ===================================================================== */
.why { background: var(--bg-2); }
.why__grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 285px; gap: 12px; }
.why__title { grid-column: span 2; display: flex; align-items: center; }
.why__carousel { display: none; }
.feature-card { position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 36px; background: var(--bg); box-shadow: inset 0 0 0 1px var(--line); border-radius: 20px; }
.feature-card__icon { position: relative; width: 40px; height: 40px; }
.feature-card__icon img { position: absolute; inset: 0; transition: opacity .3s; }
.feature-card__icon-hover { opacity: 0; }
.feature-card:hover .feature-card__icon-hover { opacity: 1; }
.feature-card:hover .feature-card__icon-default { opacity: 0; }
.feature-card__text { display: flex; flex-direction: column; gap: 8px; }
.feature-card__title { font-size: 20px; line-height: 24px; font-weight: 600; color: var(--navy); }
.feature-card__body { font-size: 16px; line-height: 22px; }
.why__box { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 36px; }
.why__box-text { font-size: 18px; line-height: 24px; }

/* =====================================================================
   YORUMLAR
   ===================================================================== */
.reviews { background: var(--bg); }
.section.reviews { padding-bottom: 0; }
.reviews .section-title { margin-bottom: 80px; }
.reviews__box { display: flex; height: 650px; border: 1px solid var(--blue); border-radius: 20px; overflow: hidden; background: var(--bg-2); }
.reviews__users { position: relative; flex: 0 0 50%; display: flex; flex-direction: column; justify-content: space-between; padding: 60px; background: var(--navy-card); color: #fff; overflow: hidden; }
.avatars { display: flex; flex-direction: column; gap: 8px; }
.avatars__row { display: flex; gap: 8px; }
.avatars__row--top { justify-content: flex-end; }
.avatar { position: relative; flex: 0 0 140px; width: 140px; height: 140px; border-radius: 50%; background: #EBF7FB; overflow: hidden; }
.avatar img { position: absolute; height: auto; }
.counter--users { font-size: 122px; line-height: 100px; letter-spacing: -3.66px; }
.reviews__count-label { font-size: 20px; line-height: 30px; font-weight: 400; color: var(--bg); }
.reviews__slider { position: relative; flex: 0 0 50%; background: linear-gradient(144deg, #F5F5F7 32%, #5182EF 283%); overflow: hidden; }
.reviews__list { position: relative; height: 100%; }
.review { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: space-between; padding: 60px; opacity: 0; transform: scale(.9); transition: opacity .8s var(--spring), transform .8s var(--spring); pointer-events: none; }
.review.is-active { opacity: 1; transform: none; pointer-events: auto; }
.review__text { font-size: 28px; line-height: 40px; letter-spacing: -.12px; color: var(--navy-2); }
.review__name { font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: .08px; color: var(--navy-2); margin-bottom: 4px; }
.review__role { font-size: 14px; line-height: 21px; letter-spacing: .08px; color: var(--navy-2); }
.reviews__nav { position: absolute; right: 60px; bottom: 60px; display: flex; gap: 4px; z-index: 2; }
.slider-btn { border-radius: 40px; transition: transform .2s, background-color .2s; }
.slider-btn:active { transform: scale(.95); }

/* =====================================================================
   ADIMLAR — masaüstü yapışkan kaydırma
   ===================================================================== */
.steps { position: relative; height: calc(var(--steps) * 100vh); background: var(--bg); }
.steps__sticky { position: sticky; top: 0; height: 100vh; display: flex; align-items: center; overflow: hidden; }
.steps__inner { position: relative; display: flex; height: 620px; }
.steps__bars { position: absolute; left: var(--pad); top: 0; display: flex; flex-direction: column; gap: 4px; }
.steps__bar { position: relative; width: 4px; height: 152px; border-radius: 10px; background: var(--line); overflow: hidden; }
.steps__bar-fill { position: absolute; inset: 0; border-radius: 10px; background: var(--line-2); transform: translateY(calc((var(--p, 0) - 1) * 100%)); }
.steps__content { position: relative; width: calc((100% - 164px) / 2); margin-left: 84px; display: flex; flex-direction: column; justify-content: space-between; }
.steps__counter { display: flex; align-items: flex-start; gap: 6px; height: 62px; }
.steps__num { display: flex; font-size: 72px; line-height: 60px; font-weight: 600; letter-spacing: -1.44px; color: #727272; height: 60px; padding-top: 6px; box-sizing: content-box; }
.steps__digit { display: block; height: 60px; overflow: hidden; }
.steps__digit-col { display: flex; flex-direction: column; transition: transform .6s var(--ease); transform: translateY(calc(var(--i, 0) * -60px)); }
.steps__digit-col span { height: 60px; display: block; }
.steps__total { font-size: 40px; line-height: 40px; font-weight: 600; letter-spacing: -1.6px; color: var(--line); margin-top: 6px; }
.steps__texts { position: relative; height: 209px; }
.step-text { position: absolute; left: 0; right: 0; bottom: 0; }
.step-text__title { display: flex; flex-direction: column; font-size: 42px; line-height: 48px; font-weight: 600; letter-spacing: -.84px; }
.step-text__l2 { font-size: 42px; letter-spacing: normal; }
.step-text--orange .step-text__l2 { color: var(--orange); }
.step-text--blue .step-text__l2 { color: var(--blue); }
.step-text--green .step-text__l2 { color: var(--green); }
.step-text--navy .step-text__l2 { color: var(--navy); }
.step-text__desc { margin-top: 16px; font-size: 18px; line-height: 27px; color: var(--gray-2); }
.steps .step-text__l1, .steps .step-text__l2, .steps .step-text__desc { opacity: 0; transform: translateX(-60px); transition: opacity .8s var(--spring), transform .8s var(--spring); }
.steps .step-text__desc { transform: translateY(20px); }
.steps .step-text.is-active .step-text__l1, .steps .step-text.is-active .step-text__l2, .steps .step-text.is-active .step-text__desc { opacity: 1; transform: none; }
.steps .step-text.is-active .step-text__l2 { transition-delay: .08s; }
.steps .step-text.is-active .step-text__desc { transition-delay: .16s; }
.steps__panels { position: relative; width: calc((100% - 164px) / 2); height: 620px; margin-left: auto; }
.step-panel { position: absolute; inset: 0; width: 100%; height: 620px; object-fit: cover; opacity: 0; transform: scale(.8); transition: opacity .8s var(--spring), transform .8s var(--spring); }
.step-panel.is-active { opacity: 1; transform: none; }
.steps-m { display: none; }

/* =====================================================================
   CTA
   ===================================================================== */
.cta { padding-bottom: 100px; background: var(--bg); }
.cta__card { display: flex; justify-content: space-between; overflow: hidden; height: 460px; padding: 11px; border: 1px solid #BED0F9; border-radius: 32px; background: var(--bg); }
.cta__text { width: 50%; flex: none; display: flex; flex-direction: column; justify-content: space-between; padding: 36px 32px; }
.cta__label { display: flex; align-items: center; gap: 12px; font-size: 28px; line-height: 28px; font-weight: 600; letter-spacing: -.84px; color: var(--blue); }
.cta__title { margin-top: 0; font-size: 52px; line-height: 52px; font-weight: 600; letter-spacing: -1.56px; }

.cta__title .script { letter-spacing: inherit; }
.cta__para { margin-top: 28px; font-size: 18px; line-height: 27px; color: var(--gray); }
.cta__media { position: relative; width: calc(50% - 44px); flex: none; height: 436px; border-radius: 22px; overflow: hidden; }
.cta__img { width: 100%; height: 100%; object-fit: cover; }
.store-buttons--cta { position: absolute; left: 32px; right: 32px; bottom: 32px; gap: 8px; }
.store-buttons--cta .store-btn { flex: 1; width: auto; min-width: 0; }

/* =====================================================================
   FOOTER
   ===================================================================== */
.site-footer { background: var(--bg); border-top: 1px solid var(--line); }
.site-footer__inner { display: flex; flex-direction: column; align-items: center; padding-top: 39px; padding-bottom: 40px; }
.site-footer__menu { margin-top: 40px; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.dot-list { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 16px; line-height: 19.2px; letter-spacing: -.32px; }
.dot-list li { display: flex; align-items: center; }
.dot-list { row-gap: 10px; }
.dot-list li:not(:last-child)::after, .dot-list--main li:last-child::after { content: ""; width: 3px; height: 3px; border-radius: 50%; background: var(--text); margin: 0 10px; }
.dot-list--main li:last-child::after { margin-right: 0; }
.dot-list a:hover { text-decoration: underline; }
.dot-list--small { margin-top: 16px; font-size: 14px; line-height: 16.8px; letter-spacing: -.28px; }
.dot-list--small li:not(:last-child)::after { margin: 0 8px; }
.site-footer__info { margin-top: 40px; width: 900px; display: flex; flex-direction: column; gap: 8px; }
.contact-row { display: flex; justify-content: space-between; }
.contact-pill { display: flex; align-items: center; gap: 12px; height: 44px; padding: 4px; border: 1px solid var(--navy); border-radius: 12px; color: var(--navy); font-size: 14px; line-height: 14px; letter-spacing: -.28px; white-space: nowrap; transition: background-color .2s; }
.contact-pill:hover { background: var(--navy); color: var(--bg); }
.contact-pill--phone, .contact-pill--mail { width: 234px; }
.contact-pill--address { width: 415px; }
.contact-pill__icon { flex: 0 0 36px; width: 36px; height: 36px; border-radius: 8px; background: var(--navy); display: flex; align-items: center; justify-content: center; }
.subscribe { display: flex; align-items: center; justify-content: space-between; height: 85px; padding: 20px 20px 20px 32px; border: 1px solid var(--line); border-radius: 10px; background: var(--bg); }
.subscribe__title { font-size: 28px; line-height: 33.6px; font-weight: 700; letter-spacing: -.56px; color: var(--blue); }
.subscribe__form { display: flex; gap: 4px; width: 408px; }
.subscribe__form input { flex: 1; min-width: 0; height: 45px; padding: 0 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg); font-size: 14px; color: var(--text); outline: none; transition: border-color .3s cubic-bezier(.44,0,.56,1), box-shadow .3s cubic-bezier(.44,0,.56,1); }
.subscribe__form input::placeholder { color: var(--gray); }
.subscribe__form input:focus { border-color: var(--blue); box-shadow: rgba(19,72,158,.01) .3px .6px .6px -.25px, rgba(19,72,158,.02) 1.14px 2.29px 2.3px -.5px, rgba(19,72,158,.04) 5px 10px 10.06px -.75px; }
.subscribe__form button { flex: 0 0 53px; height: 45px; border-radius: 12px; background: var(--navy); display: flex; align-items: center; justify-content: center; transition: opacity .2s; }
.subscribe__form button:disabled { opacity: .5; cursor: default; }
.subscribe__msg { font-size: 14px; color: var(--green); }
.socials { margin-top: 40px; display: flex; gap: 16px; }
.social { width: 28px; height: 28px; transition: transform .2s; }
.social--wa { border-radius: 100px; background: var(--navy); display: flex; align-items: center; justify-content: center; }
.copyright { margin-top: 39px; display: flex; align-items: center; font-size: 14px; line-height: 16.8px; letter-spacing: -.28px; }
.copyright__dot { width: 3px; height: 3px; border-radius: 50%; background: var(--text); margin: 0 10px; }
/* orijinal: "Website Design by " sondaki boşlukla pre-wrap, logo satır üstüne hizalı */
.copyright__design { display: inline-flex; align-items: flex-start; gap: 0; }
.copyright__by { white-space: pre-wrap; }

/* =====================================================================
   Kaydırıcı (genel)
   ===================================================================== */
.carousel { overflow: hidden; }
.carousel__track { display: flex; gap: 10px; will-change: transform; }
.carousel__track > * { flex: 0 0 auto; }

/* =====================================================================
   TABLET  810 – 1199.98
   ===================================================================== */
@media (max-width: 1199.98px) {
  :root { --pad: 44px; }
  .site-nav { display: none; }
  .site-header__actions { gap: 0; }
  .site-header__actions .btn-download { margin-right: 8px; }
  .menu-toggle { display: flex; }
  .site-logo { height: 39px; }
  .site-logo__large { height: 39px; width: auto; }
  .mega, .mega-overlay { display: none !important; }

  .hero__inner { height: calc(70vh - 60px); padding-top: calc(102px + (70vh - 630px) / 2); align-items: flex-start; } /* içerik dikeyde ortalı kayar */
  .hero__text { width: calc(100% - 222px); }
  .hero__title { font-size: 52px; line-height: 56px; letter-spacing: -1.56px; }
  .hero__line { height: 56px; }
  .hero__download { margin-top: 60px; }
  .hero__art { left: auto; right: -48px; top: calc(-37px + (70vh - 630px) / 2); width: 406px; height: 604px; }
  .hero__rings { left: calc(50% + 250px); top: calc(265px + (70vh - 630px) / 2); }
  .exams-bar__inner { padding: 0 40px; }

  .section { padding: 80px 0; }
  .h2, .h2 .script { font-size: 44px; line-height: 48px; letter-spacing: -.88px; }
  .h2 .script { letter-spacing: normal; }
  .stats .section-title, .reviews .section-title { margin-bottom: 60px; }
  .stats__grid { gap: 12px; }
  .stat-card { flex: 0 0 calc(50% - 6px); width: auto; }
  .stat-card--bird { display: none; }
  .stat-card__trees { left: -26px; }
  .stat-card__qm { width: 259px; height: 195px; }

  /* minmax(0,1fr): sütunlar eşit kalır (EN uzun başlık sütunu genişletmesin); orijinalde başlık sütun kenarında kırpılır */
  .why__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .why__title { grid-column: span 1; min-width: 0; overflow: hidden; }
  .why__grid .feature-card--price { order: -1; }
  .why__title { order: -2; }

  .reviews__box { flex-direction: column-reverse; height: auto; }
  .reviews__users, .reviews__slider { flex: none; }
  .reviews__slider { height: 600px; }
  .review { padding: 35px 60px; }
  .reviews__nav { bottom: 35px; }
  .why .section-title { gap: 12px; }
  .reviews__users { height: 650px; }

  .steps { display: none; }
  .steps-m { display: block; padding: 78px 0 0; background: var(--bg); }
  .step-slide { width: 810px; padding: 12px 115px 13px; display: flex; flex-direction: column; align-items: center; text-align: center; }
  .step-slide__num { font-size: 72px; line-height: 60px; font-weight: 600; color: var(--line-2); letter-spacing: -1.44px; margin-top: 6px; height: 60px; }
  .step-slide .step-text__title { margin-top: 36px; align-items: center; }
  .step-slide .step-text__desc { margin-top: 28px; color: var(--gray); }
  .step-slide__panel { margin-top: 60px; width: 580px; height: 580px; flex: none; }
  .steps-m__carousel { height: 972px; }
  .step-slide__panel img { width: 100%; height: 100%; border-radius: 20px; }

  .cta { padding-bottom: 80px; }
  .cta__card { height: 460px; }
  .cta__text { width: 349px; padding: 24px; justify-content: space-between; } /* orijinal: etiket üstte, metin bloğu alta yaslı (EN uzun metinde de) */
  .cta__label { font-size: 28px; line-height: 28px; }
  .cta__body { margin-top: 0; }
  .cta__title { margin-top: 0; font-size: 32px; line-height: 32px; letter-spacing: -.96px; }
  .cta__para { margin-top: 28px; font-size: 18px; line-height: 27px; }
  .cta__media { width: 317px; flex: none; }
  .store-buttons--cta .store-btn { height: 42px; border-radius: 6px; }
  .store-buttons--cta .store-btn > img { transform: scale(.6); }

  .site-footer__info { width: 690px; }
  .site-footer__inner { padding-top: 29px; padding-bottom: 30px; }
  .socials { margin-top: 30px; }
  .copyright { margin-top: 29px; }
  .subscribe__form { width: 303px; }
  .site-footer__menu { margin-top: 30px; }
  .site-footer__info { margin-top: 30px; }
  .contact-row { flex-wrap: wrap; justify-content: center; gap: 8px 7px; }
  .contact-pill--phone { width: 184px; } .contact-pill--mail { width: 207px; }
  .contact-pill--address { order: 3; width: 415px; }
  .site-footer__menu { padding: 0 16px; }
}

/* =====================================================================
   MOBİL  <= 809.98
   ===================================================================== */
@media (max-width: 809.98px) {
  :root { --pad: 24px; --header-h: 66px; }
  .hide-mobile { display: none !important; }
  .show-mobile { display: revert !important; }
  .reviews__list.show-mobile { display: block !important; }
  .site-logo__large { display: none; }
  .site-logo__small { display: block; }
  .site-logo { height: 37px; }
  .btn-download { width: 156px; height: 36px; padding: 4px 4px 4px 12px; }
  .btn-download__arrow { width: 28px; height: 28px; }
  .btn-download__arrow .arrow-track { padding-top: 8px; gap: 16px; transform: translateY(-28px); }
  /* orijinal: indir butonu + dil seçici grubu ekranın ortasında (+1.5 px), menü düğmesi sağ kenarda */
  .site-header__inner { position: relative; }
  .site-header__actions { position: absolute; top: 0; bottom: 0; left: var(--pad); right: var(--pad); justify-content: center; padding-left: 3px; pointer-events: none; }
  .site-header__actions > * { pointer-events: auto; }
  .site-header__actions .btn-download { margin-right: 6px; }
  .menu-toggle { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

  .hero__inner { flex-direction: column; height: calc(70vh - 60px); padding-top: calc(332px + (70vh - 630px)); align-items: center; } /* içerik alta yaslı kayar */
  .hero__text { width: 100%; display: flex; flex-direction: column; align-items: center; }
  .hero__title { white-space: nowrap; }
  .hero__title { font-size: 46px; line-height: 40px; letter-spacing: -1.38px; gap: 4px; align-items: center; text-align: center; }
  .hero__line { height: 40px; }
  .hero__download { margin-top: 28px; width: 100%; }
  .hero__label { display: none; }
  .store-buttons--hero { gap: 10px; }
  .store-buttons--hero .store-btn { flex: 1; width: auto; height: 42px; border-radius: 6px; }
  .store-buttons--hero .store-btn > img { transform: scale(.6); }
  .hero__art { left: 50%; right: auto; top: 24px; width: 367px; height: calc(100% - 280px); margin-left: -184px; } /* 900 px ekranda 290 */
  .hero__rings { display: none; }
  .exams-bar__scroll { overflow-x: auto; scrollbar-width: none; }
  .exams-bar__scroll::-webkit-scrollbar { display: none; }
  .exams-bar__inner { padding: 0 24px; width: max-content; }
  .exam-tab { flex: 0 0 102px; }

  .section { padding: 52px 0; }
  .section-title { gap: 20px; }
  .eyebrow { font-size: 18px; }
  .stats .h2, .stats .h2 .script { font-size: 28px; line-height: 32px; letter-spacing: -.56px; }
  .why .h2, .why .h2 .script, .reviews .h2, .reviews .h2 .script { font-size: 36px; line-height: 36px; letter-spacing: -.72px; }
  .h2 .script { letter-spacing: normal !important; }
  .reviews .h2 { white-space: normal; }
  .stats .section-title, .reviews .section-title { margin-bottom: 36px; }

  .stats__grid { display: none; }
  .stats__carousel { display: block; margin: 0 calc(-1 * var(--pad)); padding: 0 var(--pad); overflow: hidden; }
  .stats__carousel .carousel__track { overflow: visible; }
  .stats__carousel .stat-card { flex: 0 0 342px; width: 342px; }
  .stats__carousel .counter { font-size: 72px; line-height: 62px; letter-spacing: -2.16px; }
  .stats__carousel .stat-card__trees { left: -32px; }
  .stats__carousel .stat-card__qm { width: 246px; height: 185px; }
  .stats__carousel .stat-card__stats { align-items: flex-start; text-align: left; }
  .stats__carousel .stat-card--questions .stat-card__stats { left: 48px; right: 48px; top: 360px; }

  .why__grid { display: block; }
  .why__grid > .feature-card { display: none; }
  .why__title { justify-content: center; }
  .why__title .section-title { align-items: center; text-align: center; width: 100%; gap: 12px; }
  .why__title .section-title .h2 { align-items: center; }
  .why__carousel { display: block; margin: 36px 0; }
  .why__carousel .feature-card { width: 342px; height: 285px; }
  .why__box { padding: 0; gap: 40px; }

  .reviews { padding-bottom: 0; }
  .reviews__box { flex-direction: column-reverse; border-radius: 20px; }
  .reviews__slider { height: 449px; }
  .review { padding: 28px; }
  .review__text { font-size: 18px; line-height: 28px; letter-spacing: normal; }
  .review__name { font-size: 18px; line-height: 18px; }
  .review__role { font-size: 14px; line-height: 14px; letter-spacing: normal; }
  .reviews__nav { right: 28px; bottom: 28px; gap: 4px; }
  .reviews__users { height: 469px; padding: 39px 40px 40px; justify-content: flex-start; }
  .avatar { flex-basis: 122px; width: 122px; height: 122px; }
  .counter--users { margin-top: 40px; font-size: 64px; line-height: 68px; letter-spacing: -1.92px; }

  .steps-m { padding: 52px 0 24px; }
  .steps-m__carousel { overflow: hidden; height: 780px; }
  .step-slide { width: 390px; padding: 12px 24px; }
  .step-slide__num { letter-spacing: -1.44px; margin-top: 6px; }
  .step-slide .step-text__title { margin-top: 24px; }
  .step-slide .step-text__desc { margin-top: 20px; font-size: 18px; line-height: 27px; }
  .step-slide__panel { margin-top: 40px; width: 342px; height: 342px; }

  .cta { padding-bottom: 52px; }
  .cta__card { flex-direction: column; justify-content: flex-start; height: 560px; padding: 11px; }
  .cta__text { width: auto; padding: 12px; }
  .cta__media { width: auto; }
  .cta__label { font-size: 20px; line-height: 28px; letter-spacing: -.6px; }
  .cta__body { margin-top: 20px; }
  .cta__title { margin-top: 0; font-size: 28px; line-height: 32px; letter-spacing: -.84px; }
  .cta__para { margin-top: 20px; font-size: 16px; line-height: 24px; }
  .cta__media { width: auto; height: 220px; margin-top: 12px; flex: none; }
  .store-buttons--cta { left: 20px; right: 20px; bottom: 20px; }

  .site-footer__inner { align-items: flex-start; padding: 19px 20px 20px; }
  .site-footer__menu { margin-top: 30px; padding: 0; align-items: flex-start; gap: 0; }
  .footer-mobile-links { display: flex !important; flex-direction: column; align-items: flex-start; gap: 10px; line-height: 19px; }
  .footer-mobile-links li::after { display: none !important; }
  .dot-list--small { margin-top: 24px; justify-content: flex-start; flex-wrap: nowrap; white-space: nowrap; }
  .site-footer__info { margin-top: 30px; width: 100%; }
  .contact-row { flex-direction: column; gap: 8px; }
  .contact-pill { width: 100% !important; font-size: 11px; letter-spacing: -.22px; }
  .contact-pill--mail { order: 1; } .contact-pill--address { order: 2; white-space: nowrap; }
  .subscribe { flex-direction: column; align-items: flex-start; height: auto; padding: 19px 19px 19px 31px; gap: 19px; }
  .subscribe__form { width: 100%; }
  .socials { margin-top: 29px; align-self: stretch; justify-content: center; }
  .copyright { margin-top: 31px; align-self: stretch; flex-direction: column; gap: 10px; }
  .copyright__dot { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* =====================================================================
   EKLEME (sahibin isteği, orijinalde yok): "Web sürümü" erişimi
   - mağaza rozetleriyle aynı boyut/köşe/siyah zemin
   - header'da ikincil buton, mobil menüde kart, footer'da sosyal ikon
   ===================================================================== */
.web-badge { display: inline-flex; align-items: center; gap: 7px; color: #fff; }
.web-badge__icon { width: 24px; height: 24px; }
.web-badge__text { display: flex; flex-direction: column; align-items: flex-start; text-align: left; }
.web-badge__small { font-size: 8px; line-height: 9px; font-weight: 600; letter-spacing: .1px; }
.web-badge__big { font-size: 17px; line-height: 20px; font-weight: 600; letter-spacing: -.34px; white-space: nowrap; }
.btn-web { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px; border: 1px solid var(--blue); border-radius: 12px; color: var(--blue); font-weight: 600; font-size: 16px; line-height: 19.2px; white-space: nowrap; transition: background-color .2s; }
.btn-web:hover { background: rgba(37,99,235,.06); }
.site-header__actions .btn-web--header { margin-right: 0; }
.social--web { border-radius: 100px; background: var(--navy); display: flex; align-items: center; justify-content: center; }
.social--web img { width: 16px; height: 16px; }
.store-buttons--cta .store-btn--web .web-badge__big { font-size: 16px; }

@media (max-width: 1199.98px) {
  .site-header__actions .btn-web--header { margin-right: 8px; }
}
@media (max-width: 809.98px) {
  .btn-web--header { display: none; }
  /* mobil hero: üçüncü rozet alt satırda ortalı, aynı boy (166x42) */
  .store-buttons--hero { flex-wrap: wrap; justify-content: center; gap: 10px; }
  .store-buttons--hero .store-btn { flex: 0 0 calc(50% - 5px); }
  .store-btn--web .web-badge { transform: scale(.75); }
}
@media (max-width: 1199.98px) {
  /* tablet/mobil CTA: web rozeti ikinci satırda tam genişlik */
  .store-buttons--cta { flex-wrap: wrap; }
  .store-buttons--cta .store-btn { flex: 1 1 calc(50% - 4px); }
  .store-buttons--cta .store-btn--web { flex-basis: 100%; }
  .store-buttons--cta .store-btn--web .web-badge { transform: scale(.75); }
}

@media (min-width: 810px) and (max-width: 1199.98px) {
  .store-buttons--hero { flex-wrap: wrap; width: 430px; }
  .hero__inner { height: auto; min-height: calc(70vh - 60px); padding-bottom: 40px; }
}
@media (max-width: 809.98px) {
  .hero__inner { height: auto; min-height: calc(70vh - 60px); padding-bottom: 39px; }
}

/* ===== Ortak: mavi oklu buton (404 "Ana Sayfa") ===== */
.btn-blue { display: inline-flex; align-items: center; justify-content: space-between; gap: 12px; height: 40px; padding: 4px 4px 4px 16px; border-radius: 12px; background: var(--blue); color: var(--bg); font-weight: 600; font-size: 16px; line-height: 19.2px; white-space: nowrap; }
.btn-blue__arrow { width: 36px; height: 32px; border-radius: 8px; background: var(--blue-dark); overflow: hidden; display: flex; align-items: center; padding-left: 12px; }
.btn-blue__arrow .arrow-track { gap: 24px; }
.btn-blue__arrow img { transform: rotate(-90deg); }
.btn-blue:hover { background: #163B8D; }
.btn-blue:hover .btn-blue__arrow { background: var(--blue); }
.btn-blue:hover .arrow-track { transform: translateX(0); }

/* ===== 404 sayfası ===== */
.nf { display: flex; align-items: flex-start; gap: 20px; padding: 120px 100px; }
.nf__left { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 16px; }
.nf__eyebrow { margin: 0; font-size: 18px; line-height: 12px; color: var(--gray); }
.nf__title { margin: 0; font-size: 62px; line-height: 62px; letter-spacing: -2.48px; font-weight: 600; color: var(--text); word-break: break-word; overflow-wrap: break-word; }
.nf__right { flex: 1 1 0; min-width: 0; max-width: 360px; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.nf__text { margin: 0; font-size: 20px; line-height: 30px; letter-spacing: .08px; color: #696969; text-wrap: balance; }
@media (max-width: 1199.98px) {
  .nf { padding: 120px 60px; }
  .nf__title { font-size: 42px; line-height: 42px; letter-spacing: -1.68px; }
  .nf__text { font-size: 18px; line-height: 27px; }
}
@media (max-width: 809.98px) {
  .nf { padding: 120px 20px; }
  .nf__title { font-size: 32px; line-height: 32px; letter-spacing: -1.28px; }
  .nf__text { font-size: 16px; line-height: 24px; }
}

/* Header indir butonu: orijinalde genişlik metne göre — EN "Download Now" daha geniş (TR değerleri yukarıda) */
.btn-download:lang(en) { width: 194.7px; }
@media (max-width: 809.98px) { .btn-download:lang(en) { width: 178.7px; } }

/* =====================================================================
   SINAV SAYFALARI (/sinavlar/*) — orijinalden ölçüldü (F2.1)
   Tema rengi: main.exam { --exam: var(--c-<sınav>) }
   ===================================================================== */
.exam .script { letter-spacing: inherit; text-transform: capitalize; }

/* ----- Hero ----- */
.xh { position: relative; overflow: hidden; display: flex; align-items: center; height: var(--h-d); background: var(--bg-2); }
.xh__art { position: absolute; inset: 0; pointer-events: none; }
.xh-el { position: absolute; display: none; left: var(--l-d); width: var(--w-d); top: var(--t-d); transform: translateY(-50%); max-width: none; }
.xh-el.on-d { display: block; }
img.xh-el { height: auto; }
.xh-ring { aspect-ratio: 1; border-radius: 1000px; overflow: hidden; background: var(--grad); }
.xh-ring::after { content: ""; position: absolute; inset: 1px; border-radius: inherit; background: var(--bg-2); }
.xh__inner { position: relative; width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 100px; }
.xh__text { width: 50%; display: flex; flex-direction: column; gap: 80px; }
.xh__head { display: flex; flex-direction: column; gap: 24px; }
.xh__crumb { display: flex; align-items: center; gap: 8px; font-size: 18px; line-height: 12px; color: var(--gray); white-space: pre; }
.xh__crumb [aria-current] { color: var(--text); }
.xh__title { display: flex; flex-direction: column; justify-content: flex-end; font-size: 72px; line-height: 72px; font-weight: 600; letter-spacing: -4.32px; }
.xh__t2.script { color: var(--exam); letter-spacing: -2.16px; }
.xh__dl { display: flex; flex-direction: column; gap: 10px; }
.xh__dl-label { font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: .08px; color: var(--gray); white-space: pre; }
.store-buttons--exam { flex-wrap: wrap; }

/* Hero varyantı (YKS, LGS) — orijinalden ölçüldü: başlık -0.03em; tablette başlık→indir 60px; YKS mobil başlık 42px */
.xh--alt .xh__t1 { letter-spacing: -.03em; }
@media (min-width: 810px) and (max-width: 1199.98px) { .xh--alt .xh__text { gap: 60px; } .xh--alt .xh__inner { padding-top: 10px; } } /* orijinal: blok 5px aşağıda (ortalanmış) */
@media (max-width: 809.98px) { .xh--yks .xh__title { font-size: 42px; line-height: 42px; } .xh--alt .xh__t1 { letter-spacing: -.03em; } }

/* ----- Bilmen Gerekenler: başlık + bento ----- */
.xi__inner { max-width: 1440px; margin: 0 auto; padding: 120px 100px 0; display: flex; flex-direction: column; gap: 60px; }
.xi__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; }
.xi__titles { display: flex; flex-direction: column; gap: 20px; min-width: 0; } /* uzun başlık (LGS) açıklamayı itmesin: orijinalde başlık kutusu daralır, metin taşar */
.xi__eyebrow, .xp__eyebrow, .xf__eyebrow { font-size: 18px; line-height: 12px; color: var(--exam); white-space: pre; }
.xi__title { display: flex; flex-direction: column; font-size: 52px; line-height: 52px; font-weight: 600; letter-spacing: -1.04px; text-transform: capitalize; white-space: pre; }
.xi__title .script { color: var(--exam); }
.xi__desc { flex: none; width: 500px; font-size: 18px; line-height: 24px; color: var(--gray); }
.xb { display: none; }
.xb--d { display: grid; }
.xb--d.xb--flex { display: flex; }
.xb-card { position: relative; overflow: hidden; }
.xb-card::after { content: ""; position: absolute; inset: 0; border: 1px solid var(--bd, transparent); border-radius: inherit; pointer-events: none; }
.xb-t, .xb-deco, .xb-badge { position: absolute; margin: 0; }
.xb-deco { display: block; pointer-events: none; max-width: none; }
.xb-circle, .xs__box-circle { border-radius: 999px; -webkit-mask-image: radial-gradient(50% 50%, #000 0%, transparent 100%); mask-image: radial-gradient(50% 50%, #000 0%, transparent 100%); }

/* ----- Özellik slaytları ----- */
.xs__inner { max-width: 1440px; margin: 0 auto; padding: 120px 100px; }
.xs__stage { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 80px; }
.xs__texts, .xs__boxwrap { position: relative; }
.xs-text { height: 580px; display: flex; flex-direction: column; justify-content: space-between; }
.xs-text[hidden], .xs-media[hidden] { display: none; }
.xs-text__top { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.xs-text__bottom { display: flex; flex-direction: column; gap: 20px; }
.xs-chip { position: relative; overflow: hidden; padding: 4px 12px; border-radius: 8px; font-size: 18px; line-height: 20px; font-weight: 600; letter-spacing: -.54px; color: var(--exam); white-space: pre; }
.xs-chip::before { content: ""; position: absolute; inset: 0; background: var(--exam); opacity: .18; }
.xs-chip span { position: relative; }
.xs-title { font-size: 40px; line-height: 40px; font-weight: 600; letter-spacing: -.8px; }
.xs-desc { font-size: 18px; line-height: 27px; color: var(--gray); }
.xs-dl { position: relative; padding-top: 20px; display: flex; flex-direction: column; gap: 10px; }
.xs-dl::after { content: ""; position: absolute; left: 0; right: 0; top: 0; border-top: 1px solid var(--line); }
.xs-dl__label { font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: .08px; color: var(--gray); white-space: pre; }
.xs__box { position: relative; height: 580px; overflow: hidden; border-radius: 32px; background: var(--bg); box-shadow: inset 0 6px 6px rgba(255, 255, 255, .2), 0 3px 6px -1px rgba(0, 0, 0, .12); }
.xs__box-color { position: absolute; inset: 0; overflow: hidden; background: var(--exam); }
.xs__box-circle { position: absolute; left: -270px; bottom: -350px; width: calc(100% + 540px); aspect-ratio: 1; border-radius: 999px; background: var(--bg); opacity: .4; }
.xs-media { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.xs-media img { flex: none; max-width: none; }
.xs__arrow { position: absolute; top: 290px; transform: translateY(-50%); width: 40px; height: 40px; padding: 0; border: 0; background: none; cursor: pointer; }
.xs__arrow--prev { left: -52px; }
.xs__arrow--next { right: -52px; }
.xs__arrow--next img { transform: rotate(180deg); }
.xs__dots { position: absolute; top: 596px; left: 50%; transform: translateX(-50%); display: flex; gap: 12px; }
.xs__dot { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 100px; background: var(--exam); opacity: .5; cursor: pointer; }
.xs__dot.is-active { opacity: 1; }

/* ----- Son Yazılar ----- */
.xp__inner { max-width: 1440px; margin: 0 auto; padding: 0 100px 80px; display: flex; flex-direction: column; gap: 40px; }
.xp__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; }
.xp__titles { display: flex; flex-direction: column; gap: 20px; }
.xp__title { display: flex; align-items: flex-start; gap: 12px; font-size: 52px; line-height: 52px; font-weight: 600; letter-spacing: -1.04px; text-transform: capitalize; white-space: pre; }
.xp__title .script { color: var(--exam); line-height: 54.08px; }
.xp__more { position: relative; overflow: hidden; flex: none; padding: 8px 16px; border-radius: 100px; font-size: 16px; line-height: 16px; font-weight: 600; color: var(--exam); white-space: pre; }
.xp__more::before { content: ""; position: absolute; inset: 0; background: var(--exam); opacity: .16; }
.xp__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.xp-card { position: relative; height: 480px; display: flex; flex-direction: column; gap: 12px; padding: 16px; border-radius: 32px; background: var(--bg); overflow: hidden; }
.xp-card::after { content: ""; position: absolute; inset: 0; border: 1px solid var(--line); border-radius: inherit; pointer-events: none; }
.xp-card__img { flex: 1; min-height: 0; border-radius: 20px; overflow: hidden; }
.xp-card__img img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; }
.xp-card__body { display: flex; flex-direction: column; gap: 12px; padding-top: 4px; }
.xp-card__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 24px; line-height: 26.4px; font-weight: 600; letter-spacing: -.48px; }
.xp-card__meta { display: flex; align-items: center; gap: 6px; }
.xp-pill { position: relative; padding: 8px 12px; border-radius: 20px; font-size: 18px; line-height: 12px; white-space: pre; }
.xp-pill--cat { background: var(--exam); color: var(--bg); font-weight: 700; }
.xp-pill--date { color: var(--gray); }
.xp-pill--date::after { content: ""; position: absolute; inset: 0; border: 1px solid var(--line); border-radius: inherit; }

/* ----- Tablet (810–1199.98) ----- */
@media (max-width: 1199.98px) {
  .xh { height: var(--h-t); }
  .xh-el, .xh-el.on-d { display: none; left: var(--l-t); width: var(--w-t); top: var(--t-t); }
  .xh-el.on-t { display: block; }
  .xh__inner { padding: 0 44px; }
  .xh__title { font-size: 52px; line-height: 52px; letter-spacing: -3.12px; }
  .xh__t2.script { letter-spacing: -1.56px; }
  .xi__inner { padding: 80px 44px 0; }
  .xi__head { flex-direction: column; align-items: flex-start; }
  .xb--d { display: none; }
  .xb--t { display: grid; }
  .xb--t.xb--flex { display: flex; }
  .xs__inner { padding: 80px 44px 60px; }
  .xs__stage { grid-template-columns: minmax(0, 1fr); row-gap: 60px; }
  .xs-text { height: auto; justify-content: flex-start; gap: 20px; }
  .xs-title { line-height: 44.8px; }
  .xs__arrow { top: 50%; }
  .xs__arrow--prev { left: 36px; }
  .xs__arrow--next { right: 36px; }
  .xs__dots { display: none; }
  .xp__inner { padding: 0 44px 40px; gap: 32px; }
  .xp__title { flex-direction: column; gap: 0; }
  .xp__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .xp-card { height: 400px; }
  .xp__grid > .xp-card:nth-child(n+3) { display: none; }
}

/* ----- Mobil (≤809.98) ----- */
@media (max-width: 809.98px) {
  .xh { height: var(--h-m); align-items: flex-start; }
  .xh-el, .xh-el.on-d, .xh-el.on-t { display: none; left: var(--l-m); width: var(--w-m); top: var(--t-m); }
  .xh-el.on-m { display: block; }
  .xh__inner { padding: 52px 24px 0; }
  .xh__text { width: 100%; gap: 28px; align-items: center; }
  .xh__head { align-items: center; }
  .xh__title { font-size: 44px; line-height: 44px; letter-spacing: -2.64px; text-align: center; align-self: stretch; }
  .xh__t2.script { letter-spacing: -1.32px; }
  .xh__dl { align-self: stretch; }
  .xh__dl-label { display: none; }
  .store-buttons--exam .store-btn { flex: 1; width: auto; height: 42px; border-radius: 6px; }
  .store-buttons--exam .store-btn > img { transform: scale(.6); }
  .xi__inner { padding: 52px 24px 0; gap: 40px; }
  .xi__title { font-size: 36px; line-height: 36px; letter-spacing: -.72px; }
  .xi__desc { width: auto; }
  .exam--mb-info .xi__title .script, .exam--mb-blog .xp__title .script { color: #000; }
  .xb--t { display: none; }
  .xb--m { display: grid; }
  .xb--m.xb--flex { display: flex; }
  .xs__inner { padding: 52px 24px 40px; }
  .xs__stage { row-gap: 40px; }
  .xs-chip { font-size: 16px; letter-spacing: -.48px; }
  .xs-title { font-size: 32px; line-height: 35.84px; letter-spacing: -.64px; }
  .xs-dl { padding-top: 0; }
  .xs-dl::after, .xs-dl__label { display: none; }
  .xs__box { height: 340px; }
  .xs__arrow { top: auto; bottom: 16px; transform: none; }
  .xs__arrow--prev { left: 16px; }
  .xs__arrow--next { right: 16px; }
  .xp__inner { padding: 0 24px 40px; }
  .xp__head { flex-direction: column; align-items: center; }
  .xp__titles { align-items: center; }
  .xp__title { font-size: 36px; line-height: 36px; letter-spacing: -.72px; align-items: center; }
  .xp__title .script { line-height: 37.44px; }
  .xp__grid { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- Sınav sayfası: SSS (yalnız KPSS) — orijinalden ölçüldü (1440/1200/810/390) ---------- */
.xf { padding: 120px 100px; }
.xf__inner { max-width: 810px; margin: 0 auto; display: flex; flex-direction: column; gap: 48px; }
.xf__head { display: flex; flex-direction: column; align-items: center; gap: 28px; text-align: center; }
.xf__title { display: flex; flex-direction: column; align-items: center; font-size: 52px; line-height: 60px; font-weight: 600; letter-spacing: -1.04px; white-space: nowrap; }
.xf__title .script { color: var(--exam); letter-spacing: normal; }
.xf__list { display: flex; flex-direction: column; gap: 12px; }
.xf__q { display: flex; align-items: center; gap: 12px; width: 100%; padding: 0; border: 0; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; }
.xf__bubble { position: relative; flex: 1 1 0; min-width: 0; padding: 20px 36px; border-radius: 40px; background: #F5F5F7; transition: background-color .2s; }
.xf__bubble::after, .xf__a p::after, .xf__icon::after { content: ""; position: absolute; inset: 0; border: 1px solid #E7E7EC; border-radius: inherit; pointer-events: none; }
.xf__qt { display: block; font-size: 20px; line-height: 32px; font-weight: 600; color: #191919; transition: color .2s; }
.xf__icon { position: relative; flex: none; width: 32px; height: 32px; border-radius: 50px; background: #F9F9FB; transition: background-color .2s; }
.xf__icon::before { content: ""; position: absolute; left: 8.5px; top: 15.5px; width: 15px; height: 1px; background: #818181; box-shadow: none; }
.xf__icon { background-image: linear-gradient(#818181, #818181); background-size: 1px 15px; background-position: center; background-repeat: no-repeat; }
.xf__q[aria-expanded="true"] .xf__bubble { background: #BED0F9; }
.xf__q[aria-expanded="true"] .xf__qt { color: #13489E; }
.xf__q[aria-expanded="true"] .xf__icon { background: #13489E; }
.xf__q[aria-expanded="true"] .xf__icon::before { background: #F5F5F7; }
.xf__a { padding: 12px 0 0 140px; }
.xf__a p { position: relative; padding: 20px 36px; border-radius: 40px 40px 8px; background: #13489E; color: #F5F5F7; font-size: 18px; line-height: 24px; }
/* KPSS: iki Premium kartı arka arkaya (mavi + turuncu), aralarında boşluk yok */
.cta--stack { padding-bottom: 0; }
.cta--orange .cta__card { border-color: #FBD39E; }
.cta--orange .cta__label { color: #F4900C; }
.cta--orange .cta__title .script { color: #F4900C; }
/* footer: bulunulan sayfanın linki (orijinalde altı çizili, koyu) */
.dot-list a[aria-current="page"] { text-decoration: underline; color: #111111; }
@media (max-width: 1199.98px) {
  .xf { padding: 80px 44px; }
  .xf__inner { max-width: none; gap: 32px; }
  .xf__title { font-size: 44px; line-height: 48px; letter-spacing: -.88px; }
  .xf__bubble { padding: 16px 28px; }
  .xf__a { padding-left: 80px; }
  .xf__a p { padding: 16px 28px; }
}
@media (max-width: 809.98px) {
  .xf { padding: 52px 24px; }
  .xf__inner { gap: 24px; }
  .xf__head { gap: 20px; }
  .xf__title { font-size: 36px; line-height: 36px; letter-spacing: -.72px; }
  .xf__bubble { padding: 16px 24px; }
  .xf__qt { font-size: 16px; line-height: 24px; }
  .xf__a { padding-left: 52px; }
  .xf__a p { padding: 16px 24px; font-size: 16px; }
  .cta--orange .cta__card { height: 588px; }
  .cta--orange .cta__card:lang(en) { height: 644px; } /* orijinal EN: metin daha uzun, kart 644px (TR 588px) */
  .cta--tall .cta__card { height: auto; } /* orijinal: paket sayfasında mobil CTA kartı görseli kırpmadan 588 */
}
/* hero kuşu döngü animasyonu (orijinal: Framer loop, ~1s ileri-geri) */
.xh-anim--float { animation: xh-float 1.02s ease-in-out infinite alternate; }
.xh-anim--wobble { animation: xh-wobble 1s ease-in-out infinite alternate; }
@keyframes xh-float { from { transform: translateY(-50%); } to { transform: translateY(calc(-50% - 20px)); } }
@keyframes xh-wobble { from { transform: translateY(-50%); } to { transform: translateY(-50%) translate(-10px, -10px) rotate(4deg); } }
@media (prefers-reduced-motion: reduce) { .xh-anim--float, .xh-anim--wobble { animation: none; } }
/* Orijinal tuhaflık (H20): 1. slaytın ("Kişiselleştirilmiş Hedefler") başlığı tablet/mobilde masaüstü stilinde kalır */
@media (max-width: 1199.98px) {
  .xs-text[data-slide="0"] .xs-title { font-size: 40px; line-height: 40px; letter-spacing: -.8px; }
}
/* YKS mobil "Bilmen Gerekenler" başlığı orijinalde 35px (diğer sınavlarda 36px) */
@media (max-width: 809.98px) { .exam--yks .xi__title { font-size: 35px; line-height: 35px; letter-spacing: -.7px; } }

/* ===================================================================
   Blog (liste /blog, kategori /blog/<sınav>, yazı /blog/<slug>) — F3.3
   Ölçüler: orijinal Framer (tools/measure/*.js), 1440/1200/810/390
   =================================================================== */
.bl { --exam: var(--c-yks); }
.bl-hero { position: relative; overflow: hidden; }
.bl-hero__glow { position: absolute; width: 700px; height: 700px; right: -150px; top: 33.6px; border-radius: 999px; background: var(--exam); opacity: .32; -webkit-mask-image: radial-gradient(50% 50%, #000 0%, transparent 100%); mask-image: radial-gradient(50% 50%, #000 0%, transparent 100%); pointer-events: none; }
.bl-hero__inner { position: relative; max-width: 1440px; margin: 0 auto; padding: 80px 100px 60px; display: flex; flex-direction: column; gap: 24px; }
.bl-hero__eyebrow { margin: 0; display: flex; gap: 6px; font-size: 18px; line-height: 12px; color: var(--gray); white-space: pre; }
.bl-hero__title { margin: 0; display: flex; gap: 12px; font-size: 72px; line-height: 57.6px; letter-spacing: -2.16px; font-weight: 600; white-space: pre; }
.bl-hero__title .script { color: var(--exam); font-weight: 400; }
/* Sekmeler (blog + paketler) */
.bl-tabs { position: relative; }
.bl-tabs::after { content: ""; position: absolute; inset: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); pointer-events: none; }
.bl-tabs__inner { max-width: 1440px; margin: 0 auto; padding: 0 100px; display: flex; align-items: center; justify-content: space-between; }
.bl-tabs__list { display: flex; }
.bl-tab { position: relative; flex: none; width: 100px; height: 60px; display: flex; align-items: center; justify-content: center; background: var(--bg); }
.bl-tab::after { content: ""; position: absolute; inset: 0; border: 1px solid var(--line); pointer-events: none; }
.bl-tab__label { position: relative; z-index: 1; font-size: 16px; line-height: 20px; letter-spacing: -.32px; font-weight: 500; color: var(--gray); white-space: pre; }
.bl-tab__bar { position: absolute; left: 0; right: 0; top: 57px; bottom: -1px; background: var(--exam); opacity: 0; }
.bl-tab__glow { position: absolute; left: 12px; right: 12px; top: 43px; bottom: -4px; background: var(--exam); filter: blur(24px); opacity: 0; }
.bl-tab.is-active .bl-tab__label { font-weight: 700; color: var(--exam); }
.bl-tab.is-active .bl-tab__bar { opacity: 1; }
.bl-tab.is-active .bl-tab__glow { opacity: .5; }
.bl-tabs__calc .btn-outline-orange { height: 44px; }
.bl-tabs__calc .btn-outline-orange__arrow { height: 36px; }
/* Kart ızgarası */
.bl-grid-wrap { max-width: 1440px; margin: 0 auto; padding: 80px 100px 100px; }
.bl-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.xp-card--list::after { border-color: var(--line-3); }
.bl-grid > .is-hidden { display: none; }
.bl-sentinel { height: 0; }

@media (max-width: 1199.98px) {
  .bl-hero__glow { width: 629px; height: 629px; right: auto; left: calc(50% - 314.5px); top: 55px; }
  .bl-hero__inner { padding: 60px 40px 40px; align-items: center; }
  .bl-hero__title { font-size: 60px; line-height: 48px; letter-spacing: -1.8px; }
  .bl-tabs__inner { padding: 0 40px; }
  .bl-grid-wrap { padding: 40px 40px 80px; }
  .bl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .bl-grid .xp-card { height: 400px; }
}
@media (max-width: 809.98px) {
  .bl-hero__glow { width: 536px; height: 536px; left: calc(50% - 268px); top: 127.4px; }
  .bl-hero__inner { padding: 60px 24px 40px; }
  .bl-hero__title { flex-direction: column; align-items: center; gap: 4px; font-size: 44px; line-height: 35.2px; letter-spacing: -1.32px; }
  .bl-tabs__inner { padding: 0 24px; overflow-x: auto; scrollbar-width: none; }
  .bl-tabs__inner::-webkit-scrollbar { display: none; }
  .bl-tabs__calc { display: none; }
  .bl-grid-wrap { padding: 24px 24px 24px; }
  .bl--cat .bl-grid-wrap { padding-bottom: 60px; } /* orijinal: kategori sayfalarında mobil alt boşluk 60, Tümü'de 24 */
  .bl-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}

/* ---------- Yazı sayfası ---------- */
.bp-head__inner { max-width: 1440px; margin: 0 auto; padding: 0 100px 60px; display: flex; justify-content: space-between; gap: 80px; }
.bp-head__title { flex: 1; min-width: 0; padding-top: 80px; display: flex; flex-direction: column; gap: 24px; }
/* orijinal: etiket sütunu başlığın üst boşluğunu da kapsar, öğeler alta hizalı */
.bp-head__eyebrow { margin: 0; font-size: 18px; line-height: 12px; color: var(--gray); }
.bp-head__h1 { margin: 0; font-size: 48px; line-height: 52.8px; letter-spacing: -1.44px; font-weight: 600; text-wrap: balance; white-space: pre-wrap; overflow-wrap: break-word; word-break: break-word; }
.bp-head__details { flex: none; width: 174px; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; gap: 6px; }
.bp-pill { display: inline-flex; align-items: center; height: 32px; padding: 0 12px; border-radius: 20px; font-size: 18px; line-height: 12px; white-space: pre; }
.bp-pill--cat { background: var(--exam); color: var(--bg); font-weight: 700; }
.bp-pill--date { background: rgba(252, 222, 182, .5); color: var(--orange); }
.bp-pill--read { background: #D8F0F6; color: rgb(100, 162, 178); }
.bp-share { display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: 104px; height: 32px; padding: 0; border: 0; border-radius: 100px; background: rgba(190, 208, 250, .32); color: var(--blue); font: 500 18px/18px var(--font); cursor: pointer; }
/* orijinal: masaüstünde başlık + kapak bloğu sabit 846 px; kapak kalan yüksekliği doldurur (başlık uzayınca kapak kısalır) */
/* orijinal: başlık bloğu + kapak birlikte pencerenin %94'ü (masaüstü); kapak kalan alanı doldurur */
.bp-head { display: flex; flex-direction: column; height: 94vh; }
.bp-cover { flex: 1 1 0; min-height: 0; }
.bp-cover img { width: 100%; height: 100%; object-fit: cover; }
.bp-body__inner { max-width: 1440px; margin: 0 auto; padding: 80px 100px 0; display: flex; gap: 20px; align-items: flex-start; }
.bp-side { flex: none; width: 400px; display: flex; flex-direction: column; gap: 20px; position: sticky; top: 96px; }
.bp-toc { position: relative; padding: 28px; border-radius: 32px; background: var(--bg); }
.bp-toc::after, .bp-banner::after { content: ""; position: absolute; inset: 0; border: 1px solid var(--line-3); border-radius: inherit; pointer-events: none; }
.bp-toc__title { margin: 0 0 28px; font-size: 22px; line-height: 26.4px; font-weight: 600; }
.bp-toc__list { margin: 0; padding: 0; list-style: none; }
.bp-toc__item { padding-bottom: 5px; font-size: 16px; line-height: 24px; color: var(--gray); }
.bp-toc__item--h3 { padding-left: 8px; font-size: 14px; line-height: 21px; }
.bp-toc__item a:hover { color: var(--text); }
.bp-toc__item.is-active { font-weight: 700; color: var(--blue); }
.bp-banner { position: relative; height: 577px; padding: 32px; border-radius: 32px; background: linear-gradient(rgb(245, 245, 247) 15%, rgb(190, 208, 249) 122%); display: flex; flex-direction: column; align-items: center; justify-content: space-between; text-align: center; }
.bp-banner::after { border-color: var(--line); }
.bp-banner__text { margin: 0; width: 259px; font-size: 22px; line-height: 26.4px; letter-spacing: -.44px; color: var(--navy-card); }
.bp-banner__text strong { font-weight: 600; }
.btn-dl-orange { display: inline-flex; align-items: center; justify-content: space-between; width: 171.5px; height: 40px; padding: 4px 4px 4px 16px; border-radius: 12px; background: var(--orange); color: var(--bg); font-weight: 600; font-size: 16px; line-height: 19.2px; white-space: nowrap; }
.btn-dl-orange__arrow { width: 36px; height: 32px; border-radius: 8px; background: var(--orange-dark); overflow: hidden; display: flex; justify-content: center; }
.btn-dl-orange__arrow .arrow-track { padding-top: 10px; }
.btn-dl-orange:hover .arrow-track { transform: translateY(0); }
.bp-article { flex: 1; min-width: 0; padding-left: 80px; }
.bp-rel { max-width: 1440px; margin: 0 auto; padding: 80px 100px; }
.bp-rel__title { margin: 0 0 48px; font-family: "Gilroy-SemiBold", var(--font); font-size: 40px; line-height: 40px; letter-spacing: -.02em; font-weight: 400; }
.bp-rel__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.xp-card--rel { height: auto; padding: 28px 16px 16px; }
.xp-card--rel::after { border-color: var(--line-3); }

/* Zengin metin (admin Quill çıktısı + Framer aktarımı). Admin önizlemesi de bu sınıfı kullanır. */
.post-body { display: flex; flex-direction: column; color: #666; font-size: 20px; line-height: 32px; letter-spacing: -.6px; }
.post-body > * { margin: 0; }
.post-body > p, .post-body > div > p { margin-top: 20px; }
.post-body > h1, .post-body > h2 { margin-top: 40px; font-size: 32px; line-height: 35.2px; letter-spacing: normal; font-weight: 600; color: var(--text); }
.post-body > h3 { margin-top: 40px; font-size: 26px; line-height: 36.4px; letter-spacing: normal; font-weight: 400; color: var(--text); }
.post-body > h4 { margin-top: 32px; font-size: 22px; line-height: 30px; font-weight: 600; color: var(--text); }
.post-body > ul, .post-body > ol, .post-body > img, .post-body > figure, .post-body > .post-video, .post-body > table, .post-body > iframe, .post-body > blockquote { margin-top: 32px; }
.post-body > :first-child { margin-top: 0; }
.post-body ul, .post-body ol { padding: 0; list-style: none; }
.post-body li { position: relative; padding-left: 26.48px; }
.post-body ul > li::before { content: "•"; position: absolute; left: 6px; }
.post-body ol { counter-reset: li; }
.post-body ol > li::before { counter-increment: li; content: counter(li) "."; position: absolute; left: 0; }
.post-body li > p { margin: 0; }
.post-body strong { font-weight: 700; }
.post-body a { color: var(--blue); }
/* orijinal (Framer): görsel width özniteliği kadar, kapsayıcıdan büyükse daralır; oran korunur, sola hizalı */
.post-body img { display: block; max-width: 100%; height: auto; border-radius: 12px; align-self: flex-start; }
.post-body figure { margin-left: 0; margin-right: 0; overflow-x: auto; }
.post-body table { width: 100%; border: 1px solid rgba(153, 153, 153, .25); border-radius: 8px; border-spacing: 0; overflow: hidden; font: inherit; letter-spacing: inherit; color: inherit; }
/* orijinal (Framer): hücre içi metin gövde paragrafıyla aynı (20/32, #666, normal kalınlık, sola), hücreler üste hizalı */
.post-body th, .post-body td { padding: 10px; min-width: 106.78px; vertical-align: top; text-align: left; font-weight: 400; white-space: pre-wrap; word-break: break-word; }
.post-body th { background: rgba(153, 153, 153, .1); }
.post-body td { border-top: 1px solid rgba(153, 153, 153, .25); }
.post-body td + td, .post-body th + th { border-left: 1px solid rgba(153, 153, 153, .25); }
.post-body th > p, .post-body td > p { margin: 0; }
.post-body blockquote { padding-left: 20px; border-left: 3px solid var(--line-3); }
.post-video { position: relative; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; background: #000; }
.post-video img, .post-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; border-radius: 0; }
.post-video__play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 0; border: 0; background: none; cursor: pointer; }

@media (max-width: 1199.98px) {
  .bp-head__inner { padding: 0 40px 40px; gap: 40px; }
  .bp-head__title { padding-top: 60px; }
  .bp-head__h1 { font-size: 40px; line-height: 44px; letter-spacing: -1.2px; }
  .bp-head { height: auto; }
  .post-body > h3 { font-size: 30px; line-height: 42px; } /* orijinal: tablette h3 masaüstünden büyük (mobilde yine 26/36.4) */
  .bp-cover { flex: none; height: 500px; }
  .bp-body__inner { padding: 60px 44px 0; flex-direction: column; gap: 40px; }
  .bp-side { position: static; width: 100%; flex-direction: row; align-items: flex-start; }
  .bp-side > * { flex: 0 0 calc(50% - 10px); min-width: 0; } /* orijinal: iki kutu eşit yarım (iç boşlukları farklı olsa da) */
  .bp-banner { height: 528px; }
  /* H20 (orijinal hata): tablet/mobilde İçindekiler maddeleri görünmez (yerleri korunur), yalnız etkin (son) madde görünür. FIX_ORIGINAL_BUGS ile kalkar. */
  .bp-toc--bug .bp-toc__item:not(.is-active) { opacity: 0; }
  .bp-article { padding-left: 0; width: 100%; }
  /* orijinal: tablet/mobilde gövde + benzer makaleler beyaz zeminde, aralık 60 */
  .bp-body { background: #fff; }
  .bp-rel { padding: 60px 44px 70px; }
  .bp-rel__title { margin-bottom: 32px; font-size: 32px; line-height: 32px; }
  .bp-rel__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bp-rel__list > .xp-card:nth-child(n+3) { display: none; } /* orijinal: tablet/mobilde 2 kart */
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .bp-side { width: 320px; }
}
@media (max-width: 809.98px) {
  .bp-head__inner { padding: 0 24px 32px; flex-direction: column; gap: 32px; }
  .bp-head__h1 { font-size: 28px; line-height: 30.8px; letter-spacing: -.84px; }
  .bp-head__details { width: auto; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
  .bp-cover { height: 280px; }
  .bp-body__inner { padding: 40px 24px 0; }
  .bp-banner { display: none; }
  .bp-side > * { flex: 1 1 auto; } /* mobilde banner yok: içindekiler tam genişlik */
  .post-body > h1, .post-body > h2 { font-size: 28px; line-height: 30.8px; }
  .post-body > h3 { font-size: 26px; line-height: 36.4px; }
  .bp-rel { padding: 60px 24px 52px; }
  .bp-rel__title { margin-bottom: 24px; font-size: 32px; line-height: 32px; }
  .bp-rel__list { grid-template-columns: minmax(0, 1fr); }
  /* orijinal: mobilde liste ve görsel üst boşluğu 0 */
  .post-body > ul, .post-body > ol, .post-body > img, .post-body > figure { margin-top: 0; }
}

/* ---------- Paket sayfası (/paketler/<sınav>) ---------- */
.pk-hero { padding: 80px 100px 60px; display: flex; flex-direction: column; align-items: center; gap: 24px; text-align: center; }
.pk-hero__eyebrow { margin: 0; font-size: 18px; line-height: 12px; color: var(--gray); }
.pk-hero__title { margin: 0; display: flex; flex-direction: column; align-items: center; gap: 12px; font-size: 72px; line-height: 57.6px; letter-spacing: -2.16px; font-weight: 600; }
.pk-hero__title .script { display: flex; gap: 4px; color: var(--exam); font-weight: 400; letter-spacing: inherit; } /* orijinal: el yazısı satırı da -0.03em */
.bl-tabs--pk .bl-tabs__list { flex: 1; }
.bl-tabs--pk .bl-tab { flex: 1; width: auto; }
.pk-plans { max-width: 1440px; margin: 0 auto; padding: 60px 100px 20px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.pk-card { position: relative; height: 580px; padding: 12px; border-radius: 32px; background: var(--bg); display: flex; flex-direction: column; }
.pk-card::after { content: ""; position: absolute; inset: 0; border: 1px solid var(--line-3); border-radius: inherit; pointer-events: none; }
.pk-card--premium { box-shadow: rgba(37, 99, 235, .1) 0 19px 41px 0, rgba(37, 99, 235, .09) 0 75px 75px 0, rgba(37, 99, 235, .05) 0 168px 101px 0; }
.pk-card--premium::after { border-color: var(--exam); }
.pk-card__top { position: relative; height: 452px; padding: 28px; border-radius: 22px; overflow: hidden; display: flex; flex-direction: column; background: radial-gradient(54.27% 75% at 100% 100%, rgb(231, 231, 236) 0%, rgb(245, 245, 247) 100%); }
.pk-card--premium .pk-card__top { background: radial-gradient(47.61% 65.8% at 100% 100%, color-mix(in srgb, var(--exam) 28%, transparent) 0%, color-mix(in srgb, var(--exam) 10%, transparent) 100%), var(--bg); }
.pk-card__mascot { position: absolute; left: calc(38.3% + 84.5px); bottom: 12px; width: 334.4px; height: 247.2px; pointer-events: none; } /* orijinal: genişliğe göre kayar (1440: 309, 1200: 263) */
.pk-card__name { position: relative; display: flex; justify-content: space-between; align-items: flex-start; height: 28px; }
.pk-card__plan { display: flex; align-items: center; gap: 8px; font-size: 28px; line-height: 28px; letter-spacing: -.84px; font-weight: 600; color: var(--gray); }
.pk-card--premium .pk-card__plan { color: var(--exam); }
.pk-switch { position: relative; display: flex; align-items: center; gap: 0; height: 31.2px; padding: 2px; border-radius: 70px; background: var(--bg); }
.pk-switch__badge { position: absolute; right: calc(100% + 8px); top: 2px; padding: 8px 10px; border-radius: 999px; background: color-mix(in srgb, var(--orange) 16%, transparent); color: var(--orange); font-size: 14px; line-height: 11.2px; font-weight: 700; white-space: pre; }
.pk-switch__opt { height: 27.2px; padding: 0 12px; border: 0; border-radius: 999px; background: none; color: var(--gray); font: 700 14px/11.2px var(--font); letter-spacing: -.28px; text-transform: uppercase; cursor: pointer; }
.pk-switch__opt.is-on { background: var(--orange); color: var(--bg); }
.pk-card__h { position: relative; margin: 24px 0 0; display: flex; flex-direction: column; font-size: 38px; line-height: 38px; letter-spacing: -1.14px; font-weight: 600; }
.pk-card__h span + span { color: var(--gray); }
.pk-card__pricing { position: relative; margin-top: auto; width: 50%; display: flex; flex-direction: column; gap: 44px; } /* orijinal: üst alan içeriğinin yarısı (1440'ta 265, 1200'de 205) */
.pk-price p { margin: 0; }
.pk-price__old { font-size: 28px; line-height: 20px; letter-spacing: -.84px; color: var(--gray); margin-bottom: 8px !important; }
.pk-price__now { display: flex; align-items: center; gap: 12px; font-size: 52px; line-height: 44px; letter-spacing: -1.56px; font-weight: 700; color: var(--exam); white-space: pre; }
.pk-card--free .pk-price__now { color: var(--text); }
.pk-price__suffix { font-size: 18px; line-height: 20px; letter-spacing: -.54px; font-weight: 600; color: var(--gray); }
.pk-price__note { margin-top: 8px !important; font-size: 16px; line-height: 16px; letter-spacing: -.48px; font-weight: 600; color: var(--gray); white-space: pre; }
.pk-btn { display: flex; align-items: center; justify-content: space-between; height: 44px; padding: 4px 4px 4px 16px; border-radius: 12px; color: var(--bg); font-weight: 600; font-size: 16px; line-height: 19.2px; }
.pk-btn--gray { background: rgb(55, 55, 55); } .pk-btn--gray .pk-btn__arrow { background: rgb(84, 84, 84); }
.pk-btn--exam { background: var(--exam); } .pk-btn--exam .pk-btn__arrow { background: color-mix(in srgb, var(--exam) 80%, #000); }
.pk-btn__arrow { width: 36px; height: 36px; border-radius: 8px; overflow: hidden; display: flex; justify-content: center; }
.pk-btn__arrow .arrow-track { padding-top: 12px; }
.pk-btn:hover .arrow-track { transform: translateY(0); }
.pk-feats { margin: 0; padding: 20px 20px 0; list-style: none; display: grid; grid-template-columns: 1fr 1fr; }
.pk-feat { display: flex; align-items: center; gap: 8px; height: 36px; font-size: 16px; line-height: 20px; color: var(--text); white-space: pre; } /* orijinal: satır kırılmaz (dar ekranda taşar) */
.pk-feat__icon { color: var(--text); flex: none; }
.pk-card--premium .pk-feat__icon { color: var(--exam); }
[hidden] { display: none !important; }
@media (max-width: 1199.98px) {
  .pk-hero { padding: 60px 40px 40px; }
  .pk-hero__title { font-size: 60px; line-height: 48px; letter-spacing: -1.8px; }
  .pk-plans { padding: 40px 44px 12px; gap: 12px; }
  /* orijinal tablet/mobil kart: üst alan sabit yükseklik (tablet 428, mobil 426), özellikler 16 px iç boşluklu tek sütun */
  .pk-card { height: auto; padding: 12px 12px 0; }
  /* orijinal: tablet/mobilde üst blok içerik yüksekliğinde (EN başlık 2 satır → 28px kısa); başlık→fiyat aralığı sabit */
  .pk-card__top { height: auto; padding: 20px; }
  .pk-card__pricing { margin-top: 84px; }
  .pk-card--premium .pk-card__pricing { margin-top: 36px; }
  /* orijinal LGS sayfası (Framer kopyası) ≤1199'da 2px kısa */
  .pk-plans--lgs .pk-card--free .pk-card__pricing { margin-top: 82px; }
  .pk-plans--lgs .pk-card--premium .pk-card__top { padding-top: 18px; }
  .cta--tall .cta__body { margin-top: auto; } /* orijinal: paket CTA'sında metin bloğu alta yaslı */
  .pk-card__mascot { display: none; }
  .pk-card__pricing { width: 100%; } /* orijinal: tablet/mobilde fiyat + buton tam genişlik */
  .pk-card__name { height: 60px; }
  .pk-card__plan { flex-direction: column; align-items: flex-start; gap: 8px; font-size: 24px; letter-spacing: -.72px; }
  .pk-card__h { margin-top: 28px; font-size: 28px; line-height: 28px; letter-spacing: -.84px; }
  .pk-card--premium .pk-card__h { margin-top: 24px; } /* orijinal: premium kartta başlık aralığı 24 (ücretsizde 28) */
  .pk-feats { grid-template-columns: 1fr; padding: 16px; }
  .pk-feat { height: 36px; }
}
@media (max-width: 809.98px) {
  .pk-hero { padding: 60px 24px 40px; }
  .pk-hero__title { font-size: 44px; line-height: 35.2px; letter-spacing: -1.32px; gap: 12px; }
  .pk-hero__title > span { white-space: nowrap; } /* orijinal: "Krow Premium ile" mobilde de tek satır (kenarlardan taşar) */
  .bl-tabs--pk .bl-tab { flex: none; width: 102px; }
  .pk-card--free .pk-card__pricing { margin-top: 82px; }
  .cta--tall .cta__body { margin-top: 20px; }
  .pk-plans { grid-template-columns: minmax(0, 1fr); padding: 24px 24px 12px; }
  .pk-card--premium { order: -1; }
}

/* Framer: sayfa en az pencere yüksekliğinde; kısa sayfalarda (404 vb.) artan alan içerik ile footer arasına gelir */
body { display: flex; flex-direction: column; min-height: 100vh; }
body > main { flex: 1 0 auto; }
body > * { flex-shrink: 0; }

/* =====================================================================
   Orijinal hata düzeltmeleri (FIX_ORIGINAL_BUGS → <html class="fx">). Bayrak kapalıyken hiçbiri uygulanmaz.
   ===================================================================== */
/* H5: Lobster Two'nun orijinal alt kümesinde latin-ext yok (ğ, Ğ, ç… yedek fonta düşüyordu). Tam fonttan latin + latin-ext
   alt kümesi. Not: fontun kendisinde ş, Ş, İ glifi yok — bu üç harf yine yedek fonta düşer (font sınırı). */
@font-face { font-family: "Lobster Two Fx"; src: url("../fonts/lobster-two-italic-ext.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
.fx { --script: "Lobster Two Fx", "Lobster Two", sans-serif; }
/* H5: sayaç fontu "CUSTOM;Montserrat Semibold" hiç yüklenmiyordu → gerçek Montserrat SemiBold */
.fx .counter { font-family: var(--font); font-weight: 600; }
/* H6: mobilde (TR) hero başlığı ve istatistik başlığı ekrandan taşıyordu → genişliğe göre küçülür (16 px kenar payı).
   Katsayılar 390 px'te ölçülen satır genişliğinden: hero 46px'te 401 px, istatistik 28px'te 398 px. EN metinler sığıyor. */
@media (max-width: 809.98px) {
  .fx .hero__title:lang(tr) { font-size: min(46px, calc((100vw - 32px) * .1147)); }
  .fx .stats .h2:lang(tr) { font-size: min(28px, calc((100vw - 32px) * .0703)); }
}
/* H7: mobil menü pencerenin %94'ünde bitiyordu (altta sayfa görünüyordu) ve alt buton satırı sağa kaymıştı */
@media (max-width: 809.98px) {
  .fx .mobile-menu { padding-bottom: 0; background: var(--bg); }
  .fx .mobile-menu .mega__bottom-inner { justify-content: center; padding: 0 24px; }
}
/* H4/K5: EN mobil Premium CTA kartında metin uzun olduğu için mağaza + web rozetleri kartın dışına taşıp kırpılıyordu */
@media (max-width: 809.98px) {
  .fx .cta:not(.cta--orange):not(.cta--tall) .cta__card:lang(en) { height: auto; min-height: 560px; }
}
/* H15 (EN çevirisi): "232 Days" sayaç metni TR "Gün" genişliğine ölçülmüş kutuda iki satıra kırılmasın */
.fx .xb-t[data-countdown]:lang(en) { white-space: nowrap; }

/* =====================================================================
   Çerez onay bandı (K3 — orijinalde yok, KVKK için eklendi; BASELINE derlemesinde basılmaz)
   ===================================================================== */
.consent { position: fixed; z-index: 1000; left: 16px; right: 16px; bottom: 16px; display: flex; justify-content: center; pointer-events: none; }
.consent[hidden] { display: none; }
.consent__box { pointer-events: auto; width: 100%; max-width: 960px; padding: 20px 24px; border-radius: 20px; background: var(--bg); color: var(--text);
  box-shadow: 0 0 0 1px var(--line-3), 0 12px 40px rgba(15, 40, 94, .16); display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; }
.consent__text { flex: 1 1 420px; margin: 0; font-size: 14px; line-height: 21px; color: #4B5563; }
.consent__text a { color: var(--blue); text-decoration: underline; }
.consent__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.consent__btn { height: 40px; padding: 0 18px; border: 0; border-radius: 12px; background: var(--blue); color: var(--bg); font: 600 14px/1 var(--font); cursor: pointer; transition: background-color .2s; }
.consent__btn:hover { background: var(--blue-dark); }
.consent__btn--ghost { background: transparent; color: var(--menu-text); box-shadow: inset 0 0 0 1px var(--line-3); }
.consent__btn--ghost:hover { background: var(--bg-2); }
.consent__btn[hidden] { display: none; }
.consent__prefs { flex: 1 1 100%; display: flex; flex-direction: column; gap: 10px; }
.consent__prefs[hidden] { display: none; }
.consent__title { margin: 0; font-size: 16px; font-weight: 600; }
.consent__row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 14px; border-radius: 12px; background: var(--bg-2); cursor: pointer; }
.consent__row-text { display: flex; flex-direction: column; gap: 2px; font-size: 13px; line-height: 18px; color: #4B5563; }
.consent__row-text strong { color: var(--text); font-size: 14px; }
.consent__row input { width: 20px; height: 20px; accent-color: var(--blue); flex: none; }
.consent-open { padding: 0; border: 0; background: none; color: inherit; font: inherit; letter-spacing: inherit; cursor: pointer; }
.consent-open:hover { text-decoration: underline; }
@media (max-width: 809.98px) {
  .consent { left: 8px; right: 8px; bottom: 8px; }
  .consent__box { padding: 16px; gap: 12px; }
  .consent__text { flex-basis: 100%; font-size: 13px; line-height: 19px; }
  .consent__actions { margin-left: 0; width: 100%; }
  .consent__btn { flex: 1 1 auto; padding: 0 12px; }
  .dot-list--small:has(.consent-open) { flex-wrap: wrap; row-gap: 8px; }
}

/* Bülten ticari ileti onayı (NEWSLETTER_CONSENT — orijinalde yok; BASELINE'da basılmaz) */
.subscribe:has(.subscribe__side) { height: auto; min-height: 85px; }
.subscribe__side { display: flex; flex-direction: column; gap: 10px; width: 408px; }
.subscribe__side .subscribe__form { width: 100%; }
.subscribe__consent { display: flex; align-items: flex-start; gap: 8px; font-size: 12px; line-height: 16px; color: var(--gray); cursor: pointer; }
.subscribe__consent input { flex: none; width: 16px; height: 16px; margin: 0; accent-color: var(--navy); }
.subscribe__consent a { color: var(--blue); text-decoration: underline; }
.subscribe__msg--err { color: #DC2626; }
@media (min-width: 810px) and (max-width: 1199.98px) { .subscribe__side { width: 303px; } }
@media (max-width: 809.98px) { .subscribe__side { width: 100%; } }

/* =====================================================================
   HOVER — orijinalden ölçülen son durumlar (tools/hover-probe.js, _deep.js; 1440/810)
   ===================================================================== */
.btn-outline-orange, .btn-outline-orange__arrow { transition: color .3s cubic-bezier(.44,0,.56,1), background-color .3s cubic-bezier(.44,0,.56,1); }
.btn-outline-orange:hover { color: var(--orange-dark); }
.btn-outline-orange:hover .btn-outline-orange__arrow { background: var(--orange-dark); }
.btn-dl-orange, .btn-dl-orange__arrow, .pk-btn, .pk-btn__arrow { transition: background-color .3s cubic-bezier(.44,0,.56,1); }
.btn-dl-orange:hover { background: var(--orange-dark); }
.btn-dl-orange:hover .btn-dl-orange__arrow { background: var(--orange); }
.pk-btn--gray:hover { background: rgb(25, 25, 25); }
.pk-btn--gray:hover .pk-btn__arrow { background: rgb(55, 55, 55); }
.pk-btn--exam:hover { background: color-mix(in srgb, var(--exam) 80%, #000); }
.pk-btn--exam:hover .pk-btn__arrow { background: var(--exam); }
.xp__more, .xp__more::before { transition: color .3s cubic-bezier(.44,0,.56,1), opacity .3s cubic-bezier(.44,0,.56,1); }
.xp__more { isolation: isolate; }
.xp__more::before { z-index: -1; }
.xp__more:hover { color: var(--bg); }
.xp__more:hover::before { opacity: 1; }
.xp-card { transition: box-shadow .3s cubic-bezier(.44,0,.56,1); }
.xp-card::after { transition: border-color .3s cubic-bezier(.44,0,.56,1); }
.xp-card:hover { box-shadow: rgba(37,99,235,.1) 0 4px 8px 0, rgba(37,99,235,.09) 0 15px 15px 0, rgba(37,99,235,.05) 0 34px 20px 0, rgba(37,99,235,.01) 0 61px 24px 0, rgba(37,99,235,0) 0 95px 26px 0; }
.xp-card:hover::after { border-color: var(--blue); }
.bl-tab__label, .bl-tab__bar { transition: color .3s cubic-bezier(.44,0,.56,1), opacity .3s cubic-bezier(.44,0,.56,1); }
.bl-tab:hover .bl-tab__label { color: var(--exam); }
.bl-tab:hover .bl-tab__bar { opacity: 1; }
.bp-share { transition: background-color .18s ease, color .18s ease; }
.bp-share:hover { background: var(--orange); color: var(--bg); }
.bp-toc__item a { display: block; transition: color .3s cubic-bezier(.44,0,.56,1); }
.bp-toc__item.is-active a:hover { color: inherit; }
.bp-article a:hover { text-decoration: underline; }
.lg-crumb__home { transition: color .3s cubic-bezier(.44,0,.56,1); }
.lg-crumb__home:hover { color: var(--text); }
.social { transition: transform .2s, opacity .3s cubic-bezier(.44,0,.56,1); }
.social--wa:hover { opacity: .8; }
/* kurumsal (Framer) hero rozetleri: iç katman 5 px kalkar (Framer layout animasyonu satır içi stile yansımaz) */
.page-kurumsal .framer-133wxk0 > :first-child { transition: transform .3s cubic-bezier(.44,0,.56,1), background-color .3s cubic-bezier(.44,0,.56,1); }
.page-kurumsal .framer-133wxk0:hover > :first-child { transform: translateY(-5px) !important; }