:root{
  --bg:#0b1020;
  --text:#e9eef6;
  --muted:#a9b5c6;
  --card:#10182f;
  --line:#1c2540;
  --brand:#78a6ff;
  --accent:#5de4c7;
  --shadow:0 30px 60px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',sans-serif;line-height:1.7}
a{color:inherit;text-decoration:none}
.wrap{max-width:1280px;margin:0 auto;padding:28px}
/* Hero banner */
.hero{position:relative;min-height:40vh;background-image:var(--hero);background-size:cover;background-position:center;border-bottom:1px solid var(--line)}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(7,10,20,.6), rgba(7,10,20,.75))}
.hero-inner{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:flex-start;min-height:40vh;padding:38px}
.brand{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));border:1px solid var(--line);border-radius:16px;padding:18px 22px;box-shadow:var(--shadow)}
.name{font-size:42px;letter-spacing:.4px;margin:0}
.tagline{margin:8px 0 0 0;color:var(--muted)}

/* Tiles grid */
.tiles-wrap{padding-top:18px}
.tiles-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:18px}
.tile{position:relative;aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:#0e1530;border:1px solid var(--line);box-shadow:var(--shadow);transform:translateZ(0);}
.tile:before{content:'';position:absolute;inset:0;background-image:var(--img);background-size:cover;background-position:center;filter:saturate(1.1) contrast(1.05) brightness(.9);transition:transform .45s ease, filter .45s ease}
.tile .overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:16px;background:linear-gradient(180deg, rgba(4,6,12,.1) 40%, rgba(4,6,12,.7));transition:background .45s ease}
.tile h2{margin:0;font-size:22px;letter-spacing:.3px}
.tile:hover:before{transform:scale(1.06);filter:saturate(1.2) contrast(1.1) brightness(1.0)}
.tile:hover .overlay{background:linear-gradient(180deg, rgba(4,6,12,.0) 40%, rgba(4,6,12,.85))}
.tile:active{transform:scale(.995)}

.section .lead{color:var(--muted)}
.btn{display:inline-block;margin-top:10px;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:var(--brand);color:#0a1225;box-shadow:var(--shadow)}
.site-footer{border-top:1px solid var(--line);margin-top:34px;background:linear-gradient(180deg, rgba(255,255,255,.03), transparent)}
.site-footer .wrap{padding:16px;color:var(--muted);text-align:center}

@media (max-width: 980px){
  .tiles-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 600px){
  .tiles-grid{grid-template-columns:1fr}
  .name{font-size:32px}
}