:root{--bg-0: #040914;--bg-1: #070e1c;--bg-2: #0b1526;--bg-3: #111d33;--border: rgba(255, 255, 255, .06);--border-gold: rgba(212, 175, 55, .3);--gold: #D4AF37;--gold-light: #FCE895;--gold-dim: rgba(212, 175, 55, .12);--gold-glow: rgba(212, 175, 55, .35);--text-1: #F8FAFC;--text-2: #94A3B8;--text-3: #475569;--font: "Outfit", sans-serif;--mono: "JetBrains Mono", monospace;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg-0);color:var(--text-1);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-0)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-image:linear-gradient(rgba(212,175,55,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.025) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 0%,black 30%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 0%,black 30%,transparent 100%);pointer-events:none}.orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;animation:orbFloat 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(212,175,55,.08) 0%,transparent 70%);top:-200px;right:-100px}.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(138,107,39,.06) 0%,transparent 70%);bottom:100px;left:-100px;animation-delay:-10s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:18px 0;transition:all .4s var(--ease)}.navbar.scrolled{background:#050507ed;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:12px 0}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--gold),#8A6B27);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#000;font-weight:900;box-shadow:0 0 20px #d4af374d;flex-shrink:0;font-family:var(--mono);letter-spacing:-1px}.logo-img{width:40px;height:40px;border-radius:var(--r-sm);object-fit:contain;flex-shrink:0}.logo-text{font-size:1rem;font-weight:700;color:var(--text-1);letter-spacing:.3px;line-height:1.2}.logo-sub{font-size:.58rem;font-weight:400;color:var(--text-3);letter-spacing:2px;text-transform:uppercase;font-family:var(--mono);display:block}.nav-menu{display:flex;align-items:center;gap:4px;list-style:none}.nav-link{color:var(--text-2);text-decoration:none;font-size:.88rem;font-weight:500;padding:8px 14px;border-radius:var(--r-sm);transition:all .2s var(--ease)}.nav-link:hover{color:var(--text-1);background:#ffffff0d}.nav-link.active{color:var(--gold)}.nav-right{display:flex;align-items:center;gap:12px}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;border-radius:var(--r-sm);z-index:1100;position:relative}.hamburger span{display:block;width:22px;height:2px;background:var(--text-2);border-radius:2px;transition:all .3s var(--ease);transform-origin:center}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);background:var(--gold)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);background:var(--gold)}.mobile-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#050507fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1050;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:100px 24px 40px}.mobile-menu.open{display:flex;animation:fadeIn .3s ease}.mobile-menu .nav-link{font-size:1.3rem;font-weight:600;padding:16px 32px;width:100%;text-align:center;border:1px solid var(--border);border-radius:var(--r-md)}.mobile-menu .nav-link:hover{border-color:var(--border-gold);color:var(--gold);background:var(--gold-dim)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.nav-menu{display:none}.hamburger{display:flex}.admin-btn-nav{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;border-radius:var(--r-sm);font-family:var(--font);font-size:.9rem;font-weight:600;cursor:pointer;border:none;outline:none;text-decoration:none;transition:all .25s var(--ease);position:relative;overflow:hidden;white-space:nowrap}.btn-gold{background:linear-gradient(135deg,var(--gold) 0%,#8A6B27 100%);color:#000;box-shadow:0 4px 20px #d4af3740}.btn-gold:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--gold-light),var(--gold));opacity:0;transition:opacity .3s}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d4af3759}.btn-gold:hover:after{opacity:1}.btn-gold span,.btn-gold svg{position:relative;z-index:1}.btn-ghost{background:#ffffff0a;border:1px solid var(--border);color:var(--text-2)}.btn-ghost:hover{background:#ffffff14;border-color:var(--border-gold);color:var(--gold);transform:translateY(-1px)}.btn-lg{padding:15px 32px;font-size:1rem;border-radius:var(--r-md)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:140px 0 100px;z-index:1}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:60px}}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--border-gold);border-radius:100px;background:var(--gold-dim);font-size:.75rem;font-weight:600;color:var(--gold);letter-spacing:1.5px;text-transform:uppercase;font-family:var(--mono);margin-bottom:28px}.badge-dot{width:6px;height:6px;background:var(--gold);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-title{font-size:clamp(2.8rem,5vw,4.2rem);font-weight:800;line-height:1.05;letter-spacing:-1.5px;margin-bottom:24px}.hero-title .line-white{color:var(--text-1);display:block}.hero-title .line-gold{display:block;background:linear-gradient(90deg,var(--gold),var(--gold-light) 60%,var(--gold));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}.hero-desc{font-size:1.05rem;color:var(--text-2);line-height:1.8;margin-bottom:40px;max-width:500px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:56px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:32px;border-top:1px solid var(--border)}.stat-num{font-size:1.8rem;font-weight:800;color:var(--gold);letter-spacing:-1px;line-height:1;margin-bottom:4px;font-family:var(--mono)}.stat-label{font-size:.75rem;color:var(--text-3);text-transform:uppercase;letter-spacing:1px;font-weight:500}.hero-visual{position:relative}.dash-wrap{position:relative;transform:perspective(1200px) rotateY(-8deg) rotateX(4deg);transition:transform .6s var(--ease)}.dash-wrap:hover{transform:perspective(1200px) rotateY(0) rotateX(0)}.dash-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;box-shadow:0 40px 80px #0009,0 0 60px #d4af370d,inset 0 1px #ffffff0d}.dash-topbar{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:#ffffff05}.dash-dots{display:flex;gap:6px}.dash-dot{width:10px;height:10px;border-radius:50%}.d-red{background:#ff5f57}.d-yellow{background:#febc2e}.d-green{background:#28c840}.dash-title-bar{font-family:var(--mono);font-size:.68rem;color:var(--text-3);letter-spacing:1px}.dash-body{padding:20px;display:grid;gap:12px}.vehicle-list{display:grid;gap:8px}.vehicle-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff05;border:1px solid var(--border);border-radius:var(--r-sm);transition:border-color .2s}.vehicle-row:hover{border-color:var(--border-gold)}.vehicle-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-active{background:#22c55e;box-shadow:0 0 6px #22c55e99;animation:pulse 2s ease-in-out infinite}.status-idle{background:var(--gold);box-shadow:0 0 6px var(--gold-glow)}.status-off{background:var(--text-3)}.vehicle-info{flex:1;min-width:0}.vehicle-name{font-family:var(--mono);font-size:.72rem;color:var(--text-1);font-weight:500}.vehicle-route{font-size:.68rem;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vehicle-badge{font-family:var(--mono);font-size:.62rem;padding:2px 7px;border-radius:4px;font-weight:600;flex-shrink:0}.vb-escolar{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.vb-especial{background:var(--gold-dim);color:var(--gold);border:1px solid var(--border-gold)}.vb-turistico{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.2)}.dash-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dash-stat{background:#ffffff05;border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 12px}.dash-stat-num{font-family:var(--mono);font-size:1.1rem;font-weight:700;color:var(--gold);display:block}.dash-stat-label{font-size:.62rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.8px}.dash-alert{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r-sm);border-left:2px solid #22c55e;background:#22c55e0f;font-size:.72rem;color:var(--text-2);font-family:var(--mono)}.dash-alert-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;flex-shrink:0;animation:pulse 1.5s ease-in-out infinite}.float-tag{position:absolute;padding:8px 14px;border-radius:var(--r-sm);font-size:.73rem;font-family:var(--mono);font-weight:600;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-gold);background:#050507e0;color:var(--gold);white-space:nowrap;box-shadow:0 8px 24px #0006;animation:floatUpDown 4s ease-in-out infinite}.float-tag-1{top:-22px;right:-20px}.float-tag-2{bottom:16px;left:-30px;animation-delay:-2s}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.trust-bar{position:relative;z-index:1;padding:26px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;background:var(--bg-1)}.marquee-track{display:flex;gap:56px;width:max-content;animation:marquee 35s linear infinite}.trust-bar:hover .marquee-track{animation-play-state:paused}.marquee-item{display:flex;align-items:center;gap:9px;font-size:.77rem;color:var(--text-3);font-weight:500;letter-spacing:1.5px;text-transform:uppercase;font-family:var(--mono);white-space:nowrap;flex-shrink:0}.marquee-item svg{width:14px;height:14px;fill:none;stroke:var(--text-3);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.marquee-sep{color:var(--border-gold);font-size:1.2rem;flex-shrink:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.services{position:relative;z-index:1;padding:120px 0}.section-eyebrow{font-family:var(--mono);font-size:.72rem;color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:10px}.section-eyebrow:before{content:"";width:24px;height:1px;background:var(--gold);flex-shrink:0}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:16px;color:var(--text-1)}.section-desc{font-size:1rem;color:var(--text-2);max-width:500px;line-height:1.75}.section-header-block{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:70px}@media(max-width:768px){.section-header-block{grid-template-columns:1fr;gap:30px}}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--border);border-radius:var(--r-xl);overflow:hidden}@media(max-width:900px){.services-grid{grid-template-columns:1fr}}.srv-card{background:var(--bg-1);padding:48px 38px;position:relative;overflow:hidden;transition:background .3s}.srv-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:opacity .3s}.srv-card:hover{background:var(--bg-2)}.srv-card:hover:before{opacity:1}.srv-icon-wrap{width:60px;height:60px;border-radius:var(--r-md);background:var(--gold-dim);border:1px solid var(--border-gold);display:flex;align-items:center;justify-content:center;margin-bottom:28px;transition:box-shadow .3s;font-size:1.6rem}.srv-card:hover .srv-icon-wrap{box-shadow:0 0 28px var(--gold-glow)}.srv-num{font-family:var(--mono);font-size:.68rem;color:var(--text-3);letter-spacing:2px;margin-bottom:28px;display:block}.srv-title{font-size:1.3rem;font-weight:700;color:var(--text-1);margin-bottom:14px;letter-spacing:-.3px}.srv-desc{font-size:.9rem;color:var(--text-2);line-height:1.8}.srv-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.srv-tag{font-size:.72rem;padding:4px 10px;border-radius:4px;font-family:var(--mono);font-weight:500;background:#ffffff0a;border:1px solid var(--border);color:var(--text-3)}.fleet{position:relative;z-index:1;padding:120px 0;background:var(--bg-1);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.fleet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:70px;background:var(--border);border-radius:var(--r-xl);overflow:hidden}@media(max-width:768px){.fleet-grid{grid-template-columns:1fr}}.fleet-card{background:var(--bg-0);padding:44px 38px;transition:background .3s;position:relative;overflow:hidden}.fleet-card:hover{background:var(--bg-2)}.fleet-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent)}.fleet-brand{font-family:var(--mono);font-size:.68rem;color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:8px}.fleet-brand:before{content:"";width:16px;height:1px;background:var(--gold)}.fleet-name{font-size:1.6rem;font-weight:800;color:var(--text-1);letter-spacing:-.5px;margin-bottom:10px}.fleet-year{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.72rem;color:var(--gold);background:var(--gold-dim);border:1px solid var(--border-gold);padding:4px 10px;border-radius:4px;margin-bottom:20px}.fleet-desc{font-size:.9rem;color:var(--text-2);line-height:1.8;margin-bottom:24px}.fleet-specs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fleet-spec{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-3)}.fleet-spec svg{width:14px;height:14px;stroke:var(--gold);fill:none;stroke-width:2;stroke-linecap:round;flex-shrink:0}.why{position:relative;z-index:1;padding:120px 0}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}@media(max-width:900px){.why-grid{grid-template-columns:1fr;gap:60px}}.why-list{display:grid;gap:2px;background:var(--border);border-radius:var(--r-xl);overflow:hidden;margin-top:40px}.why-item{display:flex;align-items:flex-start;gap:18px;padding:28px 30px;background:var(--bg-1);transition:background .3s}.why-item:hover{background:var(--bg-2)}.why-icon{width:40px;height:40px;background:var(--gold-dim);border:1px solid var(--border-gold);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.why-icon svg{width:18px;height:18px;stroke:var(--gold);fill:none;stroke-width:2;stroke-linecap:round}.why-text h4{font-size:.98rem;font-weight:700;color:var(--text-1);margin-bottom:4px}.why-text p{font-size:.85rem;color:var(--text-3);line-height:1.7}.metrics-block{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--border);border-radius:var(--r-xl);overflow:hidden}.metric-cell{background:var(--bg-2);padding:40px 32px;text-align:center;transition:background .3s}.metric-cell:hover{background:var(--bg-3)}.metric-num{font-size:2.8rem;font-weight:800;color:var(--gold);font-family:var(--mono);letter-spacing:-2px;line-height:1;margin-bottom:8px}.metric-label{font-size:.78rem;color:var(--text-3);text-transform:uppercase;letter-spacing:1.5px;line-height:1.5}.clients{position:relative;z-index:1;padding:120px 0;background:var(--bg-1);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.clients-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:70px;background:var(--border);border-radius:var(--r-xl);overflow:hidden}@media(max-width:768px){.clients-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.clients-grid{grid-template-columns:1fr}}.client-card{background:var(--bg-0);padding:36px 30px;display:flex;flex-direction:column;gap:12px;transition:background .3s}.client-card:hover{background:var(--bg-2)}.client-scope{font-family:var(--mono);font-size:.65rem;color:var(--gold);letter-spacing:2px;text-transform:uppercase}.client-name{font-size:1rem;font-weight:700;color:var(--text-1)}.client-detail{font-size:.83rem;color:var(--text-3);line-height:1.7}.cert{position:relative;z-index:1;padding:120px 0}.cert-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}@media(max-width:900px){.cert-inner{grid-template-columns:1fr;gap:60px}}.cert-cards{display:grid;gap:2px;background:var(--border);border-radius:var(--r-xl);overflow:hidden}.cert-card{background:var(--bg-1);padding:28px 30px;display:flex;align-items:center;gap:18px;transition:background .3s}.cert-card:hover{background:var(--bg-2)}.cert-badge{width:48px;height:48px;border-radius:var(--r-sm);background:var(--gold-dim);border:1px solid var(--border-gold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cert-badge svg{width:20px;height:20px;stroke:var(--gold);fill:none;stroke-width:2;stroke-linecap:round}.cert-info h4{font-size:.95rem;font-weight:700;color:var(--text-1);margin-bottom:3px}.cert-info p{font-size:.82rem;color:var(--text-3);line-height:1.6}.cta-section{position:relative;z-index:1;padding:140px 0;text-align:center;overflow:hidden}.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(212,175,55,.08) 0%,transparent 70%);pointer-events:none}.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:40px}.contact-bar{position:relative;z-index:1;background:var(--bg-1);border-top:1px solid var(--border);padding:0}.contact-inner{display:grid;grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.contact-inner{grid-template-columns:1fr}}.contact-item{display:flex;align-items:center;gap:16px;padding:32px 36px;border-right:1px solid var(--border);transition:background .2s;cursor:pointer;text-decoration:none}.contact-item:last-child{border-right:none}.contact-item:hover{background:var(--bg-2)}.contact-item-icon{width:44px;height:44px;background:var(--gold-dim);border:1px solid var(--border-gold);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-item-icon svg{width:18px;height:18px;stroke:var(--gold);fill:none;stroke-width:2;stroke-linecap:round}.contact-item-label{font-size:.7rem;color:var(--text-3);text-transform:uppercase;letter-spacing:1.5px;font-family:var(--mono);margin-bottom:2px}.contact-item-value{font-size:.92rem;font-weight:600;color:var(--text-1)}footer{position:relative;z-index:1;background:var(--bg-0);border-top:1px solid var(--border);padding:60px 0 36px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:60px;margin-bottom:56px}@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:40px}}@media(max-width:500px){.footer-grid{grid-template-columns:1fr}}.footer-brand p{font-size:.86rem;color:var(--text-3);line-height:1.85;margin-top:14px;max-width:270px}.footer-col-title{font-size:.72rem;font-weight:700;color:var(--text-1);letter-spacing:2px;text-transform:uppercase;font-family:var(--mono);margin-bottom:20px}.footer-links-list{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-links-list a{font-size:.86rem;color:var(--text-3);text-decoration:none;transition:color .2s}.footer-links-list a:hover{color:var(--gold)}.footer-bottom{padding-top:32px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-bottom p{font-size:.78rem;color:var(--text-3);font-family:var(--mono)}.footer-socials{display:flex;gap:10px}.social-btn{width:34px;height:34px;border:1px solid var(--border);border-radius:var(--r-sm);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;text-decoration:none}.social-btn svg{width:14px;height:14px;fill:none;stroke:var(--text-3);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.social-btn:hover{border-color:var(--border-gold);background:var(--gold-dim)}.social-btn:hover svg{stroke:var(--gold)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility .3s}.modal-overlay.active{opacity:1;visibility:visible}.modal-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-xl);padding:48px 40px;width:100%;max-width:420px;position:relative;transform:translateY(20px) scale(.97);transition:transform .4s var(--ease-bounce);box-shadow:0 40px 80px #0009}.modal-overlay.active .modal-card{transform:translateY(0) scale(1)}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#ffffff1a;color:var(--text-1)}.modal-icon{width:52px;height:52px;background:var(--gold-dim);border:1px solid var(--border-gold);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.modal-icon svg{width:22px;height:22px;stroke:var(--gold);fill:none;stroke-width:2;stroke-linecap:round}.modal-title{font-size:1.5rem;font-weight:800;color:var(--text-1);letter-spacing:-.5px;margin-bottom:8px}.modal-sub{font-size:.86rem;color:var(--text-2);margin-bottom:32px;line-height:1.65}.input-wrap{position:relative;margin-bottom:8px}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:var(--text-3);fill:none;stroke-width:2;stroke-linecap:round;pointer-events:none;transition:stroke .2s}.admin-input{width:100%;padding:14px 44px;background:var(--bg-0);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-1);font-family:var(--mono);font-size:.95rem;letter-spacing:3px;outline:none;transition:border-color .2s,box-shadow .2s}.admin-input::placeholder{letter-spacing:1px;font-size:.85rem;color:var(--text-3)}.admin-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4af371a}.toggle-pw{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;color:var(--text-3);transition:color .2s}.toggle-pw:hover{color:var(--text-1)}.toggle-pw svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}.error-msg{font-size:.8rem;color:#ef4444;font-family:var(--mono);margin-bottom:16px;display:none;align-items:center;gap:6px;padding:10px 14px;background:#ef444414;border-radius:var(--r-sm);border:1px solid rgba(239,68,68,.2)}.error-msg.show{display:flex}.btn-submit{width:100%;padding:14px;border-radius:var(--r-sm);font-family:var(--font);font-size:.95rem;font-weight:700;cursor:pointer;border:none;background:linear-gradient(135deg,var(--gold),#8A6B27);color:#000;box-shadow:0 4px 20px #d4af3740;transition:all .25s var(--ease);display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;margin-top:16px}.btn-submit:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--gold-light),var(--gold));opacity:0;transition:opacity .3s}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d4af3759}.btn-submit:hover:after{opacity:1}.btn-submit span,.btn-submit svg{position:relative;z-index:1}.btn-submit.loading{pointer-events:none;opacity:.7}.modal-security-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px;font-size:.72rem;color:var(--text-3);font-family:var(--mono)}.modal-security-note svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.hero{background-image:linear-gradient(to right,#050507fa,#050507b3 40%,#0505074d),url(../img/backgrounds/hero-bg.webp);background-size:cover;background-position:center;background-attachment:fixed}.fleet-img-wrapper{width:100%;height:220px;margin-bottom:24px;border-radius:var(--r-md);overflow:hidden;background:var(--bg-1)}.fleet-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.fleet-card:hover .fleet-img-wrapper img{transform:scale(1.05)}.float-wa{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background-color:#25d366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #25d36666;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1)}.float-wa:hover{transform:scale(1.1) translateY(-5px)}.float-wa svg{width:34px;height:34px;fill:currentColor}@media(max-width:768px){.float-wa{bottom:20px;right:20px;width:50px;height:50px}.float-wa svg{width:28px;height:28px}}.fleet-swiper{padding-bottom:60px!important}.fleet-swiper .swiper-pagination-bullet{background:var(--text-2);opacity:.5}.fleet-swiper .swiper-pagination-bullet-active{background:var(--gold);opacity:1}.fleet-swiper .swiper-button-next,.fleet-swiper .swiper-button-prev{color:var(--gold);top:40%}.fleet-card.glass{background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)}.fleet-card.glass:hover{background:#ffffff0f;border-color:var(--gold-glow)}.gallery-section{padding:80px 0;background-color:var(--bg-1)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:40px}.gallery-item{position:relative;border-radius:var(--r-md);overflow:hidden;aspect-ratio:4 / 3;cursor:pointer;background:var(--bg-2)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.gallery-item:hover img{transform:scale(1.08)}.gallery-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0b152699;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s var(--ease)}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay svg{width:40px;height:40px;stroke:var(--gold);transform:translateY(20px);transition:transform .3s var(--ease)}.gallery-item:hover .gallery-overlay svg{transform:translateY(0)}

/* ==========================================================================
   FUTURISTIC FLEET CAROUSEL UPDATES & OVERRIDES
   ========================================================================== */
.fleet-card {
    border-radius: 24px !important;
}
.fleet-img-wrapper {
    width: 100% !important;
    height: 220px !important;
    margin-bottom: 24px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: var(--bg-1) !important;
    position: relative !important;
}
.fleet-img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: 0 !important;
    transition: opacity 0.5s ease, transform 0.5s ease !important;
    transform: scale(1.02) !important;
}
.fleet-img.active {
    opacity: 1 !important;
    position: relative !important;
    transform: scale(1) !important;
}
.fleet-card:hover .fleet-img.active {
    transform: scale(1.05) !important;
}
.fleet-img-dots {
    position: absolute !important;
    bottom: 12px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    gap: 6px !important;
    z-index: 5 !important;
    background: rgba(4, 9, 20, 0.65) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    padding: 6px 10px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}
