:root{
  --navy:#050607!important;
  --navy2:#0d1015!important;
  --blue:#efc94c!important;
  --cyan:#d9ad35!important;
  --gold:#efc94c!important;
  --red:#efc94c!important;
  --bg:#050607!important;
  --text:#fff8e8!important;
  --muted:#c5beae!important;
  --card:#11141a!important;
  --line:rgba(239,201,76,.27)!important;
  --soft:#0b0d11!important;
}

html,body{
  background:#050607!important;
  color:#fff8e8!important;
}

header{
  background:rgba(5,6,7,.95)!important;
  border-bottom:1px solid var(--line)!important;
}

.nav{
  height:68px!important;
  gap:14px!important;
}

.brand{
  gap:10px!important;
  letter-spacing:0!important;
  flex-shrink:0;
}

.brand strong{
  font-size:21px!important;
  line-height:1.05;
}

.brand,
.brand strong,
.navlinks a{
  color:#fff8e8!important;
}

.brand > span:last-child > span{
  color:#c5beae!important;
  margin-top:2px!important;
  max-width:205px;
  line-height:1.2;
}

.logo-img{
  width:50px;
  height:50px;
  object-fit:contain;
  flex:0 0 50px;
}

.navlinks{
  gap:15px!important;
  font-size:14px!important;
}

.navlinks .btn{
  padding:10px 15px!important;
  white-space:nowrap;
}

.lang{
  gap:2px!important;
  padding:3px!important;
  border-color:var(--line)!important;
  background:#090b0e!important;
  flex-shrink:0;
}

.lang button{
  color:#c5beae!important;
  min-width:31px;
  padding:6px 7px!important;
  font-size:11px;
  line-height:1;
}

.lang button.active{
  background:#efc94c!important;
  color:#111!important;
}

.hero{
  background:
    radial-gradient(circle at 17% 30%,rgba(239,201,76,.14),transparent 32%),
    #07090c!important;
}

h1,h2,h3,strong{
  color:#fff8e8;
}

.eyebrow,
.price,
.num{
  color:#efc94c!important;
}

.lead,
.section-title p,
p,
li,
.bullet{
  color:#c5beae;
}

.btn{
  background:linear-gradient(135deg,#fff0a4,#efc94c,#9e6e10)!important;
  color:#111!important;
  border-color:transparent!important;
}

.btn.secondary{
  background:#11141a!important;
  color:#efc94c!important;
  border:1px solid var(--line)!important;
}

.trust,
.card,
.warning,
.bullet,
.step,
.target,
details,
.monitor-card,
.contact-card,
.cta-box{
  background:#11141a!important;
  border-color:var(--line)!important;
  color:#fff8e8!important;
  border-radius:8px!important;
}

.problem{
  background:#090b0e!important;
}

.dark{
  background:#0d1015!important;
}

.monitor-card{
  padding:16px!important;
  box-shadow:0 26px 80px rgba(0,0,0,.42)!important;
}

.monitor-card .visual{
  min-height:420px!important;
  height:420px!important;
  background:
    linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.05)),
    url("../images/cctvsafe-event-backup.webp") center/cover no-repeat!important;
  border:1px solid var(--line)!important;
  border-radius:6px!important;
}

.monitor-card .visual > *{
  display:none!important;
}

.rec{
  color:#efc94c!important;
}

.rec-dot{
  background:#efc94c!important;
  box-shadow:0 0 0 7px rgba(239,201,76,.13)!important;
}

.check{
  background:rgba(239,201,76,.14)!important;
  color:#efc94c!important;
}

.note{
  background:rgba(239,201,76,.08)!important;
  border-color:#efc94c!important;
  color:#c5beae!important;
}

.cta{
  background:linear-gradient(135deg,#171108,#080a0d)!important;
}

footer{
  background:#050607!important;
  border-top:1px solid var(--line)!important;
  color:#c5beae!important;
}

@media(max-width:560px){
  .logo-img{
    width:42px;
    height:42px;
    flex-basis:42px;
  }

  .nav{
    height:60px!important;
  }

  .brand > span:last-child > span{
    display:none!important;
  }

  .brand strong{
    font-size:19px!important;
  }

  .lang button{
    min-width:29px;
    padding:6px 5px!important;
  }

  .monitor-card .visual{
    min-height:300px!important;
    height:300px!important;
  }
}

/* CCTVSafe contrast and pricing correction */
.card h3,
.warning h3,
.dark h3,
.cta h2,
summary,
footer strong {
  color:#fff8e8!important;
}

footer strong,
#packages .card h3 {
  color:#efc94c!important;
}

footer a,
footer span,
footer div {
  color:#c5beae!important;
}

.price-info {
  margin-top:24px;
  padding:16px 20px;
  border:1px solid rgba(239,201,76,.27);
  border-radius:8px;
  background:#11141a;
  color:#fff8e8;
  text-align:center;
  font-size:14px;
  font-weight:700;
}

#packages .card {
  position:relative;
}

#packages .card:nth-child(2) {
  border:2px solid #efc94c!important;
  box-shadow:0 20px 55px rgba(239,201,76,.12)!important;
}

#packages .per {
  color:#c5beae!important;
}

#packages li {
  color:#d8d1c2!important;
}

details p,
.cta p,
.contact-card p {
  color:#c5beae!important;
}

/* Korekta kontrastu CCTVSafe */
.section-title h2,
.section-title h2 span {
  color: #fff8e8 !important;
}

.problem p,
.problem p span {
  color: #d8d1c2 !important;
}
footer .legal-links a {
  color: #efc94c !important;
  text-decoration: none;
}
footer .legal-links a:hover {
  text-decoration: underline;
}

/* Linked CCTVSafe use cases */
.target{cursor:pointer;text-decoration:none}
.target:hover{border-color:#efc94c!important;transform:translateY(-2px)}
.target-icon{width:34px;height:34px;color:#efc94c}

/* CCTVSafe main event flow */
.event-process {
  background:#0b0d11!important;
}

.event-flow {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}

.event-step {
  position:relative;
  min-height:225px;
  padding:22px 18px;
  background:#11141a;
  border:1px solid rgba(239,201,76,.27);
  border-radius:8px;
}

.event-step:not(:last-child)::after {
  content:"›";
  position:absolute;
  top:42%;
  right:-12px;
  z-index:2;
  color:#efc94c;
  font-size:30px;
  font-weight:900;
}

.event-number {
  position:absolute;
  top:14px;
  right:14px;
  color:#efc94c;
  font-size:13px;
  font-weight:900;
}

.event-icon {
  width:38px;
  height:38px;
  color:#efc94c;
}

.event-step b {
  display:block;
  margin:16px 0 8px;
  color:#fff8e8!important;
}

.event-step p {
  margin:0;
  color:#c5beae!important;
  font-size:14px;
}

@media(max-width:980px) {
  .event-flow {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .event-step:not(:last-child)::after {
    display:none;
  }
}

@media(max-width:560px) {
  .event-flow {
    grid-template-columns:1fr;
  }

  .event-step {
    min-height:auto;
  }
}