body { margin:0; font-family: Arial, sans-serif; background:#000; color:#fff; }
a { text-decoration:none; }
section { padding:60px 20px; max-width:1200px; margin:auto; box-sizing:border-box; }

.hero { position:relative; text-align:center; color:#fff; padding:100px 20px; background:linear-gradient(90deg, #1a1a1a, #111); overflow:hidden; }
.hero-background { position:absolute; top:0; left:0; right:0; bottom:0; opacity:0.25; background: url('https://via.placeholder.com/1200x600') center/cover no-repeat; z-index:1; }
.hero-content { position:relative; z-index:2; }
.hero h1 { font-size:42px; margin-bottom:15px; }
.hero p { font-size:20px; margin-bottom:30px; }
.cta-buttons a { display:inline-block; margin:0 10px 10px; padding:12px 24px; border-radius:6px; }
.btn-primary { background:#E20000; color:#fff; }
.btn-secondary { background:#fff; color:#000; }
.btn-tertiary { background:#ff0; color:#000; }

.overview { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-bottom:60px; }
.overview-text { flex:1 1 280px; }
.overview-image { flex:1 1 280px; }
.overview-image img { width:100%; border-radius:12px; }

.ad-options h2,
.pricing h2,
.digital-wall h2,
.upload-form h2,
.payments h2,
.mockups h2 { text-align:center; margin-bottom:30px; }

.ad-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; }
.ad-tile { background:#111; padding:20px; border-radius:12px; text-align:center; }

.pricing-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; }
.pricing-box { background:#111; padding:20px; border-radius:12px; text-align:center; }
.pricing-box span { display:block; font-size:24px; margin:10px 0; font-weight:bold; }

.digital-wall .wall-row { display:flex; gap:20px; overflow:hidden; }
.wall-tile { min-width:200px; background:#111; border-radius:12px; padding:10px; text-align:center; }
.wall-tile img { width:100%; border-radius:8px; }

.chyron { background:#111; padding:15px 0; overflow:hidden; }
.ticker { width:100%; }
.ticker-track { display:flex; gap:30px; animation:scroll 20s linear infinite; }
.ticker-track img { height:50px; }
@keyframes scroll { 0% { transform:translateX(0); } 100% { transform:translateX(-50%); } }

.upload-form form { display:grid; gap:15px; max-width:600px; margin:0 auto; }
.upload-form input, .upload-form button { padding:12px; border-radius:6px; border:none; font-size:16px; }
.upload-form button { background:#E20000; color:#fff; cursor:pointer; }

.payments .payment-buttons { display:flex; gap:15px; justify-content:center; flex-wrap:wrap; margin-top:20px; }
.payment-buttons button { padding:12px 24px; border:none; border-radius:6px; cursor:pointer; background:#222; color:#fff; }

.mockup-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; }
.mockup-grid img { width:100%; border-radius:12px; }

.cta-footer { background:#111; text-align:center; padding:40px 20px; margin-top:40px; }
.cta-footer a { margin:10px; padding:12px 24px; border-radius:6px; display:inline-block; }

@media(max-width:768px){
  .hero h1 { font-size:30px; }
  .hero p { font-size:16px; }
}