html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; background: #0e2333; color: #fff; }

.nav-scrolled { background: rgba(14,35,51,0.97) !important; backdrop-filter: blur(12px); box-shadow: 0 2px 32px rgba(0,0,0,0.4); }

.hero-bg { background: linear-gradient(135deg, #0e2333 0%, #163049 50%, #0e2333 100%); position: relative; overflow: hidden; }
.hero-bg::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 80% 60% at 60% 40%, rgba(237,192,122,0.08) 0%, transparent 70%); }
.hero-grid { background-image: linear-gradient(rgba(237,192,122,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(237,192,122,0.04) 1px, transparent 1px); background-size: 60px 60px; position: absolute; inset: 0; }

.gold-text { color: #edc07a; }
.gold-gradient { background: linear-gradient(135deg, #f7e4a8 0%, #edc07a 50%, #b8862e 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }

/* buttons */
.gold-btn { background: linear-gradient(135deg, #edc07a, #b8862e); color: #0e2333; font-weight: 700; transition: all 0.3s ease; box-shadow: 0 4px 24px rgba(237,192,122,0.3); }
.gold-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(237,192,122,0.45); background: linear-gradient(135deg, #f7e4a8, #edc07a); }
.outline-gold-btn { border: 2px solid #edc07a; color: #edc07a; font-weight: 600; transition: all 0.3s ease; }
.outline-gold-btn:hover { background: rgba(237,192,122,0.12); transform: translateY(-2px); }
.wa-btn { background: #128C4A; color: #fff; font-weight: 700; transition: all 0.3s; box-shadow: 0 4px 20px rgba(18,140,74,0.25); }
.wa-btn:hover { background: #0f7a3e; transform: translateY(-2px); box-shadow: 0 8px 28px rgba(18,140,74,0.35); }

/* cards */
.card-dark { background: rgba(255,255,255,0.04); border: 1px solid rgba(237,192,122,0.15); transition: all 0.3s ease; }
.card-dark:hover { background: rgba(255,255,255,0.07); border-color: rgba(237,192,122,0.35); transform: translateY(-4px); }
.stat-card { background: linear-gradient(135deg, rgba(237,192,122,0.1), rgba(237,192,122,0.04)); border: 1px solid rgba(237,192,122,0.2); }
.fleet-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(237,192,122,0.15); transition: all 0.3s ease; overflow: hidden; }
.fleet-card:hover { border-color: rgba(237,192,122,0.4); transform: translateY(-4px); }
.client-type-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(237,192,122,0.15); border-radius: 16px; padding: 24px 16px; display: flex; flex-direction: column; align-items: center; text-align: center; font-size: 0.82rem; font-weight: 600; color: rgba(255,255,255,0.75); transition: all 0.3s; }
.client-type-card:hover { border-color: rgba(237,192,122,0.35); background: rgba(237,192,122,0.06); transform: translateY(-4px); }

.divider { border-color: rgba(237,192,122,0.15); }
.section-light { background: #163049; }
.section-dark { background: #0e2333; }
.stars-icon { color: #edc07a; }

/* form */
.form-input { background: rgba(255,255,255,0.06); border: 1px solid rgba(237,192,122,0.2); color: #fff; transition: all 0.2s; }
.form-input:focus { outline: none; border-color: #edc07a; background: rgba(255,255,255,0.09); box-shadow: 0 0 0 3px rgba(237,192,122,0.12); }
.form-input::placeholder { color: rgba(255,255,255,0.35); }
.form-input option { background: #163049; color: #fff; }
label { color: rgba(255,255,255,0.8); }

.lang-badge { background: rgba(237,192,122,0.1); border: 1px solid rgba(237,192,122,0.25); color: #edc07a; font-size: 0.7rem; font-weight: 600; padding: 3px 10px; border-radius: 999px; }

#toast { transition: all 0.4s ease; }
.reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; }
.reveal.visible { opacity: 1; transform: none; }
#mobile-menu { transition: all 0.3s ease; }
.counter { font-variant-numeric: tabular-nums; }

.route-chip { background: rgba(255,255,255,0.06); border: 1px solid rgba(237,192,122,0.2); color: rgba(255,255,255,0.75); font-size: 0.78rem; font-weight: 500; padding: 6px 14px; border-radius: 999px; transition: all 0.2s; }
.route-chip:hover { border-color: rgba(237,192,122,0.5); color: #edc07a; }
.feature-tag { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.6); font-size: 0.7rem; font-weight: 600; padding: 3px 10px; border-radius: 4px; }

.modal-overlay { display: none; position: fixed; inset: 0; z-index: 200; background: rgba(0,0,0,0.75); backdrop-filter: blur(6px); align-items: center; justify-content: center; padding: 16px; }
.modal-overlay.open { display: flex; }
.modal-box { background: #163049; border: 1px solid rgba(237,192,122,0.2); border-radius: 20px; max-width: 560px; width: 100%; max-height: 90vh; overflow-y: auto; animation: modalIn 0.3s ease; }
@keyframes modalIn { from { opacity:0; transform: scale(0.95) translateY(16px); } to { opacity:1; transform: none; } }

.service-card { cursor: pointer; }
.service-card:hover { background: rgba(255,255,255,0.07); border-color: rgba(237,192,122,0.35); transform: translateY(-4px); }

.lang-switcher { background: rgba(255,255,255,0.06); border: 1px solid rgba(237,192,122,0.15); border-radius: 10px; padding: 3px; display: flex; gap: 2px; }
.lang-btn { padding: 4px 12px; border-radius: 7px; font-size: 0.72rem; font-weight: 700; color: rgba(255,255,255,0.4); cursor: pointer; transition: all 0.2s; background: transparent; border: none; }
.lang-btn.active-lang { background: rgba(237,192,122,0.2); color: #edc07a; }
.lang-btn:hover:not(.active-lang) { color: rgba(255,255,255,0.75); }

/* honeypot - off-screen, not display:none */
.hp-field { position: absolute; left: -9999px; top: -9999px; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }

.map-inner { position: relative; }
.map-inner iframe { filter: invert(90%) hue-rotate(180deg) saturate(0.85) brightness(0.88); }
.map-vignette { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse at center, transparent 55%, rgba(22,48,73,0.65) 100%), linear-gradient(to bottom, rgba(237,192,122,0.04) 0%, transparent 30%, transparent 70%, rgba(237,192,122,0.04) 100%); }