:root{
  --durandal-bg:#061a2e;
  --durandal-bg-2:#0b2a4a;
  --durandal-text:#e8eef6;
  --durandal-muted:rgba(232,238,246,.72);
  --durandal-card:rgba(255,255,255,.06);
  --durandal-border:rgba(255,255,255,.10);
  --durandal-accent:#d62828;
  --durandal-radius:18px;
  --durandal-shadow: 0 18px 40px rgba(0,0,0,.35);
  --durandal-max: 1140px;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--durandal-text);
  background: radial-gradient(1200px 800px at 30% -10%, rgba(45,120,190,.35), transparent 60%),
              linear-gradient(180deg, var(--durandal-bg), #020c16 70%);
}
a{color:inherit; text-decoration:none}
img{max-width:100%; height:auto}
.container{width:min(var(--durandal-max), calc(100% - 40px)); margin:0 auto}

.sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}

.site-header{
  position:sticky; top:0; z-index:1000;
  backdrop-filter: blur(10px);
  background: rgba(3,15,28,.70);
  border-bottom: 1px solid var(--durandal-border);
}
.header-inner{display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 0}
.brand__text{font-weight:800; letter-spacing:.4px}
.custom-logo{max-height:52px; width:auto}

.site-nav .menu{display:flex; gap:18px; list-style:none; padding:0; margin:0; align-items:center}
.site-nav .menu a{padding:10px 10px; border-radius:12px; color:var(--durandal-muted)}
.site-nav .menu a:hover{color:var(--durandal-text); background:rgba(255,255,255,.06)}
.site-nav .menu .current-menu-item > a{color:var(--durandal-text); background:rgba(255,255,255,.08)}

.nav-toggle{display:none; background:transparent; border:1px solid var(--durandal-border); border-radius:12px; padding:10px; color:var(--durandal-text)}
.nav-toggle__bar{display:block; width:18px; height:2px; background:var(--durandal-text); margin:3px 0}

.hero{
  background:
    radial-gradient(900px 500px at 40% 10%, rgba(255,255,255,.12), transparent 55%),
    radial-gradient(900px 600px at 70% 10%, rgba(214,40,40,.18), transparent 60%),
    linear-gradient(180deg, rgba(6,26,46,.2), rgba(6,26,46,.92));
  background-size:cover;
  background-position:center;
  border-bottom:1px solid var(--durandal-border);
}
.hero-inner{padding:90px 0 70px}
.hero-copy{max-width:760px}
.hero h1{font-size: clamp(30px, 4.2vw, 56px); line-height:1.05; margin:0 0 14px}
.lead{font-size: clamp(16px, 1.5vw, 20px); color:var(--durandal-muted); margin:0 0 24px}
.hero-actions{display:flex; gap:12px; flex-wrap:wrap}

.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 16px; border-radius:14px; font-weight:700;
  border:1px solid transparent;
}
.btn--primary{background:var(--durandal-accent); color:white; box-shadow: 0 10px 22px rgba(214,40,40,.25)}
.btn--primary:hover{filter:brightness(1.05)}
.btn--ghost{background:rgba(255,255,255,.06); border-color:var(--durandal-border); color:var(--durandal-text)}
.btn--ghost:hover{background:rgba(255,255,255,.09)}

.section{padding:70px 0}
.section--dark{
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));
  border-top:1px solid var(--durandal-border);
  border-bottom:1px solid var(--durandal-border);
}
.section-head{margin-bottom:22px}
.section-head h2{margin:0 0 8px; font-size: clamp(22px, 2.2vw, 32px)}
.muted{color:var(--durandal-muted)}
.small{font-size: .92rem}

.cards{display:grid; gap:16px; grid-template-columns: repeat(3, minmax(0,1fr))}
.card{
  background: var(--durandal-card);
  border:1px solid var(--durandal-border);
  border-radius: var(--durandal-radius);
  box-shadow: var(--durandal-shadow);
  padding:18px;
}
.card__icon{
  width:44px; height:44px;
  display:grid; place-items:center;
  border-radius:14px;
  background: rgba(214,40,40,.12);
  border:1px solid rgba(214,40,40,.25);
  margin-bottom:12px;
}
.card__icon svg{width:24px; height:24px; fill:var(--durandal-text)}
.card__title{margin:0 0 8px; font-size: 1.15rem}
.card__text{margin:0; color:var(--durandal-muted); line-height:1.55}

.split{display:grid; gap:22px; grid-template-columns: 1.2fr .8fr; align-items:start}
.checklist{list-style:none; padding:0; margin:16px 0 0}
.checklist li{margin:10px 0; padding-left:28px; position:relative; color:var(--durandal-muted)}
.checklist li:before{
  content:'';
  position:absolute; left:0; top:5px;
  width:18px; height:18px; border-radius:9px;
  background: rgba(214,40,40,.15);
  border:1px solid rgba(214,40,40,.35);
}
.checklist li:after{
  content:'';
  position:absolute; left:6px; top:9px;
  width:6px; height:10px;
  border-right:2px solid var(--durandal-accent);
  border-bottom:2px solid var(--durandal-accent);
  transform: rotate(45deg);
}

.stat-grid{display:grid; grid-template-columns: 1fr; gap:12px}
.stat{
  background: rgba(255,255,255,.05);
  border:1px solid var(--durandal-border);
  border-radius: var(--durandal-radius);
  padding:16px;
}
.stat__num{font-size:1.6rem; font-weight:900}
.stat__label{color:var(--durandal-muted)}

.content{padding:46px 0}
.entry{padding:18px 0; border-bottom:1px solid rgba(255,255,255,.08)}
.entry__title{margin:0 0 8px}
.entry__title a{color:var(--durandal-text)}
.entry__featured{margin-top:14px; border-radius: var(--durandal-radius); overflow:hidden; border:1px solid var(--durandal-border)}
.entry__content{color:var(--durandal-muted); line-height:1.7}
.entry__content p{margin:0 0 14px}

.cards--posts{grid-template-columns: repeat(3, minmax(0,1fr))}
.card--post{padding:0; overflow:hidden}
.card__media img{display:block; width:100%; height:auto}
.card__body{padding:16px}
.card__link{display:block}
.card__link:hover{background:rgba(255,255,255,.02)}

.pagination{margin-top:20px}

.site-footer{
  padding:54px 0;
  border-top:1px solid var(--durandal-border);
  background: rgba(3,15,28,.65);
}
.footer-grid{display:grid; gap:18px; grid-template-columns: 1fr 1fr 1fr}
.footer-widget__title{margin:0 0 10px}
.menu--footer{flex-direction:column; align-items:flex-start; gap:10px}
.footer-widgets .footer-widget{margin-bottom:14px}

@media (max-width: 920px){
  .cards, .cards--posts{grid-template-columns: 1fr}
  .split{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .nav-toggle{display:inline-flex}
  .site-nav{display:none}
  .site-nav.is-open{display:block}
  .site-nav .menu{flex-direction:column; align-items:flex-start; padding:12px 0}
}