.kq-customers{
  --ink:#0F172A;
  --ink-soft:#475569;
  --paper:#F7F9FC;
  --card:#FFFFFF;
  --line:#E2E8F0;
  --muted:#64748B;
  --accent:#4F76DA;
  --accent-deep:#765BDB;
  --accent-tint:#EEF2FC;
  --radius:14px;
  --maxw:1160px;
  --font-display:'Space Grotesk',sans-serif;
  --font-body:'Inter',sans-serif;
  --font-mono:'JetBrains Mono',monospace;
}
.kq-customers *{box-sizing:border-box;}
.kq-customers{scroll-behavior:smooth;}
.kq-customers{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;}
@media (prefers-reduced-motion:reduce){
.kq-customers *{animation-duration:.001ms !important;transition-duration:.001ms !important;}}
.kq-customers a{color:inherit;text-decoration:none;}
.kq-customers img{max-width:100%;display:block;}
.kq-customers button{font-family:inherit;}
.kq-customers .wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;}
.kq-customers h1,.kq-customers h2,.kq-customers h3{font-family:var(--font-display);margin:0;letter-spacing:-0.01em;}
.kq-customers .topbar{background:var(--ink);color:#C7CCDB;font-size:13px;}
.kq-customers .topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:8px 32px;flex-wrap:wrap;gap:8px;}
.kq-customers .topbar-links{display:flex;gap:20px;align-items:center;}
.kq-customers .topbar-links a{display:flex;align-items:center;gap:6px;color:#C7CCDB;}
.kq-customers .topbar-links a:hover{color:#fff;}
.kq-customers header.main{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;}
.kq-customers header.main .wrap{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;}
.kq-customers .logo{font-family:var(--font-display);font-weight:700;font-size:20px;display:flex;align-items:center;gap:8px;}
.kq-customers .logo .mark{width:26px;height:26px;border-radius:6px;background:var(--ink);position:relative;flex:none;}
.kq-customers .logo .mark::before,.kq-customers .logo .mark::after{content:"";position:absolute;background:var(--accent);}
.kq-customers .logo .mark::before{width:8px;height:8px;top:4px;left:4px;}
.kq-customers .logo .mark::after{width:8px;height:8px;bottom:4px;right:4px;}
.kq-customers nav.primary{display:flex;gap:32px;font-size:14.5px;font-weight:500;}
.kq-customers nav.primary a{position:relative;padding:4px 0;color:var(--ink-soft);}
.kq-customers nav.primary a.active{color:var(--ink);}
.kq-customers nav.primary a.active::after{content:"";position:absolute;left:0;right:0;bottom:-19px;height:2px;background:var(--accent);}
.kq-customers .nav-cta{display:flex;gap:10px;align-items:center;}
.kq-customers .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:transform .15s ease, background .15s ease, border-color .15s ease;white-space:nowrap;}
.kq-customers .btn:active{transform:scale(0.98);}
.kq-customers .btn-primary{background:var(--accent);color:#fff;}
.kq-customers .btn-primary:hover{background:var(--accent-deep);}
.kq-customers .btn-ghost{background:transparent;color:var(--ink);border-color:var(--line);}
.kq-customers .btn-ghost:hover{border-color:var(--ink-soft);}
.kq-customers .btn-dark{background:var(--ink);color:#fff;}
.kq-customers .btn-dark:hover{background:#000;}
.kq-customers .btn-lg{padding:14px 26px;font-size:15px;border-radius:12px;}
.kq-customers .crumb{background:#fff;border-bottom:1px solid var(--line);}
.kq-customers .crumb .wrap{padding:14px 32px;display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);}
.kq-customers .crumb .sep{color:#C7CCDB;}
.kq-customers .crumb .current{color:var(--ink);font-weight:500;}
.kq-customers .hero{background:var(--ink);color:#fff;padding:64px 0 0;}
.kq-customers .eyebrow{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:#4F76DA;display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.kq-customers .eyebrow::before{content:"";width:8px;height:8px;background:#765BDB;border-radius:2px;display:inline-block;}
.kq-customers .hero h1{font-size:40px;line-height:1.15;max-width:600px;font-weight:600;}
.kq-customers .hero p.lead{font-size:16px;color:#B8BECF;max-width:540px;margin:16px 0 40px;line-height:1.65;}
.kq-customers section.block{padding:80px 0;}
.kq-customers .section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;gap:24px;flex-wrap:wrap;}
.kq-customers .section-head p{color:var(--muted);font-size:14.5px;margin:0;}
.kq-customers .filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px;}
.kq-customers .filter-chip{padding:9px 18px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:13.8px;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:all .15s ease;}
.kq-customers .filter-chip.is-active{background:var(--ink);color:#fff;border-color:var(--ink);}
.kq-customers .filter-chip .count{font-family:var(--font-mono);font-size:11.5px;opacity:0.6;margin-left:4px;}
.kq-customers .testi-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.kq-customers .testi-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px 28px;position:relative;transition:transform .18s ease, border-color .18s ease;}
.kq-customers .testi-card:hover{transform:translateY(-4px);border-color:#D3D8E2;}
.kq-customers .testi-card .qicon{color:var(--accent-tint);position:absolute;top:22px;right:24px;}
.kq-customers .testi-card .sector{font-family:var(--font-mono);font-size:11px;color:var(--accent-deep);background:var(--accent-tint);padding:3px 9px;border-radius:5px;font-weight:600;display:inline-block;margin-bottom:16px;}
.kq-customers .testi-card p.quote{font-size:15px;color:var(--ink-soft);line-height:1.75;margin:0 0 20px;}
.kq-customers .testi-card .who{display:flex;align-items:center;gap:12px;}
.kq-customers .testi-card .avatar{width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:14px;flex:none;}
.kq-customers .testi-card .who h4{font-size:14.5px;font-weight:600;margin:0;}
.kq-customers .testi-card .who span{font-size:12.5px;color:var(--muted);}
.kq-customers .testi-empty{grid-column:1/-1;text-align:center;padding:60px 20px;background:var(--card);border:1px dashed var(--line);border-radius:var(--radius);display:none;}
.kq-customers .testi-empty.show{display:block;}
.kq-customers .testi-empty h3{font-size:17px;margin-bottom:8px;}
.kq-customers .testi-empty p{font-size:14px;color:var(--muted);margin:0;}
.kq-customers .share-band{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:8px;}
.kq-customers .share-band h3{font-size:18px;margin-bottom:6px;}
.kq-customers .share-band p{font-size:13.8px;color:var(--muted);margin:0;max-width:420px;}
.kq-customers .cta-band{background:var(--ink);color:#fff;border-radius:20px;padding:56px;text-align:center;}
.kq-customers .cta-band h2{font-size:28px;margin-bottom:14px;}
.kq-customers .cta-band p{font-size:15px;color:#B8BECF;max-width:520px;margin:0 auto 30px;line-height:1.65;}
.kq-customers .cta-band .row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.kq-customers footer{background:#0C0F1A;color:#8B92A6;padding:64px 0 28px;}
.kq-customers .footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.2fr;gap:32px;padding-bottom:48px;border-bottom:1px solid #232840;}
.kq-customers .footer-brand .logo{color:#fff;}
.kq-customers .footer-brand p{font-size:13.5px;line-height:1.7;margin:16px 0 20px;max-width:260px;}
.kq-customers .footer-social{display:flex;gap:10px;}
.kq-customers .footer-social a{width:34px;height:34px;border-radius:8px;background:#161B2C;display:flex;align-items:center;justify-content:center;color:#8B92A6;}
.kq-customers .footer-col h5{font-family:var(--font-mono);color:#5B627A;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px;font-weight:500;}
.kq-customers .footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;}
.kq-customers .footer-col a{font-size:14px;color:#B8BECF;}
.kq-customers .footer-col a:hover{color:#fff;}
.kq-customers .footer-bottom{padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:12.8px;flex-wrap:wrap;gap:12px;}
.kq-customers .footer-bottom .legal a{color:#8B92A6;margin-left:18px;}

@media (max-width:1000px){
.kq-customers .testi-grid{grid-template-columns:1fr;}
.kq-customers .footer-top{grid-template-columns:1fr 1fr;}
.kq-customers nav.primary{display:none;}
.kq-customers .hero h1{font-size:30px;}
}
@media (max-width:640px){
.kq-customers .wrap{padding:0 20px;}
.kq-customers .footer-top{grid-template-columns:1fr;}
.kq-customers .share-band,.kq-customers .cta-band{padding:28px;}
}

/* Existing KobiQR palette, scoped to customer stories. */
.kq-customers { --font-display:inherit; --font-body:inherit; --font-mono:inherit; --gradient:linear-gradient(135deg,#4f76da,#765bdb); line-height:1.6; }
.kq-customers .hero { padding:80px 0 44px; background:radial-gradient(ellipse at 85% 20%,rgba(118,91,219,.09),transparent 50%),radial-gradient(ellipse at 10% 10%,rgba(79,118,218,.08),transparent 55%),#f7f9fc; color:var(--ink); }
.kq-customers .hero h1 { color:var(--ink); font-size:clamp(34px,4.6vw,58px); font-weight:800; letter-spacing:-.045em; max-width:760px; }
.kq-customers .hero p.lead { color:var(--muted); font-size:18px; line-height:1.85; max-width:650px; margin:24px 0 0; }
.kq-customers .eyebrow { display:inline-flex; background:#fff; border:1px solid var(--line); border-radius:999px; padding:8px 14px; font-size:11px; font-weight:600; margin-bottom:24px; }
.kq-customers .filter-row { gap:10px; margin-bottom:30px; }
.kq-customers .filter-chip { min-height:44px; padding:10px 18px; }
.kq-customers .filter-chip.is-active { background:var(--gradient); border-color:transparent; box-shadow:0 6px 18px rgba(79,118,218,.15); }
.kq-customers .testi-grid { gap:24px; }
.kq-customers .testi-card { display:flex; flex-direction:column; padding:34px 30px; border-radius:24px; box-shadow:0 8px 28px rgba(15,23,42,.035); }
.kq-customers .testi-card[hidden] { display:none; }
.kq-customers .testi-card .sector { align-self:flex-start; padding:5px 11px; border-radius:7px; margin-bottom:22px; }
.kq-customers .testi-card .quote { line-height:1.85; }
.kq-customers .testi-card .who { margin-top:auto; padding-top:22px; border-top:1px solid var(--line); }
.kq-customers .testi-card .avatar { width:44px; height:44px; border-radius:14px; background:var(--gradient); }
.kq-customers .testi-card .who h4 { color:var(--ink); font-weight:700; }
.kq-customers .share-band { margin-top:32px; border-radius:24px; padding:38px; }
.kq-customers .share-band h3 { color:var(--ink); font-size:22px; letter-spacing:-.025em; }
.kq-customers .share-band p { line-height:1.8; margin-top:12px; }
.kq-customers .cta-band { background:var(--gradient); border-radius:28px; box-shadow:0 18px 40px rgba(79,118,218,.15); }
.kq-customers .cta-band h2 { color:#fff; font-size:32px; font-weight:750; letter-spacing:-.035em; }
.kq-customers .cta-band p { color:rgba(255,255,255,.88); line-height:1.8; }
.kq-customers .cta-band .row { margin:0; }
.kq-customers .cta-band .row>* { width:auto; flex:0 1 auto; margin:0; }
.kq-customers .btn { white-space:normal; text-align:center; min-height:46px; }
.kq-customers .btn-primary { background:var(--gradient); }
.kq-customers .cta-band .btn-primary { background:#fff; color:var(--accent); }
.kq-customers .testi-empty { border-radius:24px; }
.kq-customers .testi-empty h3 { color:var(--ink); }
.kq-customers :focus-visible { outline:3px solid rgba(79,118,218,.5); outline-offset:4px; }
@media(max-width:640px) {
 .kq-customers .hero { padding:44px 0 24px; }
 .kq-customers .hero p.lead { font-size:16px; }
 .kq-customers section.block { padding:48px 0; }
 .kq-customers .crumb .wrap { padding:14px 20px; flex-wrap:wrap; }
 .kq-customers .filter-row { gap:8px; }
 .kq-customers .filter-chip { font-size:12px; padding:9px 14px; }
 .kq-customers .testi-card { padding:28px 24px; }
 .kq-customers .share-band,.kq-customers .cta-band { padding:28px 24px; }
 .kq-customers .cta-band h2 { font-size:26px; }
 .kq-customers .share-band .btn { width:100%; }
}
@media(prefers-reduced-motion:reduce) { .kq-customers .testi-card:hover,.kq-customers .btn:active { transform:none; } }

/* Customer stories: refined typography and card details. */
.kq-customers .hero { position:relative; overflow:hidden; isolation:isolate; padding-top:88px; padding-bottom:48px; }
.kq-customers .hero::after { content:''; position:absolute; z-index:-1; pointer-events:none; width:290px; height:290px; top:48px; right:max(-160px,calc((100% - 1160px)/2 - 80px)); border:1px solid rgba(79,118,218,.12); border-radius:50%; box-shadow:0 0 0 42px rgba(79,118,218,.025),0 0 0 84px rgba(118,91,219,.02); }
.kq-customers .hero h1 { font-size:clamp(36px,4.8vw,62px); letter-spacing:-.05em; text-wrap:balance; }
.kq-customers .eyebrow { padding:9px 16px; margin-bottom:28px; box-shadow:0 4px 18px rgba(15,23,42,.035); }
.kq-customers .hero p.lead { max-width:620px; }
.kq-customers .filter-row { padding:10px; background:#fff; border:1px solid var(--line); border-radius:22px; box-shadow:0 8px 24px rgba(15,23,42,.025); margin-bottom:32px; }
.kq-customers .filter-chip { display:inline-flex; align-items:center; gap:10px; border-color:transparent; border-radius:14px; }
.kq-customers .filter-chip .count { display:inline-flex; align-items:center; justify-content:center; min-width:24px; min-height:24px; margin:0; padding:2px 6px; border-radius:8px; background:var(--paper); opacity:1; font-variant-numeric:tabular-nums; font-size:11px; }
.kq-customers .filter-chip.is-active .count { background:rgba(255,255,255,.18); }
.kq-customers .testi-grid { gap:26px; }
.kq-customers .testi-card { overflow:hidden; padding:36px 32px; border-radius:26px; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.kq-customers .testi-card::after { content:''; position:absolute; left:32px; right:32px; bottom:0; height:3px; background:var(--gradient); border-radius:4px 4px 0 0; opacity:.4; }
.kq-customers .testi-card .qicon { top:24px; right:28px; width:42px; height:42px; color:rgba(79,118,218,.14); }
.kq-customers .testi-card .sector { max-width:calc(100% - 50px); border:1px solid rgba(79,118,218,.1); border-radius:8px; padding:5px 12px; margin-bottom:24px; }
.kq-customers .testi-card p.quote { font-size:16px; line-height:1.9; letter-spacing:-.01em; margin-bottom:28px; overflow-wrap:anywhere; }
.kq-customers .testi-card .who { gap:14px; padding-top:24px; }
.kq-customers .testi-card .who>div:last-child { min-width:0; }
.kq-customers .testi-card .who h4 { font-size:16px; letter-spacing:-.015em; line-height:1.4; overflow-wrap:anywhere; }
.kq-customers .testi-card .who span { display:block; margin-top:4px; }
.kq-customers .testi-card .avatar { width:48px; height:48px; border-radius:16px; box-shadow:0 6px 16px rgba(79,118,218,.15); }
.kq-customers .share-band { position:relative; overflow:hidden; padding:42px; margin-top:36px; gap:28px; box-shadow:0 10px 30px rgba(15,23,42,.03); }
.kq-customers .share-band::before { content:''; position:absolute; top:28px; bottom:28px; left:0; width:3px; background:var(--gradient); border-radius:4px; }
.kq-customers .share-band h3 { font-size:24px; font-weight:700; }
.kq-customers .share-band p { max-width:470px; font-size:14px; }
.kq-customers .share-band .btn { padding:14px 22px; border-radius:12px; }
.kq-customers .cta-band { position:relative; overflow:hidden; isolation:isolate; padding:64px 48px; }
.kq-customers .cta-band::before { content:''; position:absolute; pointer-events:none; z-index:-1; width:320px; height:320px; left:-190px; bottom:-180px; border:1px solid rgba(255,255,255,.18); border-radius:50%; box-shadow:0 0 0 38px rgba(255,255,255,.045),0 0 0 76px rgba(255,255,255,.025); }
.kq-customers .cta-band h2 { font-size:clamp(27px,3.4vw,38px); line-height:1.2; margin-bottom:20px; text-wrap:balance; }
.kq-customers .cta-band p { max-width:580px; margin-bottom:32px; font-size:16px; }
.kq-customers .cta-band .btn { padding:15px 26px; border-radius:12px; }
.kq-customers .testi-empty { padding:64px 32px; border-style:solid; }
.kq-customers .testi-empty h3 { font-size:23px; letter-spacing:-.025em; }
.kq-customers .testi-empty p { max-width:560px; margin:14px auto 0; line-height:1.8; }
@media(max-width:640px) {
 .kq-customers .hero { padding:48px 0 28px; }
 .kq-customers .hero::after { display:none; }
 .kq-customers .filter-row { padding:8px; gap:6px; border-radius:18px; }
 .kq-customers .filter-chip { padding:9px 11px; gap:7px; border-radius:11px; }
 .kq-customers .testi-grid { gap:20px; }
 .kq-customers .testi-card { padding:28px 24px; border-radius:22px; }
 .kq-customers .testi-card p.quote { font-size:15px; }
 .kq-customers .testi-card .qicon { right:22px; width:36px; height:36px; }
 .kq-customers .share-band { padding:30px 26px; margin-top:26px; }
 .kq-customers .share-band h3 { font-size:22px; }
 .kq-customers .cta-band { padding:42px 26px; }
 .kq-customers .cta-band p { font-size:15px; }
 .kq-customers .cta-band .row>* { width:100%; }
 .kq-customers .testi-empty { padding:40px 24px; }
}
@media(hover:hover) {
 .kq-customers .testi-card:hover { border-color:rgba(79,118,218,.3); box-shadow:0 18px 38px rgba(79,118,218,.09); }
 .kq-customers .filter-chip:not(.is-active):hover { background:var(--accent-tint); }
 .kq-customers .share-band .btn:hover { background:var(--accent-tint); border-color:var(--accent); }
}

/* Turkish title casing, including headings and badges populated dynamically. */
.kq-customers h1,
.kq-customers h2,
.kq-customers h3,
.kq-customers h4,
.kq-customers h5,
.kq-customers h6,
.kq-customers summary,
.kq-customers .eyebrow,
.kq-customers .badge,
.kq-customers .pbadge,
.kq-customers .hero-badge,
.kq-customers .hero-tag,
.kq-customers .tag,
.kq-customers .tag2,
.kq-customers .section-head-tag,
.kq-customers .sector,
.kq-customers .cat,
.kq-customers .chip,
.kq-customers .filter-chip,
.kq-customers .platform-chip { text-transform:capitalize !important; }