:root{--background-color:#f6f9fc;--default-color:#34465b;--heading-color:#08182e;--accent-color:#087aae;--nav-color:#d9e5f4;--nav-hover-color:#54d6ec;--nav-dropdown-hover-color:#087aae}
body{background:#f6f9fc;color:var(--default-color)}
.header,.scrolled .header{background:#061329;padding:8px 0;border-bottom:1px solid #19314c}
.fuelix-logo{display:block;position:relative;width:245px;height:88px;overflow:hidden;flex-shrink:0}
.fuelix-logo img{position:absolute;width:450px;max-width:none;left:-92px;top:-91px}
.mobile-nav-toggle{background:none;border:0;color:#fff;font-size:30px;padding:8px}
.navmenu a{font-size:14px}.navmenu a:before{background:#4ed9ef}
.page-title{background-color:#07182e!important;background-image:linear-gradient(120deg,#071329e8,#073d61c9),url('../assets/img/page-title-bg.jpg')!important;padding:175px 0 65px}.page-title h1{font-size:clamp(32px,5vw,54px);color:#fff}.page-title p{color:#d6e8f5;margin-top:18px}.eyebrow{display:block;color:#43d7ee;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px}
.hero .info{padding:155px 0 80px}.hero .info h1{font-size:clamp(34px,5vw,60px);font-weight:750;color:white;line-height:1.15;margin-bottom:28px}.hero .info h1 .UnderTitle{display:block;font-size:clamp(20px,3vw,30px);line-height:1.4;color:#58d6ef;margin-top:20px}.hero .info p{font-size:17px;line-height:1.8}.hero .carousel-item:before{background:linear-gradient(100deg,#061329ed,#061329a6)}
.btn-outline-warning{--bs-btn-color:#087aae;--bs-btn-border-color:#087aae;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#087aae;--bs-btn-hover-border-color:#087aae;--bs-btn-active-bg:#087aae;padding:12px 23px;border-radius:6px;font-weight:600}.hero .btn-outline-warning{color:#071329;background:#ff9b28;border-color:#ff9b28}.hero .btn-outline-warning:hover{background:#ffb958;border-color:#ffb958}.section-title h2:after,.section-title h2:before{background:#13acd3}
.service-item{border-radius:12px;border:1px solid #e0e9f1;box-shadow:0 8px 28px #06213d08}.services .service-item .icon::before{content:none;display:none}.centered-image{max-width:100%;object-fit:contain}.footer{background:#061329!important;background-image:none!important;color:#c5d4e5;padding:55px 0 25px}.footer:before{display:none}.footer h2,.footer h3{color:#fff}.footer h3{font-size:17px}.footer a{color:#79d9ee}.footer-link{display:block;margin:7px 0}.footer .copyright{margin-top:35px;border-top:1px solid #23344a;padding-top:24px}.footer .copyright p:last-child{font-size:13px;color:#b3c5da}
.detail-page .content{max-width:1100px;margin:auto;padding:30px 24px 65px}.detail-page .section{padding:20px 0}.detail-page .section h2{font-size:26px}.detail-page li{margin:10px 0}.image-row{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}.image-row img{width:200px;max-width:100%;object-fit:contain}.button-link{display:inline-block;background:#087aae;color:#fff;padding:12px 20px;border-radius:6px}
.gallery-container{padding:150px 24px 65px;max-width:1280px}.gallery-container .title1{margin:15px 0 35px;color:#08182e}.gallery{gap:18px}.gallery-item{flex:1 1 calc(33.333% - 18px);overflow:hidden;border-radius:10px}.gallery img{height:280px;object-fit:cover}.gallery img:hover{transform:scale(1.03)}
.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:28px}.article-card{max-width:540px;background:#fff;border:1px solid #e3dce0;border-radius:16px;overflow:hidden;box-shadow:0 14px 40px #08182e0a}.article-card-main{display:block;color:inherit}.article-art{height:185px;background:radial-gradient(ellipse at 85% 0,#82273888,transparent 70%),#09172c;color:#ffb4b4;display:flex;align-items:center;justify-content:center;gap:24px;letter-spacing:2px;font-size:12px;font-weight:700;border-bottom:4px solid #dc303c}.alert-symbol{border:3px solid #ff6873;border-radius:50%;width:66px;height:66px;display:grid;place-items:center;color:#ff6873;font-size:42px}.article-copy{padding:30px}.article-label{font-size:11px;letter-spacing:1.5px;color:#6c7784;font-weight:700}.article-copy h2{font-size:26px;font-weight:800;color:#c82030;line-height:1.3;margin:14px 0}.article-copy p{color:#516074}.article-read{color:#087aae;font-weight:700}.article-card:hover{box-shadow:0 18px 45px #08182e18}.article-card-main:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.article-download{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:20px 30px;border-top:1px solid #e8edf2;font-size:13px}.article-download a{font-weight:700}.article-preview{background:#eaf3f9}.alert-banner{display:flex;justify-content:space-between;gap:24px;align-items:center;background:white;border-left:4px solid #d42b39;border-radius:8px;padding:26px;margin-top:25px}.alert-banner strong{color:#c82030}.alert-banner span{font-size:14px}
.skip-link{position:fixed;left:16px;top:-100px;z-index:9999;background:white;padding:12px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #ee941d;outline-offset:5px}
[data-aos]{opacity:1!important;transform:none!important}#preloader{display:none}.contact .info-item{padding:28px 18px}.contact iframe{max-width:100%}
@media(max-width:767px){.fuelix-logo{width:210px;height:76px}.fuelix-logo img{width:400px;left:-82px;top:-81px}.hero .info{padding-top:125px}.hero .info p{font-size:15px}.hero{min-height:760px}.page-title{padding-top:140px}.gallery-item{flex-basis:100%}.alert-banner{align-items:flex-start;flex-direction:column}.article-copy{padding:24px}.article-copy h2{font-size:23px}.footer{padding-top:40px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

#contactForm label{display:block;margin:16px 0 7px;font-weight:600}.form-note{font-size:13px;margin:18px 0;color:#526478}.form1{padding:24px;background:white;border-radius:12px}.contact .info-item p{overflow-wrap:anywhere}
.page-title > .container{position:relative;z-index:1}.articles-page .page-title{padding-bottom:40px;padding-top:145px}.articles-page .section{padding-top:40px}.articles-page .section-title{padding-bottom:32px}

/* Fuelix gold navigation, with logo blue for interactive states. */
.header .navmenu{--nav-color:#ffbd4a;--nav-hover-color:#43b9e5}
.header .navmenu a,.header .navmenu a:focus{color:#ffbd4a;font-weight:600}
.header .navmenu a:hover,.header .navmenu a:focus-visible,.header .navmenu a.active{color:#43b9e5}
.header .navmenu a:before{background:#43b9e5}
.header .mobile-nav-toggle{color:#ffbd4a}
.header .mobile-nav-toggle:hover{color:#43b9e5}
@media(max-width:1199px){.mobile-nav-active .navmenu>ul{background:#07182e;list-style:none;border:1px solid #27405b;border-radius:12px}}
.email-direct-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;max-width:100%;padding:13px 20px;margin-top:16px;border:2px solid #ffbd4a;border-radius:7px;background:#ffbd4a;color:#07182e;font-weight:600;text-align:center;overflow-wrap:anywhere;transition:background-color .2s,border-color .2s,color .2s}
.email-direct-button:hover,.email-direct-button:focus-visible{background:#087aae;border-color:#087aae;color:#fff}
.email-direct-button[aria-busy="true"]{background:#087aae;border-color:#087aae;color:#fff;cursor:progress}
#contactForm [type="submit"]{margin-top:22px}

/* About Fuelix */
.fuelix-story,.fuelix-values{padding:80px 0;text-align:left}
.story-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}
.story-kicker{display:block;color:#087aae;font-size:12px;font-weight:750;letter-spacing:2px;margin-bottom:18px}
.story-copy h2,.fuelix-mission h2,.values-heading h2,.about-connect h2{font-size:clamp(30px,3.5vw,44px);line-height:1.18;font-weight:750;letter-spacing:-1px;margin-bottom:22px}
.story-copy h2 span{color:#087aae}
.story-copy p{font-size:16px;line-height:1.85;margin-bottom:22px}
.story-copy .story-lead{font-size:20px;line-height:1.6;color:#172c43}
.story-tags{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}
.story-tags span{border:1px solid #d4e3ec;background:#eef5f9;border-radius:30px;padding:7px 12px;font-size:12px;color:#31536c}
.about-action{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#ffbd4a;border:1px solid #ffbd4a;color:#07182e;border-radius:7px;padding:15px 23px;font-size:15px;font-weight:700;transition:background .2s,color .2s}
.about-action:hover,.about-action:focus-visible{background:#087aae;border-color:#087aae;color:white}
.story-visual{position:relative;overflow:hidden;border-radius:18px;margin:0;background:#07182e;min-height:440px;box-shadow:0 20px 50px #082b4315}
.story-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.story-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#061329ee)}
.story-visual figcaption{position:absolute;bottom:30px;left:30px;right:25px;z-index:1;color:#fff}
.story-visual figcaption span{display:block;color:#ffbd4a;font-size:11px;letter-spacing:2px;margin-bottom:10px}
.story-visual figcaption strong{font-size:26px;line-height:1.3}
.fuelix-mission{background:#07182e;padding:60px 0;color:#d7e5f1;text-align:left;border-top:3px solid #ffbd4a}
.mission-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;align-items:center}
.fuelix-mission h2{color:white;margin-bottom:0}.fuelix-mission .story-kicker{color:#ffbd4a}
.fuelix-mission p{font-size:17px;line-height:1.85;margin:0}.fuelix-mission p+p{margin-top:16px;color:#acbfd2}
.values-heading{max-width:690px;margin-bottom:35px}.values-heading p{font-size:17px;line-height:1.7}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.value-card{background:white;border:1px solid #deE8f0;border-radius:12px;padding:32px;box-shadow:0 8px 30px #07182e05}
.value-icon{display:inline-grid;place-items:center;width:52px;height:52px;background:#e7f4fa;color:#087aae;border-radius:12px;font-size:25px;margin-bottom:24px}
.value-card h3{font-size:21px;font-weight:700;line-height:1.4;margin-bottom:15px}.value-card p{font-size:15px;line-height:1.8;margin:0}
.about-page .stats-counter{padding:0 0 75px}.about-page .stats-counter .stats-item{background:white;border:1px solid #dde7ef;border-radius:12px;box-shadow:none}.about-page .stats-counter .stats-item span{color:#087aae}.about-page .stats-counter .stats-item p{font-size:14px}
.about-connect{background:#e8f2f8;padding:50px 0}.about-connect>.container{display:flex;align-items:center;justify-content:space-between;gap:30px}.about-connect h2{margin-bottom:12px}.about-connect p{margin:0;line-height:1.7}.about-connect .about-action{flex-shrink:0}
@media(max-width:991px){.story-grid{gap:35px}.story-visual{min-height:400px}.mission-grid{gap:35px}.value-card{padding:24px}.values-grid{gap:16px}}
@media(max-width:767px){.fuelix-story,.fuelix-values{padding:48px 0}.story-grid,.mission-grid,.values-grid{grid-template-columns:1fr}.story-visual{min-height:330px}.fuelix-mission{padding:42px 0}.mission-grid{gap:24px}.about-connect>.container{align-items:flex-start;flex-direction:column}.story-copy .story-lead{font-size:18px}.about-page .stats-counter{padding-bottom:45px}.story-visual figcaption strong{font-size:24px}}

.field-error{color:#b91c2c;font-size:14px;margin:10px 0}.field-error[hidden]{display:none}#contactForm [aria-invalid="true"]{border-color:#b91c2c}.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#form-status{margin-top:16px;font-size:14px}