@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap');

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101310;color:#f3f1e9;font-family:'DM Sans',Arial,sans-serif}.site{--ink:#111511;--paper:#f3f1e9;--accent:#df4b2f;--muted:#a9aea7;--line:rgba(255,255,255,.18);min-height:100vh;background:var(--ink);overflow:hidden}.site a{color:inherit;text-decoration:none}.concept-switcher{position:fixed;right:24px;top:92px;z-index:20;width:260px;background:rgba(11,14,12,.94);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);box-shadow:0 16px 50px rgba(0,0,0,.32)}.switcher-toggle{width:100%;display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center;padding:13px 14px;background:transparent;color:#fff;border:0;text-align:left;font:12px 'DM Sans'}.switcher-toggle span{color:#aeb4af;text-transform:uppercase;letter-spacing:.12em}.switcher-toggle b{font-size:13px}.switcher-toggle i{font-style:normal;font-size:18px}.switcher-list{display:grid;max-height:0;overflow:hidden;transition:max-height .3s}.switcher-list.open{max-height:310px}.switcher-list button{display:grid;grid-template-columns:30px 1fr;gap:0 8px;padding:12px 14px;color:#bbb;background:transparent;border:0;border-top:1px solid rgba(255,255,255,.1);text-align:left}.switcher-list button.active{color:#fff;background:var(--accent)}.switcher-list b{font:600 14px 'DM Sans'}.switcher-list span{grid-row:1/3;font:11px 'Space Mono'}.switcher-list small{font-size:10px;opacity:.7}.nav-shell{height:78px;display:flex;align-items:center;padding:0 4.5vw;border-bottom:1px solid var(--line);position:absolute;inset:0 0 auto;z-index:10}.logo-link{display:flex;align-items:center}.brand-logo{width:280px;max-height:45px;object-fit:contain;filter:brightness(0) invert(1)}.mark{display:block;width:48px;height:48px;overflow:hidden}.mark img{height:48px;width:auto;max-width:none;filter:brightness(0) invert(1)}.nav-shell nav{display:flex;gap:32px;margin-left:auto;margin-right:40px}.nav-shell nav a{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#d2d5d1}.nav-cta{border:1px solid rgba(255,255,255,.35);padding:13px 17px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.nav-cta span,.primary span,.contact a span{color:var(--accent);margin-left:16px}.hero{min-height:780px;height:100vh;position:relative;display:flex;align-items:center;padding:120px 8vw 60px}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,10,.97) 0%,rgba(8,12,10,.76) 45%,rgba(8,12,10,.18) 80%),url('./images/cargo-loading.jpg') center/cover}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,#000,transparent 75%)}.hero-copy{position:relative;z-index:2;width:min(830px,70vw);padding-top:28px}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.18em;font:11px 'Space Mono';color:#b9bdb8}.eyebrow span{display:inline-block;width:34px;height:2px;background:var(--accent);vertical-align:middle;margin-right:12px}.hero h1{font:600 clamp(72px,8.5vw,142px)/.78 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:-.035em;margin:42px 0 34px}.hero h1 em{color:var(--accent);font-style:normal}.lede{max-width:620px;color:#c4c8c3;line-height:1.65;font-size:16px;border-left:1px solid var(--accent);padding-left:20px}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:38px}.primary{background:var(--accent);padding:16px 20px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.primary span{color:#fff}.secondary{font-size:12px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid #777;padding:14px 0}.hero-meta{position:absolute;right:4.5vw;bottom:28px;display:flex;gap:28px;font:9px 'Space Mono';letter-spacing:.1em;color:#c5c8c4}.hero-number{position:absolute;right:4vw;bottom:60px;font:700 180px/1 'Barlow Condensed';color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.18)}.statement{background:var(--paper);color:var(--ink);padding:120px 9vw;display:grid;grid-template-columns:1fr 2.2fr 1.2fr;gap:60px;align-items:start}.statement .section-label,.capabilities .section-label,.feature .section-label,.process .section-label{color:#6e756f}.statement h2,.section-heading h2,.feature h2,.process h2,.contact h2{font:600 clamp(42px,5.5vw,82px)/.95 'Barlow Condensed';text-transform:uppercase;margin:0;letter-spacing:-.025em}.statement>p:last-child{font-size:17px;line-height:1.75;color:#5e655f;margin:0}.capabilities{background:#d9ddda;color:var(--ink);display:grid;grid-template-columns:1fr 1.5fr;padding:110px 9vw;gap:8vw}.section-heading h2{margin-top:24px}.cap-list article{display:grid;grid-template-columns:50px 1fr 1.4fr 20px;gap:18px;align-items:start;padding:27px 0;border-top:1px solid #9ba29c}.cap-list article>span{font:11px 'Space Mono';color:#717a73}.cap-list h3{margin:0;font:600 26px 'Barlow Condensed';text-transform:uppercase}.cap-list p{margin:0;color:#555e57;line-height:1.55;font-size:14px}.cap-list b{color:var(--accent)}.feature{min-height:680px;display:grid;grid-template-columns:1.08fr .92fr;background:#141815}.feature-photo{background:linear-gradient(rgba(17,20,17,.08),rgba(17,20,17,.25)),url('./images/quality-inspection.jpg') center/cover;filter:grayscale(1)}.feature-copy{padding:100px 8vw}.feature h2{margin:28px 0}.feature-copy>p:not(.section-label){line-height:1.7;color:#b6bbb6}.product-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:36px;border-top:1px solid var(--line)}.product-grid span{padding:16px 0;border-bottom:1px solid var(--line);font-size:13px;color:#d8dbd7}.product-grid span:nth-child(even){padding-left:20px;border-left:1px solid var(--line)}.process{padding:110px 9vw;background:var(--paper);color:var(--ink)}.process h2{margin:24px 0 60px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aaa}.steps div{padding:24px 24px 46px 0;min-height:140px;border-right:1px solid #aaa}.steps b{display:block;font:11px 'Space Mono';color:var(--accent);margin-bottom:44px}.steps span{font:600 17px 'Barlow Condensed';text-transform:uppercase}.contact{padding:100px 9vw;display:grid;grid-template-columns:1fr 2fr;background:var(--accent);color:white;align-items:start}.contact .brand-logo{filter:brightness(0) invert(1);width:330px}.contact h2{font-size:72px;margin:22px 0}.contact p:not(.section-label){max-width:580px;line-height:1.6}.contact a{display:inline-block;margin-top:20px;background:#101310;padding:17px 20px;text-transform:uppercase;font:11px 'Space Mono'}.contact a span{color:white}footer{background:#0c0f0d;padding:45px 9vw;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;color:#9ba19c;font-size:11px}footer div{display:flex;gap:28px}footer b{color:#e6e8e5}footer span{line-height:1.6}footer p{margin:0;text-transform:uppercase;letter-spacing:.12em}footer small{text-align:right;line-height:1.5}

