/* ------------------------------------------------------------------
 * Kurumsal Yazılım Geliştirme (ek hizmet) — page-kurumsal-yazilim-gelistirme.php.
 * style.css + demo.css bileşenlerinin (.page-hero, .page-section, .section-head,
 * .trust-card, .btn, .eyebrow, .reveal) ÜSTÜNE yalnız ek stiller; `ky-` önekli.
 * ---------------------------------------------------------------- */

/* hero */
.page-hero h1 .grad{background:linear-gradient(96deg,#8FBAFF 0%,#3B82F6 55%,#0E63C8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ky-badge{display:inline-flex;align-items:center;gap:8px;margin-top:2px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9FC3F5;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.3);padding:6px 13px;border-radius:100px}
.page-hero .ky-badge + h1{margin-top:16px}
.ky-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.ky-chips span{font-size:12.5px;font-weight:700;color:#9FC3F5;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.24);padding:6px 13px;border-radius:100px}
.page-hero .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}

/* ne yapıyoruz — 3'lü kart (kart stili .trust-card'dan gelir) */
.ky-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.ky-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ky-grid{grid-template-columns:1fr}}

/* neden rodosto */
.ky-why{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.ky-why .lead{font-size:20px;font-weight:700;letter-spacing:-.015em;color:var(--text);max-width:40ch;border-left:3px solid var(--primary);padding-left:20px}
.ky-why-list{list-style:none;display:grid;gap:16px}
.ky-why-list li{display:flex;gap:13px;align-items:flex-start;font-size:15.5px;color:var(--text-2)}
.ky-why-list li svg{flex:none;margin-top:3px;color:var(--primary)}
.ky-why-list li b{color:var(--text);font-weight:800;display:block;font-size:16px}
@media(max-width:820px){.ky-why{grid-template-columns:1fr;gap:28px}}

/* cta (temanın .cta iki-sütun düzeniyle çakışmasın diye ayrı ad) */
.ky-cta{background:var(--ink-2);color:#fff;padding:110px 0;text-align:center}
.ky-cta h2{font-size:clamp(28px,3.6vw,44px);margin-bottom:16px}
.ky-cta p{color:#93A3BC;max-width:48ch;margin:0 auto 28px}
.ky-cta .actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}