/* P360 Intelligence sayfası (4 Kas 2026) — Çözümler/Intelligence/P360 Intelligence Analytics Landing Page.png.
   Ölçüler 1672 px tasarım pikseli (--u); tasarım 897 px çizildi, ölçü × 1,864. */
.k-sprite{position:absolute;width:0;height:0;overflow:hidden}
.in-hero h1 em{display:block}

/* Kanal kartları (hasta sayısı) */
.in-kanal{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;padding:0;margin:28px 0 0}
.in-kanal li{background:#fff;border:1px solid #eef1f6;border-radius:14px;box-shadow:0 14px 34px #1423441a;padding:16px 6px;text-align:center}
.in-kanal svg{display:block;width:40px;height:40px;margin:0 auto 10px}
.in-kanal b{display:block;font:700 14.5px/1.25 'DM Sans',sans-serif;color:var(--a-lacivert)}
.in-kanal small{display:block;font-size:14px;color:var(--a-gri);margin-top:4px}

/* Derinlemesine analiz */
.in-analiz{background:#fbfcfe;padding:52px 0}
.in-analiz h2{color:var(--a-lacivert);font-weight:800;letter-spacing:-.05em;line-height:1.08;margin:0;font-size:clamp(30px,7.5vw,40px)}
.in-kartlar{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:0;margin:30px 0 0}
.in-kartlar li{background:#fff;border:1px solid #eef1f6;border-radius:14px;box-shadow:0 14px 34px #1423441a;padding:20px 12px;text-align:center}
.in-kartlar svg{display:block;width:36px;height:36px;margin:0 auto 12px;stroke-width:1.8}
.in-kartlar h3{font:700 15.5px/1.25 'DM Sans',sans-serif;letter-spacing:-.01em;color:var(--a-lacivert);margin:0 0 6px}
.in-kartlar p{font-size:13px;line-height:1.45;color:var(--a-gri);margin:0}
.c-mavi{color:var(--a-mavi)}.c-mor{color:var(--a-mor)}.c-turuncu{color:var(--a-turuncu)}.c-yesil{color:#1fa66a}.c-kirmizi{color:#ef3e4a}

/* Yapay zeka listesi */
.in-liste{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:16px}
.in-liste li{display:flex;align-items:center;gap:16px;font-size:16px;color:var(--a-lacivert)}
.in-liste svg{width:26px;height:26px;color:var(--a-mavi);stroke-width:1.8}

/* Kapanış kartı */
.in-cta{padding:16px 0 56px;background:#fbfcfe}
.in-kart{border-radius:18px}
.in-kart .s-ozet{grid-template-columns:1fr}
.in-kart .s-ozet svg{color:var(--a-lacivert);stroke-width:2}

@media (min-width:576px){
  .in-kanal{grid-template-columns:repeat(5,1fr)}
  .in-kartlar{grid-template-columns:repeat(3,1fr)}
  .in-kart .s-ozet{grid-template-columns:repeat(3,1fr)}
}

@media (min-width:992px){
  .s-bant.s-yer{min-height:calc(var(--h) * var(--u))}
  .s-bant.s-yer>.s-gorsel{position:absolute;left:calc(var(--gx,0) * var(--u));top:calc(var(--gy,0) * var(--u));width:calc(var(--gw) * var(--u));height:auto;min-height:0;max-width:none}
  .in-hero>.s-gorsel,.in-yz>.s-gorsel{-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 9%);mask-image:linear-gradient(0deg,transparent 0,#000 9%)}
  .in-hero,.in-yz{background:#fbfcfe}
  .s-bant h2,.in-analiz h2{font-size:calc(54.5 * var(--u));line-height:1.07}
  .s-bant:not(.in-hero) .s-lead{font-size:max(14px,calc(21.5 * var(--u)));line-height:1.68}
  .in-hero .s-lead{font-size:max(15px,calc(24 * var(--u)))}

  .in-kanal{grid-template-columns:repeat(5,calc(136 * var(--u)));gap:calc(19 * var(--u));margin:calc(56 * var(--u)) 0 0 calc(-38 * var(--u))}
  .in-kanal li{border-radius:calc(18 * var(--u));min-height:calc(186 * var(--u));padding:calc(30 * var(--u)) calc(4 * var(--u)) calc(20 * var(--u))}
  .in-kanal svg{width:calc(58 * var(--u));height:calc(58 * var(--u));margin-bottom:calc(22 * var(--u))}
  .in-kanal b{font-size:max(12px,calc(19 * var(--u)))}
  .in-kanal small{font-size:max(12px,calc(19 * var(--u)));margin-top:calc(6 * var(--u))}

  .in-analiz{padding:calc(48 * var(--u)) 0 calc(22 * var(--u))}
  .in-analiz-ic{display:grid;grid-template-columns:1fr calc(861 * var(--u));gap:calc(30 * var(--u));align-items:start;padding-right:calc(50 * var(--u))}
  .in-analiz .s-lead{font-size:max(14px,calc(21.5 * var(--u)));line-height:1.68}
  .in-kartlar{grid-template-columns:repeat(3,1fr);gap:calc(22 * var(--u)) calc(24 * var(--u));margin:calc(4 * var(--u)) 0 0}
  .in-kartlar li{border-radius:calc(18 * var(--u));min-height:calc(207 * var(--u));padding:calc(28 * var(--u)) calc(14 * var(--u)) calc(22 * var(--u))}
  .in-kartlar svg{width:calc(50 * var(--u));height:calc(50 * var(--u));margin-bottom:calc(22 * var(--u))}
  .in-kartlar h3{font-size:max(13px,calc(20 * var(--u)));margin-bottom:calc(12 * var(--u))}
  .in-kartlar p{font-size:max(11.5px,calc(17.5 * var(--u)));line-height:1.6}

  .in-yz .s-lead{font-size:max(14px,calc(21.5 * var(--u)));line-height:1.68}
  .in-liste{gap:calc(36 * var(--u));margin-top:calc(40 * var(--u))}
  .in-liste li{gap:calc(38 * var(--u));font-size:max(13px,calc(21 * var(--u)))}
  .in-liste svg{width:calc(32 * var(--u));height:calc(32 * var(--u))}

  .in-cta{padding:calc(15 * var(--u)) 0 calc(90 * var(--u))}
  .in-kart{border-radius:calc(20 * var(--u))}
  .in-kart h2{font-size:calc(45 * var(--u))}
  .in-kart .s-yan{gap:calc(30 * var(--u))}
  .in-kart .s-lead{font-size:max(14px,calc(22 * var(--u)));max-width:calc(660 * var(--u))}
  .in-kart .s-metin{max-width:calc(680 * var(--u))}
  .in-kart .s-yan>.s-ozet{flex:0 0 calc(760 * var(--u));margin:0 0 calc(83 * var(--u)) 0}
  .in-kart .s-ozet{gap:calc(16 * var(--u))}
  .in-kart .s-ozet span{width:calc(71 * var(--u));height:calc(71 * var(--u))}
  .in-kart .s-ozet b{font-size:max(12px,calc(19 * var(--u)));line-height:1.45;white-space:nowrap}
}