/* ======================================================
   SAMA ERBIL CAR RENTAL — Main Stylesheet
   Dark Luxury Theme | Gold Accents
====================================================== */

/* ===== VARIABLES ===== */
:root {
    --gold:          #c9a227;
    --gold-light:    #e8c547;
    --gold-dark:     #a07d10;
    --dark:          #0a0a0a;
    --dark-2:        #111111;
    --dark-3:        #1a1a1a;
    --dark-4:        #222222;
    --card:          #161616;
    --text:          #ffffff;
    --text-light:    #cccccc;
    --text-muted:    #888888;
    --border:        rgba(255,255,255,0.07);
    --border-gold:   rgba(201,162,39,0.3);
    --grad-gold:     linear-gradient(135deg, #b8891e, #e8c547, #b8891e);
    --shadow-gold:   0 10px 40px rgba(201,162,39,0.3);
    --shadow-dark:   0 20px 60px rgba(0,0,0,0.5);
    --radius:        14px;
    --ease:          cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --font-display:  'Playfair Display', Georgia, serif;
    --font-body:     'Inter', system-ui, sans-serif;
}

/* ===== RESET ===== */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:16px; }
body { font-family:var(--font-body); background:var(--dark); color:var(--text); overflow-x:hidden; line-height:1.6; }
img { max-width:100%; display:block; }
a { text-decoration:none; color:inherit; }
ul { list-style:none; }
button { cursor:pointer; font-family:inherit; }

/* ===== UTILITIES ===== */
.container { max-width:1200px; margin:0 auto; padding:0 24px; }
.gold-text { color:var(--gold); }

.section-tag {
    display:inline-block;
    font-size:0.72rem;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    color:var(--gold);
    background:rgba(201,162,39,0.08);
    border:1px solid var(--border-gold);
    padding:6px 18px;
    border-radius:50px;
    margin-bottom:14px;
}

.section-header { text-align:center; margin-bottom:56px; }

.section-title {
    font-family:var(--font-display);
    font-size:clamp(1.9rem, 4vw, 3rem);
    font-weight:700;
    line-height:1.2;
    margin-bottom:14px;
}

.section-desc { color:var(--text-muted); max-width:560px; margin:0 auto; font-size:0.95rem; }

