*{margin:0;padding:0;box-sizing:border-box}

html{scroll-behavior:smooth}

body{font-family:Arial,sans-serif;background:#050505;color:#fff}

.container{width:92%;max-width:1500px;margin:auto}

header{
background:#000;
border-bottom:2px solid #d4af37;
height:180px;
position:relative;
z-index:1000;
}

.nav{
display:flex;
justify-content:space-between;
position:relative;
z-index:1001;
}

.logo-header{
height:300px;
margin-bottom:-120px;
pointer-events:none;
}

nav{
padding-top:55px;
position:relative;
z-index:2000;
}

nav button{
background:none;
border:none;
color:#fff;
text-decoration:none;
margin-left:40px;
font-weight:700;
font-size:16px;
cursor:pointer;
font-family:Arial,sans-serif;
position:relative;
z-index:2001;
}

nav button:hover{color:#d4af37}

.hero{
min-height:760px;
background:linear-gradient(to right,rgba(0,0,0,.82)35%,rgba(0,0,0,.35)),url('images/hero-boat.jpg');
background-size:cover;
background-position:center;
display:flex;
align-items:center;
}

.hero-inner{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 6%}

.hero-text{max-width:700px}

.hero h1{font-size:4.8rem;white-space:nowrap}

.hero h2{font-size:4.2rem;color:#d4af37}

.hero p{font-size:1.4rem;margin:25px 0}

.badge{color:#d4af37;font-weight:bold}

.hero-logo-side img{
width:520px;
position:relative;
top:-140px;
left:-40px;
}

.buttons{display:flex;gap:20px}

.btn,.btn-outline{
padding:18px 30px;
border-radius:8px;
text-decoration:none;
font-weight:bold;
font-size:16px;
font-family:Arial,sans-serif;
cursor:pointer;
}

.btn{background:#d4af37;color:#000}

.btn-outline{
border:2px solid #d4af37;
color:#fff;
background:transparent;
}

.trust-bar{
max-width:1400px;
margin:-60px auto 40px;
padding:35px;
display:flex;
background:#10141c;
border-radius:18px;
justify-content:space-around;
gap:20px;
}

.trust-item{text-align:center;flex:1}

.trust-icon{font-size:3rem;display:block;margin-bottom:10px}

.section{
padding:90px 5%;
text-align:center;
}

.section h2{color:#d4af37}

.services-section{
background:#000;
padding-top:110px;
padding-bottom:110px;
}

.section-title{
font-size:4rem;
color:#d4af37;
margin-bottom:55px;
font-weight:800;
}

.service-grid{
display:flex;
justify-content:center;
align-items:flex-start;
gap:40px;
max-width:1320px;
margin:0 auto;
flex-wrap:wrap;
}

.service-card{
width:360px;
height:500px;
border-radius:22px;
overflow:hidden;
background:#050505;
border:1px solid rgba(212,175,55,.25);
box-shadow:0 12px 35px rgba(0,0,0,.45);
transition:.35s ease;
display:flex;
align-items:center;
justify-content:center;
}

.service-card img{
width:100%;
height:100%;
object-fit:contain;
object-position:center;
display:block;
transition:.4s ease;
background:#050505;
}

.service-card:hover{
transform:translateY(-8px);
box-shadow:0 0 25px rgba(212,175,55,.35);
}

.service-card:hover img{transform:scale(1.02)}

.dark{background:#0b0b0b}

.mobile-section{padding-top:90px}

.mobile-service-grid{
display:flex;
justify-content:center;
gap:25px;
flex-wrap:wrap;
max-width:1300px;
margin:0 auto;
}

.mobile-service-card{
background:#10141c;
border:1px solid rgba(212,175,55,.25);
border-radius:18px;
padding:28px 25px;
min-width:200px;
box-shadow:0 8px 25px rgba(0,0,0,.35);
}

.mobile-service-card h3{
color:#fff;
font-size:1.15rem;
}

.mobile-note{
margin-top:35px;
font-size:1.2rem;
}

.quote-form{
max-width:700px;
margin:0 auto 20px;
display:flex;
flex-direction:column;
gap:12px;
}

.quote-form input,.quote-form textarea{
padding:14px;
border-radius:8px;
border:none;
}

.quote-form button{
padding:16px;
background:#d4af37;
border:none;
border-radius:8px;
font-weight:bold;
cursor:pointer;
}

footer{text-align:center;padding:30px;border-top:1px solid #333}

@media(max-width:1000px){
.service-grid{max-width:700px}
.service-card{width:90%;max-width:380px;height:500px}
.hero-inner{flex-direction:column}
.hero-logo-side img{width:280px;left:0;top:0}
.hero h1{font-size:3rem;white-space:normal}
.hero h2{font-size:2.5rem}
.section-title{font-size:3rem}
.trust-bar{flex-direction:column}
nav button{display:inline-block;margin-left:18px;margin-top:8px}
}


/* FUNCTIONAL QUOTE FORM UPDATE */
.hidden-field{
display:none !important;
}

.quote-form textarea{
min-height:120px;
resize:vertical;
font-family:Arial,sans-serif;
}