:root{
  --primary:#7c3aed;
  --secondary:#c084fc;
  --accent:#22c55e;
  --dark:#0a0713;
  --dark-2:#140c23;
  --text:#f7f3ff;
  --muted:#c7bddc;
  --card:rgba(255,255,255,.06);
  --border:rgba(255,255,255,.10);
  --shadow:0 20px 50px rgba(0,0,0,.30);
}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--dark),var(--dark-2));color:var(--text)}
a{text-decoration:none}
.text-soft{color:var(--muted)!important}
.section-space{padding:100px 0}
.glass-card{background:var(--card);border:1px solid var(--border);backdrop-filter:blur(12px);box-shadow:var(--shadow);border-radius:28px}
.navbar-pro{background:rgba(10,7,19,.75)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:#fff;box-shadow:0 10px 24px rgba(124,58,237,.35)}
.btn-brand{background:linear-gradient(135deg,var(--primary),#5b21b6);border:0;color:#fff;box-shadow:0 16px 28px rgba(124,58,237,.35)}
.btn-brand:hover{color:#fff;transform:translateY(-1px)}
.btn-outline-brand{color:#fff;border:1px solid rgba(255,255,255,.16)}
.btn-outline-brand:hover{background:rgba(255,255,255,.06);color:#fff}
.hero{position:relative;padding:140px 0 110px;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,7,19,.93),rgba(10,7,19,.68)),var(--hero-bg) center/cover no-repeat;opacity:.9}
.hero::after{content:"";position:absolute;right:-160px;top:40px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(192,132,252,.20),transparent 65%)}
.hero > .container{position:relative;z-index:2}
.hero-title{font-size:clamp(2.3rem,5vw,4.8rem);font-weight:800;line-height:1.08}
.hero-title span{background:linear-gradient(135deg,#fff,#d8b4fe);-webkit-background-clip:text;background-clip:text;color:transparent}
.badge-soft{padding:12px 16px;border-radius:999px;background:rgba(192,132,252,.12);border:1px solid rgba(192,132,252,.22);color:#efe6ff;font-weight:600}
.hero-image-wrap{padding:12px}
.hero-image{width:100%;height:560px;object-fit:cover;border-radius:24px}
.stat-box{padding:20px;text-align:center;height:100%}
.stat-box h3{font-size:2rem;font-weight:800;margin-bottom:6px}
.section-heading{max-width:760px;margin:0 auto 50px;text-align:center}
.section-heading h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;margin-bottom:14px}
.icon-box{width:62px;height:62px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(124,58,237,.24),rgba(192,132,252,.16));font-size:1.4rem;color:#fff}
.card-item{padding:28px;height:100%}
.fleet-card{overflow:hidden;height:100%}
.fleet-card img{width:100%;height:240px;object-fit:cover}
.fleet-card .card-body{padding:28px}
.price-tag{font-size:1.35rem;font-weight:800;color:#fff}
.process-line{position:relative}
.process-step{padding:26px;height:100%}
.process-number{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--secondary));font-weight:800;box-shadow:0 10px 20px rgba(124,58,237,.32)}
.testimonial-card{padding:28px;height:100%}
.avatar{width:64px;height:64px;border-radius:50%;object-fit:cover}
.accordion-pro .accordion-item{background:transparent;border:0;margin-bottom:16px}
.accordion-pro .accordion-button{background:rgba(255,255,255,.05);color:#fff;border:1px solid var(--border);border-radius:20px!important;box-shadow:none;font-weight:600}
.accordion-pro .accordion-button:not(.collapsed){background:rgba(124,58,237,.18)}
.accordion-pro .accordion-body{color:var(--muted);padding:18px 20px}
.cta-banner{padding:46px}
.contact-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;color:var(--muted)}
.wa-float{position:fixed;right:22px;bottom:22px;width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;font-size:1.5rem;box-shadow:0 18px 34px rgba(34,197,94,.35);z-index:1050}
footer{border-top:1px solid var(--border)}
@media (max-width:991.98px){.hero{padding-top:120px}.hero-image{height:420px}.section-space{padding:80px 0}}
@media (max-width:767.98px){.hero-image{height:300px}.cta-banner{padding:30px}.wa-float{width:56px;height:56px;right:16px;bottom:16px}}