/* ===== BUTTONS ===== */
.btn {
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:14px 28px;
    border-radius:8px;
    font-weight:600;
    font-size:0.88rem;
    letter-spacing:0.4px;
    border:none;
    transition:all 0.3s var(--ease);
}
.btn-primary { background:var(--grad-gold); color:#000; }
.btn-primary:hover { transform:translateY(-2px); box-shadow:var(--shadow-gold); color:#000; }
.btn-whatsapp { background:#25D366; color:#fff; }
.btn-whatsapp:hover { background:#128C7E; transform:translateY(-2px); box-shadow:0 10px 30px rgba(37,211,102,0.35); color:#fff; }
.btn-sm { padding:10px 20px; font-size:0.82rem; }

/* ===== PRELOADER ===== */
#preloader {
    position:fixed; inset:0; z-index:9999;
    background:var(--dark);
    display:flex; align-items:center; justify-content:center;
    transition:opacity 0.6s ease, visibility 0.6s ease;
}
#preloader.hidden { opacity:0; visibility:hidden; }

.preloader-inner { text-align:center; }
.preloader-logo {
    font-family:var(--font-display);
    font-size:1.8rem;
    font-weight:700;
    color:var(--gold);
    letter-spacing:8px;
    margin-bottom:28px;
}
.preloader-bar {
    width:200px; height:2px;
    background:rgba(255,255,255,0.08);
    border-radius:10px; overflow:hidden;
}
.preloader-bar span {
    display:block; height:100%;
    background:var(--grad-gold);
    border-radius:10px;
    animation:preload 1.6s ease forwards;
}
@keyframes preload { from{width:0} to{width:100%} }

/* ===== LOGO IMAGE ===== */

/* Navbar logo — black bg disappears on dark surface using screen blend */
.nav-logo { display:flex; align-items:center; }
.nav-logo-img {
    height: 56px;
    width: auto;
    object-fit: contain;
    mix-blend-mode: screen;          /* blacks become transparent on dark bg */
    filter: brightness(1.05) contrast(1.1);
    transition: filter 0.3s ease, transform 0.3s ease;
}
.nav-logo-img:hover {
    filter: brightness(1.2) contrast(1.1);
    transform: scale(1.04);
}

/* Footer logo */
.footer-logo { margin-bottom: 14px; }
.footer-logo-img {
    height: 90px;
    width: auto;
    object-fit: contain;
    mix-blend-mode: screen;
    filter: brightness(1.05);
}

/* Hero watermark — huge faded logo behind the content */
.hero-logo-watermark {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    pointer-events: none;
    width: min(560px, 70vw);
}
.hero-logo-watermark img {
    width: 100%;
    height: auto;
    mix-blend-mode: screen;
    opacity: 0.08;
    filter: brightness(2) saturate(0.6);
    animation: logoDrift 8s ease-in-out infinite alternate;
}
@keyframes logoDrift {
    from { transform: scale(1)   rotate(-1deg); }
    to   { transform: scale(1.04) rotate(1deg); }
}

/* ===== NAVBAR ===== */
#navbar {
    position:fixed; top:0; left:0; right:0; z-index:1000;
    padding:22px 0;
    transition:all 0.35s var(--ease);
}
#navbar.scrolled {
    background:rgba(10,10,10,0.96);
    backdrop-filter:blur(20px);
    padding:14px 0;
    border-bottom:1px solid var(--border);
    box-shadow:0 4px 30px rgba(0,0,0,0.5);
}

.nav-container {
    display:flex; align-items:center; justify-content:space-between;
    max-width:1200px; margin:0 auto; padding:0 24px;
}

.logo-main { font-family:var(--font-display); font-size:1.35rem; font-weight:700; color:var(--gold); letter-spacing:3px; }
.logo-sub { font-size:0.56rem; letter-spacing:2.5px; color:var(--text-muted); text-transform:uppercase; }

.nav-links { display:flex; align-items:center; gap:34px; }
.nav-links a {
    font-size:0.88rem; font-weight:500; color:var(--text-light);
    transition:color 0.25s ease;
    position:relative;
}
.nav-links a::after {
    content:''; position:absolute; bottom:-4px; left:0;
    width:0; height:1px; background:var(--gold);
    transition:width 0.3s ease;
}
.nav-links a:hover, .nav-links a.active { color:var(--gold); }
.nav-links a:hover::after, .nav-links a.active::after { width:100%; }

.nav-cta {
    display:inline-flex; align-items:center; gap:8px;
    background:var(--grad-gold); color:#000;
    padding:10px 22px; border-radius:8px;
    font-weight:600; font-size:0.85rem;
    transition:all 0.3s var(--ease);
}
.nav-cta:hover { transform:translateY(-2px); box-shadow:var(--shadow-gold); color:#000; }

.nav-toggle {
    display:none; flex-direction:column; gap:5px;
    background:none; border:none; padding:4px; z-index:1001;
}
.nav-toggle span { display:block; width:24px; height:2px; background:var(--text); border-radius:2px; transition:all 0.3s var(--ease); }
.nav-toggle.open span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }
.nav-toggle.open span:nth-child(2) { opacity:0; }
.nav-toggle.open span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }

/* ===== HERO ===== */
.hero {
    min-height:100vh;
    position:relative;
    display:flex; flex-direction:column;
    align-items:center; justify-content:center;
    overflow:hidden; padding:120px 24px 160px;
}