.fleet-card:hover .fleet-img-dots {
    opacity: 1 !important;
}
.fleet-img-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.35) !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}
.fleet-img-dot:hover {
    background: rgba(255, 255, 255, 0.85) !important;
    transform: scale(1.25) !important;
}
.fleet-img-dot.active {
    background: var(--gold) !important;
    box-shadow: 0 0 8px var(--gold-glow) !important;
    width: 14px !important;
    border-radius: 3px !important;
}

/* ==========================================================================
   SHARED LIGHTBOX CSS FOR GALLERY AND FLEET MODALS
   ========================================================================== */
.lightbox {
    position: fixed;
    inset: 0;
    background: rgba(3, 7, 15, 0.97);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s var(--ease);
}

.lightbox.active {
    opacity: 1;
    pointer-events: all;
}

.lightbox-content {
    position: relative;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.lightbox-toolbar {
    position: absolute;
    top: -65px;
    right: 0;
    display: flex;
    gap: 12px;
    z-index: 2020;
}

.tb-btn {
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid var(--border);
    color: var(--text-1);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s var(--ease);
}

.tb-btn:hover, .tb-btn.active {
    background: var(--gold-dim);
    border-color: var(--gold);
    color: var(--gold-light);
    transform: scale(1.05);
    box-shadow: 0 0 10px var(--gold-glow);
}

.lightbox-img-wrapper {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--r-md);
    border: 1px solid var(--border);
    max-width: 100%;
    max-height: 60vh;
    background: #02060c;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.6);
}

