/* Tanıtım sitesi: tema.css (Tailwind derlemesi) üzerine eklenen bileşenler.
   Formlar, kayıt sihirbazı, panel ekran görüntüsü çerçevesi, SSS ve metin sayfaları. */
/* Yazı tipleri kendi sunucumuzdan yüklenir (hız ve KVKK: ziyaretçi bilgisi üçüncü tarafa gitmez). */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(../fonts/site/inter-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(../fonts/site/inter-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face { font-family: 'Stack Sans Headline'; font-style: normal; font-weight: 300 600; font-display: swap; src: url(../fonts/site/stack-sans-headline-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Stack Sans Headline'; font-style: normal; font-weight: 300 600; font-display: swap; src: url(../fonts/site/stack-sans-headline-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }:root {
  --ink: #171717;
  --text: #404040;
  --muted: #737373;
  --line: #e5e5e5;
  --soft: #f5f5f5;
  --p: #15803d;
  --p-ac: #39d260;
  --ok: #16a34a;
  --warn: #d97706;
  --bad: #dc2626;
  --font-body: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-heading: "Stack Sans Headline", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
[hidden] { display: none !important; }
body { background: #fff; color: var(--text); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.ik { width: 1.15em; height: 1.15em; flex-shrink: 0; display: inline-block; vertical-align: middle; }
.s-skip { position: absolute; left: -9999px; }
.s-skip:focus { left: 16px; top: 12px; z-index: 100; background: #fff; padding: 8px 14px; border-radius: 8px; }
:focus-visible { outline: 2px solid var(--p-ac); outline-offset: 3px; }
.s-link { color: var(--p); text-decoration: underline; text-underline-offset: 3px; }
.s-link:hover { color: var(--ink); }

/* Üst menü ve marka */
.s-logo-isaret { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, #ffff4a, #39d260 55%, #35fff1); color: #0a0a0a; font: 700 15px/1 var(--font-body); flex-shrink: 0; }
.s-nav-kap { max-width: 1060px; margin-inline: auto; padding-inline: 15px; }
@media (min-width: 64rem) { .s-nav-kap { padding-inline: 30px; } }
.s-k1, .s-k2 { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; transition: transform .3s ease-out; }
.s-k2 { transform: translateY(100%); }
.group:hover .s-k1 { transform: translateY(-100%); }
.group:hover .s-k2 { transform: translateY(0); }
.s-cta-isik { position: absolute; inset: 10px 8px -2px; border-radius: 999px; background: linear-gradient(90deg, #ffff4a, #35fff1, #39d260); filter: blur(16px); opacity: .32; pointer-events: none; }
.s-parla { transition: box-shadow .3s; }
.s-parla:hover { box-shadow: 0 0 28px rgba(57, 210, 96, .35); }
.s-ust-doku { position: absolute; inset: 0 0 auto; height: 260px; pointer-events: none; z-index: -1; opacity: .5; background: radial-gradient(60% 100% at 50% 0, rgba(57, 210, 96, .14), transparent 70%); }

/* Alt bilgi: büyük marka yazısı */
.s-dev-yazi { position: relative; z-index: 10; margin-top: 40px; padding: 0 20px; font-family: var(--font-heading); font-size: clamp(56px, 13vw, 210px); line-height: .82; letter-spacing: -.05em; white-space: nowrap; text-align: center; overflow: hidden; color: transparent; background: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 85%); -webkit-background-clip: text; background-clip: text; user-select: none; }

/* Panel ekran görüntüsü çerçevesi */
.s-ekran { margin: 0; border-radius: 14px; overflow: hidden; background: #fff; border: 1px solid rgba(0, 0, 0, .08); box-shadow: 0 30px 70px -28px rgba(0, 0, 0, .35); }
.s-ekran-bar { display: flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px; background: #f5f5f5; border-bottom: 1px solid #e5e5e5; }
.s-ekran-bar i { width: 9px; height: 9px; border-radius: 50%; background: #d4d4d4; }
.s-ekran-bar span { margin-left: 10px; flex: 1; max-width: 260px; height: 18px; line-height: 18px; padding: 0 10px; border-radius: 6px; background: #fff; color: #a3a3a3; font-size: 11px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.s-ekran img { display: block; width: 100%; height: auto; }
.s-ekran.kirp img { aspect-ratio: 16 / 11; object-fit: cover; object-position: left top; }
.s-ekran.kirp-sag img { aspect-ratio: 16 / 11; object-fit: cover; object-position: 78% top; }
.s-ekran.esit img { aspect-ratio: 1184 / 814; object-fit: contain; object-position: left top; background: #f5f7fb; }
.s-ekran.koyu { border-color: rgba(255, 255, 255, .12); box-shadow: 0 40px 90px -30px rgba(0, 0, 0, .8); }

/* İşaretli liste */
.s-liste { display: grid; gap: 12px; font-weight: 400; color: #525252; }
.s-liste li { display: flex; gap: 12px; align-items: flex-start; line-height: 1.5; }
.s-liste li > .ik, .s-liste li > .iconify { margin-top: 2px; color: #16a34a; }
.s-liste.koyu { color: rgba(255, 255, 255, .8); }
.s-liste.koyu li > .ik { color: var(--p-ac); }

/* Fiyat kartı listesi */
.s-tik { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: var(--p-ac); color: #fff; flex-shrink: 0; }
.s-tik .ik { width: 12px; height: 12px; stroke-width: 3; }

/* SSS */
.s-sss details { background: var(--soft); border-radius: 14px; }
.s-sss summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px; cursor: pointer; color: var(--ink); font-size: 1.08rem; font-weight: 500; line-height: 1.4; }
.s-sss summary::-webkit-details-marker { display: none; }
.s-sss .s-arti { transition: transform .3s; }
.s-sss details[open] .s-arti { transform: rotate(135deg); }
.s-sss .s-cevap { padding: 0 20px 20px; color: var(--muted); font-size: .98rem; font-weight: 400; line-height: 1.65; max-width: 760px; }
@media (max-width: 767px) { .s-sss summary { padding: 16px; font-size: 1rem; } .s-sss .s-cevap { padding: 0 16px 16px; } }

/* Butonlar (form ve sihirbazda) */
.s-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 48px; padding: 0 26px; border-radius: 999px; border: 2px solid transparent; font: 600 .95rem/1 var(--font-body); white-space: nowrap; cursor: pointer; text-decoration: none; transition: box-shadow .25s, background .2s, opacity .2s; }
.s-btn-primary { color: #fff; background: linear-gradient(#0a0a0a, #0a0a0a) padding-box, linear-gradient(90deg, #ffff4a, #39d260, #35fff1) border-box; }
.s-btn-primary:hover { box-shadow: 0 0 26px rgba(57, 210, 96, .35); }
.s-btn-ghost { color: var(--ink); background: #fff; border: 1px solid var(--line); }
.s-btn-ghost:hover { background: var(--soft); }
.s-btn-block { width: 100%; }
.s-btn:disabled { opacity: .6; cursor: wait; }

/* Formlar */
.s-form { display: grid; gap: 16px; }
.s-field { display: grid; gap: 7px; }
.s-field > label { font-size: .9rem; font-weight: 600; color: var(--ink); }
.s-field small { font-size: .82rem; color: var(--muted); font-weight: 400; }
.s-input, .s-field select, .s-field textarea { width: 100%; height: 48px; padding: 0 16px; border: 1px solid var(--line); border-radius: 12px; background: #fff; color: var(--ink); font: 500 .97rem var(--font-body); transition: border-color .15s, box-shadow .15s; }
.s-field textarea { height: auto; min-height: 150px; padding: 12px 16px; resize: vertical; line-height: 1.55; }
.s-input:focus, .s-field select:focus, .s-field textarea:focus { border-color: var(--p-ac); box-shadow: 0 0 0 4px rgba(57, 210, 96, .18); outline: 0; }
.s-input::placeholder, .s-field textarea::placeholder { color: #a3a3a3; font-weight: 400; }
.s-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.s-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.s-form a, .s-check a, .s-auth-alt a { color: var(--p); text-decoration: underline; text-underline-offset: 3px; }
.s-alert { padding: 14px 16px; border-radius: 12px; border: 1px solid; font-size: .93rem; font-weight: 400; line-height: 1.5; margin-bottom: 16px; }
.s-alert-ok { background: #f0fdf4; border-color: #bbf7d0; color: #166534; }
.s-alert-bad { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
.s-alert-info { background: #f0f9ff; border-color: #bae6fd; color: #075985; }
.s-check { display: flex; gap: 12px; align-items: flex-start; font-size: .93rem; font-weight: 400; line-height: 1.5; color: var(--text); cursor: pointer; }
.s-check input { width: 18px; height: 18px; margin-top: 2px; accent-color: #16a34a; flex-shrink: 0; }
.s-auth-alt { text-align: center; margin-top: 18px; font-size: .93rem; font-weight: 400; color: var(--muted); }
.s-kart { background: #fff; border: 1px solid var(--line); border-radius: 24px; padding: 36px; box-shadow: 0 30px 60px -32px rgba(0, 0, 0, .2); }

/* Giriş sayfası */
.s-giris-alan { padding: 136px 16px 72px; background: var(--soft); }
.s-giris { max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: 5fr 6fr; background: #fff; border: 1px solid var(--line); border-radius: 28px; overflow: hidden; box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .25); }
.s-giris-yan { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 40px; padding: 48px 44px; color: #fff; background: #0a0a0a url(images/decoration-01.webp) center / cover; overflow: hidden; }
.s-giris-yan::before { content: ""; position: absolute; top: -140px; left: -120px; width: 380px; height: 380px; border-radius: 50%; background: rgba(57, 210, 96, .22); filter: blur(90px); pointer-events: none; }
.s-giris-yan::after { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, #ffff4a, #39d260, #35fff1); }
.s-giris-yan > * { position: relative; }
.s-giris-rozet { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .12); font-size: .82rem; color: #e5e5e5; }
.s-giris-rozet .ik { color: var(--p-ac); }
.s-giris-baslik { margin: 22px 0 12px; font-family: var(--font-heading); font-size: 2.1rem; line-height: 1.15; letter-spacing: -.02em; color: #fff; }
.s-giris-metin { margin: 0; color: #a3a3a3; font-weight: 400; line-height: 1.6; }
.s-giris-liste { display: grid; gap: 14px; }
.s-giris-liste li { display: flex; align-items: center; gap: 12px; color: #e5e5e5; font-weight: 400; }
.s-giris-liste li > span { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: rgba(255, 255, 255, .08); color: var(--p-ac); flex-shrink: 0; }
.s-giris-form { padding: 56px 52px; display: flex; flex-direction: column; justify-content: center; }
.s-giris-form h1 { margin: 0 0 6px; font-size: 2rem; font-weight: 400; letter-spacing: -.02em; }
.s-giris-alt { margin: 0 0 28px; color: var(--muted); font-weight: 400; }
.s-giris-sifre { display: flex; justify-content: space-between; align-items: baseline; }
.s-giris-sifre label { font-size: .9rem; font-weight: 600; color: var(--ink); }
.s-giris-sifre a { font-size: .86rem; color: var(--p); text-decoration: none; }
.s-giris-sifre a:hover { text-decoration: underline; }
.s-giris-ayrac { display: flex; align-items: center; gap: 14px; margin: 22px 0; color: #a3a3a3; font-size: .82rem; }
.s-giris-ayrac::before, .s-giris-ayrac::after { content: ""; flex: 1; height: 1px; background: var(--line); }
@media (max-width: 860px) {
  .s-giris { grid-template-columns: 1fr; }
  .s-giris-yan { display: none; }
  .s-giris-form { padding: 36px 24px; }
}

/* Ajansın kendi alan adı: sade, ajans markalı kabuk */
.s-ozel-ust { position: absolute; inset: 0 0 auto; z-index: 20; display: flex; justify-content: center; padding: 28px 16px; }
.s-ozel-marka { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); font-family: var(--font-heading); font-size: 1.25rem; text-decoration: none; }
.s-ozel-marka img { max-height: 44px; max-width: 220px; object-fit: contain; }
.s-ozel-isaret { display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: var(--marka); color: #fff; font: 700 1rem/1 var(--font-body); }
.s-ozel .s-giris-alan { padding-top: 110px; min-height: calc(100vh - 60px); }
.s-ozel .s-giris-yan::after, .s-ozel .s-progress span.on { background: var(--marka); }
.s-ozel .s-giris-yan::before { background: color-mix(in srgb, var(--marka) 35%, transparent); }
.s-ozel .s-giris-rozet .ik, .s-ozel .s-giris-liste li > span { color: var(--marka); }
.s-ozel .s-btn-primary { background: var(--marka); border-color: var(--marka); }
.s-ozel .s-btn-primary:hover { box-shadow: 0 8px 22px -8px var(--marka); }
.s-ozel .s-giris-sifre a, .s-ozel .s-auth-alt a, .s-ozel .s-form a { color: var(--marka); }
.s-ozel .s-input:focus { border-color: var(--marka); box-shadow: 0 0 0 4px color-mix(in srgb, var(--marka) 18%, transparent); }
.s-ozel-alt { padding: 18px 16px 26px; text-align: center; color: #a3a3a3; font-size: .82rem; background: var(--soft); }

/* Kayıt sihirbazı */
.s-wizard { max-width: 780px; margin: 0 auto; }
.s-progress { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; margin-bottom: 18px; }
.s-progress span { height: 6px; border-radius: 99px; background: #e5e5e5; transition: background .3s; }
.s-progress span.on { background: linear-gradient(90deg, #ffff4a, #39d260); }
.s-wiz-card { background: #fff; border: 1px solid var(--line); border-radius: 24px; padding: 36px; box-shadow: 0 30px 60px -32px rgba(0, 0, 0, .2); }
.s-wiz-card h1 { font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 400; letter-spacing: -.02em; line-height: 1.2; margin: 0 0 10px; }
.s-wiz-card p { font-weight: 400; line-height: 1.55; }
.s-step-label { font-size: .78rem; font-weight: 600; color: var(--p); text-transform: uppercase; letter-spacing: .07em; margin: 0 0 10px; }
.s-choices { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.s-choices.c3 { grid-template-columns: repeat(3, 1fr); }
.s-choice { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; background: #fff; cursor: pointer; transition: border-color .15s, background .15s, box-shadow .15s; }
.s-choice:hover { border-color: #a3a3a3; }
.s-choice input { width: 18px; height: 18px; margin-top: 2px; accent-color: #16a34a; flex-shrink: 0; }
.s-choice > span { display: grid; gap: 3px; }
.s-choice b { color: var(--ink); font-weight: 600; font-size: .95rem; }
.s-choice small { color: var(--muted); font-size: .84rem; font-weight: 400; line-height: 1.4; }
.s-choice:has(input:checked) { border-color: var(--p-ac); background: #f0fdf4; box-shadow: 0 0 0 3px rgba(57, 210, 96, .15); }
.s-wiz-nav { display: flex; justify-content: space-between; gap: 12px; margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--line); }
.s-wiz-ozet { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; background: var(--soft); border-radius: 14px; padding: 16px; }
.s-wiz-ozet div { display: grid; gap: 2px; }
.s-wiz-ozet span { font-size: .78rem; color: var(--muted); font-weight: 400; }
.s-wiz-ozet b { color: var(--ink); font-size: .95rem; font-weight: 600; }
.s-sifre-bar { height: 4px; border-radius: 9px; background: #eee; overflow: hidden; }
.s-sifre-bar i { display: block; height: 100%; width: 0; transition: width .25s, background .25s; }

/* Metin sayfaları */
.s-prose { max-width: 760px; margin: 0 auto; color: var(--text); font-size: 1.03rem; font-weight: 400; line-height: 1.75; }
.s-prose h2 { font-size: 1.45rem; font-weight: 500; letter-spacing: -.01em; margin: 2em 0 .6em; }
.s-prose h3 { font-size: 1.15rem; font-weight: 500; margin: 1.6em 0 .5em; }
.s-prose p { margin: 0 0 1.1em; }
.s-prose ul, .s-prose ol { padding-left: 1.3em; margin: 0 0 1.2em; }
.s-prose ul { list-style: disc; }
.s-prose ol { list-style: decimal; }
.s-prose li { margin: .4em 0; }
.s-prose a { color: var(--p); text-decoration: underline; text-underline-offset: 3px; }
.s-prose strong, .s-prose b { color: var(--ink); font-weight: 600; }

@media (max-width: 767px) {
  .s-row2 { grid-template-columns: 1fr; }
  .s-wiz-card, .s-kart { padding: 22px; border-radius: 20px; }
  .s-choices { grid-template-columns: 1fr !important; }
  .s-choices.c3, .s-choices[style] { grid-template-columns: 1fr 1fr !important; }
  .s-wiz-ozet { grid-template-columns: 1fr 1fr; }
  .s-wiz-nav .s-btn { padding: 0 20px; }
}
/* Yasal sayfalar */
.s-yasal-menu { display: grid; gap: 4px; background: var(--soft); border-radius: 18px; padding: 10px; position: sticky; top: 110px; }
.s-yasal-menu a { padding: 10px 14px; border-radius: 12px; color: var(--text); font-size: .95rem; font-weight: 500; text-decoration: none; transition: background .15s; }
.s-yasal-menu a:hover { background: #fff; }
.s-yasal-menu a[aria-current="page"] { background: #0a0a0a; color: #fff; }
.s-yasal h2:first-child { margin-top: 0; }
.s-tablo { overflow-x: auto; margin: 0 0 1.2em; border: 1px solid var(--line); border-radius: 12px; }
.s-tablo table { width: 100%; border-collapse: collapse; font-size: .9rem; line-height: 1.5; }
.s-tablo th, .s-tablo td { padding: 10px 12px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.s-tablo th { background: var(--soft); color: var(--ink); font-weight: 600; white-space: nowrap; }
.s-tablo tr:last-child td { border-bottom: 0; }
.s-tablo code { font-size: .82rem; background: var(--soft); padding: 1px 6px; border-radius: 6px; }
@media (max-width: 1023px) { .s-yasal-menu { position: static; grid-template-columns: 1fr 1fr; } }
/* Alt bilgi bağlantı sütunları: Ürün · Kurumsal · Yasal (iki sütunlu) */
.s-alt-sutunlar { display: grid; grid-template-columns: auto auto 1fr; gap: 40px 56px; }
.s-alt-sutun { display: flex; flex-direction: column; gap: 10px; }
.s-alt-sutun h2 { color: #fff; font-size: 1.05rem; font-weight: 500; margin: 0 0 6px; }
.s-alt-sutun a { color: #d4d4d4; font-weight: 400; text-decoration: none; transition: color .15s; }
.s-alt-sutun a:hover { color: #fff; }
.s-alt-yasal { display: grid; grid-template-columns: repeat(2, max-content); gap: 10px 32px; align-content: start; }
.s-alt-yasal h2 { grid-column: 1 / -1; }
.s-cerez-ac { color: #a3a3a3; background: none; border: 0; padding: 0; font: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.s-cerez-ac:hover { color: #fff; }
@media (max-width: 1023px) { .s-alt-sutunlar { grid-template-columns: 1fr 1fr; } .s-alt-yasal { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; } }

/* Çerez bildirimi */
.s-cerez { position: fixed; z-index: 70; left: 16px; right: 16px; bottom: 16px; display: flex; justify-content: center; pointer-events: none; }
.s-cerez-ic { pointer-events: auto; width: 100%; max-width: 920px; display: flex; gap: 20px; align-items: center; justify-content: space-between; background: #fff; border: 1px solid var(--line); border-radius: 20px; padding: 18px 20px; box-shadow: 0 24px 60px -20px rgba(0, 0, 0, .35); }
.s-cerez .s-cerez-baslik { margin: 0 0 4px; color: var(--ink); font-weight: 600; font-size: 1rem; }
.s-cerez p { margin: 0; font-size: .9rem; font-weight: 400; line-height: 1.55; color: var(--text); }
.s-cerez a { color: var(--p); text-decoration: underline; text-underline-offset: 3px; }
.s-cerez-btn { display: flex; gap: 8px; flex-shrink: 0; }
.s-cerez-btn .s-btn { height: 42px; padding: 0 18px; font-size: .9rem; }
@media (max-width: 767px) { .s-cerez-ic { flex-direction: column; align-items: stretch; } .s-cerez-btn .s-btn { flex: 1; } }

/* Temanın derlemesinde bulunmayan birkaç yardımcı sınıf (Tailwind değerleriyle aynı).
   Temanın kendi katmanında, ondan sonra yer alır; temel sınıf, temanın duyarlı sınıflarıyla birlikte kullanılmaz. */
@layer utilities {
  .border-t { border-top-width: 1px; border-top-style: solid; }
  .gap-16 { gap: 4rem; }
  .gap-y-2 { row-gap: .5rem; }
  .h-11 { height: 2.75rem; }
  .hover\:bg-default-800:hover { background-color: var(--color-default-800); }
  .leading-\[1\.25\] { line-height: 1.25; }
  .leading-\[1\.55\] { line-height: 1.55; }
  .max-w-5xl { max-width: 64rem; }
  .max-w-lg { max-width: 32rem; }
  .ms-6 { margin-inline-start: 1.5rem; }
  .mt-10 { margin-top: 2.5rem; }
  .pb-10 { padding-bottom: 2.5rem; }
  .pr-2\.5 { padding-right: .625rem; }
  .pt-6 { padding-top: 1.5rem; }
  .pt-14 { padding-top: 3.5rem; }
  .pt-16 { padding-top: 4rem; }
  .py-10 { padding-block: 2.5rem; }
  .rounded-\[22px\] { border-radius: 22px; }
  .text-primary-3 { color: var(--color-primary-3); }
  .w-\[300px\] { width: 300px; }
  .hover\:bg-default-200:hover { background-color: var(--color-default-200); }
  .p-6 { padding: 1.5rem; }
  .p-12 { padding: 3rem; }
  .pt-32 { padding-top: 8rem; }
  .py-6 { padding-block: 1.5rem; }
  .py-12 { padding-block: 3rem; }
  .py-14 { padding-block: 3.5rem; }
  .scroll-mt-24 { scroll-margin-top: 6rem; }
  .size-11 { width: 2.75rem; height: 2.75rem; }
  @media (min-width: 40rem) {
    .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  @media (min-width: 48rem) {
    .md\:col-span-2 { grid-column: span 2 / span 2; }
    .md\:hidden { display: none; }
    .md\:max-w-lg { max-width: 32rem; }
    .md\:p-10 { padding: 2.5rem; }
    .md\:mb-14 { margin-bottom: 3.5rem; }
    .md\:mb-16 { margin-bottom: 4rem; }
    .md\:px-20 { padding-inline: 5rem; }
    .md\:py-8 { padding-block: 2rem; }
    .md\:py-16 { padding-block: 4rem; }
    .md\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); }
  }
  @media (min-width: 64rem) {
    .lg\:col-span-1 { grid-column: span 1 / span 1; }
    .lg\:order-2 { order: 2; }
    .lg\:p-16 { padding: 4rem; }
    .lg\:pb-36 { padding-bottom: 9rem; }
    .lg\:pt-25 { padding-top: 6.25rem; }
    .lg\:py-16 { padding-block: 4rem; }
    .lg\:py-20 { padding-block: 5rem; }
    .lg\:py-25 { padding-block: 6.25rem; }
    .lg\:gap-28 { gap: 7rem; }
    .lg\:max-w-2xl { max-width: 42rem; }
    .lg\:mt-20 { margin-top: 5rem; }
    .lg\:pb-16 { padding-bottom: 4rem; }
    .lg\:pt-20 { padding-top: 5rem; }
    .lg\:pt-24 { padding-top: 6rem; }
    .lg\:pt-36 { padding-top: 9rem; }
    .lg\:py-24 { padding-block: 6rem; }
    .lg\:py-36 { padding-block: 9rem; }
    .lg\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); }
  }
}

/* Kayan şeritler her zaman hareket etsin; üzerine gelince dursun ki okunabilsin. */
.animate-marquee, .animate-marquee-reverse { will-change: transform; }
.animate-marquee:hover, .animate-marquee-reverse:hover { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; }
}