/* Reference layout, using the existing Hakkımızda palette. */
.kq-about { --ink:#0f172a; --ink-soft:#475569; --paper:#F7F9FC; --card:#fff; --line:rgba(226,232,240,.8); --muted:#64748b; --accent:#4f76da; --accent-deep:#4f76da; --accent-tint:rgba(79,118,218,.1); --gradient:linear-gradient(135deg,#4f76da,#765bdb); --radius:20px; --font-display:'Inter',sans-serif; --font-mono:var(--font-display); background:var(--paper); color:var(--ink); font-family:var(--font-display); }
.kq-about * { box-sizing:border-box; }
.kq-about .wrap { max-width:1160px; margin:0 auto; padding:0 32px; }
.kq-about h1,.kq-about h2,.kq-about h3,.kq-about h4 { font-family:inherit; color:var(--ink); margin:0; letter-spacing:-.025em; }
.kq-about a { text-decoration:none; color:inherit; }
.kq-about button { font-family:inherit; }
.kq-about img { max-width:100%; display:block; }
.kq-about .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-about .btn:active{transform:scale(0.98);}
.kq-about .btn-primary{background:var(--accent);color:#fff;}
.kq-about .btn-primary:hover{background:var(--accent-deep);}
.kq-about .btn-ghost{background:transparent;color:var(--ink);border-color:var(--line);}
.kq-about .btn-ghost:hover{border-color:var(--ink-soft);}
.kq-about .btn-dark{background:var(--ink);color:#fff;}
.kq-about .btn-dark:hover{background:#000;}
.kq-about .btn-ghost-dark{background:rgba(255,255,255,0.06);color:#fff;border:1px solid rgba(255,255,255,0.16);}
.kq-about .btn-ghost-dark:hover{background:rgba(255,255,255,0.12);}
.kq-about .btn-lg{padding:14px 26px;font-size:15px;border-radius:12px;}
.kq-about .crumb{background:#fff;border-bottom:1px solid var(--line);}
.kq-about .crumb .wrap{padding:14px 32px;display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);}
.kq-about .crumb .sep{color:var(--muted);}
.kq-about .crumb .current{color:var(--ink);font-weight:500;}
.kq-about .hero{
  background:radial-gradient(circle at 18px 18px, rgba(255,255,255,0.05) 1.5px, transparent 1.5px), var(--ink);
  background-size:24px 24px, auto;color:#fff;padding:76px 0 0;position:relative;overflow:hidden;
}
.kq-about .hero .wrap{position:relative;z-index:2;}
.kq-about .eyebrow{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:10px;margin-bottom:18px;}
.kq-about .eyebrow::before{content:"";width:8px;height:8px;background:var(--accent);border-radius:2px;display:inline-block;}
.kq-about .hero h1{font-size:46px;line-height:1.12;max-width:680px;font-weight:600;}
.kq-about .hero p.lead{font-size:17px;color:var(--muted);max-width:560px;margin:20px 0 36px;line-height:1.65;}
.kq-about .hero .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:56px;}
.kq-about .stats-band{background:var(--card);border:1px solid var(--line);border-radius:20px 20px 0 0;margin-top:0;position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);}
.kq-about .stat{padding:32px 28px;border-right:1px solid var(--line);}
.kq-about .stat:last-child{border-right:none;}
.kq-about .stat .num{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--accent-deep);display:flex;align-items:baseline;gap:2px;}
.kq-about .stat .label{font-size:13px;color:var(--muted);margin-top:4px;letter-spacing:.01em;}
.kq-about section.block{padding:88px 0;}
.kq-about .section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;gap:24px;flex-wrap:wrap;}
.kq-about .section-head .tag{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:10px;display:block;}
.kq-about .section-head h2{font-size:30px;font-weight:600;}
.kq-about .section-head p{color:var(--muted);font-size:15px;max-width:520px;margin:10px 0 0;}
.kq-about .story-grid{display:grid;grid-template-columns:0.95fr 1.05fr;gap:48px;align-items:center;}
.kq-about .story-img{border-radius:18px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/3;background:var(--card);}
.kq-about .story-img img{width:100%;height:100%;object-fit:cover;}
.kq-about .story-copy p{font-size:15px;color:var(--ink-soft);line-height:1.8;margin:0 0 18px;}
.kq-about .story-copy .motto{
  display:inline-flex;align-items:center;gap:8px;background:var(--accent-tint);color:var(--accent-deep);
  font-family:var(--font-mono);font-size:12.5px;font-weight:600;padding:8px 14px;border-radius:999px;margin-bottom:20px;
}
.kq-about .tab-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px;}
.kq-about .tab-btn{padding:10px 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-about .tab-btn.is-active{background:var(--ink);color:#fff;border-color:var(--ink);}
.kq-about .tab-panel{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:40px;display:none;grid-template-columns:auto 1fr;gap:28px;align-items:flex-start;}
.kq-about .tab-panel.show{display:grid;}
.kq-about .tab-panel .ticon{width:56px;height:56px;border-radius:14px;background:var(--accent-tint);color:var(--accent-deep);display:flex;align-items:center;justify-content:center;flex:none;}
.kq-about .tab-panel h3{font-size:19px;margin-bottom:10px;}
.kq-about .tab-panel p{font-size:14.5px;color:var(--muted);line-height:1.75;margin:0;max-width:600px;}
.kq-about .flow-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative;}
.kq-about .flow-step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;position:relative;}
.kq-about .flow-step h4{font-size:15.5px;font-weight:600;margin:0 0 8px;}
.kq-about .flow-step p{font-size:13.5px;color:var(--muted);line-height:1.6;margin:0;}
.kq-about .flow-arrow{display:flex;align-items:center;justify-content:center;color:var(--line);}
.kq-about .product-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.kq-about .pshow-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;transition:transform .18s ease,border-color .18s ease;}
.kq-about .pshow-card:hover{transform:translateY(-4px);border-color:var(--accent);}
.kq-about .pshow-card .picon{width:44px;height:44px;border-radius:10px;background:var(--accent-tint);color:var(--accent-deep);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.kq-about .pshow-card h4{font-size:16px;font-weight:600;margin-bottom:8px;}
.kq-about .pshow-card p{font-size:13.7px;color:var(--muted);line-height:1.6;margin:0;}
.kq-about .pkg-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.kq-about .pkg-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;text-align:left;}
.kq-about .pkg-card.mid{border-color:var(--accent);position:relative;}
.kq-about .pkg-card .pbadge{position:absolute;top:-11px;left:26px;background:var(--accent);color:#fff;font-size:11.5px;font-weight:600;padding:4px 12px;border-radius:999px;}
.kq-about .pkg-card h4{font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;}
.kq-about .pkg-card p{font-size:14px;color:var(--ink-soft);line-height:1.65;margin:0 0 20px;}
.kq-about .vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.kq-about .vm-card{background:var(--ink);color:#fff;border-radius:20px;padding:36px;}
.kq-about .vm-card .vicon{width:42px;height:42px;border-radius:10px;background:rgba(63,217,180,0.14);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.kq-about .vm-card h3{font-size:18px;margin-bottom:12px;}
.kq-about .vm-card p{font-size:14.5px;color:var(--muted);line-height:1.75;margin:0;}
.kq-about .cta-band{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;}
.kq-about .cta-band h3{font-size:22px;margin-bottom:8px;}
.kq-about .cta-band p{font-size:14.5px;color:var(--muted);margin:0;max-width:420px;}


/* Theme, responsive layout and finishing details. */
.kq-about .hero { color:var(--ink); padding-top:88px; background:radial-gradient(ellipse at 85% 20%,rgba(118,91,219,.08),transparent 55%),radial-gradient(ellipse at 15% 70%,rgba(79,118,218,.04),transparent 50%),var(--paper); }
.kq-about .hero h1 { font-size:clamp(34px,4.5vw,54px); font-weight:800; letter-spacing:-.045em; text-wrap:balance; }
.kq-about .hero p.lead { line-height:1.8; max-width:600px; }
.kq-about .eyebrow { display:inline-flex; font-weight:600; padding:9px 14px; border:1px solid var(--line); border-radius:100px; background:#fff; box-shadow:0 4px 14px rgba(15,23,42,.025); }
.kq-about .eyebrow::before { background:var(--gradient); }
.kq-about .btn { min-height:44px; white-space:normal; }
.kq-about .btn-primary,.kq-about .btn-primary:hover,.kq-about .btn-dark,.kq-about .btn-dark:hover { background:var(--gradient); color:#fff; box-shadow:0 8px 22px rgba(79,118,218,.18); }
.kq-about .btn-ghost,.kq-about .btn-ghost-dark { background:transparent; color:var(--ink); border:1px solid var(--line); }
.kq-about .btn-ghost:hover,.kq-about .btn-ghost-dark:hover { background:var(--accent-tint); border-color:var(--accent); }
.kq-about .crumb .wrap { flex-wrap:wrap; }
.kq-about .stats-band { border-radius:22px; box-shadow:0 12px 36px rgba(15,23,42,.04); overflow:hidden; }
.kq-about .stat .num { font-weight:800; font-size:36px; letter-spacing:-.035em; background:var(--gradient); background-clip:text; -webkit-background-clip:text; color:transparent; }
.kq-about .stat .label { line-height:1.6; }
.kq-about #hikayemiz { scroll-margin-top:110px; }
.kq-about .story-img { border-radius:24px; box-shadow:0 14px 40px rgba(15,23,42,.07); }
.kq-about .story-copy h2 { font-weight:750; line-height:1.3; text-wrap:balance; }
.kq-about .story-copy p:last-child { margin-bottom:0; }
.kq-about .section-head h2 { font-weight:700; text-wrap:balance; }
.kq-about .section-head p { max-width:600px; line-height:1.75; }
.kq-about .section-head .tag { display:flex; align-items:center; gap:10px; font-weight:600; }
.kq-about .section-head .tag::before { content:''; width:22px; height:2px; border-radius:2px; background:var(--gradient); }
.kq-about .tab-btn.is-active { background:var(--gradient); color:#fff; border-color:transparent; box-shadow:0 6px 18px rgba(79,118,218,.15); }
.kq-about .tab-panel { border-radius:24px; box-shadow:0 8px 28px rgba(15,23,42,.04); }
.kq-about .tab-panel h3 { font-weight:700; line-height:1.4; }
.kq-about .flow-step,.kq-about .pshow-card,.kq-about .pkg-card { box-shadow:0 6px 24px rgba(15,23,42,.035); padding:30px 26px; }
.kq-about .flow-step h4,.kq-about .pshow-card h4 { line-height:1.4; font-weight:700; }
.kq-about .pkg-card { display:flex; flex-direction:column; }
.kq-about .pkg-card .btn { align-self:flex-start; margin-top:auto; }
.kq-about .pkg-card.mid { box-shadow:0 12px 32px rgba(79,118,218,.1); }
.kq-about .pkg-card .pbadge { background:var(--gradient); }
.kq-about .pkg-card h4 { font-weight:700; }
.kq-about .vm-card { background:var(--paper); color:var(--ink); border:1px solid transparent; background-image:linear-gradient(var(--paper),var(--paper)),var(--gradient); background-origin:border-box; background-clip:padding-box,border-box; border-radius:24px; }
.kq-about .vm-card .vicon { background:var(--accent-tint); color:var(--accent); }
.kq-about .vm-card h3 { font-weight:700; }
.kq-about .cta-band { position:relative; overflow:hidden; border-radius:24px; box-shadow:0 12px 36px rgba(79,118,218,.06); }
.kq-about .cta-band::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--gradient); }
.kq-about .cta-band h3 { font-weight:700; line-height:1.35; }
.kq-about .cta-band p { line-height:1.7; }
.kq-about a:focus-visible,.kq-about button:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
@media (max-width:1000px) {
  .kq-about .stats-band { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .kq-about .stat { border-bottom:1px solid var(--line); }
  .kq-about .stat:nth-child(even) { border-right:0; }
  .kq-about .stat:nth-last-child(-n+2) { border-bottom:0; }
  .kq-about .story-grid,.kq-about .flow-row,.kq-about .product-showcase,.kq-about .pkg-row,.kq-about .vm-grid { grid-template-columns:1fr; }
  .kq-about .story-grid { gap:32px; }
  .kq-about .tab-panel { grid-template-columns:1fr; }
  .kq-about .cta-band { flex-direction:column; align-items:flex-start; }
}
@media (max-width:640px) {
  .kq-about .wrap { padding-left:20px; padding-right:20px; }
  .kq-about .hero { padding-top:48px; }
  .kq-about section.block { padding-bottom:56px; }
  .kq-about .stat { padding:24px 18px; }
  .kq-about .stat .num { font-size:30px; }
  .kq-about .stat .label { font-size:12px; }
  .kq-about .tab-panel,.kq-about .vm-card,.kq-about .cta-band { padding:26px; }
  .kq-about .section-head h2 { font-size:26px; }
}
@media (prefers-reduced-motion:reduce) {
  .kq-about * { transition:none !important; animation:none !important; scroll-behavior:auto !important; }
  .kq-about .pshow-card:hover,.kq-about .btn:active { transform:none; }
}
/* Refined spacing and surfaces without changing the page palette. */
.kq-about .hero { isolation:isolate; }
.kq-about .hero::after { content:''; position:absolute; z-index:-1; pointer-events:none; width:340px; height:340px; right:max(-180px,calc((100% - 1160px)/2 - 110px)); top:50px; border:1px solid rgba(79,118,218,.12); border-radius:50%; box-shadow:0 0 0 48px rgba(79,118,218,.025),0 0 0 96px rgba(118,91,219,.02); }
.kq-about .hero h1 { max-width:740px; }
.kq-about .hero .cta-row { gap:12px; margin-bottom:60px; }
.kq-about .stats-band { border-radius:24px; }
.kq-about .stat { padding:34px 28px; }
.kq-about .story-grid { gap:56px; }
.kq-about .story-img { padding:8px; background:#fff; border-radius:28px; }
.kq-about .story-img img { border-radius:20px; }
.kq-about .story-copy .motto { padding:10px 16px; }
.kq-about .section-head { margin-bottom:34px; }
.kq-about .section-head h2 { letter-spacing:-.035em; }
.kq-about .tab-row { gap:10px; margin-bottom:22px; }
.kq-about .tab-btn { padding:12px 22px; }
.kq-about .tab-panel { padding:40px; border-left:3px solid var(--accent); }
.kq-about .tab-panel .ticon { width:62px; height:62px; border-radius:18px; }
.kq-about .flow-row,.kq-about .product-showcase,.kq-about .pkg-row,.kq-about .vm-grid { gap:24px; }
.kq-about .flow-step { padding:34px 28px; border-radius:22px; overflow:hidden; }
.kq-about .flow-step::before { content:''; display:block; width:40px; height:3px; margin-bottom:22px; border-radius:3px; background:var(--gradient); }
.kq-about .flow-step h4 { font-size:18px; margin-bottom:12px; letter-spacing:-.025em; }
.kq-about .flow-step p,.kq-about .pshow-card p { font-size:14px; line-height:1.8; }
.kq-about .pshow-card { padding:32px 28px; border-radius:22px; }
.kq-about .pshow-card .picon { width:52px; height:52px; border-radius:16px; margin-bottom:24px; }
.kq-about .pshow-card h4 { font-size:18px; margin-bottom:12px; }
.kq-about .pkg-card { padding:36px 30px 30px; border-radius:24px; }
.kq-about .pkg-card h4 { color:var(--ink); font-size:20px; letter-spacing:-.025em; text-transform:none; margin-bottom:18px; }
.kq-about .pkg-card p { line-height:1.8; margin-bottom:28px; }
.kq-about .pkg-card .btn { width:100%; }
.kq-about .pkg-card.mid { border:1px solid var(--accent); background:linear-gradient(160deg,rgba(79,118,218,.04),transparent 65%),#fff; }
.kq-about .pkg-card .pbadge { left:30px; padding:6px 14px; top:-14px; }
.kq-about .vm-card { padding:40px; box-shadow:0 8px 28px rgba(15,23,42,.035); }
.kq-about .vm-card .vicon { width:50px; height:50px; border-radius:15px; }
.kq-about .vm-card h3 { font-size:22px; letter-spacing:-.03em; }
.kq-about .cta-band { padding:48px; }
.kq-about .cta-band h3 { font-size:26px; max-width:500px; text-wrap:balance; }
.kq-about .btn { transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
@media (hover:hover) {
  .kq-about .btn:hover { transform:translateY(-2px); }
  .kq-about .pshow-card:hover { box-shadow:0 16px 36px rgba(79,118,218,.1); }
}
@media (max-width:1000px) {
  .kq-about .story-grid { gap:32px; }
}
@media (max-width:640px) {
  .kq-about .hero::after { display:none; }
  .kq-about .stat { padding:24px 18px; }
  .kq-about .tab-panel,.kq-about .vm-card,.kq-about .cta-band { padding:26px; }
  .kq-about .flow-step,.kq-about .pshow-card,.kq-about .pkg-card { padding:28px 24px; }
  .kq-about .tab-btn { padding:10px 16px; }
  .kq-about .cta-band h3 { font-size:23px; }
}
@media (prefers-reduced-motion:reduce) {
  .kq-about .btn:hover { transform:none; }
}

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