/* Codex 2026 premium refinement layer */
:root{--codex-red:#c40d0d;--codex-red-2:#e21b1b;--codex-panel:rgba(255,255,255,.075);--codex-panel-strong:rgba(255,255,255,.115);--codex-border:rgba(255,255,255,.14);--codex-border-strong:rgba(255,255,255,.24);--codex-shadow:0 26px 90px rgba(0,0,0,.28)}
html[data-theme="light"]{--codex-panel:rgba(255,255,255,.78);--codex-panel-strong:rgba(255,255,255,.94);--codex-border:rgba(10,22,40,.12);--codex-border-strong:rgba(196,13,13,.26);--codex-shadow:0 24px 70px rgba(17,24,39,.12)}
body{background-image:linear-gradient(130deg,rgba(196,13,13,.12),transparent 28%),linear-gradient(225deg,rgba(34,211,238,.09),transparent 34%),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 96px),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 96px),var(--bg-primary)}
.tpl-nav{width:min(1180px,calc(100% - 32px));left:auto;right:auto;top:14px;transform:none;margin:14px auto 0;border:1px solid var(--codex-border);border-radius:18px;background:color-mix(in srgb,var(--bg-primary) 72%,transparent);box-shadow:var(--codex-shadow);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}
.tpl-nav-brand img,.footer-logo{filter:drop-shadow(0 12px 28px rgba(196,13,13,.16))}.tpl-nav-links a,.lang-btn,.theme-toggle,.nav-toggle{border-radius:12px}.tpl-nav-links>li>a:hover,.tpl-nav-links>li>a:focus-visible,.lang-btn.active{background:linear-gradient(135deg,rgba(196,13,13,.13),rgba(255,255,255,.06));color:var(--text-heading)}
.dropdown-menu{border:1px solid var(--codex-border-strong);border-radius:16px;padding:.65rem;box-shadow:0 24px 70px rgba(0,0,0,.34);backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}.dropdown-menu a{border-radius:11px;padding:.78rem .9rem}.dropdown-menu a:hover{transform:translateX(3px);background:linear-gradient(135deg,rgba(196,13,13,.14),rgba(34,211,238,.08))}
.tpl-hero{min-height:760px;display:flex;align-items:center;padding-top:9rem;background:linear-gradient(120deg,rgba(196,13,13,.18),transparent 36%),radial-gradient(circle at 82% 26%,rgba(34,211,238,.10),transparent 34rem),linear-gradient(180deg,transparent,rgba(0,0,0,.10))}.tpl-hero::before{content:"";position:absolute;inset:9rem max(1.5rem,calc((100vw - 1180px)/2)) 4rem auto;width:min(42vw,520px);border:1px solid var(--codex-border);border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.025)),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 46px),repeating-linear-gradient(0deg,rgba(255,255,255,.055) 0 1px,transparent 1px 46px);box-shadow:var(--codex-shadow),inset 0 1px 0 rgba(255,255,255,.16);opacity:.78;pointer-events:none}.tpl-hero::after{content:"SECURITY OPS 2026";position:absolute;right:max(2.4rem,calc((100vw - 1180px)/2 + 2rem));bottom:6rem;padding:.7rem 1rem;border:1px solid rgba(196,13,13,.32);border-radius:999px;color:color-mix(in srgb,var(--accent) 78%,white);background:rgba(196,13,13,.10);font-size:.72rem;font-weight:800;letter-spacing:.16em;pointer-events:none}.hero-inner{text-align:left;max-width:760px;margin-left:max(1.5rem,calc((100vw - 1180px)/2));margin-right:auto}.tpl-hero-badge,.section-badge,.blog-hero-badge{border-color:rgba(196,13,13,.30);background:linear-gradient(135deg,rgba(196,13,13,.13),rgba(34,211,238,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}.tpl-hero-title{letter-spacing:-.045em;text-wrap:balance}.tpl-hero-title span,.blog-hero-title span{background:linear-gradient(135deg,var(--codex-red-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent!important}.tpl-hero-text{max-width:660px;font-size:clamp(1.02rem,1.45vw,1.22rem)}
.btn-primary,.btn-secondary,.blog-card-link{border-radius:12px}.btn-primary{background:linear-gradient(135deg,var(--codex-red),#ff3c3c 52%,#ff7a59);box-shadow:0 18px 46px rgba(196,13,13,.28)}.btn-secondary{border-color:var(--codex-border-strong);background:var(--codex-panel);backdrop-filter:blur(16px)}
.tpl-card--feature,.blog-card,.tpl-about-visual,.contact-card,.contact-form,.service-card,.rich-card{border-color:var(--codex-border);border-radius:18px;background:linear-gradient(145deg,var(--codex-panel-strong),var(--codex-panel)),var(--bg-card);box-shadow:0 18px 54px rgba(0,0,0,.13)}.tpl-card--feature,.blog-card{position:relative;overflow:hidden}.tpl-card--feature::before,.blog-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(196,13,13,.12),transparent 36%,rgba(34,211,238,.08));opacity:0;transition:opacity .28s ease}.tpl-card--feature:hover::before,.blog-card:hover::before{opacity:1}.tpl-card--feature:hover,.blog-card:hover{transform:translateY(-7px);border-color:var(--codex-border-strong);box-shadow:0 28px 80px rgba(0,0,0,.20),0 0 0 1px rgba(196,13,13,.10)}.tpl-card-icon{background:linear-gradient(135deg,rgba(196,13,13,.16),rgba(34,211,238,.10));border:1px solid var(--codex-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.tpl-section-title h2,.blog-section-title,.blog-card-title{text-wrap:balance}.tpl-stats-grid{border:1px solid var(--codex-border);border-radius:22px;background:linear-gradient(135deg,rgba(196,13,13,.12),rgba(255,255,255,.055));box-shadow:var(--codex-shadow)}.tpl-stat-number{background:linear-gradient(135deg,var(--codex-red-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.marquee-container{mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.blog-card-icon-bar{height:5px;background:linear-gradient(90deg,var(--codex-red),var(--accent),#7c3aed)}.tpl-footer{border-top:1px solid var(--codex-border);background:linear-gradient(135deg,rgba(196,13,13,.08),transparent 38%),color-mix(in srgb,var(--bg-secondary) 92%,black)}
@media (max-width:980px){.tpl-nav{width:calc(100% - 22px);top:10px;border-radius:16px}.tpl-hero{min-height:680px;padding-top:7rem}.tpl-hero::before,.tpl-hero::after{display:none}.hero-inner{margin-inline:auto;text-align:center;padding-inline:1.25rem}.tpl-hero-actions{justify-content:center}}
@media (prefers-reduced-motion:reduce){.tpl-card--feature:hover,.blog-card:hover,.dropdown-menu a:hover{transform:none}}

/* Codex responsive navigation guard */
@media (max-width:1120px){.tpl-nav{width:calc(100% - 22px);top:10px;border-radius:16px;padding-inline:1.15rem}.tpl-nav-links{display:flex!important;flex:0 1 auto;min-width:0;gap:.8rem;white-space:nowrap}.tpl-nav-links a{font-size:.84rem;padding-block:.45rem}.nav-toggle{display:none!important}.tpl-nav-cta{gap:.5rem;margin-left:auto}.nav-mobile.open{display:none!important}}
@media (max-width:980px){.tpl-nav{padding-inline:.9rem}.tpl-nav-links{gap:.55rem}.tpl-nav-links a{font-size:.8rem}.lang-btn{min-width:32px;padding-inline:.42rem}.theme-toggle{width:36px;height:36px}}
@media (min-width:961px){.nav-toggle{display:none!important}.tpl-nav-links{display:flex!important}}
@media (max-width:960px){.tpl-nav-links{display:none!important}.nav-toggle{display:flex!important}.nav-mobile.open{display:block!important}}
@media (max-width:420px){.tpl-nav-cta{gap:.38rem}.theme-toggle,.nav-toggle{width:38px;height:38px}}

/* Codex header logo responsive visibility and title spacing polish */
.tpl-nav-brand{display:flex!important;align-items:center;flex:0 0 auto!important;min-width:140px!important;max-width:180px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;opacity:1!important;visibility:visible!important}
.tpl-nav-brand img{display:block!important;height:42px!important;width:auto!important;max-width:100%!important;object-fit:contain;opacity:1!important;visibility:visible!important}
.decrypt-text{display:inline!important;white-space:pre-wrap}
.tpl-hero-title span,.blog-hero-title span{white-space:normal}
@media (max-width:1120px){.tpl-nav{gap:.75rem}.tpl-nav-brand{margin-right:.4rem!important;min-width:126px!important;max-width:154px!important}.tpl-nav-brand img{height:38px!important}.tpl-nav-cta{flex:0 0 auto}}
@media (max-width:900px){.tpl-nav-brand{min-width:108px!important;max-width:132px!important}.tpl-nav-brand img{height:34px!important}}
@media (max-width:520px){.tpl-nav{padding-inline:.75rem!important}.tpl-nav-brand{min-width:108px!important;max-width:132px!important}.tpl-nav-brand img{height:34px!important}.lang-selector{gap:.22rem}.lang-btn{min-width:34px;padding-inline:.45rem}}
@media (max-width:380px){.tpl-nav-brand{min-width:92px!important;max-width:112px!important}.tpl-nav-brand img{height:30px!important}.theme-toggle,.nav-toggle{width:36px!important;height:36px!important}.lang-btn{min-width:30px;padding-inline:.35rem;font-size:.72rem}}

/* Codex reduced-header positioning fix */
@media (max-width:1120px){.tpl-nav{left:auto!important;right:auto!important;transform:none!important;margin:10px auto 0!important;justify-content:space-between!important}.tpl-nav-brand{position:relative!important;z-index:2}.tpl-nav-cta{position:relative!important;z-index:2}}


/* IT-Secure 2026 title highlight refinement: keep generated decrypt spans neutral and only color intentional highlight words. */
.tpl-hero-title,
.blog-hero-title,
.tpl-section-title h2,
.article-title {
  color: var(--text-heading);
}

.tpl-hero-title .decrypt-text,
.blog-hero-title .decrypt-text,
.article-title .decrypt-text {
  background: none !important;
  -webkit-background-clip: initial;
  background-clip: initial;
  color: inherit !important;
}

.tpl-hero-title > span:not(.decrypt-text),
.blog-hero-title > span:not(.decrypt-text),
.article-title > span:not(.decrypt-text) {
  background: linear-gradient(135deg, var(--vendor-accent, var(--codex-red-2)), var(--accent));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  white-space: normal;
}

html[data-vendor="sophos"] {
  --accent: #2563eb;
  --vendor-accent: #4d8bf5;
  --codex-border-strong: rgba(77, 139, 245, .28);
}

html[data-vendor="fortinet"] {
  --accent: #ee3124;
  --vendor-accent: #ee3124;
  --codex-border-strong: rgba(238, 49, 36, .30);
}

html[data-vendor="duo"] {
  --accent: #16a34a;
  --vendor-accent: #34d399;
  --codex-border-strong: rgba(52, 211, 153, .30);
}

html[data-vendor="nakivo"] {
  --accent: #e53935;
  --vendor-accent: #e53935;
  --codex-border-strong: rgba(229, 57, 53, .30);
}

html[data-vendor="pentest"] {
  --accent: #00a85a;
  --vendor-accent: #00ff41;
  --codex-border-strong: rgba(0, 255, 65, .30);
}

html[data-vendor="monitoring"] {
  --accent: #f59e0b;
  --vendor-accent: #fbbf24;
  --codex-border-strong: rgba(251, 191, 36, .30);
}

html[data-vendor="cloud"] {
  --accent: #0891b2;
  --vendor-accent: #22d3ee;
  --codex-border-strong: rgba(34, 211, 238, .30);
}