:root{
  --green:#14342b; --green2:#2e5d49; --gold:#c9a227; --cream:#f7f5ec; --ink:#1d2420;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--cream)}
h1,h2,h3,.brand,.btn,nav a{font-family:'Segoe UI',Helvetica,Arial,sans-serif}

/* Splash */
#splash{position:fixed;inset:0;background:var(--green);z-index:1000;display:flex;align-items:center;justify-content:center;transition:opacity .7s ease;text-align:center;cursor:pointer}
#splash.hide{opacity:0;pointer-events:none}
.splash-inner{animation:splashRise 1.1s ease both}
.splash-name{color:#fff;font-family:'Segoe UI',Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:.28em;font-size:clamp(18px,4vw,30px);margin-top:16px;animation:splashRise 1.1s .15s ease both}
.splash-tag{color:var(--gold);letter-spacing:.18em;font-size:13px;margin-top:8px;text-transform:uppercase;animation:splashRise 1.1s .3s ease both}
@keyframes splashRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

.splash-logo{border-radius:24px;box-shadow:0 10px 34px rgba(0,0,0,.4)}
.brand-logo{border-radius:50%;background:#f7f5ec}
.hero-logo{width:min(300px,72vw);height:auto;border-radius:28px;box-shadow:0 14px 40px rgba(20,52,43,.35);margin-bottom:20px}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 22px;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;font-size:18px}
nav a{color:#e9f3ec;text-decoration:none;margin-left:20px;font-size:15px}
nav a:hover{color:var(--gold)}

/* Hero */
.hero{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.hero-scene{position:absolute;inset:0;width:100%;height:100%}
.clouds{animation:drift 26s ease-in-out infinite alternate}
.sun{animation:pulse 7s ease-in-out infinite}
@keyframes drift{from{transform:translateX(-30px)}to{transform:translateX(40px)}}
@keyframes pulse{0%,100%{fill-opacity:.75}50%{fill-opacity:1}}
.hero-text{position:relative;z-index:2;padding:90px 20px 110px;animation:splashRise 1s .9s ease both}
.hero-text h1{font-size:clamp(38px,7vw,68px);margin:0 0 14px;color:var(--green);letter-spacing:.01em}
.hero-sub{font-size:clamp(17px,2.6vw,22px);max-width:640px;margin:0 auto 28px;color:#33443c}
.btn{display:inline-block;padding:13px 26px;border-radius:30px;text-decoration:none;font-weight:600;font-size:16px;border:2px solid var(--green);cursor:pointer}
.btn-gold{background:var(--gold);border-color:var(--gold);color:#1d2420}
.btn-gold:hover{background:#dcb942}
.btn-outline{color:var(--green);background:rgba(255,255,255,.55);margin-left:10px}
.btn-outline:hover{background:rgba(255,255,255,.85)}

/* Sections */
.section{max-width:1020px;margin:0 auto;padding:64px 22px}
.section h2{color:var(--green);font-size:32px;margin:0 0 22px}
.section-alt{background:#eef2e9;max-width:none;padding-left:max(22px,calc(50% - 510px));padding-right:max(22px,calc(50% - 510px))}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.card{background:#fff;border-top:5px solid var(--gold);border-radius:10px;padding:26px;box-shadow:0 4px 18px rgba(20,52,43,.10)}
.card h3{margin:8px 0 10px;color:var(--green)}
.card-icon{font-size:34px}
.card-note{font-size:14px;color:#55635b}
.card a{color:var(--green2);font-weight:600}

/* Vehicles */
.vehicle-media{width:100%;height:200px;object-fit:cover;border-radius:7px;background:#dfe7dd}
.vehicle-price{font-family:'Segoe UI',Helvetica,Arial,sans-serif;font-weight:700;font-size:20px;color:var(--green2);margin:4px 0}
.vehicle-specs{font-size:14px;color:#55635b;margin:2px 0 8px}
.vehicle-thumbs{display:flex;gap:8px;margin:10px 0}
.vehicle-thumbs img{width:64px;height:48px;object-fit:cover;border-radius:5px}
.vehicle-btn{margin-top:8px;padding:10px 18px;font-size:14px}

/* Form */
form{display:grid;gap:14px;max-width:560px}
label{display:grid;gap:6px;font-family:'Segoe UI',Helvetica,Arial,sans-serif;font-size:14px;font-weight:600;color:var(--green)}
input,select,textarea{padding:11px 12px;border:1px solid #b9c4bc;border-radius:7px;font-size:16px;font-family:inherit;background:#fff}
.form-note{font-size:14px;color:#33443c}

/* Reveal on scroll */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}

footer{background:var(--green);color:#cfdccf;text-align:center;padding:24px 16px;font-size:14px}
@media (max-width:640px){ nav a{margin-left:12px;font-size:14px} .hero-text{padding:70px 16px 90px} }