
:root{--navy:#082b52;--blue:#0867bd;--line:#dce7f3;--ink:#153553}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f8fc;color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.top{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line)}.nav{max-width:1370px;min-height:94px;padding:12px 25px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{display:block;width:195px;height:auto;max-height:none;object-fit:contain}.navlinks{display:flex;align-items:center;flex-wrap:wrap;gap:19px;font-size:13px;font-weight:750}.navlinks a:hover,.navlinks .active{color:var(--blue)}.contact,.cta{background:#0867bd;color:#fff;border-radius:10px;padding:11px 17px;font-size:13px;font-weight:750;white-space:nowrap}.hero{background:linear-gradient(110deg,#061e3d,#075797);color:#fff;padding:66px 24px 88px}.inner{max-width:1180px;margin:auto}.eyebrow{color:#9bd5ff;font-size:12px;letter-spacing:.17em;font-weight:850}.hero h1{font-size:clamp(32px,4.5vw,55px);line-height:1.15;margin:12px 0 15px}.hero p{max-width:790px;font-size:18px;color:#e0f0ff}.main{max-width:1180px;margin:-38px auto 65px;padding:0 22px;position:relative}.intro{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 34px;box-shadow:0 8px 25px #092f5412}.intro p{margin:0;color:#526a80}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-top:25px}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 5px 19px #092f540a}.card{display:flex;flex-direction:column;min-height:255px}.card .num{font-size:12px;letter-spacing:.13em;font-weight:850;color:#0870c9}.card h2{font-size:21px;line-height:1.3;color:#092b51;margin:16px 0 10px}.card p{color:#536a80;font-size:14px;margin:0 0 22px}.card .more{margin-top:auto;color:#0867bd;font-size:14px;font-weight:800}.crumb{font-size:13px;color:#a7d8ff}.crumb a{text-decoration:underline}.layout{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;margin-top:25px}.panel h2{margin:0 0 16px;font-size:25px;color:#092b51}.panel p{color:#526a80}.panel ul{padding-left:22px;color:#3c5670}.panel li{margin:12px 0}.panel.side{background:linear-gradient(155deg,#fff,#edf7ff)}.panel .cta{display:inline-block;margin-top:12px}.footer{background:#061d3a;color:#d7e8f8;padding:30px 24px}.footer .inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.wa{position:fixed;bottom:22px;right:22px;z-index:101;background:#13b966;color:white;border-radius:40px;padding:12px 18px;font-size:14px;font-weight:800;box-shadow:0 8px 24px #0003}@media(max-width:980px){.nav{flex-wrap:wrap}.navlinks{order:3;width:100%;justify-content:center}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.nav{padding:12px 15px;gap:12px}.brand img{width:150px}.navlinks{gap:12px;font-size:12px}.contact{padding:9px;font-size:11px}.cards,.layout{grid-template-columns:1fr}.hero{padding:42px 20px 72px}.main{padding:0 15px}.intro,.card,.panel{padding:23px}}

/* ESET Silver Partner certificate presentation */
.eset-feature{margin:28px auto 36px;padding:28px;border:1px solid #bce8e8;border-radius:18px;background:linear-gradient(120deg,#ecfbfb,#fff);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(190px,.7fr);gap:28px;align-items:center;box-shadow:0 12px 35px rgba(0,85,110,.07)}
.eset-feature .eyebrow{color:#008d95;font-weight:800;letter-spacing:.08em;font-size:12px}.eset-feature h2{font-size:28px;line-height:1.2;margin:10px 0;color:#082d52}.eset-feature p{color:#36536a;line-height:1.7}.eset-feature .certificate{display:block;background:white;border:1px solid #d5e8e9;border-radius:12px;padding:12px;box-shadow:0 8px 20px #003c4b18;text-align:center}.eset-feature .certificate img{display:block;max-width:100%;max-height:290px;object-fit:contain;margin:auto}.eset-feature .cta{display:inline-block;margin-top:12px;background:#008f9b;color:white;padding:12px 18px;border-radius:9px;text-decoration:none;font-weight:750}.eset-note{font-size:12px;color:#587086}.eset-link{color:#087f88;font-weight:700}
@media(max-width:680px){.eset-feature{grid-template-columns:1fr;padding:18px}.eset-feature h2{font-size:23px}}

.seo-section{margin-top:25px}.seo-section h2{color:#092b51}.seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.seo-box{padding:24px;border:1px solid #dce7f3;border-radius:14px;background:white}.seo-box h3{margin:0 0 8px;color:#0b467a}.seo-box p{margin:0;color:#526a80}.seo-links{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.seo-links a{padding:8px 12px;border:1px solid #bfd8ef;border-radius:9px;color:#075caa;background:white;font-weight:650}.seo-small{font-size:13px;color:#64798d}.seo-box a{color:#0867bd;font-weight:700}.seo-cta{display:inline-block;background:#0867bd;color:#fff!important;padding:12px 18px;border-radius:9px;margin-top:12px}@media(max-width:650px){.seo-grid{grid-template-columns:1fr}}

/* Çözüm kartlarında numaralar yerine konuya özel marka ve ikon görselleri */
.card{padding:0 0 22px;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #092f5420}.card .solution-art{display:block;width:100%;height:auto;aspect-ratio:640/220;object-fit:cover;border-radius:15px 15px 0 0}.card h2{margin:16px 24px 7px}.card p{margin:0 24px 22px}.card .more{margin-left:24px;margin-right:24px}.card:focus-visible{outline:3px solid #0870c9;outline-offset:3px}

/* Reference-approved photographic solution banners */
.cards .card{overflow:hidden;padding:0;min-height:0;transition:transform .2s ease,box-shadow .2s ease}
.cards .card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #092f5420}
.cards .card .solution-art{display:block;width:100%;height:auto;aspect-ratio:323/115;object-fit:cover;margin:0;border:0}
.cards .card h2{margin:15px 18px 6px;font-size:19px;line-height:1.22}
.cards .card p{margin:0 18px 18px;line-height:1.55}
.cards .card .more{margin:0 18px 20px}
@media(max-width:650px){.cards .card{padding:0}}

/* HPE/Ruijie ve SonicWall/ESET: tam görsel, kırpma yok. */
.cards .card[href="sunucu-network.html"] .solution-art,
.cards .card[href="siber-guvenlik.html"] .solution-art,
.cards .card:nth-child(4) .solution-art,
.cards .card:nth-child(5) .solution-art {
  display:block;
  width:100%;
  height:155px;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
  background:#fff;
  padding:5px 9px;
}
@media (max-width:650px) {
  .cards .card[href="sunucu-network.html"] .solution-art,
  .cards .card[href="siber-guvenlik.html"] .solution-art,
  .cards .card:nth-child(4) .solution-art,
  .cards .card:nth-child(5) .solution-art {height:165px;}
}
