/* SentinelDB360 — demo merkezi (/demo). Kendine yeten, mutlak yollar. */
*{box-sizing:border-box}
body.demo{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;color:#0f1b34;background:#f6f8fc;-webkit-font-smoothing:antialiased}
.demo a{color:inherit}
.dwrap{max-width:1140px;margin:0 auto;padding:0 22px}

/* hero */
.dhero{background:linear-gradient(160deg,#0a1730 0%,#13284f 100%);color:#fff;padding:60px 0 78px;text-align:center}
.dhero .eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7fa8ff;margin-bottom:14px}
.dhero h1{font-size:40px;font-weight:800;letter-spacing:-.02em;margin:0 0 14px;line-height:1.12}
.dhero p{font-size:18px;color:#aebbd4;max-width:660px;margin:0 auto;line-height:1.6}

/* kartlar */
.dcards{margin:-46px auto 60px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dcard{background:#fff;border:1px solid #e4e9f2;border-radius:18px;padding:26px;box-shadow:0 12px 34px rgba(16,35,71,.08);display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.dcard:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(16,35,71,.14)}
.dcard__thumb{border-radius:13px;overflow:hidden;border:1px solid #e6ebf3;margin-bottom:18px;aspect-ratio:16/10;background:#0a1730;position:relative}
.dcard__thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.dcard__thumb--live{display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#0a1730,#1f5fd8)}
.dcard__thumb--live span{color:#fff;font-weight:700;font-size:15px;display:inline-flex;align-items:center;gap:9px}
.dcard__thumb--live span::before{content:"";width:9px;height:9px;border-radius:50%;background:#36d399;box-shadow:0 0 0 4px rgba(54,211,153,.25)}
.dbadge{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#2f6bff;margin-bottom:11px}
.dcard h3{font-size:20px;font-weight:800;margin:0 0 7px}
.dcard p{color:#5b6b86;font-size:14px;line-height:1.6;margin:0 0 20px;flex:1}
.dbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#2f6bff;color:#fff;font-weight:700;font-size:14.5px;padding:12px 18px;border-radius:11px;text-decoration:none;transition:background .15s;text-align:center}
.dbtn:hover{background:#1f55e0}
.dbtn--ghost{background:transparent;color:#2f6bff;border:1.5px solid #cdd9f0}
.dbtn--ghost:hover{background:#eef3ff}

/* demo ekranı (lite/security) */
.dsec{padding:52px 0 12px}
.dback{display:inline-flex;align-items:center;gap:7px;color:#2f6bff;font-weight:600;text-decoration:none;font-size:14px;margin-bottom:18px}
.dback:hover{text-decoration:underline}
.dsec h2{font-size:30px;font-weight:800;letter-spacing:-.01em;margin:0 0 10px}
.dsec__sub{color:#5b6b86;font-size:16px;max-width:700px;margin:0 0 8px;line-height:1.6}
.dgall{margin-top:30px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.dshot{background:#fff;border:1px solid #e4e9f2;border-radius:14px;overflow:hidden;cursor:zoom-in;box-shadow:0 8px 22px rgba(16,35,71,.07);transition:transform .15s}
.dshot:hover{transform:translateY(-3px)}
.dshot img{width:100%;display:block;border-bottom:1px solid #eef1f6}
.dshot span{display:block;padding:13px 16px;font-size:13.5px;font-weight:600;color:#33425e}
.dactions{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0 8px}
.dnote{color:#8190a8;font-size:12.5px;margin-top:14px}

/* lightbox */
.dlb{position:fixed;inset:0;background:rgba(10,23,48,.93);display:none;align-items:center;justify-content:center;padding:28px;z-index:9999}
.dlb.open{display:flex}
.dlb img{max-width:95vw;max-height:92vh;border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,.55)}

@media(max-width:860px){
  .dcards{grid-template-columns:1fr;margin-top:-40px}
  .dgall{grid-template-columns:1fr}
  .dhero h1{font-size:30px}
  .dhero p{font-size:16px}
}