/* Global */
:root{
  --bg:#0a0d1a;
  --panel:#0f1326;
  --accent:#ffcc33;
  --muted:#98a0c0;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background:var(--bg);
  color:#fff;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.container{max-width:1100px;margin:0 auto;padding:0 20px}

/* Header */
.site-header{background:var(--panel);position:sticky;top:0;z-index:40}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.logo{margin:0;font-size:1.2rem}
.main-nav{display:flex;gap:12px}
.main-nav a{color:#fff;text-decoration:none;padding:6px 8px;border-radius:6px}
.main-nav a:hover{background:rgba(255,255,255,0.04)}
.nav-toggle{display:none;background:transparent;border:0;color:#fff;font-size:20px}

/* Hero */
.hero{position:relative;text-align:center;padding:0}
.hero-img{width:100%;max-height:520px;object-fit:cover;display:block}
.hero-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;padding:20px;background:linear-gradient(180deg,rgba(10,13,26,0.25),rgba(10,13,26,0.5));border-radius:8px}
.hero h2{font-size:2.4rem;margin:0}
.lead{color:var(--muted);font-size:1.05rem;margin:12px 0 18px}

/* Buttons */
.btn{background:var(--accent);color:#000;padding:10px 18px;border-radius:8px;text-decoration:none;font-weight:700}

/* Sections */
.sections{padding:40px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.card{background:#0e1530;padding:18px;border-radius:10px}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:18px}
.service{background:#0e1530;padding:18px;border-radius:10px}

/* Testimonials */
.grid-testimonials{display:grid;gap:16px}
blockquote{background:#0e1530;padding:16px;border-radius:8px;margin:0;color:var(--muted)}

/* Video page */
.video-hero{padding:36px 0;text-align:center}
.video-frame{max-width:1000px;margin:20px auto}
.video-frame iframe{width:100%;height:650px;border-radius:10px;border:0}

/* Contact form */
.contact-form{display:grid;gap:12px;max-width:700px;margin-top:18px}
.contact-form input,.contact-form textarea{padding:10px;border-radius:6px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.02);color:#fff}

/* Footer */
.site-footer{background:var(--panel);padding:24px 0;margin-top:40px;text-align:center;color:var(--muted)}

/* Responsive */
@media (max-width:800px){
  .nav-toggle{display:block}
  .main-nav{display:none}
  .main-nav.open{display:flex;flex-direction:column;background:var(--panel);position:absolute;right:20px;top:60px;padding:12px;border-radius:8px}
  .hero-content{position:static;transform:none;margin:-80px auto 20px;max-width:90%}
  .video-frame iframe{height:360px}
}