.hero-bg {
    position:absolute; inset:0;
    background-image:url('https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?w=1800&q=80');
    background-size:cover; background-position:center;
    background-attachment:fixed;
}
.hero-overlay {
    position:absolute; inset:0;
    background:linear-gradient(
        145deg,
        rgba(0,0,0,0.88) 0%,
        rgba(0,0,0,0.65) 50%,
        rgba(0,0,0,0.78) 100%
    );
}

.hero-content { position:relative; z-index:2; text-align:center; max-width:820px; }

.hero-badge {
    display:inline-flex; align-items:center; gap:8px;
    background:rgba(201,162,39,0.12); border:1px solid var(--border-gold);
    color:var(--gold);
    padding:8px 22px; border-radius:50px;
    font-size:0.78rem; font-weight:600; letter-spacing:1px;
    margin-bottom:24px;
}

.hero-title {
    font-family:var(--font-display);
    font-size:clamp(3rem, 8vw, 5.5rem);
    font-weight:700; line-height:1.1;
    margin-bottom:22px;
    text-shadow:0 2px 30px rgba(0,0,0,0.6);
}

.hero-desc {
    font-size:1.05rem; color:var(--text-light);
    line-height:1.85; margin-bottom:40px;
    max-width:580px; margin-left:auto; margin-right:auto;
}

.hero-btns { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }

/* Scroll indicator */
.hero-scroll-indicator {
    position:absolute; bottom:130px; left:50%; transform:translateX(-50%);
    z-index:2; display:flex; flex-direction:column; align-items:center; gap:10px;
    color:var(--text-muted); font-size:0.68rem; letter-spacing:3px; text-transform:uppercase;
    animation:fadeIn 1s ease 1.8s both;
}
.scroll-mouse {
    width:20px; height:32px;
    border:1.5px solid rgba(255,255,255,0.25);
    border-radius:10px; position:relative;
}
.scroll-mouse::after {
    content:''; position:absolute;
    top:5px; left:50%; transform:translateX(-50%);
    width:3px; height:7px;
    background:var(--gold); border-radius:3px;
    animation:scrollPulse 1.6s ease infinite;
}
@keyframes scrollPulse {
    0%   { transform:translateX(-50%) translateY(0); opacity:1; }
    100% { transform:translateX(-50%) translateY(14px); opacity:0; }
}
@keyframes fadeIn { from{opacity:0} to{opacity:1} }

/* Stats bar */
.hero-stats {
    position:absolute; bottom:0; left:0; right:0; z-index:2;
    background:rgba(10,10,10,0.92);
    backdrop-filter:blur(20px);
    border-top:1px solid var(--border);
    display:flex; align-items:center; justify-content:center;
    padding:22px; gap:0;
}
.stat-item { display:flex; flex-direction:column; align-items:center; padding:0 36px; text-align:center; }
.stat-value { display:flex; align-items:baseline; gap:1px; }
.stat-number { font-family:var(--font-display); font-size:2.4rem; font-weight:700; color:var(--gold); line-height:1; }
.stat-suffix { font-family:var(--font-display); font-size:1.4rem; font-weight:700; color:var(--gold); }
.stat-label { font-size:0.7rem; color:var(--text-muted); letter-spacing:1.5px; text-transform:uppercase; margin-top:4px; }
.stat-divider { width:1px; height:42px; background:var(--border); }

/* ===== FLEET SECTION ===== */
.fleet-section { padding:100px 0; background:var(--dark-2); }

.fleet-filters { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin-bottom:48px; }
.filter-btn {
    background:var(--dark-4); color:var(--text-muted);
    border:1px solid var(--border);
    padding:10px 24px; border-radius:50px;
    font-size:0.83rem; font-weight:500;
    transition:all 0.28s var(--ease); font-family:var(--font-body);
}
.filter-btn:hover, .filter-btn.active {
    background:var(--grad-gold); color:#000; border-color:transparent;
}

.fleet-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(330px,1fr)); gap:26px; }

