/* ==========================================================================
   SEO Analiz Aracı (sa-) — açılış, ilerleme, rapor, bloklar, müşteri paneli
   Tema bağımsız: renk/font değişkenleri temadan (--primary, --font-head...) gelir
   ========================================================================== */
.sa-root, .sa-start, .sa-blk, .sa-cta-band, .sa-acc-widget, .sa-acc {
  --sa-p: var(--primary, var(--a-accent, #1d4ed8));
  --sa-pd: var(--primary-dark, #1e3a8a);
  --sa-ac: var(--accent, var(--secondary, #f59e0b));
  --sa-ink: #0f172a;
  --sa-text: #334155;
  --sa-muted: #64748b;
  --sa-line: #e2e8f0;
  --sa-soft: #f1f5f9;
  --sa-bg: #f8fafc;
  --sa-card: #ffffff;
  --sa-good: #16a34a;
  --sa-good-bg: #dcfce7;
  --sa-mid: #d97706;
  --sa-mid-bg: #fef3c7;
  --sa-bad: #dc2626;
  --sa-bad-bg: #fee2e2;
  --sa-info: #2563eb;
  --sa-info-bg: #dbeafe;
  --sa-r: var(--radius, 14px);
  --sa-rs: var(--radius-sm, 8px);
  --sa-rb: var(--radius-btn, 10px);
  --sa-head: var(--font-head, var(--font-body, "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif));
  --sa-body: var(--font-body, "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
  --sa-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 8px 24px -12px rgba(15, 23, 42, .14);
  font-family: var(--sa-body);
}
.sa-root *, .sa-start *, .sa-blk *, .sa-cta-band * { box-sizing: border-box; }
.sa-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.sa-wrap { width: min(100% - 32px, var(--container, 1240px)); margin-inline: auto; }

/* ---------- Butonlar ---------- */
.sa-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 18px; border-radius: var(--sa-rb); border: 1px solid transparent; font: 600 14px/1 var(--sa-body); text-decoration: none; cursor: pointer; transition: transform .15s, box-shadow .15s, background .15s, color .15s; white-space: nowrap; }
.sa-btn:focus-visible { outline: 3px solid rgba(37, 99, 235, .45); outline-offset: 2px; }
.sa-btn i { font-size: 18px; }
.sa-btn-primary { background: var(--sa-p); color: #fff; box-shadow: 0 8px 20px -10px var(--sa-p); }
.sa-btn-primary:hover { transform: translateY(-1px); box-shadow: 0 12px 24px -10px var(--sa-p); color: #fff; }
.sa-btn-light { background: var(--sa-card); color: var(--sa-ink); border-color: var(--sa-line); }
.sa-btn-light:hover { border-color: #cbd5e1; background: var(--sa-bg); color: var(--sa-ink); }
.sa-btn-ghost { background: transparent; color: var(--sa-p); }
.sa-btn-ghost:hover { background: rgba(37, 99, 235, .07); }
.sa-btn-lg { min-height: 54px; padding: 0 26px; font-size: 16px; }
.sa-btn-sm { min-height: 34px; padding: 0 12px; font-size: 13px; }
.sa-btn[disabled], .sa-btn.is-busy { opacity: .7; pointer-events: none; }
.sa-btn.is-busy i { animation: sa-spin 1s linear infinite; }
@keyframes sa-spin { to { transform: rotate(360deg); } }

/* ---------- Başlatma formu ---------- */
.sa-start { background: var(--sa-card); border-radius: calc(var(--sa-r) + 4px); padding: 14px; box-shadow: 0 30px 60px -28px rgba(2, 6, 23, .55); color: var(--sa-text); text-align: left; }
.sa-start-row { display: flex; gap: 10px; align-items: stretch; }
.sa-start-input { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 10px; padding: 0 16px; border: 2px solid var(--sa-line); border-radius: var(--sa-rb); background: var(--sa-bg); transition: border-color .15s, background .15s; }
.sa-start-input:focus-within { border-color: var(--sa-p); background: #fff; }
.sa-start-input i { font-size: 20px; color: var(--sa-muted); }
.sa-start-input input { flex: 1; min-width: 0; height: 52px; border: 0; background: transparent; outline: 0; font: 500 16px/1 var(--sa-body); color: var(--sa-ink); }
.sa-start-opts { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; padding: 12px 4px 2px; font-size: 14px; }
.sa-chk { display: inline-flex; align-items: flex-start; gap: 8px; cursor: pointer; color: var(--sa-text); font-size: 14px; line-height: 1.45; }
.sa-chk input { width: 17px; height: 17px; margin: 1px 0 0; accent-color: var(--sa-p); flex: none; }
.sa-chk small { color: var(--sa-muted); }
.sa-start-more summary { cursor: pointer; color: var(--sa-p); font-weight: 600; list-style: none; }
.sa-start-more summary::-webkit-details-marker { display: none; }
.sa-start-more summary::before { content: "+ "; }
.sa-start-more[open] summary::before { content: "− "; }
.sa-start-more input { margin-top: 8px; width: min(100%, 340px); height: 40px; padding: 0 12px; border: 1px solid var(--sa-line); border-radius: var(--sa-rs); font: inherit; }
.sa-lead { margin-top: 12px; padding: 14px; border-radius: var(--sa-rs); background: var(--sa-bg); border: 1px dashed var(--sa-line); }
.sa-lead-note { margin: 0 0 10px; font-size: 13.5px; color: var(--sa-muted); }
.sa-lead-note i { color: var(--sa-p); }
.sa-lead-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.sa-lead-grid label span { display: block; font-size: 12.5px; font-weight: 600; color: var(--sa-text); margin-bottom: 4px; }
.sa-lead-grid input { width: 100%; height: 40px; padding: 0 12px; border: 1px solid var(--sa-line); border-radius: var(--sa-rs); font: inherit; background: #fff; }
.sa-lead-grid input:focus { outline: 2px solid rgba(37, 99, 235, .35); border-color: var(--sa-p); }
.sa-kvkk { margin-top: 10px; font-size: 12.5px; }
.sa-start-msg { margin-top: 10px; padding: 10px 14px; border-radius: var(--sa-rs); background: var(--sa-bad-bg); color: #991b1b; font-size: 14px; }
.sa-start-msg.is-ok { background: var(--sa-good-bg); color: #166534; }
.sa-start-compact { padding: 8px; box-shadow: none; border: 1px solid var(--sa-line); }

/* ---------- Açılış sayfası ---------- */
.sa-hero { position: relative; overflow: hidden; color: #fff; padding: clamp(56px, 8vw, 110px) 0 clamp(64px, 8vw, 100px);
  background: radial-gradient(1200px 500px at 85% -10%, rgba(255, 255, 255, .14), transparent 60%), linear-gradient(135deg, var(--sa-pd) 0%, #0b1224 100%); }
.sa-hero::after { content: ""; position: absolute; inset: auto -10% -60% auto; width: 620px; height: 620px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, .10), transparent 65%); pointer-events: none; }
.sa-hero-inner { position: relative; z-index: 1; max-width: 900px; margin-inline: auto; text-align: center; }
.sa-eyebrow { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 999px; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .2); font: 600 13px/1.2 var(--sa-body); letter-spacing: .02em; }
.sa-hero h1 { margin: 18px 0 14px; font: 800 clamp(30px, 5vw, 56px)/1.08 var(--sa-head); letter-spacing: -.02em; color: #fff; overflow-wrap: anywhere; }
.sa-hero-sub { margin: 0 auto 30px; max-width: 700px; font-size: clamp(16px, 2vw, 19px); line-height: 1.6; color: rgba(255, 255, 255, .82); }
.sa-hero .sa-start { max-width: 820px; margin-inline: auto; }
.sa-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 34px; margin: 30px 0 0; padding: 0; list-style: none; }
.sa-trust li { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.sa-trust strong { font: 800 26px/1 var(--sa-head); color: #fff; }
.sa-trust span { font-size: 13px; color: rgba(255, 255, 255, .7); }
.sa-section { padding: clamp(52px, 7vw, 96px) 0; }
.sa-section-alt { background: var(--sa-bg); }
.sa-section-head { max-width: 720px; margin: 0 auto clamp(28px, 4vw, 48px); text-align: center; }
.sa-section-head h2 { margin: 0 0 10px; font: 800 clamp(26px, 3.4vw, 40px)/1.15 var(--sa-head); color: var(--sa-ink); letter-spacing: -.01em; }
.sa-section-head p { margin: 0; color: var(--sa-muted); font-size: 17px; line-height: 1.6; }
.sa-kicker { display: inline-block; margin-bottom: 10px; font: 700 12.5px/1 var(--sa-body); letter-spacing: .12em; text-transform: uppercase; color: var(--sa-p); }
.sa-catgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 16px; }
.sa-catcard { position: relative; padding: 22px; border-radius: var(--sa-r); background: var(--sa-card); border: 1px solid var(--sa-line); transition: transform .2s, box-shadow .2s, border-color .2s; }
.sa-catcard:hover { transform: translateY(-3px); box-shadow: var(--sa-shadow); border-color: #cbd5e1; }
.sa-catcard-ic { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 12px; background: rgba(37, 99, 235, .1); color: var(--sa-p); font-size: 23px; margin-bottom: 14px; }
.sa-catcard h3 { margin: 0 0 6px; font: 700 17px/1.3 var(--sa-head); color: var(--sa-ink); }
.sa-catcard p { margin: 0 0 12px; font-size: 14px; line-height: 1.55; color: var(--sa-muted); }
.sa-catcard ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 5px; font-size: 13px; color: var(--sa-text); }
.sa-catcard li { display: flex; gap: 6px; align-items: flex-start; }
.sa-catcard li::before { content: "✓"; color: var(--sa-good); font-weight: 700; }
.sa-catcard-n { position: absolute; top: 18px; right: 18px; font: 700 12px/1 var(--sa-body); color: var(--sa-muted); background: var(--sa-soft); padding: 6px 9px; border-radius: 999px; }
.sa-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; counter-reset: sastep; }
.sa-step { position: relative; padding: 26px 22px 22px; border-radius: var(--sa-r); background: var(--sa-card); border: 1px solid var(--sa-line); }
.sa-step::before { counter-increment: sastep; content: counter(sastep); display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 14px; border-radius: 50%; background: var(--sa-p); color: #fff; font: 800 17px/1 var(--sa-head); }
.sa-step h3 { margin: 0 0 6px; font: 700 18px/1.3 var(--sa-head); color: var(--sa-ink); }
.sa-step p { margin: 0; color: var(--sa-muted); font-size: 14.5px; line-height: 1.6; }
.sa-sample { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); align-items: center; }
.sa-sample-card { padding: 24px; border-radius: calc(var(--sa-r) + 6px); background: var(--sa-card); border: 1px solid var(--sa-line); box-shadow: 0 40px 80px -40px rgba(15, 23, 42, .35); }
.sa-sample-top { display: flex; align-items: center; gap: 20px; padding-bottom: 18px; border-bottom: 1px solid var(--sa-line); }
.sa-sample-top strong { display: block; font: 700 18px/1.3 var(--sa-head); color: var(--sa-ink); overflow-wrap: anywhere; }
.sa-sample-top span { color: var(--sa-muted); font-size: 13.5px; }
.sa-sample-bars { display: grid; gap: 10px; margin-top: 18px; }
.sa-sample-copy h2 { margin: 0 0 12px; font: 800 clamp(26px, 3.2vw, 38px)/1.15 var(--sa-head); color: var(--sa-ink); }
.sa-sample-copy p { color: var(--sa-muted); font-size: 16.5px; line-height: 1.65; }
.sa-sample-copy ul { margin: 18px 0 26px; padding: 0; list-style: none; display: grid; gap: 9px; }
.sa-sample-copy li { display: flex; gap: 10px; color: var(--sa-text); }
.sa-sample-copy li i { color: var(--sa-good); font-size: 19px; }
.sa-faq { max-width: 860px; margin-inline: auto; display: grid; gap: 10px; }
.sa-faq details { border: 1px solid var(--sa-line); border-radius: var(--sa-rs); background: var(--sa-card); }
.sa-faq summary { cursor: pointer; padding: 16px 18px; font: 600 16px/1.4 var(--sa-head); color: var(--sa-ink); list-style: none; display: flex; justify-content: space-between; gap: 14px; }
.sa-faq summary::-webkit-details-marker { display: none; }
.sa-faq summary::after { content: "+"; font-size: 22px; line-height: 1; color: var(--sa-p); }
.sa-faq details[open] summary::after { content: "−"; }
.sa-faq details p { margin: 0; padding: 0 18px 18px; color: var(--sa-muted); line-height: 1.65; }

/* ---------- Gösterge ---------- */
.sa-gauge { display: block; max-width: 100%; height: auto; }
.sa-gauge-track { stroke: var(--sa-soft); }
.sa-gauge-bar { animation: sa-gauge-in 1.3s cubic-bezier(.2, .7, .2, 1) both; }
@keyframes sa-gauge-in { from { stroke-dashoffset: var(--sa-c); } }
.sa-tone-good .sa-gauge-bar { stroke: var(--sa-good); }
.sa-tone-mid .sa-gauge-bar { stroke: var(--sa-mid); }
.sa-tone-bad .sa-gauge-bar { stroke: var(--sa-bad); }
.sa-tone-na .sa-gauge-bar { stroke: #cbd5e1; }
.sa-gauge-num { font: 800 44px/1 var(--sa-head); fill: var(--sa-ink); }
.sa-gauge-grade { font: 700 15px/1 var(--sa-body); fill: var(--sa-muted); letter-spacing: .06em; }
.sa-gauge[width="84"] .sa-gauge-num, .sa-gauge[width="64"] .sa-gauge-num, .sa-gauge[width="56"] .sa-gauge-num { font-size: 22px; }
.sa-gauge[width="132"] .sa-gauge-num { font-size: 34px; }
.sa-bar { height: 8px; border-radius: 999px; background: var(--sa-soft); overflow: hidden; }
.sa-bar > span { display: block; height: 100%; border-radius: inherit; background: var(--sa-p); transition: width .9s cubic-bezier(.2, .7, .2, 1); }
.sa-bar.sa-tone-good > span { background: var(--sa-good); }
.sa-bar.sa-tone-mid > span { background: var(--sa-mid); }
.sa-bar.sa-tone-bad > span { background: var(--sa-bad); }
.sa-barrow { display: grid; grid-template-columns: minmax(0, 130px) minmax(0, 1fr) 36px; align-items: center; gap: 10px; font-size: 13.5px; color: var(--sa-text); }
.sa-barrow b { text-align: right; color: var(--sa-ink); }

/* ---------- İlerleme ---------- */
.sa-progress { max-width: 760px; margin: clamp(30px, 6vw, 70px) auto; padding: clamp(24px, 4vw, 40px); border-radius: calc(var(--sa-r) + 6px); background: var(--sa-card); border: 1px solid var(--sa-line); box-shadow: var(--sa-shadow); text-align: center; }
.sa-progress-ic { display: grid; place-items: center; width: 74px; height: 74px; margin: 0 auto 18px; border-radius: 50%; background: rgba(37, 99, 235, .1); color: var(--sa-p); font-size: 34px; position: relative; }
.sa-progress-ic::after { content: ""; position: absolute; inset: -6px; border-radius: 50%; border: 3px solid transparent; border-top-color: var(--sa-p); animation: sa-spin 1.1s linear infinite; }
.sa-progress.is-error .sa-progress-ic { background: var(--sa-bad-bg); color: var(--sa-bad); }
.sa-progress.is-error .sa-progress-ic::after, .sa-progress.is-done .sa-progress-ic::after { display: none; }
.sa-progress h1 { margin: 0 0 6px; font: 800 clamp(22px, 3vw, 30px)/1.2 var(--sa-head); color: var(--sa-ink); overflow-wrap: anywhere; }
.sa-progress-url { color: var(--sa-muted); margin: 0 0 22px; overflow-wrap: anywhere; }
.sa-progress-bar { height: 12px; border-radius: 999px; background: var(--sa-soft); overflow: hidden; }
.sa-progress-bar span { display: block; height: 100%; width: 1%; border-radius: inherit; background: linear-gradient(90deg, var(--sa-p), var(--sa-pd)); transition: width .6s ease; position: relative; overflow: hidden; }
.sa-progress-bar span::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .45), transparent); animation: sa-shine 1.4s linear infinite; }
@keyframes sa-shine { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
.sa-progress-meta { display: flex; justify-content: space-between; gap: 10px; margin: 10px 0 18px; font-size: 14px; color: var(--sa-text); }
.sa-progress-meta b { color: var(--sa-ink); }
.sa-progress-steps { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; text-align: left; }
.sa-progress-steps li { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: var(--sa-rs); background: var(--sa-bg); color: var(--sa-muted); font-size: 14px; }
.sa-progress-steps li i { font-size: 18px; }
.sa-progress-steps li.is-done { color: var(--sa-text); }
.sa-progress-steps li.is-done i { color: var(--sa-good); }
.sa-progress-steps li.is-active { background: rgba(37, 99, 235, .08); color: var(--sa-ink); font-weight: 600; }
.sa-progress-steps li.is-active i { color: var(--sa-p); animation: sa-spin 1.2s linear infinite; }
.sa-progress-log { margin: 16px 0 0; padding: 12px 14px; max-height: 150px; overflow: auto; border-radius: var(--sa-rs); background: #0f172a; color: #cbd5e1; font: 12.5px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; text-align: left; }
.sa-progress-log div { overflow-wrap: anywhere; }
.sa-progress-log time { color: #64748b; margin-right: 8px; }
.sa-progress-err { margin: 16px 0 0; padding: 14px; border-radius: var(--sa-rs); background: var(--sa-bad-bg); color: #991b1b; text-align: left; }

/* ---------- Rapor ---------- */
.sa-report { padding: clamp(24px, 4vw, 44px) 0 clamp(40px, 6vw, 80px); background: var(--sa-bg); color: var(--sa-text); }
.sa-rhead { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.sa-rhead-brand { display: flex; align-items: center; gap: 14px; min-width: 0; }
.sa-rhead-brand img { max-height: 40px; width: auto; }
.sa-rhead-title { min-width: 0; }
.sa-rhead-title small { display: block; font: 700 12px/1.2 var(--sa-body); letter-spacing: .1em; text-transform: uppercase; color: var(--sa-p); }
.sa-rhead-title h1 { margin: 2px 0 0; font: 800 clamp(22px, 3vw, 32px)/1.15 var(--sa-head); color: var(--sa-ink); overflow-wrap: anywhere; }
.sa-rhead-title p { margin: 4px 0 0; font-size: 13.5px; color: var(--sa-muted); overflow-wrap: anywhere; }
.sa-rhead-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.sa-card { background: var(--sa-card); border: 1px solid var(--sa-line); border-radius: var(--sa-r); box-shadow: 0 1px 2px rgba(15, 23, 42, .04); min-width: 0; }
.sa-card-pad { padding: clamp(16px, 2.4vw, 24px); }
.sa-card-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 16px 20px; border-bottom: 1px solid var(--sa-line); }
.sa-card-head h2, .sa-card-head h3 { margin: 0; display: flex; align-items: center; gap: 8px; font: 700 17px/1.3 var(--sa-head); color: var(--sa-ink); }
.sa-card-head h2 i, .sa-card-head h3 i { color: var(--sa-p); font-size: 20px; }
.sa-card-body { padding: 18px 20px; }
.sa-overview { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: 18px; margin-bottom: 18px; }
.sa-scorecard { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 26px 20px; }
.sa-scorecard .sa-gauge { width: 190px; }
.sa-scorecard h2 { margin: 14px 0 4px; font: 700 18px/1.3 var(--sa-head); color: var(--sa-ink); }
.sa-scorecard p { margin: 0; font-size: 14px; color: var(--sa-muted); }
.sa-counts { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.sa-count { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; font: 600 13px/1 var(--sa-body); border: 0; cursor: pointer; }
.sa-count-fail { background: var(--sa-bad-bg); color: #991b1b; }
.sa-count-warn { background: var(--sa-mid-bg); color: #92400e; }
.sa-count-pass { background: var(--sa-good-bg); color: #166534; }
.sa-count-info { background: var(--sa-info-bg); color: #1e40af; }
.sa-scorediff { display: inline-flex; align-items: center; gap: 4px; margin-top: 10px; font-size: 13px; font-weight: 600; padding: 4px 10px; border-radius: 999px; }
.sa-scorediff.is-up { background: var(--sa-good-bg); color: #166534; }
.sa-scorediff.is-down { background: var(--sa-bad-bg); color: #991b1b; }
.sa-snap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 200px); gap: 18px; padding: 20px; }
.sa-snap-shot { border-radius: 18px; overflow: hidden; border: 6px solid #0f172a; background: #0f172a; aspect-ratio: 9 / 16; max-height: 330px; justify-self: end; }
.sa-snap-shot img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; }
.sa-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; align-content: start; }
.sa-kpi { padding: 14px; border-radius: var(--sa-rs); background: var(--sa-bg); border: 1px solid var(--sa-line); min-width: 0; }
.sa-kpi span { display: block; font-size: 12px; font-weight: 600; letter-spacing: .02em; color: var(--sa-muted); text-transform: uppercase; }
.sa-kpi strong { display: block; margin-top: 6px; font: 800 20px/1.1 var(--sa-head); color: var(--sa-ink); overflow-wrap: anywhere; }
.sa-kpi small { display: block; margin-top: 4px; font-size: 12px; color: var(--sa-muted); }
.sa-kpi.is-good strong { color: var(--sa-good); }
.sa-kpi.is-mid strong { color: var(--sa-mid); }
.sa-kpi.is-bad strong { color: var(--sa-bad); }
.sa-snap-info { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; font-size: 12.5px; }
.sa-tag { display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; border-radius: 999px; background: var(--sa-soft); color: var(--sa-text); font-weight: 500; font-size: 12.5px; overflow-wrap: anywhere; }
.sa-cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: 12px; margin-bottom: 18px; }
.sa-cat { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: var(--sa-r); background: var(--sa-card); border: 1px solid var(--sa-line); cursor: pointer; text-align: left; font: inherit; color: inherit; transition: border-color .15s, box-shadow .15s, transform .15s; min-width: 0; }
.sa-cat:hover, .sa-cat.is-active { border-color: var(--sa-p); box-shadow: 0 0 0 3px rgba(37, 99, 235, .12); }
.sa-cat .sa-gauge { width: 56px; height: 56px; flex: none; }
.sa-cat .sa-gauge-num { font-size: 20px; letter-spacing: -.04em; }
.sa-snap.is-noshot { grid-template-columns: minmax(0, 1fr); }
.sa-cat-body { min-width: 0; }
.sa-cat-body strong { display: flex; align-items: center; gap: 6px; font: 700 14.5px/1.25 var(--sa-head); color: var(--sa-ink); }
.sa-cat-body strong i { color: var(--sa-p); }
.sa-cat-body small { display: block; margin-top: 4px; font-size: 12px; color: var(--sa-muted); }
.sa-cat-body small b { font-weight: 700; }
.sa-cat-body .f { color: var(--sa-bad); }
.sa-cat-body .w { color: var(--sa-mid); }
.sa-nav { position: sticky; top: calc(var(--header-h, 0px) + 8px); z-index: 20; display: flex; gap: 4px; overflow-x: auto; padding: 6px; margin-bottom: 18px; border-radius: var(--sa-r); background: rgba(255, 255, 255, .92); backdrop-filter: blur(8px); border: 1px solid var(--sa-line); scrollbar-width: none; }
.sa-nav::-webkit-scrollbar { display: none; }
.sa-nav a { flex: none; display: inline-flex; align-items: center; gap: 6px; padding: 9px 14px; border-radius: var(--sa-rs); color: var(--sa-text); text-decoration: none; font: 600 13.5px/1 var(--sa-body); white-space: nowrap; }
.sa-nav a:hover, .sa-nav a.is-active { background: var(--sa-soft); color: var(--sa-ink); }
.sa-nav a i { color: var(--sa-p); }
.sa-sec { margin-bottom: 18px; scroll-margin-top: calc(var(--header-h, 0px) + 80px); }
.sa-grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; }
.sa-grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.sa-muted { color: var(--sa-muted); }
.sa-empty { padding: 26px; text-align: center; color: var(--sa-muted); }

/* Sorun listesi */
.sa-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 14px 20px; border-bottom: 1px solid var(--sa-line); background: var(--sa-bg); }
.sa-toolbar .sa-search { flex: 1 1 220px; display: flex; align-items: center; gap: 8px; min-width: 0; height: 38px; padding: 0 12px; border: 1px solid var(--sa-line); border-radius: var(--sa-rs); background: #fff; }
.sa-toolbar .sa-search input { flex: 1; min-width: 0; border: 0; outline: 0; font: inherit; font-size: 14px; background: transparent; }
.sa-toolbar select { height: 38px; padding: 0 10px; border: 1px solid var(--sa-line); border-radius: var(--sa-rs); background: #fff; font: inherit; font-size: 13.5px; color: var(--sa-text); max-width: 100%; }
.sa-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.sa-chip { display: inline-flex; align-items: center; gap: 5px; height: 34px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--sa-line); background: #fff; color: var(--sa-text); font: 600 13px/1 var(--sa-body); cursor: pointer; }
.sa-chip em { font-style: normal; font-weight: 700; opacity: .75; }
.sa-chip.is-active { background: var(--sa-ink); border-color: var(--sa-ink); color: #fff; }
.sa-chip[data-st="fail"].is-active { background: var(--sa-bad); border-color: var(--sa-bad); }
.sa-chip[data-st="warn"].is-active { background: var(--sa-mid); border-color: var(--sa-mid); }
.sa-chip[data-st="pass"].is-active { background: var(--sa-good); border-color: var(--sa-good); }
.sa-issues { margin: 0; padding: 0; list-style: none; }
.sa-issue { border-bottom: 1px solid var(--sa-line); }
.sa-issue:last-child { border-bottom: 0; }
.sa-issue[hidden] { display: none; }
.sa-issue-head { width: 100%; display: grid; grid-template-columns: 26px minmax(0, 1fr) auto 22px; align-items: center; gap: 12px; padding: 14px 20px; border: 0; background: transparent; text-align: left; cursor: pointer; font: inherit; color: inherit; }
.sa-issue-head:hover { background: var(--sa-bg); }
.sa-issue-head:focus-visible { outline: 2px solid var(--sa-p); outline-offset: -2px; }
.sa-issue-st { font-size: 22px; line-height: 1; }
.sa-issue.st-pass .sa-issue-st { color: var(--sa-good); }
.sa-issue.st-warn .sa-issue-st { color: var(--sa-mid); }
.sa-issue.st-fail .sa-issue-st { color: var(--sa-bad); }
.sa-issue.st-info .sa-issue-st { color: var(--sa-info); }
.sa-issue-t { min-width: 0; }
.sa-issue-t strong { display: block; font: 600 15px/1.35 var(--sa-head); color: var(--sa-ink); }
.sa-issue-t span { display: block; margin-top: 2px; font-size: 13px; color: var(--sa-muted); overflow-wrap: anywhere; }
.sa-issue-tags { display: flex; gap: 6px; align-items: center; }
.sa-sev { display: inline-block; padding: 4px 8px; border-radius: 6px; font: 700 11px/1 var(--sa-body); letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.sa-sev-critical { background: #7f1d1d; color: #fff; }
.sa-sev-high { background: var(--sa-bad-bg); color: #991b1b; }
.sa-sev-medium { background: var(--sa-mid-bg); color: #92400e; }
.sa-sev-low { background: var(--sa-soft); color: var(--sa-muted); }
.sa-catlbl { display: inline-block; padding: 4px 8px; border-radius: 6px; background: var(--sa-soft); color: var(--sa-text); font-size: 11.5px; font-weight: 600; white-space: nowrap; }
.sa-issue-chev { font-size: 20px; color: var(--sa-muted); transition: transform .2s; }
.sa-issue.is-open .sa-issue-chev { transform: rotate(180deg); }
.sa-issue-body { display: none; padding: 0 20px 18px 58px; }
.sa-issue.is-open .sa-issue-body { display: block; }
.sa-issue-body h4 { margin: 12px 0 6px; font: 700 13px/1.3 var(--sa-body); letter-spacing: .04em; text-transform: uppercase; color: var(--sa-muted); }
.sa-issue-body p { margin: 0; line-height: 1.65; font-size: 14.5px; }
.sa-issue-body ol { margin: 0; padding-left: 20px; display: grid; gap: 4px; font-size: 14.5px; line-height: 1.6; }
.sa-items { margin: 0; padding: 0; list-style: none; max-height: 260px; overflow: auto; border: 1px solid var(--sa-line); border-radius: var(--sa-rs); }
.sa-items li { padding: 7px 12px; border-bottom: 1px solid var(--sa-line); font: 12.5px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--sa-text); overflow-wrap: anywhere; word-break: break-word; }
.sa-items li:last-child { border-bottom: 0; }
.sa-items-more { font-size: 12.5px; color: var(--sa-muted); margin-top: 6px; }
.sa-note { margin-top: 10px; padding: 10px 12px; border-radius: var(--sa-rs); background: var(--sa-info-bg); color: #1e3a8a; font-size: 13px; }

/* Önizlemeler */
.sa-serp-tabs { display: inline-flex; padding: 3px; border-radius: 10px; background: var(--sa-soft); }
.sa-serp-tabs button { border: 0; background: transparent; padding: 7px 12px; border-radius: 8px; font: 600 13px/1 var(--sa-body); color: var(--sa-muted); cursor: pointer; display: inline-flex; gap: 6px; align-items: center; }
.sa-serp-tabs button.is-active { background: #fff; color: var(--sa-ink); box-shadow: 0 1px 3px rgba(0, 0, 0, .1); }
.sa-serp { font-family: Arial, sans-serif; max-width: 600px; padding: 16px; border-radius: 10px; border: 1px solid var(--sa-line); background: #fff; }
.sa-serp.is-mobile { max-width: 380px; border-radius: 16px; box-shadow: 0 10px 30px -18px rgba(0, 0, 0, .4); }
.sa-serp-site { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.sa-serp-fav { width: 28px; height: 28px; border-radius: 50%; background: var(--sa-soft); display: grid; place-items: center; overflow: hidden; flex: none; font-size: 14px; color: var(--sa-muted); }
.sa-serp-fav img { width: 18px; height: 18px; object-fit: contain; }
.sa-serp-name { font-size: 14px; color: #202124; line-height: 1.3; }
.sa-serp-url { font-size: 12px; color: #4d5156; line-height: 1.3; overflow-wrap: anywhere; }
.sa-serp-title { display: block; font-size: 20px; line-height: 1.3; color: #1a0dab; margin: 2px 0 4px; overflow-wrap: anywhere; }
.sa-serp.is-mobile .sa-serp-title { font-size: 18px; }
.sa-serp-desc { font-size: 14px; line-height: 1.58; color: #4d5156; overflow-wrap: anywhere; }
.sa-serp-desc b { color: #5f6368; }
.sa-pxbar { margin-top: 10px; font-size: 12.5px; color: var(--sa-muted); display: grid; gap: 6px; }
.sa-social { max-width: 520px; border: 1px solid #dadde1; border-radius: 8px; overflow: hidden; background: #fff; font-family: Helvetica, Arial, sans-serif; }
.sa-social-img { aspect-ratio: 1.91 / 1; background: linear-gradient(135deg, var(--sa-soft), #e2e8f0); display: grid; place-items: center; color: var(--sa-muted); overflow: hidden; }
.sa-social-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sa-social-body { padding: 10px 12px; background: #f0f2f5; border-top: 1px solid #dadde1; }
.sa-social-dom { font-size: 12px; color: #65676b; text-transform: uppercase; }
.sa-social-t { font-size: 16px; font-weight: 600; color: #050505; margin: 3px 0; line-height: 1.3; overflow-wrap: anywhere; }
.sa-social-d { font-size: 14px; color: #65676b; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* İçerik */
.sa-tree { margin: 0; padding: 0; list-style: none; max-height: 420px; overflow: auto; }
.sa-tree li { display: flex; gap: 8px; align-items: baseline; padding: 6px 0; border-bottom: 1px dashed var(--sa-line); font-size: 14px; color: var(--sa-text); overflow-wrap: anywhere; min-width: 0; }
.sa-tree li b { flex: none; display: inline-grid; place-items: center; min-width: 30px; height: 22px; padding: 0 6px; border-radius: 6px; background: var(--sa-soft); font: 700 11.5px/1 var(--sa-body); color: var(--sa-muted); }
.sa-tree li.l1 b { background: var(--sa-p); color: #fff; }
.sa-tree li.l2 { padding-left: 18px; }
.sa-tree li.l3 { padding-left: 36px; }
.sa-tree li.l4, .sa-tree li.l5, .sa-tree li.l6 { padding-left: 54px; }
.sa-tree li.is-skip b { background: var(--sa-mid-bg); color: #92400e; }
.sa-cloud { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; padding: 4px 0 12px; }
.sa-cloud span { color: var(--sa-p); font-family: var(--sa-head); font-weight: 700; line-height: 1.15; overflow-wrap: anywhere; }
.sa-cloud span.is-focus { color: var(--sa-good); text-decoration: underline; text-underline-offset: 3px; }
.sa-terms { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.sa-terms td, .sa-terms th { padding: 7px 6px; border-bottom: 1px solid var(--sa-line); text-align: left; }
.sa-terms th { font-size: 12px; color: var(--sa-muted); text-transform: uppercase; letter-spacing: .04em; }
.sa-terms:not(.sa-ogt) td:nth-child(2), .sa-terms:not(.sa-ogt) td:nth-child(3) { white-space: nowrap; }
.sa-ogt { table-layout: fixed; }
.sa-ogt td { overflow-wrap: anywhere; word-break: break-word; }
.sa-ogt td:first-child { width: 118px; }
.sa-terms td { overflow-wrap: anywhere; }
.sa-mini-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr)); gap: 10px; }

/* Tablolar */
.sa-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.sa-table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.sa-table th { position: sticky; top: 0; background: var(--sa-bg); padding: 10px 12px; text-align: left; font-size: 12px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: var(--sa-muted); border-bottom: 1px solid var(--sa-line); white-space: nowrap; }
.sa-table td { padding: 9px 12px; border-bottom: 1px solid var(--sa-line); vertical-align: top; color: var(--sa-text); }
.sa-table tr:last-child td { border-bottom: 0; }
.sa-table .sa-url { font: 12.5px/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; overflow-wrap: anywhere; word-break: break-word; min-width: 200px; }
.sa-table .sa-url a { color: var(--sa-p); text-decoration: none; }
.sa-scroll { max-height: 440px; overflow: auto; }
.sa-st { display: inline-block; min-width: 38px; padding: 3px 7px; border-radius: 6px; font: 700 12px/1.2 var(--sa-body); text-align: center; }
.sa-st-2 { background: var(--sa-good-bg); color: #166534; }
.sa-st-3 { background: var(--sa-info-bg); color: #1e40af; }
.sa-st-4, .sa-st-5, .sa-st-0 { background: var(--sa-bad-bg); color: #991b1b; }
.sa-yes { color: var(--sa-good); font-weight: 700; }
.sa-no { color: var(--sa-bad); font-weight: 700; }
.sa-pill { display: inline-block; padding: 2px 7px; margin: 1px 2px 1px 0; border-radius: 6px; background: var(--sa-soft); font-size: 11.5px; color: var(--sa-text); white-space: nowrap; }
.sa-pill.is-bad { background: var(--sa-bad-bg); color: #991b1b; }
.sa-pill.is-warn { background: var(--sa-mid-bg); color: #92400e; }
.sa-tabs { display: flex; gap: 4px; flex-wrap: wrap; }
.sa-tabs button { border: 1px solid var(--sa-line); background: #fff; color: var(--sa-text); border-radius: 8px; padding: 7px 12px; font: 600 13px/1 var(--sa-body); cursor: pointer; }
.sa-tabs button.is-active { background: var(--sa-ink); color: #fff; border-color: var(--sa-ink); }

/* Performans */
.sa-cwv { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr)); gap: 12px; }
.sa-cwv-card { padding: 16px; border-radius: var(--sa-rs); border: 1px solid var(--sa-line); background: var(--sa-card); border-top: 4px solid #cbd5e1; min-width: 0; }
.sa-cwv-card.is-good { border-top-color: var(--sa-good); }
.sa-cwv-card.is-mid { border-top-color: var(--sa-mid); }
.sa-cwv-card.is-bad { border-top-color: var(--sa-bad); }
.sa-cwv-card span { display: block; font-size: 12px; font-weight: 700; color: var(--sa-muted); letter-spacing: .04em; }
.sa-cwv-card strong { display: block; margin: 6px 0 4px; font: 800 26px/1 var(--sa-head); color: var(--sa-ink); }
.sa-cwv-card small { display: block; font-size: 12px; color: var(--sa-muted); }
.sa-cwv-scale { position: relative; height: 6px; margin-top: 10px; border-radius: 999px; background: linear-gradient(90deg, var(--sa-good) 0 33%, var(--sa-mid) 33% 66%, var(--sa-bad) 66% 100%); }
.sa-cwv-scale i { position: absolute; top: -4px; width: 4px; height: 14px; border-radius: 2px; background: var(--sa-ink); transform: translateX(-2px); }
.sa-psi { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; text-align: center; }
.sa-psi .sa-gauge { width: 84px; margin: 0 auto 6px; }
.sa-psi span { font-size: 12.5px; font-weight: 600; color: var(--sa-text); }
.sa-water { display: grid; gap: 8px; }
.sa-water-row { display: grid; grid-template-columns: 110px minmax(0, 1fr) 70px; gap: 10px; align-items: center; font-size: 13px; }
.sa-water-track { position: relative; height: 14px; border-radius: 4px; background: var(--sa-soft); }
.sa-water-track i { position: absolute; top: 0; bottom: 0; border-radius: 4px; }
.sa-water-row b { text-align: right; color: var(--sa-ink); font-weight: 700; }
.sa-ops { margin: 0; padding: 0; list-style: none; }
.sa-ops li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--sa-line); font-size: 14px; }
.sa-ops li span { color: var(--sa-mid); font-weight: 600; white-space: nowrap; font-size: 13px; }

/* Teknik */
.sa-pre { margin: 0; padding: 14px; max-height: 320px; overflow: auto; border-radius: var(--sa-rs); background: #0f172a; color: #e2e8f0; font: 12.5px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.sa-hdr td:first-child { font-weight: 700; white-space: nowrap; color: var(--sa-ink); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12.5px; }
.sa-hdr td:last-child { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12.5px; overflow-wrap: anywhere; word-break: break-word; }
.sa-hdr tr.is-sec td:first-child::after { content: " ●"; color: var(--sa-good); font-size: 10px; }
.sa-chain { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.sa-chain li { display: flex; align-items: center; gap: 10px; font-size: 13px; overflow-wrap: anywhere; min-width: 0; }
.sa-chain li span:last-child { min-width: 0; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }

/* Geçmiş */
.sa-spark { width: 100%; height: auto; max-height: 170px; display: block; }
.sa-spark path.ln { fill: none; stroke: var(--sa-p); stroke-width: 2.5; }
.sa-spark path.ar { fill: rgba(37, 99, 235, .10); }
.sa-spark circle { fill: #fff; stroke: var(--sa-p); stroke-width: 2.5; }
.sa-spark text { font: 700 15px var(--sa-body); fill: var(--sa-ink); }
.sa-diff { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.sa-diff h4 { margin: 0 0 8px; font: 700 14px/1.3 var(--sa-head); display: flex; gap: 6px; align-items: center; }
.sa-diff ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.sa-diff li { padding: 8px 10px; border-radius: 8px; font-size: 13.5px; background: var(--sa-bg); border-left: 3px solid var(--sa-line); overflow-wrap: anywhere; }
.sa-diff .is-new li { border-left-color: var(--sa-bad); }
.sa-diff .is-fixed li { border-left-color: var(--sa-good); }

/* Rakip */
.sa-compare-form { display: flex; gap: 10px; flex-wrap: wrap; }
.sa-compare-form input { flex: 1 1 260px; min-width: 0; height: 44px; padding: 0 14px; border: 1px solid var(--sa-line); border-radius: var(--sa-rb); font: inherit; }
.sa-vs { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 14px; align-items: center; text-align: center; margin-bottom: 16px; }
.sa-vs > div { min-width: 0; }
.sa-vs .sa-gauge { width: 120px; margin: 0 auto; }
.sa-vs strong { display: block; margin-top: 6px; font: 700 15px/1.3 var(--sa-head); color: var(--sa-ink); overflow-wrap: anywhere; }
.sa-vs-mid { font: 800 22px/1 var(--sa-head); color: var(--sa-muted); }
.sa-cmp td.is-win { color: var(--sa-good); font-weight: 700; }
.sa-cmp td.is-lose { color: var(--sa-bad); }
.sa-cmp td:nth-child(2), .sa-cmp td:nth-child(3), .sa-cmp th:nth-child(2), .sa-cmp th:nth-child(3) { text-align: center; }

/* CTA + lead */
.sa-rcta { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 24px; align-items: center; padding: clamp(22px, 3.4vw, 36px); border-radius: calc(var(--sa-r) + 4px); color: #fff; background: radial-gradient(800px 300px at 100% 0, rgba(255, 255, 255, .14), transparent 60%), linear-gradient(135deg, var(--sa-p), var(--sa-pd)); }
.sa-rcta h2 { margin: 0 0 8px; font: 800 clamp(22px, 2.8vw, 30px)/1.2 var(--sa-head); color: #fff; }
.sa-rcta p { margin: 0 0 16px; color: rgba(255, 255, 255, .86); line-height: 1.6; }
.sa-rcta .sa-btn-light { border-color: transparent; }
.sa-rcta.is-solo { grid-template-columns: minmax(0, 1fr); }
.sa-rcta.is-solo > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 24px; align-items: center; }
.sa-rcta.is-solo > div > p { margin: 0; grid-column: 1; }
.sa-rcta.is-solo > div > h2 { grid-column: 1; }
.sa-rcta.is-solo > div > .sa-btn { grid-column: 2; grid-row: 1 / span 2; }
@media (max-width: 820px) { .sa-rcta.is-solo > div { grid-template-columns: minmax(0, 1fr); } .sa-rcta.is-solo > div > .sa-btn { grid-column: 1; grid-row: auto; justify-self: start; } }
.sa-rcta form { display: grid; gap: 8px; padding: 16px; border-radius: var(--sa-r); background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .22); }
.sa-rcta input[type=text], .sa-rcta input[type=email], .sa-rcta input[type=tel] { width: 100%; height: 42px; padding: 0 12px; border-radius: var(--sa-rs); border: 0; font: inherit; }
.sa-rcta .sa-chk { color: rgba(255, 255, 255, .9); font-size: 12.5px; }
.sa-rcta .sa-start-msg { margin: 0; }
.sa-rfoot { margin-top: 18px; text-align: center; font-size: 12.5px; color: var(--sa-muted); }

/* Bloklar */
.sa-blk { padding: clamp(48px, 7vw, 96px) 0; }
.sa-blk-inner { width: min(100% - 32px, 920px); margin-inline: auto; text-align: center; }
.sa-blk-dark { color: #fff; background: radial-gradient(1000px 400px at 90% -20%, rgba(255, 255, 255, .12), transparent 60%), linear-gradient(135deg, var(--sa-pd), #0b1224); }
.sa-blk-brand { color: #fff; background: linear-gradient(135deg, var(--sa-p), var(--sa-pd)); }
.sa-blk-light { color: var(--sa-ink); background: var(--sa-bg); }
.sa-blk-light .sa-eyebrow { background: rgba(37, 99, 235, .1); border-color: transparent; color: var(--sa-p); }
.sa-blk-title { margin: 16px 0 12px; font: 800 clamp(26px, 4vw, 44px)/1.12 var(--sa-head); color: inherit; overflow-wrap: anywhere; }
.sa-blk-text { margin: 0 auto 26px; max-width: 680px; font-size: 17px; line-height: 1.6; opacity: .85; }
.sa-blk-points { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 18px; margin: 24px 0 0; padding: 0; list-style: none; font-size: 14px; opacity: .9; }
.sa-blk-points i { opacity: .8; margin-right: 4px; }
.sa-cta-band { padding: clamp(36px, 5vw, 64px) 0; }
.sa-cta-inner { width: min(100% - 32px, 1080px); margin-inline: auto; display: flex; align-items: center; gap: clamp(20px, 4vw, 48px); padding: clamp(22px, 4vw, 40px); border-radius: calc(var(--sa-r) + 6px); background: var(--sa-card); border: 1px solid var(--sa-line); box-shadow: var(--sa-shadow); }
.sa-cta-gauge { flex: none; width: 132px; }
.sa-cta-body { flex: 1; min-width: 0; }
.sa-cta-title { margin: 0 0 8px; font: 800 clamp(22px, 3vw, 32px)/1.2 var(--sa-head); color: var(--sa-ink); }
.sa-cta-text { margin: 0 0 18px; color: var(--sa-muted); line-height: 1.6; }

/* Müşteri paneli */
.sa-acc { display: grid; gap: 18px; }
.sa-acc-quota { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.sa-acc-quota .sa-bar { flex: 1 1 200px; }
.sa-acc-widget { display: flex; gap: 16px; align-items: center; }
.sa-acc-widget .sa-gauge { width: 84px; flex: none; }
.sa-acc-w-body strong { display: block; font-family: var(--sa-head); color: var(--sa-ink); overflow-wrap: anywhere; }
.sa-acc-w-body p { margin: 4px 0 10px; font-size: 13.5px; color: var(--sa-muted); }
.sa-score-badge { display: inline-grid; place-items: center; min-width: 44px; height: 30px; padding: 0 8px; border-radius: 8px; font: 800 14px/1 var(--sa-head); }
.sa-score-badge.sa-tone-good { background: var(--sa-good-bg); color: #166534; }
.sa-score-badge.sa-tone-mid { background: var(--sa-mid-bg); color: #92400e; }
.sa-score-badge.sa-tone-bad { background: var(--sa-bad-bg); color: #991b1b; }
.sa-score-badge.sa-tone-na { background: var(--sa-soft); color: var(--sa-muted); }

/* ---------- Duyarlı ---------- */
@media (max-width: 1080px) {
  .sa-overview { grid-template-columns: minmax(0, 1fr); }
  .sa-snap { grid-template-columns: minmax(0, 1fr); }
  .sa-snap-shot { display: none; }
  .sa-sample { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 820px) {
  .sa-grid2, .sa-grid3, .sa-diff, .sa-rcta { grid-template-columns: minmax(0, 1fr); }
  .sa-steps { grid-template-columns: minmax(0, 1fr); }
  .sa-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sa-psi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sa-lead-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .sa-start-row { flex-direction: column; }
  .sa-start-row .sa-btn { width: 100%; }
  .sa-start { padding: 10px; }
  .sa-issue-head { grid-template-columns: 22px minmax(0, 1fr) 18px; padding: 12px 14px; gap: 10px; }
  .sa-issue-tags { grid-column: 2 / 3; grid-row: 2; justify-content: flex-start; flex-wrap: wrap; }
  .sa-issue-chev { grid-column: 3; grid-row: 1; }
  .sa-issue-body { padding: 0 14px 16px; }
  .sa-toolbar { padding: 12px 14px; }
  .sa-card-head, .sa-card-body { padding-left: 14px; padding-right: 14px; }
  .sa-cta-inner { flex-direction: column; text-align: center; }
  .sa-water-row { grid-template-columns: 76px minmax(0, 1fr) 58px; }
  .sa-rhead-actions { width: 100%; }
  .sa-rhead-actions .sa-btn { flex: 1 1 auto; }
  .sa-barrow { grid-template-columns: minmax(0, 100px) minmax(0, 1fr) 30px; }
  .sa-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .sa-cat { padding: 10px; gap: 8px; }
  .sa-cat .sa-gauge { width: 44px; height: 44px; }
  .sa-cat-body strong { font-size: 13px; }
  .sa-cat-body strong i { display: none; }
  .sa-ogt td:first-child { width: 96px; font-size: 11px; }
  .sa-vs .sa-gauge { width: 92px; }
  .sa-kpi strong { font-size: 18px; }
  .sa-trust strong { font-size: 22px; }
}

/* ---------- Yazdır / PDF ---------- */
@media print {
  @page { size: A4; margin: 12mm; }
  header, footer, .site-header, .site-footer, .float-contact, .mobile-bar, .cookie-bar, .breadcrumb, .page-hero, .cta-band,
  .sa-nav, .sa-rhead-actions, .sa-toolbar, .sa-compare-form, .sa-rcta form, .sa-noprint, .skip-link { display: none !important; }
  body { background: #fff !important; }
  .sa-report { padding: 0; background: #fff; }
  .sa-wrap { width: 100%; }
  .sa-card, .sa-cat, .sa-kpi { box-shadow: none !important; break-inside: avoid; }
  .sa-sec { break-inside: auto; }
  .sa-issue { break-inside: avoid; }
  .sa-issue-body { display: block !important; padding-left: 50px; }
  .sa-issue-chev { display: none; }
  .sa-issue[hidden] { display: block !important; }
  .sa-issue.st-pass .sa-issue-body, .sa-issue.st-info .sa-issue-body { display: none !important; }
  .sa-items, .sa-scroll, .sa-tree, .sa-pre { max-height: none !important; overflow: visible !important; }
  .sa-rcta { color: #000; background: #fff !important; border: 2px solid #000; }
  .sa-rcta h2, .sa-rcta p { color: #000; }
  .sa-snap-shot { display: none; }
  a[href]::after { content: none !important; }
  * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}
@media (prefers-reduced-motion: reduce) {
  .sa-gauge-bar { animation: none; }
  .sa-bar > span, .sa-progress-bar span { transition: none; }
  .sa-progress-ic::after, .sa-progress-bar span::after { animation: none; }
}