body {
  margin: 0;
  font-family: Arial, sans-serif;
  color: #fff;
  background: #000;
}
header {
  padding: 20px;
  text-align: center;
  background: rgba(0,0,0,0.8);
}
header h1 {
  margin: 0;
  font-size: 28px;
}
.theater {
  position: relative;
  background: url('images/theater.png') center/cover no-repeat;
  width: 100%;
  height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.screen {
  position: absolute;
  top: 1%;
  left: 18%;
  width: 60%;
  height: 87%;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 30px rgba(0,0,0,0.7);
  border-radius: 4px;
}
.screen iframe {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 4px;
}
footer {
  background: rgba(0,0,0,0.9);
  padding: 30px 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
footer .col {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
footer input, footer button {
  padding: 8px;
  border: none;
  border-radius: 4px;
}
footer button {
  background: #ff7a00;
  color: #000;
  font-weight: bold;
  cursor: pointer;
}
.socials {
  display: flex;
  gap: 10px;
}
.socials a {
  color: #fff;
  font-size: 20px;
  text-decoration: none;
}
@media(max-width:768px){
  footer {
    grid-template-columns: 1fr;
  }
  .screen {
    width: 90%;
    height: 50%;
    left: 5%;
    top: 10%;
  }
}
@media(max-width:768px){
  .screen{ width: 90%; height: 55%; left:5%; top:10%; }
}

/* === GHL Form Brand Styling Overrides === */

/* target embedded form iframe content safely */
iframe[src*="leadconnectorhq.com/widget/form/"] {
  border-radius: 8px;
  overflow: hidden;
}

/* once form loads, this overrides inside the iframe */
.lc_form_embed,
#inline-NHjYd6X7AX5U7O6zv3j1 {
  --lc-button-bg-color: #ff7a00 !important;   /* button background */
  --lc-button-color: #000 !important;         /* button text color */
  --lc-button-hover-bg-color: #ff9a33 !important; /* hover shade */
  --lc-primary-color: #ff7a00 !important;     /* link/checkbox accent */
  --lc-font-family: 'Arial', sans-serif !important;
  --lc-font-size: 16px;
}

/* extra spacing below footer form for comfort */
footer .col iframe {
  margin-top: 8px;
}