body{
margin:0;
font-family:'Helvetica Neue',Arial,sans-serif;
background:#000;
color:#fff;
}

/* NAV */
.nav{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 40px;
background:#000;
border-bottom:1px solid #222;
}

.logo{
color:gold;
font-size:22px;
font-weight:bold;
letter-spacing:1px;
}

.nav a{
color:#fff;
text-decoration:none;
margin-left:25px;
}

/* HERO */
.hero{
background:url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c") center/cover;
height:90vh;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
}

.overlay{
background:rgba(0,0,0,0.65);
padding:60px;
width:100%;
}

.gold-btn{
background:gold;
color:black;
padding:14px 30px;
border:none;
font-size:16px;
border-radius:4px;
cursor:pointer;
margin-top:20px;
}

/* SECTION */
.section{
padding:80px 20px;
text-align:center;
}

.section img{
width:100%;
max-width:900px;
margin:20px auto;
display:block;
}

/* FOOTER */
.footer{
background:#111;
padding:40px;
text-align:center;
margin-top:60px;
}

input, textarea{
padding:12px;
margin:6px;
width:250px;
}

/* ===== FORBES SECTION ===== */
.press-logos{
display:flex;
justify-content:center;
gap:50px;
flex-wrap:wrap;
font-size:20px;
opacity:0.8;
}

/* ===== ANIMATED COUNTERS ===== */
.counter-section{
display:flex;
justify-content:center;
gap:60px;
flex-wrap:wrap;
padding:60px 20px;
background:#111;
}

.counter{
text-align:center;
}

.counter h2{
font-size:42px;
color:gold;
margin:0;
}

.counter p{
opacity:0.7;
margin-top:5px;
}

/* ===== TESTIMONIAL SLIDER ===== */
.testimonial-container{
max-width:800px;
margin:auto;
overflow:hidden;
position:relative;
}

.testimonial{
display:none;
font-size:18px;
opacity:0.85;
}

.testimonial.active{
display:block;
}

/* ===== BEFORE AFTER SLIDER ===== */
.ba-wrapper{
position:relative;
max-width:900px;
margin:60px auto;
overflow:hidden;
}

.ba-wrapper img{
width:100%;
display:block;
}

.after-img{
position:absolute;
top:0;
left:0;
width:50%;
overflow:hidden;
}

.slider{
position:absolute;
top:0;
bottom:0;
width:4px;
background:gold;
left:50%;
cursor:ew-resize;
}

/* ===== STICKY CTA ===== */
.sticky-cta{
position:fixed;
bottom:0;
left:0;
width:100%;
background:#000;
border-top:1px solid #222;
padding:12px;
display:flex;
justify-content:center;
z-index:999;
}

img{
max-width:100%;
height:auto;
}/* ===== FORCE DESKTOP TO LOOK LIKE MOBILE ===== */

form{
display:flex;
flex-direction:column;
align-items:center;
max-width:700px;
margin:0 auto;
}

form input,
form select,
form textarea{
width:100%;
max-width:600px;
padding:18px;
margin:12px 0;
border-radius:12px;
border:none;
font-size:16px;
background:#f2f2f2;
}

form textarea{
min-height:120px;
}

form button{
margin-top:20px;
padding:16px 40px;
border-radius:30px;
font-size:18px;
}

/* Remove any row or grid layout */
.row,
.form-row{
display:block !important;
width:100%;
}@media (max-width:700px){
.logo{
font-size:18px;
}

.nav a{
font-size:16px;
}
}
/* ===== FORCE SELL PAGE DARK THEME ===== */

html, body {
  background:#000 !important;
  color:#fff !important;
}

/* SELL PAGE SECTION */
.form-section {
  background:#000 !important;
  min-height:100vh;
}

/* FORM WRAPPER */
.form-container {
  background:#000 !important;
}

/* STACKED INPUTS */
form {
  display:flex;
  flex-direction:column;
}

/* DARK INPUTS */
input,
select,
textarea {
  background:#111 !important;
  color:#fff !important;
  border:1px solid #333 !important;
}

/* GOLD BUTTON */
.gold-btn {
  background:#f2c200 !important;
  color:#000 !important;
}

/* GOLD TITLE */
.gold-title {
  color:#f2c200 !important;
}
/* ===== PRO NAVBAR ===== */

.nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 6%;
  background:black;
  position:sticky;
  top:0;
  z-index:1000;
}

.logo{
  color:#f5c518;
  font-weight:700;
  font-size:22px;
  letter-spacing:1px;
}

.nav-links{
  display:flex;
  align-items:center;
  gap:30px;
}

.nav-links a{
  color:white;
  text-decoration:none;
  font-size:16px;
  font-weight:500;
  white-space:nowrap;
}

.menu-toggle{
  display:none;
  color:white;
  font-size:26px;
  cursor:pointer;
}

/* ===== MOBILE ===== */

@media (max-width:768px){
  .nav-links{
    display:none;
  }

  .menu-toggle{
    display:block;
  }

  .logo{
    font-size:18px;
  }
}
/* ===== MOBILE NAV FIX ===== */

.nav{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
}

.nav-links{
display:flex;
gap:25px;
align-items:center;
}

.menu-toggle{
display:none;
font-size:26px;
cursor:pointer;
color:white;
}

/* ===== MOBILE ===== */
@media (max-width:768px){

.menu-toggle{
display:block;
}

.nav-links{
display:none;
width:100%;
flex-direction:column;
text-align:center;
padding-top:15px;
}

.nav-links.active{
display:flex;
}

}