.lightbox-img {
    max-width: 100%;
    max-height: 60vh;
    object-fit: contain;
    transform: scale(0.96);
    transition: transform 0.4s var(--ease), left 0.1s ease, top 0.1s ease;
    position: relative;
    left: 0;
    top: 0;
    user-select: none;
    -webkit-user-drag: none;
    display: block;
}

.lightbox-thumbs {
    display: flex;
    gap: 8px;
    justify-content: center;
    overflow-x: auto;
    max-width: 100%;
    padding: 10px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    scrollbar-width: none;
}

.lightbox-thumbs::-webkit-scrollbar {
    display: none;
}

.thumb-item {
    width: 58px;
    height: 44px;
    object-fit: cover;
    border-radius: var(--r-sm);
    border: 2px solid transparent;
    cursor: pointer;
    opacity: 0.45;
    transition: all 0.3s var(--ease);
}

.thumb-item:hover {
    opacity: 0.8;
    transform: scale(1.05);
}

.thumb-item.active {
    opacity: 1;
    border-color: var(--gold);
    box-shadow: 0 0 12px var(--gold-glow);
    transform: scale(1.05);
}

.lightbox-btn {
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid var(--border);
    color: var(--text-1);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s var(--ease);
    position: absolute;
    z-index: 2010;
}

