.elementor-28168 .elementor-element.elementor-element-1f7302a{--display:flex;}.elementor-28168 .elementor-element.elementor-element-8bd6965{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28168 .elementor-element.elementor-element-84ce901 > .elementor-widget-container{margin:-21px 0px 0px 0px;}.elementor-28168 .elementor-element.elementor-element-c6d4257{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-28168 .elementor-element.elementor-element-d02c25f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28168 .elementor-element.elementor-element-783d768{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28168 .elementor-element.elementor-element-5fc68fa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28168 .elementor-element.elementor-element-51776f7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28168 .elementor-element.elementor-element-b04ee98{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28168 .elementor-element.elementor-element-66a45ca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28168 .elementor-element.elementor-element-2b7ec00{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28168 .elementor-element.elementor-element-9d6f4cb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-28168:not(.elementor-motion-effects-element-type-background), body.elementor-page-28168 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5a2a28a6 );}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-84ce901 */.fleet-links{ align-items:center; } .fleet-links a{ font-size:13px; } .fleet-brand strong{ font-size:15px; } .fleet-brand small{ font-size:12px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-762c583 */.hero{ background:#fff; padding-top: 120px; padding-bottom: 80px; } .hero .lead{ font-size:16px; } .hero .cta-row .btn{ margin-top:4px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b70b832 */#contact .btn { padding: 11px 16px; font-size: 13px; } #contact .pill { padding: 12px 14px; }/* End custom CSS */ /* Start custom CSS *//* ========================= FONTS (load via ) Bebas Neue + Inter ========================= */ :root{ --ink:#111; --muted:#6b7280; --panel:#ffffff; --tile:#e5e7eb; --dark:#4b4b4b; --yellow:#fbbf24; --line:rgba(17,17,17,.08); --shadow: 0 22px 55px rgba(0,0,0,.14); --shadow-soft: 0 18px 40px rgba(0,0,0,.10); --r16:16px; --r20:20px; --max:1140px; } /* Reset-ish */ *{box-sizing:border-box} html{scroll-behavior:smooth} body{ margin:0; font-family:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:var(--ink); background:#f7f7f7; line-height:1.7; padding-bottom:120px; /* chat bubble breathing room */ } a{color:inherit;text-decoration:none} img{max-width:100%;height:auto;display:block} /* Headings */ h1,h2,h3,h4,.fleet-h{ font-family:"Bebas Neue", Impact, "Arial Narrow", sans-serif; letter-spacing:.6px; line-height:1.05; margin:0; } p{margin:0;color:var(--muted)} /* Section wrapper */ .fleet-section{ padding: 90px 20px; scroll-margin-top: 110px; } .fleet-wrap{ max-width: var(--max); margin: 0 auto; } /* Grid utilities */ .grid{ display:grid; gap:24px; } .grid-2{ grid-template-columns: 1.15fr .85fr; } .grid-2-even{ grid-template-columns: 1fr 1fr; } .grid-3{ grid-template-columns: repeat(3,1fr); } .grid-4{ grid-template-columns: repeat(4,1fr); } .stack-16{ gap:16px; } .stack-12{ gap:12px; } /* Navbar */ .fleet-nav{ position: sticky; top:0; z-index:999; background: var(--dark); color:#fff; padding: 16px 20px; } .fleet-nav .fleet-wrap{ display:flex; align-items:center; justify-content:space-between; gap:16px; } .fleet-brand{ display:flex; align-items:center; gap:12px; min-width: 240px; } .fleet-badge{ width:40px;height:40px;border-radius:12px; background: var(--yellow); color:#111; display:grid;place-items:center; font-weight:900; } .fleet-brand small{display:block;color:rgba(255,255,255,.75);margin-top:2px;font-size:12px} .fleet-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end} .fleet-links a{color:rgba(255,255,255,.82);font-size:13px;padding:8px 10px;border-radius:12px} .fleet-links a:hover{background:rgba(255,255,255,.10);color:#fff} .btn{ display:inline-flex; align-items:center; justify-content:center; padding: 12px 18px; border-radius: 999px; font-weight: 700; font-size: 13px; border:1px solid transparent; transition:.18s ease; white-space:nowrap; } .btn-primary{ background: var(--yellow); color:#111; } .btn-primary:hover{ filter:brightness(.97); transform:translateY(-1px); } .btn-ghost{ background: transparent; border-color: rgba(255,255,255,.28); color:#fff; } .btn-ghost:hover{ background: rgba(255,255,255,.10); } /* Hero */ .hero{ padding-top: 105px; padding-bottom: 70px; background: #fff; } .hero .kicker{ display:inline-flex; gap:10px; align-items:center; color:var(--muted); font-size:13px; margin-bottom:14px; } .hero .dot{ width:9px;height:9px;border-radius:99px;background:var(--yellow); box-shadow:0 0 0 5px rgba(251,191,36,.25); } .hero h1{ font-size: 64px; } .hero .lead{ margin-top:14px; max-width: 64ch; font-size:16px; } .hero .cta-row{ display:flex; gap:12px; flex-wrap:wrap; margin-top:22px; } .hero .fineprint{ margin-top:12px; font-size:12px; color:#9ca3af; } /* Panels + tiles */ .panel{ background: var(--panel); border:1px solid var(--line); border-radius: var(--r20); padding: 28px; box-shadow: var(--shadow); } .tile{ background: var(--tile); border:1px solid var(--line); border-radius: var(--r20); padding: 20px; box-shadow: var(--shadow-soft); } .tile h3{ font-size: 22px; margin-bottom:6px; } .tile p{ font-size: 13.5px; color:#4b5563; } .subhead{ text-align:center; margin-bottom: 28px; } .subhead h2{ font-size: 44px; } .subhead p{ margin-top:8px; font-size: 14px; color:#6b7280; } /* Feature list “pills” */ .pill{ background:#d4d4d4; border:1px solid rgba(17,17,17,.06); border-radius: 14px; padding: 14px 16px; color:#111; font-size: 13px; } .pill b{ color:#111; } .pill span{ color:#4b5563; } /* CTA section */ .cta{ background: var(--yellow); color:#111; } .cta .panel{ background: rgba(255,255,255,.45); border-color: rgba(17,17,17,.12); box-shadow:none; } .cta p{ color:#111; opacity:.85; } /* Footer */ .footer{ padding: 24px 20px; background:#fff; border-top:1px solid var(--line); color:#6b7280; font-size:12px; } .footer .fleet-wrap{ display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; } /* Responsive */ @media (max-width: 980px){ .grid-2, .grid-2-even{ grid-template-columns: 1fr; } .grid-4{ grid-template-columns: 1fr 1fr; } .hero h1{ font-size: 52px; } } @media (max-width: 640px){ .grid-4, .grid-3{ grid-template-columns: 1fr; } .panel{ padding: 20px; } .hero h1{ font-size: 44px; } } /* Form styling */ .fleet-form { display:grid; gap:12px; } .fleet-label { font-size:13px; color:#111; font-weight:700; display:grid; gap:6px; } .fleet-input, .fleet-select, .fleet-textarea{ width:100%; border-radius:14px; border:1px solid rgba(17,17,17,.12); background:#fff; padding:12px 12px; font-size:14px; outline:none; } .fleet-input:focus, .fleet-select:focus, .fleet-textarea:focus{ border-color: rgba(251,191,36,.75); box-shadow: 0 0 0 4px rgba(251,191,36,.18); } .fleet-textarea{ min-height:110px; resize:vertical; } .fleet-checkgrid{ display:grid; grid-template-columns: 1fr 1fr; gap:10px; margin-top:8px; } .fleet-check{ display:flex; gap:10px; align-items:flex-start; padding:12px 12px; border-radius:14px; background:#d4d4d4; border:1px solid rgba(17,17,17,.06); font-size:13px; color:#111; } .fleet-check input{ margin-top:2px; } @media (max-width: 640px){ .fleet-checkgrid{ grid-template-columns: 1fr; } }/* End custom CSS */