.car-card {
    background:var(--card); border:1px solid var(--border);
    border-radius:var(--radius); overflow:hidden;
    transition:all 0.35s var(--ease);
}
.car-card:hover {
    transform:translateY(-8px);
    border-color:var(--border-gold);
    box-shadow:0 30px 60px rgba(0,0,0,0.4), 0 0 0 1px rgba(201,162,39,0.08);
}
.car-card.hidden { display:none; }

.car-image { position:relative; height:215px; overflow:hidden; background:var(--dark-3); }
.car-image img { width:100%; height:100%; object-fit:cover; transition:transform 0.6s ease; }
.car-card:hover .car-image img { transform:scale(1.07); }

.car-tag {
    position:absolute; top:14px; left:14px;
    background:rgba(0,0,0,0.8); color:var(--gold);
    border:1px solid var(--border-gold);
    padding:4px 12px; border-radius:20px;
    font-size:0.7rem; font-weight:600; letter-spacing:1.5px; text-transform:uppercase;
    backdrop-filter:blur(10px);
}
.car-tag-gold { background:rgba(201,162,39,0.2); }
.car-tag-popular {
    position:absolute; top:14px; right:14px;
    background:var(--grad-gold); color:#000;
    padding:4px 12px; border-radius:20px;
    font-size:0.68rem; font-weight:700; letter-spacing:1px; text-transform:uppercase;
}

.car-body { padding:22px; }
.car-name { font-family:var(--font-display); font-size:1.35rem; font-weight:600; margin-bottom:12px; }

.car-specs { display:flex; gap:14px; margin-bottom:18px; }
.car-specs li { display:flex; align-items:center; gap:6px; font-size:0.78rem; color:var(--text-muted); }
.car-specs i { color:var(--gold); font-size:0.72rem; }

.car-footer { display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--border); padding-top:16px; }
.car-price small { display:block; font-size:0.68rem; text-transform:uppercase; letter-spacing:1px; color:var(--text-muted); }
.car-price span { font-family:var(--font-display); font-size:1.45rem; font-weight:700; color:var(--gold); }
.car-price em { font-size:0.78rem; font-weight:400; font-style:normal; font-family:var(--font-body); color:var(--text-muted); }

.btn-book {
    display:inline-block;
    background:transparent; border:1px solid var(--gold); color:var(--gold);
    padding:9px 18px; border-radius:7px;
    font-size:0.78rem; font-weight:600; letter-spacing:0.4px;
    transition:all 0.25s var(--ease);
}
.btn-book:hover { background:var(--gold); color:#000; }

.fleet-cta {
    text-align:center; margin-top:56px;
    padding:36px; background:var(--dark-3);
    border:1px solid var(--border); border-radius:var(--radius);
}
.fleet-cta p { color:var(--text-muted); margin-bottom:18px; font-size:1rem; }

/* ===== SERVICES SECTION ===== */
.services-section { padding:100px 0; background:var(--dark); }

.services-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(290px,1fr)); gap:22px; }

.service-card {
    background:var(--dark-3); border:1px solid var(--border);
    border-radius:var(--radius); padding:34px 26px;
    transition:all 0.3s var(--ease); position:relative; overflow:hidden;
}
.service-card::after {
    content:''; position:absolute; bottom:0; left:0; right:0;
    height:2px; background:var(--grad-gold);
    transform:scaleX(0); transition:transform 0.3s ease;
}
.service-card:hover { border-color:var(--border-gold); transform:translateY(-4px); }
.service-card:hover::after { transform:scaleX(1); }

.service-icon {
    width:58px; height:58px;
    background:rgba(201,162,39,0.08); border:1px solid rgba(201,162,39,0.18);
    border-radius:14px;
    display:flex; align-items:center; justify-content:center;
    margin-bottom:20px; transition:all 0.3s var(--ease);
}
.service-icon i { font-size:1.35rem; color:var(--gold); transition:color 0.3s; }
.service-card:hover .service-icon { background:var(--gold); border-color:var(--gold); }
.service-card:hover .service-icon i { color:#000; }

.service-card h3 { font-family:var(--font-display); font-size:1.15rem; margin-bottom:10px; }
.service-card p { color:var(--text-muted); font-size:0.88rem; line-height:1.75; }

/* ===== ABOUT SECTION ===== */
.about-section { padding:100px 0; background:var(--dark-2); }

.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }

