@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--green:#5b3a29;--green-dark:#2d1c14;--green-soft:#f4eadc;--orange:#e8a317;--ink:#251a14;--muted:#6e625a;--line:#e5d8c8;--paper:#f7f2ea;--white:#fff;--shadow:0 20px 60px rgba(57,37,24,.15);--radius:18px;--container:min(1240px,calc(100% - 40px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font:16px/1.65 'Plus Jakarta Sans',sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:var(--container);margin:auto}.skip{position:fixed;left:16px;top:-100px;background:#fff;padding:12px 18px;z-index:999}.skip:focus{top:16px}.topline{background:var(--green-dark);color:#dcece5;font-size:13px}.topline .container{height:38px;display:flex;align-items:center;justify-content:space-between}.topline a{color:#fff}.site-header{position:relative;z-index:20;background:#fff}.nav-wrap{height:88px;display:flex;align-items:center;gap:34px}.brand{margin-right:auto}.brand img{width:150px;height:auto}.nav-wrap nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.nav-wrap nav a{padding:32px 0;position:relative}.nav-wrap nav a:after{content:"";position:absolute;left:0;right:100%;bottom:22px;height:2px;background:var(--orange);transition:.2s}.nav-wrap nav a:hover:after,.nav-wrap nav a.active:after{right:0}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:54px;padding:0 24px;border:0;border-radius:8px;background:var(--orange);color:#fff;font-weight:700;transition:.2s;box-shadow:0 10px 24px rgba(237,107,24,.2)}.button:hover{background:#d95a0b;transform:translateY(-2px)}.button span{font-size:20px}.button-small{min-height:44px;padding:0 18px;font-size:13px}.menu-btn{display:none}.hero{min-height:680px;position:relative;isolation:isolate;color:#fff;overflow:hidden;background:var(--green-dark)}.hero-bg{position:absolute;inset:0;z-index:-2;background:url('hero.jpg') center/cover}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,54,36,.96) 0%,rgba(0,66,44,.84) 44%,rgba(0,48,32,.25) 75%,rgba(0,48,32,.48) 100%)}.hero-grid{min-height:680px;display:grid;grid-template-columns:1.25fr .75fr;gap:72px;align-items:center}.hero-copy{padding:72px 0}.eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;color:#bee0d1}.eyebrow span{display:inline-block;width:30px;height:2px;background:var(--orange);vertical-align:middle;margin-right:10px}.eyebrow.orange{color:var(--orange)}.eyebrow.light{color:#cbe4d9}.hero h1{max-width:780px;margin:0;font-size:clamp(50px,6vw,82px);line-height:1.02;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:#ff8a3d}.hero-lead{max-width:690px;margin:28px 0;color:#dcebe5;font-size:18px}.hero-actions{display:flex;align-items:center;gap:30px}.text-link{font-weight:700;text-decoration:underline;text-underline-offset:5px}.trust-row{display:flex;gap:40px;margin-top:48px;padding-top:28px;border-top:1px solid rgba(255,255,255,.2)}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-size:27px;line-height:1}.trust-row span{font-size:12px;margin-top:8px;color:#b9d2c7}.tracking-card{padding:34px;background:rgba(255,255,255,.96);color:var(--ink);border-top:4px solid var(--orange);border-radius:4px 4px 18px 18px;box-shadow:var(--shadow)}.card-kicker{color:var(--orange);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.tracking-card h2{margin:6px 0;font-size:27px}.tracking-card p{margin:0 0 24px;color:var(--muted);font-size:14px}.tracking-card label{font-size:12px;font-weight:700}.input-row{display:flex;margin-top:7px}.input-row input{width:100%;min-width:0;height:52px;border:1px solid var(--line);border-right:0;padding:0 15px;border-radius:7px 0 0 7px;font:inherit}.input-row input:focus{outline:3px solid rgba(237,107,24,.2);border-color:var(--orange)}.input-row button{width:58px;border:0;border-radius:0 7px 7px 0;color:#fff;background:var(--green);font-size:20px;cursor:pointer}.quick-links{display:flex;justify-content:space-between;margin-top:20px;font-size:13px;font-weight:700;color:var(--green)}.brand-strip{background:var(--orange);color:#fff}.brand-strip .container{min-height:62px;display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.brand-strip i{width:4px;height:4px;border-radius:50%;background:#fff;opacity:.7}.section{padding:110px 0}.split-heading{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:80px;margin-bottom:50px}.split-heading h2,.section-title h2,.process h2,.contact h2{margin:0;font-size:clamp(36px,4.2vw,58px);line-height:1.12;letter-spacing:-.045em}.split-heading>p{color:var(--muted);margin:0 0 6px}.featured{background:var(--paper)}.featured-card{display:grid;grid-template-columns:1.2fr .8fr;background:#fff;box-shadow:var(--shadow);border-radius:var(--radius);overflow:hidden}.featured-visual{min-height:490px;position:relative;background:#ddd}.featured-visual img{width:100%;height:100%;object-fit:cover}.visual-badge{position:absolute;left:24px;bottom:24px;padding:13px 18px;background:var(--orange);color:#fff;border-radius:7px}.visual-badge b,.visual-badge span{display:block}.visual-badge b{font-size:12px;letter-spacing:.13em}.visual-badge span{font-size:11px}.featured-content{padding:54px}.number{display:block;font-weight:800;color:var(--orange);font-size:13px}.featured-content h3{font-size:34px;line-height:1.2;margin:12px 0 18px}.featured-content p{color:var(--muted)}.featured-content ul{padding:0;margin:26px 0 34px;list-style:none}.featured-content li{padding:10px 0 10px 28px;border-bottom:1px solid var(--line);position:relative}.featured-content li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}.button-dark{background:var(--green);box-shadow:none}.button-dark:hover{background:var(--green-dark)}.services-grid-section{background:var(--green-dark);color:#fff}.section-title{max-width:760px;margin-bottom:48px}.section-title>p:last-child{color:#b9d2c7}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{min-height:390px;padding:30px;background:#09583f;border:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;transition:.25s}.service-card:hover{transform:translateY(-8px);background:#fff;color:var(--ink)}.service-card>span{font-size:12px;color:#7fb09c}.service-card svg{width:52px;height:52px;margin:48px 0 26px;fill:none;stroke:var(--orange);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.service-card h3{font-size:21px;line-height:1.3;margin:0}.service-card p{font-size:14px;color:#bcd3c9}.service-card:hover p{color:var(--muted)}.service-card b{margin-top:auto;font-size:13px}.service-card i{font-style:normal;color:var(--orange);margin-left:10px}.process{background:#fff}.process-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.process-grid>div{position:sticky;top:35px;align-self:start}.process-grid>div>p:not(.eyebrow){color:var(--muted)}.process ol{list-style:none;padding:0;margin:0}.process li{display:grid;grid-template-columns:76px 1fr;gap:22px;padding:28px 0;border-top:1px solid var(--line)}.process li:last-child{border-bottom:1px solid var(--line)}.process li>b{font-size:13px;color:var(--orange)}.process li h3{margin:0 0 5px;font-size:22px}.process li p{margin:0;color:var(--muted)}.contact{padding-top:20px}.contact-card{padding:64px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:space-between;border-radius:var(--radius);position:relative;overflow:hidden}.contact-card:after{content:"CTL";position:absolute;right:-20px;bottom:-95px;font-size:240px;font-weight:800;color:rgba(255,255,255,.04);line-height:1}.contact-card>div{position:relative;z-index:1}.contact-card p{color:#cce4d9}.contact-actions{display:flex;min-width:260px;flex-direction:column;gap:16px;align-items:stretch;text-align:center}.button-white{background:#fff;color:var(--green);box-shadow:none}.contact-actions>a:last-child{text-decoration:underline}footer{margin-top:110px;background:#0b2119;color:#d8e5df;padding:72px 0 24px}.footer-grid{display:grid;grid-template-columns:1fr .8fr 1.3fr;gap:70px}.footer-grid img{filter:brightness(0) invert(1);opacity:.9}.footer-grid h2{font-size:14px;color:#fff;text-transform:uppercase;letter-spacing:.08em}.footer-grid a,.footer-grid p{display:block;color:#a9beb5;font-size:13px;margin:8px 0}.copyright{margin-top:56px;padding-top:22px;border-top:1px solid #294138;display:flex;justify-content:space-between;font-size:12px;color:#8ea39a}
@media(max-width:1000px){.nav-wrap nav{position:absolute;display:none;left:0;right:0;top:126px;background:#fff;padding:24px 20px;box-shadow:var(--shadow)}.nav-wrap nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav-wrap nav a{padding:13px 0;border-bottom:1px solid var(--line)}.nav-cta{margin-left:auto}.menu-btn{display:flex;order:3;width:46px;height:46px;border:0;background:var(--green-soft);border-radius:7px;flex-direction:column;align-items:center;justify-content:center;gap:4px}.menu-btn span{width:20px;height:2px;background:var(--green)}.menu-btn b{position:absolute;clip:rect(0 0 0 0)}.hero-grid{grid-template-columns:1fr;gap:0;padding:80px 0}.tracking-card{max-width:560px}.featured-card{grid-template-columns:1fr}.featured-visual{min-height:360px}.service-grid{grid-template-columns:repeat(2,1fr)}.process-grid{gap:50px}.process-grid>div{position:static}}
@media(max-width:700px){:root{--container:min(100% - 28px,1180px)}.topline .container span{display:none}.topline .container{justify-content:center}.nav-wrap{height:76px;gap:10px}.nav-wrap nav{top:114px}.brand img{width:128px}.nav-cta{display:none}.hero-grid{min-height:auto;padding:46px 0}.hero h1{font-size:48px}.hero-lead{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column;gap:18px}.hero-actions .text-link{text-align:center}.trust-row{gap:16px;justify-content:space-between}.trust-row strong{font-size:22px}.tracking-card{padding:24px}.brand-strip .container{flex-wrap:wrap;gap:10px;justify-content:center;padding:16px 0}.brand-strip i{display:none}.section{padding:76px 0}.split-heading{grid-template-columns:1fr;gap:22px}.featured-visual{min-height:260px}.featured-content{padding:30px 24px}.featured-content h3{font-size:28px}.service-grid{grid-template-columns:1fr}.service-card{min-height:310px}.service-card svg{margin:28px 0 22px}.process-grid{grid-template-columns:1fr}.contact-card{padding:38px 24px;align-items:stretch;flex-direction:column;gap:28px}.footer-grid{grid-template-columns:1fr;gap:30px}.copyright{gap:20px}.hero:after{background:linear-gradient(90deg,rgba(0,54,36,.96),rgba(0,54,36,.8))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Keep the supermarket partner artwork fully visible and visually balanced. */
.featured-visual{display:flex;align-items:center;justify-content:center;padding:24px;background:#f4eadc}
.featured-visual img{width:92%;height:92%;object-fit:contain}
@media(max-width:700px){.featured-visual{padding:14px}.featured-visual img{width:94%;height:94%}}

/* CTLink Earth — international logistics direction */
.topline{color:#eadfce}
.nav-wrap{height:92px}.nav-wrap nav{font-weight:700}.nav-wrap nav a:after{height:3px}
.button{border-radius:3px;background:var(--orange);color:#281b12;box-shadow:0 10px 24px rgba(174,111,8,.22)}
.button:hover{background:#f4b82b}.button-dark{background:var(--green-dark);color:#fff}.button-dark:hover{background:#42291d}
.hero{min-height:700px}.hero-grid{min-height:700px}.hero:after{background:linear-gradient(90deg,rgba(39,24,16,.97) 0%,rgba(65,40,26,.9) 48%,rgba(46,28,18,.28) 78%,rgba(40,24,16,.55) 100%)}
.hero h1{max-width:850px;font-size:clamp(48px,5.7vw,78px);letter-spacing:-.045em}.hero h1 em{color:#f4b82b}
.hero-lead{color:#eee4d8}.eyebrow{color:#e8d4b7}.trust-row span{color:#d8c7b3}
.tracking-card{border-top:5px solid var(--orange);border-radius:0 0 8px 8px}.input-row button{background:var(--orange);color:#281b12;font-weight:800}
.quick-links{color:var(--green)}
.brand-strip{background:#f2b51d;color:#2d1c14}.brand-strip .container{min-height:72px;font-size:12px}.brand-strip a{display:flex;align-items:center;min-height:48px;padding:0 14px;border-bottom:2px solid transparent}.brand-strip a:hover{border-color:#2d1c14}.brand-strip i{background:#65431f}
.featured-card{border-radius:4px}.visual-badge{border-radius:2px;color:#2d1c14}.featured-content li:before{color:#9a670d}
.services-grid-section{background:#302018}.section-title>p:last-child,.service-card p{color:#d4c3b3}.service-card{background:#412b20;border-color:rgba(255,255,255,.12)}.service-card>span{color:#c5a57f}.service-card:hover{background:#fffaf3}
.contact-card{background:#5b3a29;border-radius:4px}.contact-card p{color:#eadbca}.button-white{color:#3b281e}
footer{background:#21150f}.footer-grid a,.footer-grid p{color:#c6b6a8}.copyright{border-color:#4d382c;color:#aa998b}
@media(max-width:700px){.hero:after{background:linear-gradient(90deg,rgba(39,24,16,.97),rgba(63,39,25,.82))}.brand-strip .container{display:grid;grid-template-columns:1fr 1fr}.brand-strip a{justify-content:center}.brand-strip i{display:none}}
.hero-bg{background-image:url('hero-ctlink-banner-v2.png?v=20260814-1712');background-position:center center}

/* Compact tracking rail: preserves the hero artwork while keeping tracking above the fold. */
.hero-grid{grid-template-columns:1fr;gap:24px;align-content:center;padding:56px 0 26px}
.hero-copy{max-width:790px;padding:20px 0}
.tracking-card{align-self:end;display:grid;grid-template-columns:190px minmax(320px,1fr) 220px;align-items:end;gap:24px;width:100%;padding:16px 18px;border-top-width:3px;border-radius:4px;background:rgba(255,255,255,.97)}
.tracking-heading h2{margin:2px 0 0;font-size:20px;line-height:1.2}
.tracking-card form{min-width:0}
.tracking-card form label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tracking-card .input-row{margin:0}
.tracking-card .input-row input{height:48px}
.tracking-card .input-row button{min-width:52px;height:48px}
.tracking-card .quick-links{align-items:center;justify-content:flex-end;gap:22px;margin:0;min-height:48px;white-space:nowrap}

@media(max-width:1000px){.hero-grid{padding:48px 0 24px}.tracking-card{grid-template-columns:170px minmax(260px,1fr) auto;gap:16px}.tracking-card .quick-links{gap:14px}}
@media(max-width:700px){.hero-grid{padding:38px 0 20px}.hero-copy{padding:0}.tracking-card{grid-template-columns:1fr;gap:12px;padding:16px}.tracking-heading{display:flex;align-items:baseline;gap:10px}.tracking-heading .card-kicker{font-size:10px}.tracking-heading h2{font-size:18px}.tracking-card .quick-links{justify-content:space-between;min-height:44px}.tracking-card .input-row input,.tracking-card .input-row button{height:48px}}

.tracking-result-wrap{background:var(--paper)}.tracking-result-wrap:has(.tracking-result[hidden]){display:none}.tracking-result{padding:26px;margin:0 auto;border:1px solid var(--line);border-top:4px solid var(--orange);border-radius:0 0 14px 14px;background:#fff;box-shadow:var(--shadow)}.tracking-result__head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}.tracking-result__head span{color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.12em}.tracking-result__head h2{margin:5px 0;font-size:28px}.tracking-result__head p{margin:0;color:var(--muted)}.tracking-result__head>strong{padding:9px 14px;border-radius:999px;background:var(--green-soft);color:var(--green)}.public-tracking-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.public-tracking-facts span,.tracking-dates span{display:flex;flex-direction:column;gap:5px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.public-tracking-facts small,.tracking-dates small{color:var(--muted)}.tracking-dates{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.tracking-timeline{padding-top:4px}.tracking-event{display:grid;grid-template-columns:20px 1fr;gap:12px;position:relative;padding-bottom:22px}.tracking-event:before{content:"";position:absolute;left:7px;top:16px;bottom:0;width:2px;background:var(--line)}.tracking-event:last-child:before{display:none}.tracking-event i{width:16px;height:16px;border:3px solid #b9dcca;background:var(--green);border-radius:50%;z-index:1;margin-top:2px}.tracking-event.is-current i{background:var(--orange);box-shadow:0 0 0 4px #ffe7d7}.tracking-event p{margin:4px 0;color:var(--muted)}.tracking-event small{color:var(--muted)}.tracking-message{padding:16px;border-radius:10px;background:var(--paper)}.tracking-message--error{display:flex;flex-direction:column;gap:6px;background:#fff1ef;color:#842e25;border:1px solid #f0b9b3}.tracking-message--error a{font-weight:800}.public-pod{padding-top:16px;border-top:1px solid var(--line)}.public-pod>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.public-pod a{padding:8px 11px;border:1px solid var(--orange);border-radius:9px;color:#c95008;font-weight:800}@media(max-width:700px){.tracking-result{padding:18px}.tracking-result__head{display:block}.tracking-result__head>strong{display:inline-block;margin-top:12px}.public-tracking-facts{grid-template-columns:1fr}}

/* Preserve the original CTLink brand colors in the dark footer. */
.footer-grid img{filter:none;opacity:1;width:174px;height:auto}
