:root {--font-heading:'Outfit',sans-serif;--font-body:'Inter',sans-serif;--primary:#f59e0b;--primary-rgb:245,158,11;--primary-hover:#d97706;--dark:#0f172a;--dark-rgb:15,23,42;--slate-800:#1e293b;--slate-700:#334155;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--light:#f8fafc;--white:#ffffff;--text-dark:#0f172a;--text-light:#f8fafc;--text-muted:#64748b;--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px;--border-radius-full:9999px;--shadow-sm:0 2px 4px rgba(0,0,0,0.05);--shadow-md:0 10px 15px -3px rgba(15,23,42,0.08),0 4px 6px -4px rgba(15,23,42,0.08);--shadow-lg:0 20px 25px -5px rgba(15,23,42,0.12),0 8px 10px -6px rgba(15,23,42,0.12);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--max-width:1200px;--header-height:100px;} * {margin:0;padding:0;box-sizing:border-box;} html {scroll-behavior:smooth;} body {font-family:var(--font-body);background-color:var(--light);color:var(--text-dark);line-height:1.6;overflow-x:hidden;} h1,h2,h3,h4,h5,h6 {font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--dark);} a {text-decoration:none;color:inherit;transition:var(--transition);} ul {list-style:none;} img {max-width:100%;height:auto;display:block;} .container {width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px;} .section {padding:100px 0;} .section-bg-dark {background-color:var(--dark);color:var(--text-light);} .section-bg-dark h2 {color:var(--white);} .section-header {text-align:center;max-width:700px;margin:0 auto 60px auto;} .section-subtitle {font-family:var(--font-heading);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#d97706;margin-bottom:12px;display:block;} .section-title {font-size:36px;font-weight:800;margin-bottom:16px;} .section-desc {color:var(--text-muted);font-size:16px;} .section-bg-dark .section-desc {color:var(--slate-200);} .btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-family:var(--font-heading);font-weight:600;font-size:15px;border-radius:var(--border-radius-sm);transition:var(--transition);cursor:pointer;border:none;} .btn-primary {background-color:var(--primary);color:var(--dark);} .btn-primary:hover {background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,0.3);} .btn-secondary {background-color:transparent;color:var(--white);border:2px solid var(--white);} .btn-secondary:hover {background-color:var(--white);color:var(--dark);transform:translateY(-2px);} .btn-dark {background-color:var(--dark);color:var(--white);} .btn-dark:hover {background-color:var(--slate-800);transform:translateY(-2px);} .btn-sm {padding:8px 16px;font-size:13px;} .header-wrapper {position:fixed;top:0;left:0;width:100%;z-index:1000;transition:var(--transition);} .header-top {background-color:var(--dark);color:var(--text-light);font-size:13px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.05);transition:var(--transition);} .header-top .container {display:flex;justify-content:space-between;align-items:center;} .header-top-left,.header-top-right {display:flex;align-items:center;gap:24px;} .header-top-info {display:flex;align-items:center;gap:8px;color:var(--slate-200);} .header-top-info i {color:var(--primary);} .header-socials {display:flex;align-items:center;gap:16px;} .header-socials a:hover {color:var(--primary);} .main-header {height:var(--header-height);background-color:var(--white);border-bottom:1px solid rgba(0,0,0,0.05);transition:var(--transition);} .main-header .container {display:flex;justify-content:space-between;align-items:center;height:100%;} .logo {display:flex;align-items:center;} .logo img {height:80px;width:auto;object-fit:contain;transition:var(--transition);} .header-wrapper.scrolled .logo img {height:60px;} .nav-menu {display:flex;align-items:center;gap:32px;} .nav-link {font-family:var(--font-heading);font-weight:600;font-size:15px;color:var(--dark);position:relative;padding:12px 0;display:inline-block;} .nav-link::after {content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary);transition:var(--transition);} .nav-link:hover::after,.nav-link.active::after {width:100%;} .nav-link.active {color:#d97706;} .header-wrapper.scrolled .header-top {margin-top:-37px;opacity:0;pointer-events:none;} .header-wrapper.scrolled .main-header {background-color:var(--white);box-shadow:var(--shadow-md);height:70px;} .hamburger {display:none;flex-direction:column;justify-content:space-between;width:48px;height:48px;padding:14px 10px;background:transparent;border:none;cursor:pointer;z-index:1001;} .hamburger span {width:100%;height:2.5px;background-color:var(--dark);border-radius:2px;transition:var(--transition);} .hero {position:relative;padding-top:calc(var(--header-height) + 40px);min-height:95vh;display:flex;align-items:center;background-color:var(--dark);color:var(--white);overflow:hidden;} .hero-bg {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0.35;z-index:1;} .hero-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(15,23,42,0.95) 30%,rgba(15,23,42,0.6) 100%);z-index:2;} .hero .container {position:relative;z-index:3;display:grid;grid-template-columns:1.2fr 0.8fr;gap:40px;align-items:center;} .hero-content {max-width:680px;} .badge {display:inline-flex;align-items:center;gap:8px;background-color:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.3);color:var(--primary);padding:6px 14px;border-radius:var(--border-radius-full);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px;} .hero-subtitle-italic {display:inline-block;color:var(--primary);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px;font-style:italic;} .hero-title {font-size:54px;line-height:1.1;font-weight:800;color:var(--white);margin-bottom:24px;} .hero-title span {color:var(--primary);} .hero-text {font-size:18px;color:var(--slate-200);margin-bottom:40px;} .hero-ctas {display:flex;flex-wrap:wrap;gap:16px;} .hero-card {background:rgba(15,23,42,0.45);border:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius-md);padding:36px 32px;box-shadow:0 20px 40px rgba(0,0,0,0.3);} .hero-card h2, .hero-card h3 {color:var(--white);font-size:24px;font-weight:700;font-style:italic;margin-bottom:28px;border-bottom:2px solid rgba(245,158,11,0.3);padding-bottom:12px;} .quick-contact-item {display:flex;align-items:flex-start;gap:20px;margin-bottom:28px;} .quick-contact-item:last-child {margin-bottom:0;} .quick-icon-box {width:44px;height:44px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition);margin-top:2px;} .quick-icon-box i {font-size:18px;transition:var(--transition);} .quick-contact-item:hover .quick-icon-box.phone-box,.quick-contact-item:hover .quick-icon-box.clock-box {background:rgba(245,158,11,0.12);border-color:rgba(245,158,11,0.3);transform:translateY(-2px);} .quick-contact-item:hover .quick-icon-box.whatsapp-box {background:rgba(37,211,102,0.12);border-color:rgba(37,211,102,0.3);transform:translateY(-2px);} .quick-details span {display:block;font-size:11px;font-weight:700;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px;} .quick-details a,.quick-details strong {display:block;font-size:17px;font-weight:700;color:var(--white);line-height:1.4;transition:var(--transition);text-decoration:none;} .quick-details a:hover {color:var(--primary);} .stats-bar {background-color:var(--white);padding:40px 0;box-shadow:var(--shadow-md);position:relative;z-index:10;margin-top:-50px;border-radius:var(--border-radius-sm);} .stats-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:center;} .stat-item {border-right:1px solid var(--slate-200);} .stat-item:last-child {border-right:none;} .stat-num {font-family:var(--font-heading);font-size:40px;font-weight:800;color:#d97706;line-height:1;margin-bottom:8px;} .stat-title {font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;} .services-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:32px;} .service-card {background-color:var(--white);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);position:relative;border:1px solid var(--slate-200);} .service-card::before {content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:repeating-linear-gradient( -45deg,var(--primary),var(--primary) 10px,var(--dark) 10px,var(--dark) 20px );opacity:0;transition:var(--transition);} .service-img-wrapper {height:220px;overflow:hidden;position:relative;} .service-img {width:100%;height:100%;object-fit:cover;transition:var(--transition);} .service-icon-floating {position:absolute;bottom:-24px;right:24px;width:56px;height:56px;background-color:var(--primary);color:var(--dark);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:var(--shadow-md);z-index:10;border:3px solid var(--white);} .service-card-body {padding:32px;padding-top:40px;} .service-card-title {font-size:20px;font-weight:700;margin-bottom:12px;} .service-card-desc {color:var(--text-muted);font-size:14px;margin-bottom:24px;} .service-card-link {font-family:var(--font-heading);font-weight:700;font-size:14px;color:var(--dark);display:inline-flex;align-items:center;gap:8px;} .service-card-link i {transition:var(--transition);} .service-card:hover {transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:transparent;} .service-card:hover::before {opacity:1;} .service-card:hover .service-img {transform:scale(1.08);} .service-card:hover .service-card-link i {transform:translateX(4px);color:var(--primary);} .why-us-grid {display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;} .why-us-content h2 {font-size:36px;margin-bottom:24px;} .why-us-points {display:grid;grid-template-columns:1fr;gap:24px;margin-top:32px;} .why-point {display:flex;gap:20px;} .why-point-icon {flex-shrink:0;width:48px;height:48px;background-color:rgba(245,158,11,0.1);color:var(--primary);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;} .why-point-title {font-size:18px;font-weight:700;margin-bottom:6px;color:var(--white);} .why-point-desc {color:var(--slate-200);font-size:14px;} .why-us-image {position:relative;} .why-us-image img {border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);} .why-us-experience {position:absolute;bottom:-30px;left:-30px;background-color:var(--primary);color:var(--dark);padding:30px;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);max-width:220px;border:5px solid var(--white);} .why-us-experience .exp-years {font-size:48px;font-weight:800;font-family:var(--font-heading);line-height:1;} .why-us-experience .exp-text {font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-top:6px;} .contact-preview {background-color:var(--slate-800);padding:60px 0;color:var(--white);} .contact-preview .container {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px;} .contact-prev-text h3 {color:var(--white);font-size:28px;margin-bottom:8px;} .contact-prev-text p {color:var(--slate-200);} .contact-prev-buttons {display:flex;gap:16px;} .page-header {background-color:var(--dark);color:var(--white);padding:180px 0 60px 0;text-align:center;position:relative;overflow:hidden;} .page-header::after {content:'';position:absolute;bottom:0;left:0;width:100%;height:8px;background:repeating-linear-gradient( -45deg,var(--primary),var(--primary) 10px,var(--dark) 10px,var(--dark) 20px );} .page-header h1 {color:var(--white);font-size:48px;margin-bottom:12px;} .breadcrumbs {display:flex;justify-content:center;align-items:center;gap:8px;font-size:14px;color:var(--slate-200);} .breadcrumbs a {color:var(--primary);} .about-features {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px;} .about-feat-card {background-color:var(--white);border:1px solid var(--slate-200);border-radius:var(--border-radius-md);padding:40px 32px;text-align:center;transition:var(--transition);} .about-feat-card:hover {transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--primary);} .about-feat-icon {width:64px;height:64px;background-color:rgba(245,158,11,0.1);color:var(--primary);font-size:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:24px;} .about-feat-card h3 {margin-bottom:12px;} .about-feat-card p {color:var(--text-muted);font-size:14px;} .filter-container {display:flex;justify-content:center;gap:12px;margin-bottom:48px;flex-wrap:wrap;} .filter-btn {background-color:var(--white);border:1px solid var(--slate-200);padding:12px 24px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:600;font-size:14px;border-radius:var(--border-radius-full);cursor:pointer;transition:var(--transition);} .filter-btn:hover,.filter-btn.active {background-color:var(--primary);color:var(--dark);border-color:var(--primary);} .fleet-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:32px;} .fleet-item {background-color:var(--white);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--slate-200);transition:var(--transition);} .fleet-item:hover {transform:translateY(-5px);box-shadow:var(--shadow-md);} .fleet-img-wrap {height:240px;overflow:hidden;} .fleet-img-wrap img {width:100%;height:100%;object-fit:cover;transition:var(--transition);} .fleet-item:hover .fleet-img-wrap img {transform:scale(1.05);} .fleet-info {padding:24px;} .fleet-tag {display:inline-block;background-color:var(--slate-100);color:var(--slate-700);font-size:11px;font-weight:700;padding:4px 10px;border-radius:4px;text-transform:uppercase;margin-bottom:12px;} .fleet-title {font-size:18px;font-weight:700;margin-bottom:12px;} .fleet-specs {display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:16px;border-top:1px solid var(--slate-200);} .spec-line {font-size:13px;color:var(--text-muted);} .spec-line strong {color:var(--dark);} .contact-grid {display:grid;grid-template-columns:0.8fr 1.2fr;gap:60px;} .contact-info-panel {display:flex;flex-direction:column;gap:32px;} .contact-card-v2 {background-color:var(--white);border:1px solid var(--slate-200);border-radius:var(--border-radius-md);padding:32px;display:flex;gap:20px;} .contact-card-icon {width:56px;height:56px;background-color:rgba(245,158,11,0.1);color:var(--primary);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;} .contact-card-details h3 {font-size:18px;margin-bottom:8px;} .contact-card-details p,.contact-card-details a {color:var(--text-muted);font-size:15px;} .contact-card-details a:hover {color:var(--primary);} .contact-form-panel {background-color:var(--white);border:1px solid var(--slate-200);border-radius:var(--border-radius-md);padding:48px;box-shadow:var(--shadow-sm);} .contact-form-panel h2 {font-size:28px;margin-bottom:8px;} .contact-form-panel > p {color:var(--text-muted);margin-bottom:32px;} .form-group-row {display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;} .form-group {margin-bottom:24px;display:flex;flex-direction:column;gap:8px;} .form-label {font-size:14px;font-weight:600;color:var(--slate-700);} .form-control {width:100%;padding:12px 16px;font-family:var(--font-body);font-size:15px;border:1px solid var(--slate-200);background-color:var(--light);border-radius:var(--border-radius-sm);outline:none;transition:var(--transition);} .form-control:focus {border-color:var(--primary);background-color:var(--white);box-shadow:0 0 0 4px rgba(245,158,11,0.15);} textarea.form-control {min-height:150px;resize:vertical;} .form-status {padding:12px 16px;border-radius:var(--border-radius-sm);margin-bottom:20px;font-size:14px;display:none;} .form-status.success {display:block;background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0;} .form-status.error {display:block;background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5;} .map-section {height:450px;position:relative;border-top:1px solid var(--slate-200);} .map-section iframe {width:100%;height:100%;border:none;} .footer {background-color:var(--dark);color:var(--slate-200);padding:80px 0 20px 0;border-top:4px solid var(--primary);} .footer-grid {display:grid;grid-template-columns:1.2fr 0.8fr 1fr;gap:60px;margin-bottom:60px;} .footer-col h3 {color:var(--white);font-size:20px;margin-bottom:24px;position:relative;padding-bottom:12px;} .footer-col h3::after {content:'';position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:var(--primary);} .footer-col p {font-size:14px;margin-bottom:20px;color:var(--slate-200);} .footer-links {display:flex;flex-direction:column;gap:12px;} .footer-links a {font-size:14px;color:var(--slate-200);display:flex;align-items:center;gap:8px;} .footer-links a:hover {color:var(--primary);transform:translateX(4px);} .footer-contact-list {display:flex;flex-direction:column;gap:16px;} .footer-contact-item {display:flex;gap:12px;font-size:14px;} .footer-contact-item i {color:var(--primary);margin-top:4px;} .footer-bottom {padding-top:20px;border-top:1px solid rgba(255,255,255,0.05);display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--slate-200);} .footer-bottom a {color:var(--primary);font-weight:600;text-decoration:none;transition:var(--transition);} .footer-bottom a:hover {color:var(--white);} .mobile-action-bar {position:fixed;bottom:0;left:0;width:100%;background-color:var(--dark);display:none;grid-template-columns:1fr 1fr;box-shadow:0 -4px 10px rgba(0,0,0,0.25);z-index:999;} .action-bar-btn {display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 12px;font-family:var(--font-heading);font-weight:700;font-size:14px;text-transform:uppercase;text-align:center;color:var(--white);transition:var(--transition);} .action-bar-btn.call-btn {background-color:var(--primary);color:var(--dark);} .action-bar-btn.call-btn:hover {background-color:var(--primary-hover);} .action-bar-btn.whatsapp-btn {background-color:#25d366;} .action-bar-btn.whatsapp-btn:hover {background-color:#128c7e;} @media (max-width:1024px) {.hero .container {grid-template-columns:1fr;gap:60px;text-align:center;} .hero-content {max-width:100%;margin:0 auto;} .hero-ctas {justify-content:center;} .hero-card {max-width:500px;margin:0 auto;text-align:left;} .services-grid {grid-template-columns:repeat(2,1fr);} .why-us-grid {grid-template-columns:1fr;gap:60px;} .why-us-image {order:-1;max-width:500px;margin:0 auto;} .why-us-experience {left:20px;bottom:20px;} .fleet-grid {grid-template-columns:repeat(2,1fr);} .contact-grid {grid-template-columns:1fr;gap:40px;} .footer-grid {grid-template-columns:1fr 1fr;} .footer-col:first-child {grid-column:span 2;}} @media (max-width:768px) {:root {--header-height:70px;} .section {padding:60px 0;} .hero {min-height:auto;padding-top:calc(var(--header-height) + 20px);padding-bottom:60px;} .page-header {padding:120px 0 40px 0;} .hero-title {font-size:36px;} .hero-text {font-size:16px;} .stats-bar {margin-top:0;padding:30px 0;} .stats-grid {grid-template-columns:repeat(2,1fr);gap:20px;} .stat-item {border-right:none;} .stat-item:nth-child(odd) {border-right:1px solid var(--slate-200);} .hamburger {display:flex;} .nav-menu {position:fixed;top:0;right:-100%;width:300px;height:100vh;background-color:var(--white);box-shadow:-10px 0 30px rgba(0,0,0,0.15);flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:100px 40px;gap:24px;z-index:1000;transition:var(--transition);} .nav-menu.active {right:0;} .nav-link {font-size:18px;width:100%;} .menu-overlay {position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.5);z-index:999;display:none;} .menu-overlay.active {display:block;} .hamburger.active span:nth-child(1) {transform:translateY(8.5px) rotate(45deg);} .hamburger.active span:nth-child(2) {opacity:0;} .hamburger.active span:nth-child(3) {transform:translateY(-9px) rotate(-45deg);} .services-grid,.fleet-grid {grid-template-columns:1fr;} .about-features {grid-template-columns:1fr;} .form-group-row {grid-template-columns:1fr;gap:0;} .contact-form-panel {padding:30px 20px;} .footer-grid {grid-template-columns:1fr;gap:40px;} .footer-col:first-child {grid-column:span 1;} .footer-bottom {flex-direction:column;gap:16px;text-align:center;} .mobile-action-bar {display:grid;} body {padding-bottom:50px;}} .floating-social-container {position:fixed;bottom:30px;right:30px;display:flex;flex-direction:column;gap:16px;z-index:1000;transition:var(--transition);} .floating-social-btn {width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:26px;box-shadow:0 4px 15px rgba(0,0,0,0.25);transition:var(--transition);} .floating-social-btn:hover {transform:translateY(-5px) scale(1.08);} .floating-social-btn.whatsapp-floating {background-color:#25d366;} .floating-social-btn.whatsapp-floating:hover {background-color:#128c7e;box-shadow:0 6px 20px rgba(37,211,102,0.4);} .floating-social-btn.instagram-floating {background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);} .floating-social-btn.instagram-floating:hover {box-shadow:0 6px 20px rgba(214,36,159,0.4);} .floating-social-btn.location-floating {background-color:#3b82f6;} .floating-social-btn.location-floating:hover {background-color:#1d4ed8;box-shadow:0 6px 20px rgba(59,130,246,0.4);} @media (max-width:768px) {.floating-social-container {bottom:90px;right:20px;gap:12px;} .floating-social-btn {width:48px;height:48px;font-size:22px;}}