/* ESET Security page styles */
/* Width is governed by .site-container; keep centering with auto LR margins */
.page-eset { margin: 24px auto; padding: 0; }
.page-eset .hero { margin: 8px 0 18px; position: relative; overflow: hidden; padding: 18px; border-radius: 12px; background: #fff; border: 1px solid #ece6f6; box-shadow: 0 2px 12px rgba(34,0,66,0.06); }
.page-eset .hero .hero-bg { position: absolute; inset: 0; z-index: 0; }
.page-eset .hero .hero-bg img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0.45; }
.page-eset .hero.has-bg::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(255,255,255,0.75), rgba(255,255,255,0.65)); }
.page-eset .hero h1, .page-eset .hero p { position: relative; z-index: 2; margin: 0 0 6px 0; }
.page-eset .breadcrumb { font-size: 0.95rem; color: #555; margin: 8px 0; }
.page-eset .breadcrumb a { color: #6d00c7; text-decoration: none; }
.page-eset .breadcrumb a:hover { text-decoration: underline; }
.page-eset .content { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; }
.page-eset .feature { background: #fff; border: 1px solid #ece6f6; border-radius: 12px; padding: 16px; box-shadow: 0 2px 12px rgba(34,0,66,0.06); }
.page-eset .feature h2 { margin: 0 0 6px 0; font-size: 1.3rem; color: #6d00c7; }
.page-eset .cta { display: flex; flex-direction: column; gap: 10px; align-self: start; }