/* Yenov inner page refresh */
:root{
  --navy:#1A1F31;
  --navy-soft:#22283b;
  --gold:#DEBC31;
  --gold-muted:#C9B458;
  --orange:#F04E22;
  --text:#fff8d6;
  --muted:#d7c77d;
  --line:rgba(224,192,53,.22);
  --panel:rgba(255,255,255,.055);
  --panel-strong:rgba(255,255,255,.09);
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  background:var(--navy)!important;
  color:var(--text)!important;
  line-height:1.6;
}

.navbar{
  position:sticky!important;
  top:0;
  z-index:1000;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:24px;
  padding:16px 7%!important;
  background:rgba(26,31,49,.94)!important;
  border-bottom:1px solid var(--line)!important;
  backdrop-filter:blur(10px);
}

.logo{
  display:block;
  height:58px!important;
  width:auto;
}

.nav-links{
  display:flex!important;
  align-items:center;
  gap:24px!important;
}

.nav-links a{
  margin-left:0!important;
  color:var(--gold)!important;
  text-decoration:none!important;
  font-weight:600!important;
  white-space:nowrap;
}

.nav-links a:hover{color:var(--orange)!important}

.breadcrumb{
  padding:20px 7%!important;
  color:var(--gold-muted)!important;
  border-bottom:1px solid rgba(224,192,53,.14);
  background:#141a2a;
}

.breadcrumb a{
  color:var(--gold)!important;
  text-decoration:none!important;
}

.hero{
  text-align:left!important;
  padding:72px 7%!important;
  background:
    radial-gradient(circle at 78% 22%,rgba(240,78,34,.22),transparent 34%),
    linear-gradient(135deg,rgba(222,188,49,.12),transparent 42%),
    var(--navy)!important;
}

.hero h1{
  max-width:920px;
  margin:0!important;
  color:#ffffff!important;
  background:none!important;
  -webkit-text-fill-color:initial!important;
  font-size:clamp(38px,6vw,68px)!important;
  line-height:1.04;
}

.hero p{
  max-width:820px;
  margin:18px 0 0!important;
  color:var(--muted)!important;
  font-size:20px!important;
}

.section{
  padding:72px 7%!important;
  text-align:left!important;
}

.section:nth-of-type(even){background:var(--navy-soft)}

.section h2,
.cta h2{
  color:var(--gold)!important;
  font-size:clamp(30px,4vw,42px);
  line-height:1.15;
  margin-top:0;
}

.value{
  max-width:980px;
  margin-top:22px!important;
  padding:26px!important;
  border:1px solid var(--line);
  border-radius:8px!important;
  background:rgba(255,255,255,.045)!important;
  color:var(--muted);
}

.value p{color:var(--muted)!important}

.grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px!important;
  justify-content:normal!important;
}

.card{
  flex:none!important;
  min-height:180px;
  padding:24px!important;
  border:1px solid var(--line);
  border-radius:8px!important;
  background:var(--panel)!important;
  box-shadow:none!important;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}

.card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(240,78,34,.58);
  background:var(--panel-strong)!important;
  box-shadow:none!important;
}

.card h3{
  margin-top:0;
  color:#ffffff!important;
  font-size:22px;
  line-height:1.25;
}

.card p{color:var(--muted)!important}

.cta{
  text-align:center!important;
  padding:72px 7%!important;
  background:var(--navy-soft);
}

.btn{
  min-height:46px;
  padding:13px 22px!important;
  border:none!important;
  border-radius:6px!important;
  background:linear-gradient(135deg,var(--gold),var(--orange))!important;
  color:var(--navy)!important;
  font-weight:800;
  cursor:pointer;
}

.footer{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  padding:28px 7%!important;
  border-top:1px solid var(--line);
  color:var(--muted)!important;
  background:#121725;
  text-align:center!important;
}

.footer p{
  margin:0;
  line-height:1.45;
}

.footer a{
  color:var(--gold);
  text-decoration:none;
}

.footer-subtitle{
  margin-top:4px!important;
  color:var(--gold-muted)!important;
  font-size:14px;
}

@media(max-width:980px){
  .navbar{
    align-items:flex-start!important;
    flex-direction:column;
  }

  .nav-links{
    width:100%;
    overflow-x:auto;
    padding-bottom:4px;
  }

  .grid{grid-template-columns:1fr!important}
}

@media(max-width:640px){
  .navbar,
  .breadcrumb,
  .hero,
  .section,
  .cta,
  .footer{
    padding-left:22px!important;
    padding-right:22px!important;
  }

  .logo{height:48px!important}
  .nav-links{gap:16px!important;font-size:14px}
  .hero h1{font-size:clamp(34px,13vw,54px)!important}
}