.about-visual { position:relative; }
.about-img-main { border-radius:var(--radius); overflow:hidden; height:460px; }
.about-img-main img { width:100%; height:100%; object-fit:cover; }

.about-img-small {
    position:absolute; bottom:-28px; right:-28px;
    width:190px; height:145px;
    border-radius:12px; overflow:hidden;
    border:4px solid var(--dark-2); box-shadow:var(--shadow-dark);
}
.about-img-small img { width:100%; height:100%; object-fit:cover; }

.about-badge {
    position:absolute; top:28px; left:-22px;
    background:rgba(22,22,22,0.95);
    backdrop-filter:blur(16px);
    border:1px solid var(--border-gold);
    border-radius:14px; padding:14px 18px;
    display:flex; align-items:center; gap:12px;
    box-shadow:var(--shadow-dark);
}
.about-badge > i { font-size:1.7rem; color:var(--gold); }
.about-badge strong { display:block; font-family:var(--font-display); font-size:1.4rem; color:var(--gold); line-height:1; }
.about-badge span { font-size:0.72rem; color:var(--text-muted); }

.about-text { color:var(--text-muted); line-height:1.85; margin-bottom:28px; }

.why-list { display:flex; flex-direction:column; gap:18px; margin-bottom:34px; }
.why-item { display:flex; gap:14px; align-items:flex-start; }
.why-check {
    width:32px; height:32px; flex-shrink:0;
    background:rgba(201,162,39,0.12); border-radius:8px;
    display:flex; align-items:center; justify-content:center;
}
.why-check i { color:var(--gold); font-size:0.78rem; }
.why-item h4 { font-size:0.95rem; margin-bottom:3px; }
.why-item p { color:var(--text-muted); font-size:0.83rem; line-height:1.65; }

/* ===== HOW IT WORKS ===== */
.how-section { padding:100px 0; background:var(--dark); }

.steps-row {
    display:flex; align-items:center; justify-content:center;
    gap:0; max-width:960px; margin:0 auto;
}
.step-card {
    flex:1; text-align:center; padding:38px 22px;
    background:var(--dark-3); border:1px solid var(--border);
    border-radius:var(--radius); position:relative;
    transition:all 0.3s var(--ease);
}
.step-card:hover { border-color:var(--border-gold); transform:translateY(-6px); }

.step-num {
    position:absolute; top:-16px; left:50%; transform:translateX(-50%);
    background:var(--grad-gold); color:#000;
    width:34px; height:34px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    font-size:0.75rem; font-weight:700;
}
.step-icon {
    width:66px; height:66px; margin:0 auto 18px;
    background:rgba(201,162,39,0.08);
    border:1px solid rgba(201,162,39,0.2);
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
}
.step-icon i { font-size:1.5rem; color:var(--gold); }
.step-card h3 { font-family:var(--font-display); font-size:1.15rem; margin-bottom:10px; }
.step-card p { color:var(--text-muted); font-size:0.84rem; line-height:1.7; }

.step-arrow { color:var(--gold); font-size:1.1rem; padding:0 18px; opacity:0.4; flex-shrink:0; }

/* ===== TESTIMONIALS ===== */
.testimonials-section { padding:100px 0; background:var(--dark-2); }

.testimonials-swiper { padding-bottom:56px !important; }

.testi-card {
    background:var(--card); border:1px solid var(--border);
    border-radius:var(--radius); padding:32px; margin:6px 4px;
}
.testi-stars { color:var(--gold); font-size:0.88rem; letter-spacing:2px; margin-bottom:18px; }
.testi-card > p { color:var(--text-light); font-size:0.93rem; line-height:1.85; font-style:italic; margin-bottom:22px; }

