@charset "utf-8";
/* CSS Document */
    :root{--ink:#0d0d0d;--carbon:#1a1a1a;--green:#f70306;--green-dark:#f40306;--muted:#6c716e;--line:#e9ecea}*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Poppins,Arial,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}
a{text-decoration:none}
.navbar{background:rgba(13,13,13,.88);backdrop-filter:blur(16px);transition:.3s}
.navbar-brand{letter-spacing:-.8px;font-weight:800;color:white!important}
.brand-mark{display:inline-grid;place-items:center;width:32px;height:32px;margin-right:8px;border-radius:10px;background:var(--green);color:#072311;font-size:18px}
.nav-link{color:rgba(255,255,255,.72)!important;font-size:.88rem;font-weight:500;margin:0 .25rem}
.nav-link:hover{color:#fff!important}
.btn-green{background:var(--green);color:#062313;border:0;font-weight:700;border-radius:12px;padding:.82rem 1.35rem;transition:.25s;box-shadow:0 10px 22px rgba(0,200,83,.22)}
.btn-green:hover{background:#16d965;color:#03150a;transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,200,83,.32)}
.navbar-toggler{border:0;box-shadow:none!important}
.navbar-toggler-icon{filter:invert(1)}
.hero{min-height:800px;background:#0d0d0d;position:relative;isolation:isolate;padding-top:84px;display:flex;align-items:center}
.hero-photo{position:absolute;inset:0;z-index:-2;background:url('../images/hero.jpg') center/contain no-repeat}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,8,6,.93) 0%,rgba(5,8,6,.70) 22%,rgba(5,8,6,.18) 90%)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#bfffd5;font-size:.75rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.eyebrow i{color:var(--green);font-size:.65rem}
.hero h1{max-width:690px;font-weight:800;font-size:clamp(2.55rem,5vw,4.85rem);line-height:1.04;letter-spacing:-3px;color:white;margin:18px 0}
.hero h1 span{color:var(--green)}
.hero-copy{max-width:580px;color:rgba(255,255,255,.75);font-size:1.06rem;line-height:1.8}
.trust-row{display:flex;flex-wrap:wrap;gap:22px;color:#fff;font-size:.84rem;font-weight:600;margin-top:34px}
.trust-row i{color:var(--green);margin-right:7px}
.hero-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:20px;backdrop-filter:blur(14px);padding:20px 22px;color:#fff;max-width:245px;margin-left:auto}
.hero-card small{color:rgba(255,255,255,.6);display:block}
.hero-card strong{font-size:1.15rem}
.hero-card .badge{background:rgba(0,200,83,.17);color:#a8ffc7;font-weight:600;padding:7px 9px}
section{padding:100px 0}
.section-label{color:var(--green-dark);font-size:.74rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}
.section-title{font-size:clamp(2rem,3.5vw,3.2rem);font-weight:800;letter-spacing:-1.8px;margin:9px 0 15px}
.section-copy{color:var(--muted);line-height:1.8;max-width:600px}
.stats-wrap{margin-top:-67px;position:relative;z-index:2}
.stat-card{background:white;border:1px solid #edf0ee;border-radius:17px;padding:24px 16px;box-shadow:0 13px 40px rgba(10,30,18,.08);height:100%}
.stat-icon{width:42px;height:42px;border-radius:12px;background:#e8fbef;color:var(--green-dark);display:grid;place-items:center;font-size:1.25rem;margin:auto auto 13px}
.stat-value{font-weight:800;font-size:1.45rem;letter-spacing:-.8px}
.stat-label{font-size:.76rem;color:var(--muted)}
.service-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;height:100%;background:#fff;transition:.3s}
.service-card:hover{transform:translateY(-8px);box-shadow:0 18px 42px rgba(12,33,19,.12)}
.service-image{height:230px;overflow:hidden}
.service-image img{width:100%;height:100%;object-fit:cover;transition:.55s}
.service-card:hover img{transform:scale(1.08)}
.service-body{padding:23px}.service-body h3{font-size:1.16rem;font-weight:700}
.service-body p{font-size:.85rem;color:var(--muted);line-height:1.75;min-height:65px}
.text-link{color:var(--green-dark);font-weight:700;font-size:.85rem}.text-link i{transition:.2s}
.text-link:hover i{transform:translateX(4px);display:inline-block}
.experience{background:#f5f8f5}
.cta-image{min-height:550px;border-radius:20px;background:url('../images/about.jpg') center/cover;position:relative;overflow:hidden}
.cta-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent)}
.cta-panel{background:var(--carbon);padding:clamp(35px,5vw,70px);border-radius:20px;color:#fff;height:100%}
.cta-panel h2{font-size:clamp(2rem,3.3vw,3.2rem);font-weight:800;line-height:1.12;letter-spacing:-1.5px}
.cta-panel p{color:#b9c0bb;line-height:1.85}
.phone-pill{display:inline-flex;align-items:center;gap:12px;color:white;font-weight:700}
.phone-pill i{color:var(--green);font-size:1.45rem}
.fleet-card{border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line);height:100%}
.fleet-card img{width:100%;height:210px;object-fit:cover}
.fleet-info{padding:20px}.fleet-info h3{font-size:1.08rem;font-weight:700;margin-bottom:14px}
.feature-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:.75rem;color:#5c645f}
.feature-list i{color:var(--green-dark);margin-right:5px}
.why-card{border:1px solid var(--line);padding:27px 22px;border-radius:17px;height:100%;background:white;transition:.25s}
.why-card:hover{border-color:#b8edca;box-shadow:0 12px 28px rgba(0,120,45,.08)}
.why-icon{font-size:1.55rem;color:var(--green-dark);margin-bottom:17px}.why-card h3{font-size:1rem;font-weight:700}
.why-card p{color:var(--muted);font-size:.81rem;line-height:1.65;margin:0}.contact{background:#f5f8f5}
.contact-info{background:var(--ink);border-radius:20px;color:#fff;padding:45px;height:100%}
.contact-info h2{font-size:2.3rem;font-weight:800;letter-spacing:-1px}
.contact-info p{color:#bdc4bf;line-height:1.8}
.contact-detail{border-top:1px solid rgba(255,255,255,.13);padding-top:18px;margin-top:18px}
.contact-detail small{display:block;color:#9da59f;text-transform:uppercase;letter-spacing:1px;font-size:.65rem}
.contact-detail a,.contact-detail strong{color:white;font-weight:600}
.booking-form{background:#fff;border:1px solid #e7ece8;border-radius:20px;padding:clamp(25px,4vw,42px);box-shadow:0 15px 34px rgba(10,30,18,.05)}
.form-control{border:1px solid #e2e8e3;border-radius:10px;padding:.75rem .9rem;font-size:.86rem}
.form-control:focus{border-color:var(--green);box-shadow:0 0 0 .2rem rgba(0,200,83,.12)}
.form-label{font-size:.76rem;font-weight:600}.footer{background:var(--ink);color:#fff;padding:70px 0 25px}
.footer p{color:#aab3ac;font-size:.82rem;line-height:1.8}
.footer h6{font-weight:700;margin-bottom:15px}.footer a{color:#aab3ac;font-size:.82rem;display:block;margin:9px 0}
.footer a:hover{color:var(--green)}
.social a{display:inline-grid;place-items:center;width:35px;height:35px;margin-right:7px;border-radius:9px;background:#242424;color:#fff}
.copyright{border-top:1px solid #292929;margin-top:40px;padding-top:22px;color:#778078;font-size:.72rem}
.whatsapp-float{position:fixed;right:25px;bottom:25px;width:57px;height:57px;border-radius:50%;background:#25d366;color:#fff;z-index:10;display:grid;place-items:center;font-size:1.85rem;box-shadow:0 8px 25px rgba(37,211,102,.45);animation:pulse 2s infinite}
.whatsapp-float:hover{color:#fff}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.45)}70%{box-shadow:0 0 0 15px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:none}    
@media(max-width:991px){.hero{min-height:680px}
.hero-card{display:none}
.navbar-collapse{background:#151515;margin:12px -12px -8px;padding:14px;border-radius:13px}
.nav-link{padding:.6rem .4rem!important}
.stats-wrap{margin-top:-45px}section{padding:75px 0}}
@media(max-width:575px){.hero{min-height:660px}
.hero-photo{background-size:auto 100%;background-position:64% center}
.hero h1{letter-spacing:-2px}
.trust-row{gap:12px;font-size:.76rem}
.stats-wrap{margin-top:-29px}
.stat-card{padding:17px 8px}
.stat-value{font-size:1.1rem}
.stat-label{font-size:.65rem}
.service-image{height:205px}
.cta-image{min-height:280px}
.contact-info{padding:32px}
.feature-list{grid-template-columns:1fr}}