.lightbox-btn:hover {
    background: var(--gold-dim);
    border-color: var(--gold);
    color: var(--gold-light);
    transform: translateY(-50%) scale(1.06);
    box-shadow: 0 0 12px var(--gold-glow);
}

.lightbox-prev {
    left: -80px;
    top: 50%;
    transform: translateY(-50%);
}

.lightbox-next {
    right: -80px;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 1024px) {
    .lightbox-prev {
        left: 10px;
        background: rgba(4, 9, 20, 0.8);
    }
    .lightbox-next {
        right: 10px;
        background: rgba(4, 9, 20, 0.8);
    }
    .lightbox-toolbar {
        right: 10px;
        top: -55px;
    }
}

/* ==========================================================================
   LEFT-ALIGNED HERO LAYOUT (OPTION 1 - MINIMALIST TYPOGRAPHY)
   ========================================================================== */
.hero {
    background-image: linear-gradient(to right, rgba(4, 9, 20, 0.85) 0%, rgba(4, 9, 20, 0.45) 45%, rgba(4, 9, 20, 0) 90%), url(../img/backgrounds/hero-bg.webp) !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    display: flex !important;
    align-items: center !important;
    padding: 110px 0 65px !important;
}

.hero-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 80px !important;
    align-items: center !important;
}