.testi-author { display:flex; align-items:center; gap:12px; }
.testi-avatar {
    width:46px; height:46px; border-radius:50%; flex-shrink:0;
    background:var(--grad-gold); color:#000;
    display:flex; align-items:center; justify-content:center;
    font-weight:700; font-size:0.82rem;
}
.testi-author strong { display:block; font-size:0.92rem; }
.testi-author span { font-size:0.78rem; color:var(--text-muted); }

.swiper-pagination-bullet { background:var(--text-muted) !important; opacity:1 !important; }
.swiper-pagination-bullet-active { background:var(--gold) !important; }
.swiper-button-next, .swiper-button-prev { color:var(--gold) !important; }
.swiper-button-next::after, .swiper-button-prev::after { font-size:1.2rem !important; }

/* ===== CONTACT ===== */
.contact-section { padding:100px 0; background:var(--dark); }

.contact-grid { display:grid; grid-template-columns:1fr 1.6fr; gap:36px; align-items:stretch; }

.contact-info { display:flex; flex-direction:column; gap:16px; }
.contact-card {
    display:flex; gap:16px; align-items:flex-start;
    background:var(--dark-3); border:1px solid var(--border);
    border-radius:var(--radius); padding:18px 22px;
    transition:border-color 0.25s ease;
}
.contact-card:hover { border-color:var(--border-gold); }

.contact-icon {
    width:42px; height:42px; flex-shrink:0;
    background:rgba(201,162,39,0.08); border-radius:10px;
    display:flex; align-items:center; justify-content:center;
}
.contact-icon i { color:var(--gold); font-size:1rem; }
.contact-card h4 { font-size:0.72rem; text-transform:uppercase; letter-spacing:2px; color:var(--gold); margin-bottom:6px; }
.contact-card p, .contact-card a { color:var(--text-muted); font-size:0.88rem; line-height:1.6; }
.contact-card a:hover { color:var(--gold); }