/* 02 — bright editorial precision */
.concept-2{--ink:#eeeae1;--paper:#f6f2e8;--accent:#c53923;color:#151917}.concept-2 .nav-shell{color:#151917;border-color:rgba(0,0,0,.16)}.concept-2 .brand-logo,.concept-2 .mark img{filter:none}.concept-2 .nav-shell nav a{color:#3e443f}.concept-2 .nav-cta{border-color:#777}.concept-2 .hero{align-items:flex-end;padding-bottom:90px}.concept-2 .hero-image{inset:78px 4vw 70px 48%;background:url('./images/cargo-inspection.jpg') center/cover;filter:grayscale(1);opacity:.88}.concept-2 .hero-grid{opacity:.25}.concept-2 .hero-copy{width:60%;color:#151917}.concept-2 .hero h1{font-size:clamp(70px,8vw,124px);line-height:.84}.concept-2 .hero h1 em{display:block}.concept-2 .lede{color:#4f5751}.concept-2 .secondary{color:#151917}.concept-2 .hero-meta{color:#343a35;left:8vw;right:auto}.concept-2 .hero-number{-webkit-text-stroke-color:rgba(0,0,0,.22)}

/* 03 — global atlas */
.concept-3{--ink:#071a22;--paper:#e9efe9;--accent:#e5b64e}.concept-3 .hero-image{background:linear-gradient(90deg,rgba(4,20,28,.98) 0%,rgba(4,20,28,.72) 56%,rgba(4,20,28,.26)),url('./images/cargo-loading.jpg') center/cover}.concept-3 .hero-grid{background-size:54px 54px}.concept-3 .hero h1{font-size:clamp(76px,8vw,130px);font-weight:500}.concept-3 .hero h1 em{color:#fff}.concept-3 .primary{color:#0b2028}.concept-3 .statement{background:#e7eee9}.concept-3 .capabilities{background:#9dafaa}.concept-3 .feature{background:#0b2731}.concept-3 .contact{background:#d8aa43;color:#071a22}.concept-3 .contact .brand-logo{filter:none}.concept-3 .contact a{color:#fff}

/* 04 — premium minimal */
.concept-4{--ink:#f4f0e7;--paper:#f4f0e7;--accent:#a77e48;color:#191714}.concept-4 .nav-shell{color:#191714;border-color:rgba(0,0,0,.14)}.concept-4 .mark img{filter:none}.concept-4 .nav-shell nav a{color:#4d4a44}.concept-4 .nav-cta{border-color:#aaa}.concept-4 .hero{padding-left:11vw}.concept-4 .hero-image{inset:120px 6vw 60px 57%;background:url('./images/quality-inspection.jpg') center/cover;filter:grayscale(1) contrast(1.1);opacity:.85}.concept-4 .hero-grid{display:none}.concept-4 .hero-copy{width:53%;color:#191714}.concept-4 .hero h1{font:500 clamp(58px,6.5vw,102px)/.95 Georgia,serif;text-transform:none;letter-spacing:-.05em}.concept-4 .hero h1 em{color:var(--accent)}.concept-4 .lede{color:#5f5a51;border-color:#b49772}.concept-4 .secondary{color:#191714}.concept-4 .hero-meta{color:#4f4a42;left:11vw;right:auto}.concept-4 .hero-number{display:none}.concept-4 .statement h2,.concept-4 .section-heading h2,.concept-4 .feature h2,.concept-4 .process h2,.concept-4 .contact h2{font-family:Georgia,serif;text-transform:none;letter-spacing:-.045em}.concept-4 .capabilities{background:#e1ddd2}.concept-4 .feature{background:#24211e;color:#f5f1e9}.concept-4 .contact{background:#2c2924}.concept-4 .contact .mark img{filter:brightness(0) invert(1)}

/* 05 — industrial fieldline */
.concept-5{--ink:#242820;--paper:#ddd9c7;--accent:#e56a2f}.concept-5 .hero-image{background:linear-gradient(90deg,rgba(31,36,28,.88),rgba(31,36,28,.36)),url('./images/cargo-inspection.jpg') center/cover;filter:saturate(.55) contrast(1.1)}.concept-5 .hero h1{font-size:clamp(88px,10vw,155px);font-weight:700}.concept-5 .hero h1 em{background:var(--accent);color:#171a15;padding:0 .06em}.concept-5 .hero-copy{width:min(930px,78vw)}.concept-5 .capabilities{background:#c3c0aa}.concept-5 .feature{background:#292d24}.concept-5 .feature-photo{filter:saturate(.4) sepia(.15)}.concept-5 .contact{background:#e56a2f;color:#1a1d17}.concept-5 .contact .brand-logo{filter:none}

@media(max-width:900px){.concept-switcher{top:auto;right:12px;bottom:12px;width:230px}.nav-shell{padding:0 20px}.brand-logo{width:190px}.nav-shell nav{display:none}.nav-cta{margin-left:auto}.hero{padding:120px 24px 70px;min-height:760px}.hero-copy,.concept-2 .hero-copy,.concept-4 .hero-copy{width:100%;max-width:100%}.hero h1{font-size:64px!important}.hero-image,.concept-2 .hero-image,.concept-4 .hero-image{inset:0;background-position:center}.concept-2 .hero-image,.concept-4 .hero-image{opacity:.3}.concept-2 .hero-copy,.concept-4 .hero-copy{color:inherit}.concept-2 .lede,.concept-4 .lede{color:inherit}.hero-number{display:none}.hero-meta{left:24px!important;right:auto;gap:12px}.statement,.capabilities,.feature,.contact{grid-template-columns:1fr}.statement{padding:80px 24px;gap:28px}.capabilities,.process{padding:80px 24px}.cap-list article{grid-template-columns:35px 1fr}.cap-list article p{grid-column:2}.cap-list article>b{display:none}.feature-photo{min-height:420px}.feature-copy{padding:70px 24px}.steps{grid-template-columns:1fr 1fr}.contact{padding:70px 24px;gap:45px}footer{grid-template-columns:1fr;padding:40px 24px}footer small{text-align:left}}@media(max-width:560px){.nav-cta{font-size:0}.nav-cta span{font-size:18px;margin:0}.hero h1{font-size:54px!important}.hero-meta span:nth-child(2){display:none}.hero-actions{align-items:flex-start;flex-direction:column}.statement h2,.section-heading h2,.feature h2,.process h2,.contact h2{font-size:46px}.product-grid{grid-template-columns:1fr}.product-grid span:nth-child(even){padding-left:0;border-left:0}.steps{grid-template-columns:1fr}.contact .brand-logo{width:240px}footer div{flex-direction:column;gap:10px}}