.hero-content {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    max-width: 540px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    transition: none !important;
}

.hero-content:hover {
    border-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

.badge {
    margin-left: 0 !important;
    margin-right: auto !important;
    margin-bottom: 16px !important;
    background: rgba(212, 175, 55, 0.12) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid var(--border-gold) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.05) !important;
}

.hero-title {
    font-size: clamp(2.2rem, 4.5vw, 3.4rem) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: -1px !important;
    margin-bottom: 16px !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8), 0 4px 20px rgba(0, 0, 0, 0.4) !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

.hero-desc {
    font-size: 1rem !important;
    color: rgba(248, 250, 252, 0.85) !important;
    line-height: 1.8 !important;
    margin-bottom: 24px !important;
    max-width: 100% !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8), 0 4px 15px rgba(0, 0, 0, 0.3) !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

.hero-actions {
    justify-content: flex-start !important;
    width: 100% !important;
    margin-bottom: 28px !important;
}

.hero-stats {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 24px !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
    margin-top: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-top: 24px !important;
}

.stat-item {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    text-align: left !important;
    box-shadow: none !important;
    flex: 1 !important;
    transition: transform 0.3s var(--ease) !important;
}

.stat-item:hover {
    background: transparent !important;
    border-color: transparent !important;
    transform: translateY(-2px) !important;
    box-shadow: none !important;
}

