/* Kodvanta Vault — genel site (ana sayfa, indirme, dokümanlar, yasal metinler).
   Yalnızca layouts/site.blade.php yükler; tüm kurallar body.site altındadır.
   Panel ve giriş sayfaları bu dosyadan etkilenmez. */

.site {
  --head-h: 64px;
  --anchor-gap: calc(var(--head-h) + 16px);
  --vault: #0C50B4;
  --vault-deep: #093C87;
  --vault-light: #2E7BE0;
  --ice: #EDF3FC;
  --ok: #12805C;
  --tap: 44px;
  --gutter: 32px;
  font-size: 15px;
  line-height: 1.6;
  overflow-x: clip;
}
.site [id] { scroll-margin-top: var(--anchor-gap); }
.site main:focus { outline: none; }
.site .wrap { max-width: 1160px; padding: 0 var(--gutter); }
.site h1, .site h2, .site h3 { text-wrap: balance; }
.site p { text-wrap: pretty; }

/* ---------- Üst bilgi ---------- */
.site .site-head { position: sticky; top: 0; z-index: 40; background: var(--ink); border-bottom: 1px solid var(--ink-2); }
.site .site-head-in { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: var(--head-h); }
.site .site-head .brand { padding: 0; min-height: var(--tap); flex-wrap: nowrap; }
.site .site-menu { display: flex; align-items: center; gap: 2px; }
.site .site-menu > a, .site .site-login > summary {
  display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 12px;
  border-radius: var(--r-control); color: #C9D2DA; font-size: 14px; text-decoration: none; cursor: pointer;
}
.site .site-menu > a:hover, .site .site-login > summary:hover { background: var(--ink-2); color: #fff; }
.site .site-menu > a[aria-current="page"] { color: #fff; background: var(--ink-2); }
.site .site-menu a.site-head-cta { margin-left: 10px; background: var(--vault); color: #fff; font-weight: 500; padding: 0 16px; }
.site .site-menu a.site-head-cta:hover { background: var(--vault-deep); }
.site .site-menu svg { width: 16px; height: 16px; flex: none; }
.site .site-head :focus-visible { outline-color: #8DB6EE; }

.site .site-login { position: relative; }
.site .site-login > summary { list-style: none; }
.site .site-login > summary::-webkit-details-marker { display: none; }
.site .site-login > summary svg { width: 14px; height: 14px; transition: transform .15s; }
.site .site-login[open] > summary { background: var(--ink-2); color: #fff; }
.site .site-login[open] > summary svg { transform: rotate(180deg); }
.site .site-login-list {
  position: absolute; right: 0; top: calc(100% + 8px); width: 280px; padding: 6px;
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-panel);
  box-shadow: 0 12px 32px rgba(10, 26, 47, .18);
}
.site .site-login-list a { display: flex; flex-direction: column; padding: 10px 12px; border-radius: var(--r-control); color: var(--text); text-decoration: none; }
.site .site-login-list a:hover { background: var(--ice); }
.site .site-login-list strong { font-weight: 600; color: var(--ink); font-size: 14px; }
.site .site-login-list span { font-size: 13px; color: var(--text-2); }

.site .site-menu-btn {
  display: none; align-items: center; gap: 8px; min-height: var(--tap); min-width: var(--tap); padding: 0 12px;
  background: transparent; color: #fff; border: 1px solid var(--ink-3); border-radius: var(--r-control);
  font: inherit; font-size: 14px; cursor: pointer;
}
.site .site-menu-btn svg { width: 20px; height: 20px; }
.site .site-menu-btn .i-close { display: none; }
.site .site-menu-btn[aria-expanded="true"] .i-open { display: none; }
.site .site-menu-btn[aria-expanded="true"] .i-close { display: block; }

@media (max-width: 1023px) {
  .site { --head-h: 60px; }
  .js .site .site-menu-btn { display: inline-flex; }
  .site .site-head-in { flex-wrap: wrap; height: auto; min-height: var(--head-h); }
  .site .site-menu {
    flex-basis: 100%; flex-direction: column; align-items: stretch; gap: 2px;
    padding: 4px 0 16px; border-top: 1px solid var(--ink-2);
  }
  .js .site .site-menu:not(.is-open) { display: none; }
  .js .site .site-menu.is-open { max-height: calc(100vh - var(--head-h)); max-height: calc(100dvh - var(--head-h)); overflow-y: auto; }
  .site .site-menu > a, .site .site-login > summary { min-height: 48px; font-size: 15.5px; padding: 0 8px; justify-content: flex-start; }
  .site .site-login > summary { justify-content: space-between; width: 100%; }
  .site .site-login-list { position: static; width: auto; margin: 4px 0 6px; box-shadow: none; background: var(--ink-2); border-color: var(--ink-3); }
  .site .site-login-list a { min-height: 48px; justify-content: center; }
  .site .site-login-list a:hover { background: var(--ink-3); }
  .site .site-login-list strong { color: #fff; }
  .site .site-login-list span { color: #A7B2BA; }
  .site .site-menu a.site-head-cta { margin: 8px 0 0; justify-content: center; min-height: 48px; }
  .no-js .site .site-menu { padding-top: 8px; }
}

/* ---------- Ortak düğmeler ---------- */
.site .lp-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; padding: 0 22px; border-radius: var(--r-control); border: 1px solid transparent;
  font: inherit; font-size: 15px; font-weight: 500; text-decoration: none; cursor: pointer; white-space: nowrap;
}
.site .lp-btn:hover { text-decoration: none; }
.site .lp-btn svg { width: 18px; height: 18px; flex: none; }
.site .lp-btn-primary { background: var(--vault); color: #fff; }
.site .lp-btn-primary:hover { background: var(--vault-deep); }
.site .lp-btn-ghost { background: transparent; color: #fff; border-color: #3B5573; }
.site .lp-btn-ghost:hover { background: var(--ink-2); border-color: #577192; }
.site .lp-btn-line { background: var(--surface); color: var(--ink); border-color: var(--line-strong); }
.site .lp-btn-line:hover { border-color: var(--vault); color: var(--vault); }
.site .lp-btn-sm { min-height: 44px; padding: 0 16px; font-size: 14px; width: 100%; }
.site .lp-cta { display: flex; flex-wrap: wrap; gap: 12px; }
.site .lp-cta-note { margin: 14px 0 0; font-size: 13.5px; color: var(--text-2); }

/* ---------- Giriş bölümü ---------- */
.site .lp-hero { background: var(--ink); color: #B9C3CB; padding: 64px 0 36px; overflow: hidden; position: relative; }
.site .lp-hero::before {
  /* Ölçülü arka plan: yedek hedeflerini çağrıştıran ince ızgara */
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .5;
  background-image: linear-gradient(rgba(46, 123, 224, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(46, 123, 224, .07) 1px, transparent 1px);
  background-size: 48px 48px; mask-image: linear-gradient(180deg, #000 0%, transparent 85%);
}
.site .lp-hero .wrap { position: relative; }
.site .lp-hero-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 56px; align-items: center; }
.site .lp-kicker { color: #8DB6EE; font-size: 14px; font-weight: 500; margin: 0 0 16px; }
.site .lp-hero h1 { color: #fff; font-size: clamp(32px, 4.6vw, 52px); font-weight: 600; line-height: 1.08; letter-spacing: -0.02em; max-width: 15ch; }
.site .lp-lead { font-size: 17px; line-height: 1.65; color: #B4C0CA; max-width: 58ch; margin: 22px 0 30px; }
.site .lp-hero .lp-cta-note { color: #8E9BA5; }
.site .lp-hero .lp-cta-note a { color: #C9DCF6; text-decoration: underline; text-underline-offset: 3px; }
.site .lp-os { margin: 44px 0 0; padding-top: 18px; border-top: 1px solid var(--ink-2); font-size: 13.5px; color: #8E9BA5; max-width: 110ch; }
.site .lp-os strong { color: #C9D2DA; font-weight: 500; }

/* Örnek görev: tek, sıralı açılış hareketi */
.site .lp-run { margin: 0; background: #0F2440; border: 1px solid #1F3B5E; border-radius: 10px; padding: 18px 18px 14px; box-shadow: 0 24px 60px rgba(0, 0, 0, .35); }
.site .lp-run-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid #1F3B5E; }
.site .lp-run-head strong { display: block; color: #fff; font-family: var(--display); font-weight: 600; font-size: 16px; }
.site .lp-run-head span { font-size: 13px; color: #8E9BA5; }
.site .lp-run-state { flex: none; font-size: 12.5px !important; font-weight: 500; color: #7FD3B0 !important; background: rgba(18, 128, 92, .18); border: 1px solid rgba(127, 211, 176, .25); padding: 3px 10px; border-radius: 999px; }
.site .lp-run-steps { list-style: none; margin: 0; padding: 6px 0 0; }
.site .lp-run-steps li { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 12px; padding: 9px 0; position: relative; }
.site .lp-run-steps li:not(:last-child)::after { content: ""; position: absolute; left: 12.5px; top: 36px; bottom: -6px; width: 1px; background: #24476F; }
.site .lp-run-steps strong { display: block; color: #E8EEF4; font-weight: 500; font-size: 14px; line-height: 1.35; }
.site .lp-run-steps li span:not(.lp-tick) { display: block; font-size: 12.5px; color: #8E9BA5; line-height: 1.45; }
.site .lp-tick { width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(46, 123, 224, .16); color: #8DB6EE; border: 1px solid #2E5C93; }
.site .lp-tick svg { width: 14px; height: 14px; }
.site .lp-run figcaption { font-size: 12.5px; color: #75838E; margin-top: 8px; padding-top: 10px; border-top: 1px solid #1F3B5E; }
@media (prefers-reduced-motion: no-preference) {
  .js .site .lp-run-steps li { opacity: .35; animation: lp-step .45s ease-out forwards; }
  .js .site .lp-run-steps li .lp-tick { animation: lp-tick .45s ease-out forwards; }
  .js .site .lp-run-steps li:nth-child(1), .js .site .lp-run-steps li:nth-child(1) .lp-tick { animation-delay: .25s; }
  .js .site .lp-run-steps li:nth-child(2), .js .site .lp-run-steps li:nth-child(2) .lp-tick { animation-delay: .6s; }
  .js .site .lp-run-steps li:nth-child(3), .js .site .lp-run-steps li:nth-child(3) .lp-tick { animation-delay: .95s; }
  .js .site .lp-run-steps li:nth-child(4), .js .site .lp-run-steps li:nth-child(4) .lp-tick { animation-delay: 1.3s; }
  .js .site .lp-run-steps li:nth-child(5), .js .site .lp-run-steps li:nth-child(5) .lp-tick { animation-delay: 1.65s; }
  .js .site .lp-run-steps li:nth-child(6), .js .site .lp-run-steps li:nth-child(6) .lp-tick { animation-delay: 2s; }
  .js .site .lp-run-state { opacity: 0; animation: lp-step .4s ease-out 2.4s forwards; }
}
@keyframes lp-step { to { opacity: 1; } }
@keyframes lp-tick { to { background: rgba(18, 128, 92, .22); border-color: rgba(127, 211, 176, .45); color: #7FD3B0; } }
@media (prefers-reduced-motion: reduce) {
  .site .lp-tick { background: rgba(18, 128, 92, .22); border-color: rgba(127, 211, 176, .45); color: #7FD3B0; }
}

/* ---------- Bölümler ---------- */
.site .lp-section { padding: 88px 0; }
.site .lp-section-alt { background: var(--surface); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.site .lp-head { max-width: 640px; margin-bottom: 40px; }
.site .lp-head h2 { font-size: clamp(26px, 3.2vw, 36px); line-height: 1.15; letter-spacing: -0.015em; margin: 0 0 12px; }
.site .lp-head p { color: var(--text-2); font-size: 16px; margin: 0 0 10px; }
.site .lp-more { margin: 28px 0 0; font-weight: 500; }

/* Kaynak → kasa → hedef akışı */
.site .lp-flow { display: grid; grid-template-columns: minmax(0, 1fr) 150px minmax(0, 1fr); gap: 0; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; }
.site .lp-flow-col { padding: 28px 30px; }
.site .lp-flow-col h3 { font-size: 18px; margin: 0 0 14px; }
.site .lp-flow-mid {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; text-align: center;
  padding: 24px 14px; background: var(--ink); color: #A7B2BA; font-size: 12.5px; line-height: 1.45;
}
.site .lp-lock { width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--vault); color: #fff; box-shadow: 0 0 0 8px rgba(12, 80, 180, .25); }
.site .lp-lock svg { width: 22px; height: 22px; }
.site .lp-list { list-style: none; margin: 0; padding: 0; }
.site .lp-list li { padding: 10px 0; border-top: 1px solid var(--line-soft); color: var(--text-2); font-size: 14.5px; line-height: 1.5; }
.site .lp-list li:first-child { border-top: 0; padding-top: 0; }
.site .lp-list strong { color: var(--ink); font-weight: 600; margin-right: 4px; }
.site .lp-erp { margin: 18px 0 0; font-size: 13.5px; color: var(--text-2); }
.site .lp-chips { display: inline-flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.site .lp-chips span { padding: 3px 10px; border-radius: 999px; background: var(--ice); color: var(--vault-deep); font-weight: 500; font-size: 13px; }

.site .lp-caps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px 40px; margin-top: 56px; }
.site .lp-caps > div { border-top: 2px solid var(--vault); padding-top: 16px; }
.site .lp-caps h3 { font-size: 17px; margin: 0 0 8px; }
.site .lp-caps p { font-size: 14.5px; color: var(--text-2); margin: 0; }

/* Kimler için */
.site .lp-audience { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--line); }
.site .lp-audience article { padding: 28px 32px 28px 0; border-bottom: 1px solid var(--line); }
.site .lp-audience article:nth-child(even) { padding: 28px 0 28px 32px; border-left: 1px solid var(--line); }
.site .lp-audience h3 { font-size: 19px; margin: 0 0 8px; }
.site .lp-audience p { margin: 0; color: var(--text-2); max-width: 52ch; }

/* Nasıl çalışır: gerçek bir sıra, numaralı */
.site .lp-steps { list-style: none; counter-reset: lp; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
.site .lp-steps li { counter-increment: lp; position: relative; padding-top: 56px; }
.site .lp-steps li::before {
  content: counter(lp); position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; background: var(--ink); color: #fff;
  font-family: var(--display); font-weight: 600; font-size: 17px;
}
.site .lp-steps li:not(:last-child)::after { content: ""; position: absolute; top: 20px; left: 52px; right: -20px; height: 1px; background: var(--line-strong); }
.site .lp-steps h3 { font-size: 17px; margin: 0 0 8px; }
.site .lp-steps p { margin: 0; font-size: 14.5px; color: var(--text-2); }

/* Güvenlik */
.site .lp-dark { background: var(--ink); color: #B9C3CB; }
.site .lp-dark .lp-head h2 { color: #fff; }
.site .lp-dark .lp-head p { color: #A7B2BA; }
.site .lp-dark a { color: #8DB6EE; text-decoration: underline; text-underline-offset: 3px; }
.site .lp-sec-grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 56px; align-items: start; }
.site .lp-sec-grid .lp-head { margin-bottom: 0; position: sticky; top: calc(var(--head-h) + 32px); }
.site .lp-sec-list { margin: 0; display: grid; gap: 0; }
.site .lp-sec-list > div { padding: 22px 0; border-top: 1px solid var(--ink-3); }
.site .lp-sec-list > div:first-child { border-top: 0; padding-top: 0; }
.site .lp-sec-list dt { color: #fff; font-family: var(--display); font-weight: 600; font-size: 19px; margin-bottom: 6px; }
.site .lp-sec-list dd { margin: 0; color: #A7B2BA; max-width: 60ch; }

/* Planlar */
.site .lp-plans-wrap { position: relative; overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.site .lp-plans-wrap:focus-visible { outline-offset: 3px; }
.site .lp-plans { width: 100%; min-width: 640px; border-collapse: collapse; font-size: 14.5px; }
.site .lp-plans th, .site .lp-plans td { padding: 13px 18px; border-bottom: 1px solid var(--line-soft); text-align: center; vertical-align: middle; }
.site .lp-plans tbody th { text-align: left; font-weight: 400; color: var(--text); width: 46%; }
.site .lp-plans thead th { padding-top: 22px; padding-bottom: 18px; border-bottom: 1px solid var(--line); vertical-align: bottom; }
.site .lp-plan-name { display: block; font-family: var(--display); font-size: 20px; font-weight: 600; color: var(--ink); }
.site .lp-plan-sub { display: block; font-size: 13px; color: var(--text-3); font-weight: 400; }
.site .lp-plans .is-pick { background: #F5F8FE; }
.site .lp-plans thead .is-pick { box-shadow: inset 0 3px 0 var(--vault); }
.site .lp-plans tfoot td, .site .lp-plans tfoot th { border-bottom: 0; padding-top: 18px; padding-bottom: 20px; }
.site .lp-yes { display: inline-flex; width: 26px; height: 26px; border-radius: 50%; align-items: center; justify-content: center; background: var(--ice); color: var(--vault); }
.site .lp-yes svg { width: 15px; height: 15px; }
.site .lp-no { color: var(--line-strong); font-size: 18px; }
.site .lp-val { font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; }
.site .lp-plan-notes { display: flex; flex-wrap: wrap; gap: 8px 40px; margin-top: 20px; font-size: 14.5px; color: var(--text-2); }
.site .lp-plan-notes p { margin: 0; }
.site .lp-plan-notes strong { color: var(--ink); font-weight: 600; }

/* Bayilik */
.site .lp-dealer > div { max-width: 780px; }
.site .lp-dealer h2 { font-size: clamp(26px, 3.2vw, 36px); line-height: 1.15; letter-spacing: -0.015em; margin: 0 0 12px; }
.site .lp-dealer-lead { font-size: 16px; color: var(--text-2); max-width: 60ch; }
.site .lp-ticks { list-style: none; margin: 22px 0 28px; padding: 0; display: grid; gap: 10px; }
.site .lp-ticks li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; align-items: start; }
.site .lp-ticks svg { width: 18px; height: 18px; color: var(--ok); margin-top: 3px; }

/* SSS */
.site .lp-faq-grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 56px; align-items: start; }
.site .lp-faq-grid .lp-head { margin: 0; }
.site .lp-faq { border-top: 1px solid var(--line); }
.site .lp-faq details { border-bottom: 1px solid var(--line); }
.site .lp-faq summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 56px; padding: 14px 0; cursor: pointer; }
.site .lp-faq summary::-webkit-details-marker { display: none; }
.site .lp-faq summary h3 { font-size: 16.5px; font-weight: 600; margin: 0; }
.site .lp-faq summary svg { width: 20px; height: 20px; flex: none; color: var(--vault); transition: transform .2s; }
.site .lp-faq details[open] summary svg { transform: rotate(45deg); }
.site .lp-faq summary:hover h3 { color: var(--vault); }
.site .lp-faq details p { margin: 0 0 20px; color: var(--text-2); max-width: 65ch; }

/* Son çağrı */
.site .lp-final { background: var(--vault); color: #DCE8F9; padding: 64px 0; }
.site .lp-final-in { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px 40px; align-items: center; }
.site .lp-final h2 { color: #fff; font-size: clamp(24px, 3vw, 32px); line-height: 1.2; margin: 0 0 8px; }
.site .lp-final p { margin: 0; max-width: 56ch; }
.site .lp-final .lp-btn-primary { background: #fff; color: var(--vault-deep); }
.site .lp-final .lp-btn-primary:hover { background: var(--ice); }
.site .lp-final .lp-btn-ghost { border-color: rgba(255, 255, 255, .45); }
.site .lp-final .lp-btn-ghost:hover { background: var(--vault-deep); }
.site .lp-final-links { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 4px 24px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .2); }
.site .lp-final-links a { color: #fff; min-height: var(--tap); display: inline-flex; align-items: center; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(255, 255, 255, .45); }
.site .lp-final :focus-visible { outline-color: #fff; }

/* ---------- Alt bilgi ---------- */
.site .site-foot { background: var(--surface); border-top: 1px solid var(--line); padding: 48px 0 28px; font-size: 14px; color: var(--text-2); }
.site .foot-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); gap: 32px; }
.site .foot-brand .brand { padding: 0; margin-bottom: 12px; background: var(--ink); display: inline-flex; padding: 8px 12px; border-radius: var(--r-control); }
.site .foot-brand p { margin: 0 0 8px; max-width: 36ch; }
.site .foot-version { color: var(--text-3); font-size: 13px; }
.site .foot-col { display: flex; flex-direction: column; align-items: flex-start; }
.site .foot-col h2 { font-size: 14px; font-family: var(--font); font-weight: 600; color: var(--ink); margin: 0 0 6px; }
.site .foot-col a { color: var(--text-2); min-height: 36px; display: inline-flex; align-items: center; overflow-wrap: anywhere; }
.site .foot-col a:hover { color: var(--vault); }
.site .foot-legal { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; margin-top: 32px; padding-top: 18px; border-top: 1px solid var(--line); font-size: 13px; color: var(--text-3); }
.site .foot-legal nav { display: flex; gap: 4px 20px; flex-wrap: wrap; }
.site .foot-legal a { color: var(--text-2); min-height: 36px; display: inline-flex; align-items: center; }

/* ---------- Sayfa bandı, doküman ---------- */
.site .crumbs-site { display: flex; flex-wrap: wrap; align-items: center; gap: 0 8px; font-size: 13.5px; color: #8E9BA5; margin-bottom: 12px; }
.site .crumbs-site a { color: #8DB6EE; }
.site .page-band h1 { font-weight: 600; font-size: clamp(26px, 3.6vw, 36px); }
.site .page-band-meta { gap: 16px; }
.site .btn-link-light { min-height: var(--tap); }

.site .docs { padding-top: 40px; }
.site .docs-toc { top: calc(var(--head-h) + 20px); max-height: calc(100vh - var(--head-h) - 40px); }
.site .docs-toc a { padding-top: 5px; padding-bottom: 5px; }
.site .docs-toc-toggle { display: none; }
.site .docs-body { font-size: 16px; }
.site .docs-body .doc-table, .site .docs-body .table-wrap { position: relative; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.site .docs-body pre, .site .docs-body .codebox { max-width: 100%; overflow-x: auto; }
.site .docs-body img { max-width: 100%; height: auto; }
.site .doc-h { scroll-margin-top: var(--anchor-gap); }
.site .doc-anchor { display: inline-block; min-width: 24px; text-align: center; }

@media (max-width: 960px) {
  .site { --anchor-gap: calc(var(--head-h) + 68px); }
  .site .docs { gap: 20px; padding-top: 0; }
  .site .docs-toc {
    position: sticky; top: var(--head-h); z-index: 20; max-height: none; overflow: visible;
    margin: 0 calc(-1 * var(--gutter)); padding: 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: var(--paper);
  }
  .js .site .docs-toc-toggle {
    display: flex; align-items: center; gap: 10px; width: 100%; min-height: 52px; padding: 0 var(--gutter);
    background: var(--surface); border: 0; font: inherit; font-size: 14.5px; color: var(--ink); cursor: pointer; text-align: left;
  }
  .site .docs-toc-toggle-label { font-weight: 600; flex: none; }
  .site .docs-toc-current { flex: 1 1 auto; min-width: 0; color: var(--text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .site .docs-toc-current:not(:empty)::before { content: ""; display: inline-block; width: 1px; height: 14px; background: var(--line-strong); margin-right: 10px; vertical-align: -2px; }
  .site .docs-toc-toggle svg { width: 18px; height: 18px; flex: none; transition: transform .15s; }
  .site .docs-toc-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
  .site .docs-toc-panel { padding: 12px var(--gutter) 16px; background: var(--surface); }
  .js .site .docs-toc-panel { display: none; position: absolute; left: 0; right: 0; top: 100%; max-height: calc(100vh - var(--head-h) - 52px - 24px); max-height: calc(100dvh - var(--head-h) - 52px - 24px); overflow-y: auto; border-bottom: 1px solid var(--line); box-shadow: 0 16px 32px rgba(10, 26, 47, .14); }
  .js .site .docs-toc.is-open .docs-toc-panel { display: block; }
  .js .site .docs-toc-title { display: none; }
  .site .docs-toc ol ol { display: block; }
  .site .docs-toc a { min-height: 44px; display: flex; align-items: center; font-size: 14.5px; }
  .site .docs-toc ol ol a { font-size: 14px; }
  .site .docs-toc-foot a { min-height: 40px; display: flex; align-items: center; }
}

/* ---------- İndirme, durum ---------- */
.site .dl-alt-list .btn, .site .dl-card .btn-sm { min-height: 40px; }
.site .lp-os-list { margin: 0; padding-left: 18px; }
.site .lp-os-list li { margin-bottom: 4px; }

/* ---------- Duyarlı ---------- */
@media (max-width: 1023px) {
  .site .lp-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .site .lp-hero h1 { max-width: 20ch; }
  .site .lp-run { max-width: 520px; }
  .site .lp-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 32px; }
  .site .lp-steps li:nth-child(2)::after { display: none; }
  .site .lp-caps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site .foot-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .site .foot-brand { grid-column: 1 / -1; }
}
@media (max-width: 860px) {
  .site .lp-flow { grid-template-columns: minmax(0, 1fr); }
  .site .lp-flow-mid { flex-direction: row; justify-content: flex-start; text-align: left; padding: 16px 30px; }
  .site .lp-lock { width: 40px; height: 40px; box-shadow: 0 0 0 6px rgba(12, 80, 180, .25); flex: none; }
  .site .lp-sec-grid, .site .lp-faq-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .site .lp-sec-grid .lp-head { position: static; }
  .site .lp-final-in { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .site { --gutter: 20px; }
  .site .lp-hero { padding: 40px 0 28px; }
  .site .lp-lead { font-size: 16px; margin: 18px 0 24px; }
  .site .lp-cta { flex-direction: column; align-items: stretch; }
  .site .lp-btn { width: 100%; }
  .site .lp-section { padding: 60px 0; }
  .site .lp-head { margin-bottom: 28px; }
  .site .lp-flow-col { padding: 22px 20px; }
  .site .lp-flow-mid { padding: 14px 20px; }
  .site .lp-caps { grid-template-columns: minmax(0, 1fr); gap: 28px; margin-top: 40px; }
  .site .lp-audience { grid-template-columns: minmax(0, 1fr); }
  .site .lp-audience article, .site .lp-audience article:nth-child(even) { padding: 22px 0; border-left: 0; }
  .site .lp-steps { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .site .lp-steps li { padding: 0 0 28px 56px; min-height: 40px; }
  .site .lp-steps li::after { display: block !important; top: 48px !important; left: 20px !important; right: auto !important; bottom: 6px; width: 1px; height: auto !important; }
  .site .lp-steps li:last-child::after { display: none !important; }
  .site .lp-plan-name { font-size: 17px; }
  .site .lp-final { padding: 48px 0; }
  .site .foot-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .site .page-band { padding: 32px 0 36px; }
  .site .page-band p { font-size: 15px; }
  .site .dl.dl-plain { grid-template-columns: minmax(0, 1fr); }
  .site .dl.dl-plain dt { padding-bottom: 0; border-bottom: 0; }
  .site .dl { grid-template-columns: minmax(0, 1fr); }
  .site .dl dt { padding-bottom: 0; border-bottom: 0; font-weight: 500; }
  .site .dl > :nth-last-child(2) { border-bottom: 0; }
  .site .release-list > li { padding: 14px; }
}
@media (max-width: 380px) {
  .site .brand-mark { height: 20px; }
  .site .site-menu-btn [data-menu-label] { display: none; }
}

@media print {
  .site .site-head { position: static; }
  .site .lp-run-steps li { opacity: 1 !important; animation: none !important; }
  .site .docs-toc-toggle { display: none !important; }
}

/* Dokunma hedefleri: alt bilgi ve sayfa konumu bağlantıları */
.site .foot-col a, .site .foot-legal a { min-height: var(--tap); }
.site .crumbs-site a { display: inline-flex; align-items: center; min-height: 32px; }
@media (max-width: 960px) {
  .site .doc-anchor { display: none; }
  .site .crumbs-site a { min-height: var(--tap); }
}

/* Plan karşılaştırması, dar ekran: özellik adı tam satır, altında üç planın değeri.
   Tablo anlamı korunur; yalnızca görsel yerleşim değişir. */
@media (max-width: 640px) {
  .site .lp-plans-wrap { overflow: visible; }
  .site .lp-plans { min-width: 0; font-size: 14px; }
  .site .lp-plans tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .site .lp-plans thead th:first-child, .site .lp-plans tfoot th { display: none; }
  .site .lp-plans tbody th { grid-column: 1 / -1; width: auto; padding: 12px 14px 4px; border-bottom: 0; font-weight: 500; }
  .site .lp-plans td { padding: 6px 6px 12px; }
  .site .lp-plans thead th { padding: 16px 6px 12px; }
  .site .lp-plan-name { font-size: 16px; }
  .site .lp-plan-sub { font-size: 12px; line-height: 1.35; }
  .site .lp-plans tfoot td { padding: 14px 6px 16px; }
  .site .lp-btn-sm { padding: 0 8px; font-size: 13.5px; }
  .site .lp-plans thead { position: sticky; top: var(--head-h); z-index: 2; background: var(--surface); }
}