@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--blue:#1C2DB4;--blue-dark:#0F1D8A;--blue-light:#EEF0FC;--text:#0A0A0A;--text-secondary:#555;--text-muted:#888;--border:#E5E5E5;--white:#fff;--bg:#F9F9FB;--max:1440px;--pad:40px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--text);background:var(--white);font-size:16px;line-height:1.6;overflow-x:hidden}
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffffff2;backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav-inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad);height:64px;display:flex;align-items:center;justify-content:space-between}
.nav-logo img{height:40px}
.nav-links{display:flex;gap:32px;list-style:none;align-items:center}
.nav-cta a {color: #fff !important;}
#menu-header-menu .nav-cta {color: #fff;}
.nav-links a{font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none}
.nav-links a:hover{color:var(--text)}
.contact-methods a {text-decoration: none !important;}
.contact-methods a .contact-method {margin: 0 0 20px !important;}
span.flabel span {color: red;}
.nav-cta{background:var(--blue);color:var(--white)!important;padding:9px 20px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap}
.nav-cta:hover{background:var(--blue-dark)!important}
.hero{padding: 100px 50px; background: linear-gradient(180deg, #F7F8FF 0%, #FFF 100%);}
/* .hero-inner{max-width:var(--max);margin:0 auto;padding:72px var(--pad) 0;text-align:center} */
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--border);border-radius:100px;padding:6px 16px;font-size:13px;color:var(--text-secondary);margin-bottom:28px}
.hero-badge span{width:8px;height:8px;background:#34C759;border-radius:50%}
h1{font-size:54px;font-weight:700;line-height:1.1;letter-spacing:-1.8px;margin:0 auto 22px}
h1 em{font-style:normal;color:var(--blue)}
.hero-sub{font-size:19px;color:var(--text-secondary);line-height:1.7;margin:0 auto 34px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.btn-primary{background:var(--blue);color:var(--white);padding:14px 32px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;border:none;cursor:pointer;display:inline-block}
.btn-primary:hover{background:var(--blue-dark)}
.btn-secondary{background:var(--white);color:var(--text);padding:14px 32px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;border:1.5px solid var(--border);display:inline-block}
/* .hero-illus{max-width:var(--max);margin:24px auto 0;padding:0 var(--pad)} */
.hero-illus img{width:100%;display:block;border-radius: 10px;}
section{padding:100px var(--pad)}
.wpcf7-spinner {position: absolute !important;bottom: 30px;left: 0;}
.section-inner{max-width:var(--max);margin:0 auto}
.section-tag{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--blue);margin-bottom:16px}
h2{font-size:40px;font-weight:700;letter-spacing:-1px;line-height:1.15;margin-bottom:12px}
.section-sub{font-size: 16px;color: var(--text-secondary);line-height: 24px;margin-bottom: 30px;}
.about{background:var(--white);padding-top: 0px;max-width: var(--max); margin: 0 auto;}
.about-lead{max-width:760px}
.about-lead p{font-size:17px;color:var(--text-secondary);line-height:1.8;margin-bottom:20px}
.about-lead p strong{color:var(--text);font-weight:600}
.about-quote {margin-top: 56px;padding: 30px 0px;background: #ffffff;border-radius: 10px;text-align: center;border: 1px solid #efefef;display: flex;align-items: center;justify-content: space-between;overflow: hidden;    border-left: 5px solid #1c2db4;}
.about-quote img {width: 40%;}
.success-content span {position: absolute;left: 35px;top: 30px;}
.about-quote blockquote img {width: 60px;}
.success-content {width: 100%;text-align: left;padding: 0 0 0 120px;}
.about-quote blockquote {font-size: 40px;font-weight: 700;line-height: 50px;max-width: 100%;margin: 0 auto 10px;letter-spacing: -1px;color: #0a0a0a;}
.about-quote cite {font-size: 16px;color: #1c2db4;font-style: normal;font-weight: 500;}
.products{background:var(--bg)}
.product-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.product-card{background:var(--white);border-radius:20px;padding:36px;border:1px solid var(--border)}
.product-card:hover{background:var(--blue);color:var(--white);border-color:var(--blue)}
.product-icon{width: 100px;height: 100px;border-radius: 24px;background: #ffffff;display: flex;align-items: center;justify-content: center;margin-bottom: 16px;}
.product-icon img {width: 100%;height: 100%; background: #fff;border-radius: 18px;}
.product-card:hover .product-icon{background:#ffffff26}
.product-icon svg{width:24px;height:24px;stroke:var(--blue);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.product-card:hover .product-icon svg{stroke:var(--white)}
.product-card h3{font-size:20px;font-weight:700;margin-bottom:12px}
.product-card>p{font-size:15px;line-height:1.7;color:var(--text-secondary)}
.product-card:hover>p{color:#fffc}
.product-features{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:8px}
.product-features li{font-size:14px;color:var(--text-secondary);display:flex;gap:8px;align-items:flex-start}
.product-card:hover .product-features li{color:#ffffffbf}
.product-features li::before{content:"\2713";color:var(--blue);font-weight:700;flex-shrink:0}
.product-card:hover .product-features li::before{color:#fff9}
.fleet{background:var(--white)}
.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.fleet-card{border:1px solid var(--border);border-radius:20px;overflow:hidden;background:var(--white);transition:box-shadow 0.2s,transform .2s}
.fleet-card:hover{box-shadow:0 12px 40px #00000012;transform:translateY(-2px)}
.fleet-card-img{background:#FBFBFC;height:250px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.fleet-card-img img{width:100%;height:100%;object-fit:cover}
.fleet-card-body{padding:24px}
.fleet-badge{display:inline-block;background:var(--blue-light);color:var(--blue);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;border-radius:6px;margin-bottom:12px}
.fleet-card h3{font-size:18px;font-weight:700;margin-bottom:4px}
.fleet-drivetrain{font-size:13px;color:var(--text-muted);margin-bottom:20px}
.fleet-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}
.fleet-spec{background:var(--bg);border-radius:8px;padding:10px 12px}
.fleet-spec-lbl{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}
.fleet-spec-val{font-size:14px;font-weight:600;margin-top:2px}
.btn-fleet{width:100%;background:var(--blue-light);color:var(--blue);border:1px solid transparent;border-radius:10px;padding:12px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}
.btn-fleet:hover{background:var(--blue);color:var(--white)}
.fleet-disclaimer{text-align:center;margin-top:32px;font-size:13px;color:var(--text-muted)}
.fi{background:var(--bg)}
.fi-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;align-items:start}
.fi-features{display:flex;flex-direction:column;gap:20px}
.fi-feature{display:flex;gap:20px;align-items:center;padding:24px;border-radius:14px;border:1px solid var(--border);background:var(--white);transition:all .2s}
.fi-feature:hover{border-color:var(--blue);box-shadow:0 4px 20px #1c2db414}
.fi-feature-icon{width:60px;height:60px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fi-feature-icon img {width: 100%;}
.fi-feature-icon svg{width:24px;height:24px;stroke:var(--blue);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.fi-feature h4{font-size:15px;font-weight:600;margin-bottom:4px}
.fi-feature p{font-size:13px;color:var(--text-muted);line-height:1.5}
.fi-dashboard{background:var(--white);border:1px solid var(--border);border-radius:20px;padding:24px}
.fi-dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.fi-dash-title{font-size:15px;font-weight:600}
.fi-dash-status{font-size:12px;color:#34C759;display:flex;align-items:center;gap:6px;font-weight:600}
.fi-dash-status::before{content:"";width:6px;height:6px;background:#34C759;border-radius:50%}
.fi-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.fi-kpi{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:16px}
.fi-kpi-val{font-size:24px;font-weight:700;letter-spacing:-.5px}
.fi-kpi-lbl{font-size:12px;color:var(--text-muted);margin-top:4px}
.fi-kpi-delta{font-size:12px;color:#34C759;margin-top:4px;font-weight:500}
.fi-map{border:1px solid var(--border);border-radius:12px;height:150px;margin-bottom:12px;position:relative;overflow:hidden;background:#EDF3F0}
.fi-map svg{position:absolute;inset:0;width:100%;height:100%}
.fi-map-label{position:absolute;bottom:8px;left:12px;font-size:11px;color:#5A6B78;background:#ffffffd9;padding:3px 8px;border-radius:5px}
.fi-map-legend{position:absolute;top:10px;right:10px;background:#ffffffeb;border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:5px}
.fi-leg{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary)}
.fi-leg i{width:8px;height:8px;border-radius:50%;display:inline-block}
.fi-alerts{display:flex;flex-direction:column;gap:8px}
.fi-alert{display:flex;gap:10px;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px}
.fi-alert-icon{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.fi-alert-text{font-size:13px;color:var(--text-secondary)}
.fi-alert-time{font-size:12px;color:var(--text-muted);margin-left:auto;white-space:nowrap}
.fi-note{font-size:13px;color:var(--text-muted);margin-top:24px;text-align: right;}
.audience{background:var(--white)}
.audience-tabs{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:4px;margin-bottom:48px;width:fit-content}
.audience-tab{padding:10px 24px;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;color:var(--text-muted);border:none;background:none;font-family:inherit;transition:all .2s}
.audience-tab.active{background:var(--blue);color:var(--white)}
.audience-panel{display:none}
.menu-header-menu-container li.nav-cta a {color: #fff;}
.audience-panel.active{display:block}
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.audience-card{background:var(--bg);border-radius:16px;padding:28px;border:1px solid var(--border)}
.audience-card:hover{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.audience-card h3{font-size:17px;font-weight:700;margin-bottom:10px}
.audience-card p{font-size:14px;color:var(--text-secondary);line-height:1.65}
.a-icon{width:50px;height:50px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.a-icon img {width: 100%;height: 50px; object-fit: fill;}
.a-icon svg{width:22px;height:22px;stroke:var(--blue);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.team{background:var(--bg)}
.team-grid{display: flex;gap: 24px;align-items: center;justify-content: space-between;}
.team-card{background:var(--white);border-radius:20px;padding: 0px 0px 30px;border: 1px solid var(--border);text-align: center;overflow: hidden;width: 100%;}
.team-photo{width: 100% !important;height: auto;border-radius: 7px 7px 0 0;object-fit: cover;object-position: center top;margin: 0 auto 20px;display: block;}
.team-name{font-size:18px;font-weight:700;margin-bottom:6px;white-space:nowrap}
.team-role{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--blue);margin-bottom:16px}
.team-linkedin{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);text-decoration:none;font-weight:500;border:1px solid var(--border);border-radius:8px;padding:8px 16px}
.team-linkedin:hover{color:var(--blue);border-color:var(--blue)}
.contact{background:var(--white)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.contact-info p{font-size:16px;color:var(--text-secondary);line-height:1.7;margin-bottom:32px}
.contact-methods{display:flex;flex-direction:column;gap:16px}
.contact-method{display: flex;gap: 16px;align-items: flex-start;padding: 24px;border-radius: 14px;border: 1px solid var(--border);background: #f9f9fb;transition: all .2s;}
.contact-method-icon{width:50px;height:50px;border-radius:12px;background:#FFF;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contact-method-icon img {width: 100%;}
.contact-method-icon svg{width:20px;height:20px;stroke:var(--blue);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.contact-method-text{font-size:15px;font-weight:500}
.contact-method-sub{font-size:13px;color:var(--text-muted)}
.contact-form-wrap{background:var(--bg);border-radius:20px;padding:36px;border:1px solid var(--border)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fgroup{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.flabel{font-size:13px;font-weight:500;color:var(--text-secondary)}
.finput,.fselect,.ftextarea{font-family:inherit;font-size:15px;background:var(--white);border:1.5px solid var(--border);border-radius:10px;padding:11px 14px;color:var(--text);width:100%}
.finput:focus,.ftextarea:focus{outline:none;border-color:var(--blue)}
.ftextarea{min-height:100px;resize:vertical;height:100px;}
.fsubmit{width:100%;background:var(--blue);color:var(--white);border:none;border-radius:10px;padding:14px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;margin-top:4px}
.fsubmit:hover{background:var(--blue-dark)}
footer{background:#0E1015;color:#fff9;padding:48px var(--pad)}
.footer-inner{max-width:var(--max);margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.footer-links{display:flex;gap:24px}
.footer-links a{font-size:13px;color:#ffffff80;text-decoration:none}
.footer-links a:hover{color:var(--white)}
.footer-copy{font-size:13px}
.fleet-grid.owl-carousel{display:block}
.owl-carousel .owl-stage-outer{padding-bottom:0}
.owl-carousel .owl-nav{display:flex;justify-content:center;gap:12px;margin-top:20px}
.owl-carousel .owl-nav button{width:42px;height:42px;border-radius:50px;border:1px solid var(--border)!important;background:var(--white)!important;color:var(--text)!important;font-size:22px!important;line-height:1!important;cursor:pointer!important;transition:all .2s}
.owl-carousel .owl-nav button:hover{background:var(--blue)!important;color:var(--white)!important;border-color:var(--blue)!important}
.owl-carousel .owl-nav button.owl-disabled{opacity:.35;pointer-events:none}

.nav-toggle{display:none}
.burger-menu{display:none;cursor:pointer;flex-direction:column;gap:5px}
.burger-menu span{width:25px;height:3px;background-color:#000;border-radius:2px}
.banner_sec{max-width:var(--max);margin:0 auto;padding:72px var(--pad) 0;display:flex;justify-content:space-between;gap: 20px;}
.about_inner_box{display:flex;gap:30px}
.about_left{width:50%}
.about_right{width:50%}
.about_left img{height:100%;width:100%;border-radius:10px;object-fit:cover}
.nav-logo{align-items:center;justify-content:center;display:flex}



@media (max-width: 1024px) {
.product-cards,.fleet-grid,.fi-kpis,.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.fi-grid{grid-template-columns:1fr}
.team-photo{height: 300px;}
}
@media (max-width: 900px) {
section{padding:80px 32px}
h1{font-size:48px}
.section-sub{font-size:17px}
.nav-inner{padding:0 24px}
.banner_sec{flex-direction:column;align-items:center;text-align:center;padding:50px 0}
.about_inner_box{flex-direction:column-reverse}
.about_left,.about_right{width:100%}
.about_left img{height:auto}
}
@media (max-width: 768px) {
.nav-inner{justify-content:space-between;padding:0 24px}
.nav-links{justify-content:center}
h1{font-size:42px;letter-spacing:-1px}
.hero-sub{font-size:17px}
.hero-btns{flex-direction:column;align-items:stretch}
.hero-btns .btn-primary,.hero-btns .btn-secondary,.btn-fleet,.fsubmit{width:100%;text-align:center}
.about-quote,.product-card,.fleet-card,.fi-feature,.fi-dashboard,.audience-card,.team-card,.contact-form-wrap{padding:15px}
.product-cards,.fleet-grid,.audience-grid,.team-grid,.contact-grid{grid-template-columns:1fr}
.fi-kpis{grid-template-columns:1fr}
.fleet-specs{grid-template-columns:1fr}
.section-inner{padding:0}
.audience-tabs{width:100%}
.audience-tab{flex:1;text-align:center}
h2{font-size:28px}
.team-grid {flex-wrap: wrap;}
.about-lead p{font-size:15px;margin-bottom:8px}
.about-quote blockquote{font-size: 21px;line-height: 30px;}
.burger-menu{display:flex}
.nav-links{display:none;flex-direction:column;width:100%;position:absolute;top:60px;left:0;background:linear-gradient(135deg,#102A43,#1F4E79);text-align:center;padding:1rem 0;gap:20px}
.nav-links a{color:#fff}
.nav-toggle:checked~.nav-links{display:flex}
.success-content span {left: 15px;top: 15px;}
.about-quote blockquote img {width: 35px;}
.success-content {padding: 0 15px 0 65px;}
.about-quote img {width: 100%;}

}

@media (max-width: 576px) {
.nav-inner{padding:0 16px;min-height:auto}
nav{border-bottom-width:1px}
section{padding:72px 16px}
h1{font-size:34px;line-height:1.15}
.section-tag{margin-bottom:12px}
.section-sub{font-size:15px;margin-bottom:40px}
.about-quote{padding:20px 0px 0;margin: 16px 0 0;flex-wrap:wrap}
.contact-grid{gap:28px}
.footer-inner{flex-direction:column;align-items:flex-start}
.hero {padding: 50px 15px 0;margin: 0 0 50px;}
.banner_sec {padding: 50px 0 0;}
.fi-feature {gap: 15px;}
.fleet-card{padding:0}
.fi-note {text-align: center;}
footer {padding: 16px;}
.team-photo{height: 350px;}
}