.stat-num {
    font-size: 2rem !important;
    font-weight: 800 !important;
    color: var(--gold) !important;
    margin-bottom: 4px !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

.stat-label {
    font-size: 0.68rem !important;
    color: var(--text-2) !important;
    letter-spacing: 0.5px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) !important;
}

@media (max-width: 900px) {
    .hero-grid {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
    .hero-content {
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 20px !important;
    }
    .hero {
        background-image: linear-gradient(to bottom, rgba(4, 9, 20, 0.75) 0%, rgba(4, 9, 20, 0.9) 100%), url(../img/backgrounds/hero-bg.webp) !important;
        padding: 100px 0 100px !important; /* More breathing room on mobile height stretch */
    }
    .hero-stats {
        flex-wrap: wrap !important;
        gap: 20px !important;
    }
    .stat-item {
        flex: none !important;
        width: 45% !important;
    }
}

/* Scroll Indicator */
.scroll-indicator {
    position: absolute;
    bottom: 80px !important;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    opacity: 0.6;
    transition: all 0.3s var(--ease);
    z-index: 5;
    cursor: pointer;
}

.scroll-indicator:hover {
    opacity: 1;
    transform: translateX(-50%) translateY(-3px);
}

.mouse {
    width: 20px;
    height: 32px;
    border: 2px solid var(--text-2);
    border-radius: 10px;
    position: relative;
    display: flex;
    justify-content: center;
}

.wheel {
    width: 2px;
    height: 6px;
    background: var(--gold);
    border-radius: 1px;
    position: absolute;
    top: 6px;
    animation: scrollWheel 1.6s cubic-bezier(.15, .41, .69, .94) infinite;
}

@keyframes scrollWheel {
    0% { transform: translateY(0); opacity: 1; }
    50% { transform: translateY(6px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}

.scroll-text {
    font-size: 0.62rem;
    color: var(--text-3);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: var(--mono);
    white-space: nowrap;
}

@media (max-width: 768px) {
    .scroll-indicator {
        display: none !important;
    }
}

/* Inline Trust Bar inside Hero */
.trust-bar {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 10 !important;
    background: rgba(4, 9, 20, 0.7) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-bottom: none !important;
    padding: 20px 0 !important;
}

@media (max-width: 900px) {
    .trust-bar {
        padding: 16px 0 !important;
        position: relative !important; /* Stack naturally on mobile layout if screen overflows */
    }
}





