:root{
  --az-bg:#07111b;
  --az-surface:rgba(13,24,36,.82);
  --az-text:#e8eef5;
  --az-muted:#9db1c5;
  --az-accent:#68d5ff;
  --az-accent-2:#7df2c7;
  --az-border:rgba(255,255,255,.08);
  --az-shadow:0 18px 60px rgba(0,0,0,.35);
}
body{
  background:
    radial-gradient(circle at top right, rgba(104,213,255,.14), transparent 30%),
    radial-gradient(circle at left center, rgba(125,242,199,.08), transparent 25%),
    linear-gradient(180deg, #07111b 0%, #091420 100%);
  color:var(--az-text);
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: radial-gradient(circle at center, black, transparent 75%);
}
.az-shell{width:min(1280px, calc(100% - 40px)); margin:0 auto;}
.az-header{
  position:sticky; top:0; z-index:50;
  backdrop-filter: blur(14px);
  background:rgba(7,17,27,.72);
  border-bottom:1px solid var(--az-border);
}
.az-header__inner{display:flex; align-items:center; justify-content:space-between; min-height:76px; gap:20px;}
.az-brand__text{font-weight:800; letter-spacing:.04em; text-decoration:none; color:var(--az-text);}
.az-nav .menu{display:flex; list-style:none; gap:18px; margin:0; padding:0;}
.az-nav a{text-decoration:none; color:var(--az-muted);}
.az-nav a:hover{color:var(--az-text);}
.az-nav-toggle{display:none; background:none; border:1px solid var(--az-border); color:var(--az-text); border-radius:12px; padding:10px 12px;}
.az-main{padding-bottom:40px;}
.az-content > *{width:min(1280px, calc(100% - 40px)); margin-left:auto; margin-right:auto;}
.az-content .alignwide{width:min(1280px, calc(100% - 40px));}
.az-content .alignfull{width:100%;}
.az-hero{padding:92px 0 72px;}
.az-hero__eyebrow{
  display:inline-flex; align-items:center; gap:10px; padding:8px 14px; border-radius:999px;
  border:1px solid rgba(104,213,255,.25); background:rgba(104,213,255,.08); color:var(--az-accent); font-size:.82rem; letter-spacing:.12em;
}
.az-hero h1{font-size:clamp(2.7rem,7vw,5.4rem); line-height:.95; margin:22px 0 16px; max-width:11ch;}
.az-hero p{max-width:720px; color:var(--az-muted); font-size:1.1rem;}
.az-actions{display:flex; gap:14px; flex-wrap:wrap; margin-top:30px;}
.az-btn{display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 22px; border-radius:999px; text-decoration:none; font-weight:700;}
.az-btn--primary{background:linear-gradient(135deg, var(--az-accent), var(--az-accent-2)); color:#061018; box-shadow:var(--az-shadow);}
.az-btn--ghost{border:1px solid var(--az-border); color:var(--az-text); background:rgba(255,255,255,.02);}
.az-section{padding:28px 0;}
.az-grid{display:grid; gap:20px;}
.az-grid--3{grid-template-columns:repeat(3, minmax(0,1fr));}
.az-grid--2{grid-template-columns:repeat(2, minmax(0,1fr));}
.az-card, .az-panel{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  border:1px solid var(--az-border);
  border-radius:24px;
  box-shadow:var(--az-shadow);
}
.az-card{padding:26px;}
.az-card h3{margin-top:0; margin-bottom:10px; font-size:1.3rem;}
.az-card p, .az-panel p{color:var(--az-muted);}
.az-panel{padding:30px;}
.az-article{padding:30px; background:rgba(255,255,255,.02); border:1px solid var(--az-border); border-radius:24px;}
.az-footer{border-top:1px solid var(--az-border); background:rgba(4,10,16,.75);}
.az-footer__inner{display:flex; justify-content:space-between; gap:20px; padding:24px 0; color:var(--az-muted);}
.az-footer__meta{display:flex; gap:16px; flex-wrap:wrap;}

/* Gutenberg helpers */
.wp-block-group.is-style-default, .wp-block-cover, .wp-block-columns{border-radius:24px;}
.wp-block-button__link{border-radius:999px;}

@media (max-width: 900px){
  .az-grid--3, .az-grid--2{grid-template-columns:1fr;}
  .az-nav-toggle{display:block;}
  .az-nav{display:none; position:absolute; top:76px; right:20px; left:20px; background:#091420; border:1px solid var(--az-border); border-radius:18px; padding:16px;}
  .az-nav.is-open{display:block;}
  .az-nav .menu{flex-direction:column; gap:12px;}
  .az-footer__inner{flex-direction:column;}
}