/* Spot DMX — Landing styles (legacy friendly) */
html,body{margin:0;padding:0}
body{background:#0B0F10;color:#EDEFF1;font:16px/1.5 Arial,Helvetica,sans-serif}

.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.site-header{background:#12161A;border-bottom:1px solid #1e242b}
.site-header .wrap{display:block;overflow:hidden;padding:14px 16px}
.brand img{vertical-align:middle}
.top-nav{float:right;margin-top:6px}
.top-nav a{color:#EDEFF1;text-decoration:none;margin-left:16px}
.top-nav a:hover{color:#FFC93C}

.hero{padding:56px 0 24px;background:#0B0F10}
.hero h1{margin:0 0 8px;font-size:34px;letter-spacing:0.5px}
.hero .gold{color:#FFC93C}
.lead{color:#D3D7DB;margin:0 0 20px}
.cta-row{margin:18px 0}
.btn{display:inline-block;padding:10px 16px;border-radius:4px;text-decoration:none;border:1px solid transparent}
.btn-main{background:#FFC93C;color:#12161A;border-color:#FFC93C}
.btn-ghost{background:transparent;color:#EDEFF1;border-color:#38424d}
.btn:hover{opacity:.9}

.hero-mark{margin:28px 0 0 0;font-weight:bold;letter-spacing:1px}
.hero-mark .spot{font-size:22px;margin-right:8px;color:#EDEFF1}
.hero-mark .dmx{font-size:22px;color:#FFC93C}

.features{padding:36px 0;background:#0B0F10}
.features h2{margin:0 0 12px}
.features h3 {color:#FFC93C};
.cols{display:block;overflow:hidden}
.card{background:#12161A;border:1px solid #1e242b;border-radius:6px;padding:14px;margin:10px 0}
.card h3{margin:0 0 6px}

.flow{padding:36px 0;background:#0B0F10}
.flow h2{margin:0 0 10px}
.steps{list-style:decimal inside;margin:6px 0 16px;padding:0}
.steps li{margin:6px 0 10px}
.note{color:#A8B0B7}

.site-footer{background:#12161A;border-top:1px solid #1e242b;padding:16px 0;color:#A8B0B7}
.site-footer .sep{opacity:.45}

/* Responsive simple */
@media (max-width:680px){
  .top-nav{float:none;margin-top:10px}
  .brand img{width:220px;height:auto}
  .hero h1{font-size:28px}
}