.contact-actions { display:flex; gap:12px; margin-top:4px; }
.action-btn {
    display:flex; align-items:center; justify-content:center; gap:8px;
    flex:1; padding:13px; border-radius:9px;
    font-weight:600; font-size:0.85rem;
    transition:all 0.25s var(--ease);
}
.btn-wa { background:#25D366; color:#fff; }
.btn-wa:hover { background:#128C7E; color:#fff; }
.btn-call { background:var(--grad-gold); color:#000; }
.btn-call:hover { transform:translateY(-2px); box-shadow:var(--shadow-gold); color:#000; }

.contact-map { border-radius:var(--radius); overflow:hidden; min-height:420px; border:1px solid var(--border); }
.contact-map iframe { display:block; }

/* ===== FOOTER ===== */
.footer { background:var(--dark-3); border-top:1px solid var(--border); }

.footer-top { padding:64px 0 40px; }
.footer-grid { display:grid; grid-template-columns:1.6fr 1fr 1fr 1.4fr; gap:48px; }

.footer-logo { margin-bottom:14px; }
.footer-brand p { color:var(--text-muted); font-size:0.84rem; line-height:1.75; margin-bottom:20px; }

.footer-col h4 { font-size:0.7rem; text-transform:uppercase; letter-spacing:2px; color:var(--gold); margin-bottom:18px; }
.footer-col ul { display:flex; flex-direction:column; gap:10px; }
.footer-col a { color:var(--text-muted); font-size:0.84rem; transition:all 0.22s ease; }
.footer-col a:hover { color:var(--gold); padding-left:6px; }

.footer-info-item { display:flex; gap:10px; align-items:flex-start; margin-bottom:12px; }
.footer-info-item i { color:var(--gold); font-size:0.82rem; margin-top:3px; flex-shrink:0; }
.footer-info-item span, .footer-info-item a { color:var(--text-muted); font-size:0.83rem; line-height:1.5; transition:color 0.22s; }
.footer-info-item a:hover { color:var(--gold); }

.footer-bottom { border-top:1px solid var(--border); padding:18px 0; }
.footer-bottom .container { display:flex; justify-content:space-between; align-items:center; }
.footer-bottom p { color:var(--text-muted); font-size:0.78rem; }
.footer-bottom i { color:#e55; }

/* ===== FLOATING WHATSAPP ===== */
.wa-float {
    position:fixed; bottom:80px; right:22px; z-index:900;
    width:54px; height:54px; border-radius:50%;
    background:#25D366; color:#fff;
    display:flex; align-items:center; justify-content:center;
    font-size:1.55rem;
    box-shadow:0 6px 24px rgba(37,211,102,0.45);
    transition:all 0.3s var(--ease);
    animation:waPulse 2.5s ease infinite;
}
.wa-float:hover { background:#128C7E; transform:scale(1.12); color:#fff; }
@keyframes waPulse {
    0%,100% { box-shadow:0 6px 24px rgba(37,211,102,0.45); }
    50% { box-shadow:0 6px 40px rgba(37,211,102,0.7), 0 0 0 8px rgba(37,211,102,0.1); }
}

/* ===== SCROLL TO TOP ===== */
#scrollTop {
    position:fixed; bottom:22px; right:22px; z-index:900;
    width:42px; height:42px;
    background:var(--dark-3); border:1px solid var(--border);
    border-radius:10px; color:var(--text-muted); font-size:0.78rem;
    display:flex; align-items:center; justify-content:center;
    opacity:0; transform:translateY(16px); pointer-events:none;
    transition:all 0.3s var(--ease);
}
#scrollTop.visible { opacity:1; transform:translateY(0); pointer-events:auto; }
#scrollTop:hover { background:var(--gold); color:#000; border-color:var(--gold); }

/* ===== RESPONSIVE ===== */
@media (max-width: 1100px) {
    .about-grid { grid-template-columns:1fr; gap:56px; }
    .about-visual { max-width:580px; margin:0 auto; }
    .footer-grid { grid-template-columns:1fr 1fr; gap:36px; }
}

@media (max-width: 900px) {
    .contact-grid { grid-template-columns:1fr; }
    .contact-map { min-height:320px; }
}

@media (max-width: 768px) {
    .nav-logo-img { height: 46px; }
    .hero-logo-watermark { width: min(360px, 85vw); }

    /* Mobile nav */
    .nav-links {
        position:fixed; top:0; right:-100%; width:270px; height:100vh;
        background:var(--dark-3); border-left:1px solid var(--border);
        flex-direction:column; justify-content:center; gap:28px;
        padding:24px; transition:right 0.35s var(--ease); z-index:999;
    }
    .nav-links.open { right:0; }
    .nav-cta { display:none; }
    .nav-toggle { display:flex; }

    /* Hero */
    .hero-bg { background-attachment:scroll; }
    .hero-stats { flex-wrap:wrap; gap:16px; }
    .stat-item { padding:0 16px; }
    .stat-divider { display:none; }
    .hero-scroll-indicator { bottom:145px; }

    /* About */
    .about-img-small { display:none; }

    /* Steps */
    .steps-row { flex-direction:column; gap:22px; max-width:380px; }
    .step-arrow { transform:rotate(90deg); }

    /* Footer */
    .footer-grid { grid-template-columns:1fr; gap:28px; }
    .footer-bottom .container { flex-direction:column; gap:6px; text-align:center; }
}

@media (max-width: 520px) {
    .hero-btns { flex-direction:column; align-items:center; }
    .hero-btns .btn { width:100%; justify-content:center; }
    .fleet-grid { grid-template-columns:1fr; }
    .services-grid { grid-template-columns:1fr; }
    .contact-actions { flex-direction:column; }
}