:root{--navy:#012e60;--navy2:#001f44;--yellow:#ffcc29;--yellow2:#f2b900;--grey:#687381;--light:#f5f7fa;--white:#fff;--line:#e1e6ec;--shadow:0 18px 55px rgba(1,46,96,.12);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--navy);background:#fff;line-height:1.65}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}p{color:var(--grey);margin:0 0 1rem}.container{width:min(1180px,calc(100% - 36px));margin:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:9999}.topbar{background:var(--navy2);color:#fff;font-size:13px}.topbar-inner{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.topbar-left,.topbar-right{display:flex;gap:18px;align-items:center}.topbar a{color:var(--yellow);font-weight:700}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(1,46,96,.08);backdrop-filter:blur(12px);transition:.25s}.site-header.scrolled{box-shadow:0 10px 30px rgba(1,46,96,.09)}.nav-wrap{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{display:block;width:205px;max-height:88px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:25px;font-weight:750;font-size:14px}.main-nav a{position:relative}.main-nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:3px;background:var(--yellow);transition:.25s}.main-nav a:hover:after,.main-nav a.active:after{right:0}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:13px 20px;font-weight:800;border:0;cursor:pointer;transition:.25s}.nav-cta,.btn-primary{background:var(--yellow);color:var(--navy2);box-shadow:0 8px 22px rgba(255,204,41,.3)}.nav-cta:hover,.btn-primary:hover{transform:translateY(-2px);background:#ffd84f}.btn-secondary{background:var(--navy);color:#fff}.btn-outline{border:1px solid rgba(1,46,96,.25);color:var(--navy);background:#fff}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:28px;height:3px;background:var(--navy);margin:5px 0;border-radius:5px}.hero{position:relative;min-height:620px;display:grid;align-items:center;overflow:hidden;background:linear-gradient(105deg,rgba(0,31,68,.98) 0%,rgba(1,46,96,.93) 49%,rgba(1,46,96,.58) 100%)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 33%,rgba(255,204,41,.22),transparent 31%),linear-gradient(120deg,transparent 0 54%,rgba(255,255,255,.04) 54% 56%,transparent 56%)}.hero-visual{position:absolute;right:-1%;bottom:-3%;width:min(58vw,760px);height:85%;opacity:.98}.hero-visual svg{width:100%;height:100%}.hero-content{position:relative;z-index:2;max-width:690px;padding:84px 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:850;font-size:12px;color:var(--yellow);margin-bottom:18px}.eyebrow:before{content:"";width:38px;height:3px;background:var(--yellow)}h1,h2,h3{line-height:1.15;margin-top:0}h1{font-size:clamp(42px,5vw,72px);color:#fff;margin-bottom:18px;letter-spacing:-.03em}.hero p{font-size:18px;max-width:620px;color:#d8e1eb}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero .btn-secondary{background:#fff;color:var(--navy)}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px;max-width:690px}.stat-mini{padding:15px 18px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);border-radius:14px}.stat-mini strong{display:block;color:#fff;font-size:21px}.stat-mini span{font-size:12px;color:#bfcbd8}.section{padding:92px 0}.section-sm{padding:65px 0}.section-alt{background:var(--light)}.section-dark{background:var(--navy);color:#fff}.section-heading{max-width:760px;margin-bottom:42px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2{font-size:clamp(31px,4vw,50px);letter-spacing:-.025em;margin-bottom:14px}.section-heading p{font-size:17px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 10px 35px rgba(1,46,96,.06);transition:transform .28s,box-shadow .28s,border-color .28s}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:rgba(255,204,41,.8)}.icon-box{width:56px;height:56px;border-radius:15px;background:rgba(255,204,41,.2);display:grid;place-items:center;font-size:27px;margin-bottom:20px}.card h3{font-size:21px;margin-bottom:10px}.service-card{position:relative;overflow:hidden}.service-card:after{content:"";position:absolute;right:-45px;bottom:-45px;width:110px;height:110px;background:var(--yellow);border-radius:50%;opacity:.09;transition:.3s}.service-card:hover:after{transform:scale(1.8)}.visual-panel{min-height:440px;border-radius:28px;background:linear-gradient(145deg,var(--navy2),var(--navy));position:relative;overflow:hidden;box-shadow:var(--shadow)}.visual-panel:before{content:"";position:absolute;width:330px;height:330px;border:70px solid var(--yellow);border-radius:50%;right:-120px;top:-120px;opacity:.22}.visual-panel .cargo-art{position:absolute;inset:12%;display:grid;place-items:center}.cargo-art svg{width:100%;height:100%}.feature-list{display:grid;gap:16px;margin-top:25px}.feature{display:flex;gap:14px;align-items:flex-start}.feature i{flex:0 0 28px;height:28px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-style:normal;font-weight:900;color:var(--navy)}.page-hero{padding:105px 0 80px;background:linear-gradient(115deg,rgba(0,31,68,.97),rgba(1,46,96,.87)),radial-gradient(circle at right top,rgba(255,204,41,.35),transparent 33%);color:#fff;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:-90px;top:-90px;width:380px;height:380px;border:72px solid rgba(255,204,41,.15);border-radius:50%}.page-hero h1{font-size:clamp(40px,5vw,64px);margin-bottom:14px}.page-hero p{color:#d5dfeb;max-width:720px;font-size:18px}.breadcrumb{color:#e8eef4;font-size:14px;margin-bottom:16px}.breadcrumb span{color:var(--yellow)}.project-strip{background:var(--yellow);padding:24px 0}.project-strip .container{display:flex;justify-content:space-between;align-items:center;gap:20px}.project-strip strong{font-size:23px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{text-align:center;padding:25px 16px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric b{display:block;font-size:40px;color:var(--navy)}.metric span{color:var(--grey);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.faq{display:grid;gap:12px}.faq-item{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.faq-q{width:100%;display:flex;justify-content:space-between;gap:20px;align-items:center;text-align:left;background:#fff;border:0;padding:20px 22px;font-weight:850;color:var(--navy);font-size:16px;cursor:pointer}.faq-q span:last-child{font-size:22px;color:var(--yellow2)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-a p{padding:0 22px 20px;margin:0}.faq-item.open .faq-a{max-height:260px}.cta-band{background:linear-gradient(100deg,var(--navy2),var(--navy));color:#fff;border-radius:26px;padding:44px;display:flex;justify-content:space-between;align-items:center;gap:25px;position:relative;overflow:hidden}.cta-band:after{content:"";position:absolute;width:180px;height:180px;background:var(--yellow);right:-70px;top:-70px;border-radius:50%;opacity:.13}.cta-band h2{margin:0 0 8px;font-size:34px}.cta-band p{color:#c8d5e2;margin:0}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px}.contact-cards{display:grid;gap:16px}.contact-card{display:flex;gap:16px;align-items:flex-start}.contact-card .icon-box{margin:0;flex:0 0 52px}.form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:800;color:var(--navy)}.field input,.field textarea,.field select{width:100%;border:1px solid #d9e0e7;border-radius:10px;padding:14px 15px;font:inherit;color:#263645;background:#fff}.field textarea{min-height:150px;resize:vertical}.notice{padding:12px 15px;border-radius:10px;margin-bottom:15px}.notice.success{background:#e8f7ed;color:#19723a}.notice.error{background:#fff0f0;color:#a12c2c}.site-footer{background:var(--navy2);color:#fff;margin-top:0}.footer-accent{height:7px;background:var(--yellow)}.footer-grid{display:grid;grid-template-columns:1.25fr .8fr .9fr 1.25fr;gap:34px;padding:60px 0 40px}.footer-grid h3{color:var(--yellow);font-size:17px;margin-bottom:16px}.footer-grid p,.footer-grid a{color:#bac8d6;font-size:14px;display:block;margin-bottom:9px}.footer-grid a:hover{color:#fff}.footer-brand img{width:190px;background:white;border-radius:12px;padding:8px;margin-bottom:15px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:20px 0;display:flex;justify-content:space-between;gap:20px;color:#91a4b7;font-size:13px}.whatsapp{position:fixed;right:20px;bottom:20px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.2);z-index:999}.reveal{opacity:0;transform:translateY(20px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}.highlight{color:var(--yellow)}.tag{display:inline-block;padding:7px 11px;border-radius:999px;background:rgba(255,204,41,.16);color:var(--navy);font-size:12px;font-weight:850;margin:4px}.logo-wall{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden}.logo-wall div{min-height:95px;display:grid;place-items:center;border-right:1px solid var(--line);font-weight:900;color:#8390a0}.logo-wall div:nth-child(5n){border-right:0}
@media(max-width:980px){.main-nav{position:fixed;inset:92px 18px auto 18px;background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:20px;display:none;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.menu-toggle{display:block}.nav-cta{text-align:center}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2,.contact-grid{grid-template-columns:1fr}.hero{min-height:680px}.hero-visual{opacity:.22;width:100%;right:-25%;height:70%}.footer-grid{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.logo-wall{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.container{width:min(100% - 26px,1180px)}.topbar-left span:nth-child(2){display:none}.topbar-right span{display:none}.nav-wrap{min-height:76px}.brand img{width:155px;max-height:68px}.main-nav{inset:76px 13px auto}.hero{min-height:650px}.hero-content{padding:66px 0}.hero h1{font-size:44px}.hero p{font-size:16px}.hero-stats{grid-template-columns:1fr}.section{padding:70px 0}.section-sm{padding:50px 0}.grid-4,.grid-3{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;padding-top:45px}.footer-bottom{flex-direction:column}.project-strip .container,.cta-band{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.page-hero{padding:75px 0 58px}.logo-wall{grid-template-columns:repeat(2,1fr)}.hero-actions .btn{width:100%}.visual-panel{min-height:330px}}
@media(min-width:1600px){.container{width:min(1320px,calc(100% - 60px))}.hero{min-height:700px}.hero-content{max-width:760px}.hero h1{font-size:78px}}

/* =========================================================
   LOGISTICS CONTENT IMAGES - CLEAN VERSION
   Removes bottom blue patch / background
========================================================= */

.home-about-image,
.company-about-image {
    position: relative;
    width: 100%;
    height: 250px;

    /* IMPORTANT */
    padding: 0 !important;
    margin-bottom: 0;
    overflow: hidden;

    border-radius: 24px;

    /* Remove blue background */
    background: transparent !important;

    border: none !important;

    box-shadow:
        0 18px 45px rgba(0, 35, 75, 0.12);

    line-height: 0;
}


/* IMAGE */
.home-about-image img,
.company-about-image img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;

    border-radius: inherit;

    margin: 0 !important;
    padding: 0 !important;

    transform: none;
}


/* REMOVE OLD DECORATIVE OVERLAYS */
.home-about-image::before,
.home-about-image::after,
.company-about-image::before,
.company-about-image::after {
    content: none !important;
    display: none !important;
}


/* IMPORTANT:
   Your existing .visual-panel styles may be
   creating the blue area.
*/
.visual-panel.home-about-image,
.visual-panel.company-about-image {
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}


/* Remove pseudo elements inherited from visual-panel */
.visual-panel.home-about-image::before,
.visual-panel.home-about-image::after,
.visual-panel.company-about-image::before,
.visual-panel.company-about-image::after {
    content: none !important;
    display: none !important;
}


/* OPTIONAL HOVER */
.home-about-image img,
.company-about-image img {
    transition: transform 0.5s ease;
}

.home-about-image:hover img,
.company-about-image:hover img {
    transform: scale(1.025);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .home-about-image,
    .company-about-image {
        height: 340px;
        border-radius: 20px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .home-about-image,
    .company-about-image {
        height: 280px;
        border-radius: 18px;
        margin-top: 20px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .home-about-image,
    .company-about-image {
        height: 230px;
        border-radius: 15px;
    }
}