@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");
/* LogiStaff's new design — the styling UX Master Chief's site-renderer put round
 * every page of it, which the design was built and signed off against.
 *
 * Captured on 9 October 2026 from logistaff-new.sites.uxmasterchief.com: every
 * rule in UXMC's own stylesheets (its 7 CSS files and the layout's <style>
 * blocks) that matches anything on any of the site's pages, at desktop and
 * phone width, in their original order. The pages' own styling is inside the
 * pages; this is only what UXMC added underneath. Without it, for example,
 * every .wrap loses UXMC's 48px gutter and headings lose text-wrap:balance.
 *
 * Only this site's whole pages load it (renderer/app/[[...slug]]/page.tsx).
 */
/* 9706a43ae7693b8b.css */
@layer properties {
@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
*, ::backdrop, ::after, ::before { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; }
}
}
@layer theme {
:host, :root { --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-serif: ui-serif,Georgia,Cambria,"Times New Roman",Times,serif; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --color-amber-50: oklch(98.7% .022 95.277); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-800: oklch(47.3% .137 46.201); --color-indigo-600: oklch(51.1% .262 276.966); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-900: oklch(21% .034 264.665); --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --tracking-tight: -.025em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-relaxed: 1.625; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --shadow-sm: 0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a; --shadow-md: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a; --shadow-lg: 0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a; --shadow-xl: 0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a; --ease-out: cubic-bezier(0,0,.2,1); --ease-in-out: cubic-bezier(.4,0,.2,1); --blur-sm: 8px; --blur-md: 12px; --blur-3xl: 64px; --aspect-video: 16/9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4,0,.2,1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); }
}
@layer base {
*, ::backdrop, ::after, ::before { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
::file-selector-button { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
:host, html { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }
small { font-size: 80%; }
summary { display: list-item; }
menu, ol, ul { list-style: none; }
audio, canvas, embed, iframe, img, object, svg, video { vertical-align: middle; display: block; }
img, video { max-width: 100%; height: auto; }
button, input, optgroup, select, textarea { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
::file-selector-button { margin-inline-end: 4px; }
::placeholder { opacity: 1; }
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
::placeholder { color: currentcolor; }
@supports (color:color-mix(in lab,red,red)) {
::placeholder { color: color-mix(in oklab, currentcolor, transparent); }
}
}
textarea { resize: vertical; }
::-webkit-search-decoration { appearance: none; }
::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; }
::-webkit-datetime-edit { display: inline-flex; }
::-webkit-datetime-edit-fields-wrapper { padding: 0px; }
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field { padding-block: 0px; }
::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field { padding-block: 0px; }
::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field { padding-block: 0px; }
::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-second-field { padding-block: 0px; }
::-webkit-datetime-edit-meridiem-field { padding-block: 0px; }
::-webkit-calendar-picker-indicator { line-height: 1; }
button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }
::file-selector-button { appearance: button; }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
[hidden]:where(:not([hidden="until-found"])) { display: none !important; }
}
@layer components;
@layer utilities {
.flex { display: flex; }
.min-h-screen { min-height: 100vh; }
.flex-col { flex-direction: column; }
}
@font-face { font-family: Felidae; src: url("/fonts/felidae-regular.woff2") format("woff2"), url("/fonts/felidae-regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
:root { --brand-primary: #2563eb; --brand-secondary: #0f766e; --brand-accent: #b45309; --brand-background: #fff; --brand-surface: #f8fafc; --brand-text: #0f172a; --brand-text-muted: #64748b; --font-heading: "Felidae","Inter",serif; --font-body: "DM Sans","Plus Jakarta Sans",sans-serif; --radius-sm: 0; --radius-md: 0; --radius-lg: 0; --shadow-sm: 0 1px 2px #0000000d; --shadow-md: 0px 2px 12px 2px #0400340f; --shadow-lg: 0 10px 15px -3px #0000001a; --spacing-section: 7.5rem; }
html { scroll-behavior: smooth; }
body { font-family: var(--font-body); color: var(--brand-text); background-color: var(--brand-background); -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 1.6; }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); }
h1, h2, h3 { font-family: var(--font-display,var(--font-heading)); line-height: 1.15; }
p { font-family: var(--font-body,"Plus Jakarta Sans",sans-serif); }
@keyframes uxmc-bounce {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(8px); }
}
@keyframes bliize-shine {
0% { left: -75%; }
100% { left: 125%; }
}
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }

/* f1a27608cfbadaff.css */
:root { --d-bg: #ffffff; --d-text: #14110d; --d-mute: #6b6256; --d-line: #e8e3da; --d-radius: 14px; --d-shadow: -28px 0 72px -16px rgba(20,17,13,0.32),-8px 0 24px -8px rgba(20,17,13,0.14); --d-backdrop: rgba(20,17,13,0.55); --d-backdrop-blur: 6px; --d-anim-in: 280ms cubic-bezier(0.16,1,0.3,1); --d-anim-out: 200ms cubic-bezier(0.4,0,1,1); --d-width-s: 360px; --d-width-m: 480px; --d-width-l: 640px; --brand-primary: #2c3a2e; --brand-cta: #b78c45; --brand-cta-text: #fff; --bg: #f4f1ea; --ink: #14110d; --serif: ui-serif,Georgia,"Iowan Old Style",serif; --sans: -apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif; --mono: ui-monospace,"SF Mono",Menlo,monospace; }
* { box-sizing: border-box; margin: 0px; padding: 0px; }
body, html { background: var(--bg); color: var(--ink); font-family: var(--sans); font-size: 15px; line-height: 1.55; }
img { display: block; max-width: 100%; }
.wrap { padding: 40px; max-width: 1280px; }
:root { --m-bg: #ffffff; --m-text: #14110d; --m-mute: #6b6256; --m-line: #e8e3da; --m-radius: 14px; --m-shadow: 0 28px 72px -16px rgba(20,17,13,0.32),0 8px 24px -8px rgba(20,17,13,0.14); --m-backdrop: rgba(20,17,13,0.55); --m-anim-in: 240ms cubic-bezier(0.16,1,0.3,1); --m-anim-out: 180ms cubic-bezier(0.4,0,1,1); --m-serif: ui-serif,Georgia,"Iowan Old Style",serif; --m-sans: -apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif; --m-mono: ui-monospace,"SF Mono",Menlo,monospace; }
.l4-root :where(h1, h2, h3, h4) { font-family: var(--font-display,"Fraunces","Times New Roman",serif); font-weight: 500; letter-spacing: var(--preset-tracking-display,-.015em); margin: 0px; color: rgb(245, 241, 234); }
@keyframes l4-pulse {
0%, 100% { transform: scaleY(0.5); transform-origin: center top; }
50% { transform: scaleY(1); }
}
@keyframes mega-in {
0% { opacity: 0; transform: translateX(-50%) translateY(-4px); }
100% { opacity: 1; transform: translateX(-50%) translateY(0px); }
}
.l9-root :where(h1, h2, h3, h4, h5) { font-family: var(--font-display,"Fraunces","Times New Roman",serif); font-weight: 500; letter-spacing: -0.02em; margin: 0px; }
.l5-root :where(h1, h2, h3, h4) { font-family: var(--font-display,"Fraunces","Times New Roman",serif); font-weight: 500; letter-spacing: var(--preset-tracking-display,-.015em); margin: 0px; }

/* 14fd2a9bc8dc6111.css */
:root { --foundation-dark: #0f1923; --foundation-navy: #1a2736; --foundation-slate: #2d3d4f; --foundation-mid: #64748b; --foundation-pale: #e2e8f0; --foundation-wash: #f1f5f9; --foundation-ice: #f0f9ff; --foundation-white: #ffffff; --brand-indigo: #4f46e5; --brand-indigo-700: #4338ca; --brand-indigo-100: #e0e7ff; --brand-coral: #be185d; --brand-coral-700: #9d174d; --mod-voice: #be185d; --mod-chatbot: #7c3aed; --mod-crm: #2563eb; --mod-booking: #0f766e; --mod-invoicing: #047857; --mod-reviews: #b45309; --mod-email: #4f46e5; --mod-sms: #c2410c; --mod-social: #0e7490; --mod-seo: #047857; --mod-print: #475569; --color-bg: var(--foundation-white); --color-bg-subtle: var(--foundation-wash); --color-bg-tint: var(--foundation-ice); --color-bg-dark: var(--foundation-dark); --color-bg-darker: var(--foundation-navy); --color-fg: var(--foundation-dark); --color-fg-body: var(--foundation-slate); --color-fg-muted: var(--foundation-mid); --color-fg-on-dark: var(--foundation-white); --color-fg-on-dark-muted: #94a3b8; --color-border: var(--foundation-pale); --color-border-strong: #cbd5e1; --color-link: var(--brand-indigo); --color-link-hover: var(--brand-indigo-700); --color-success: #047857; --color-warning: #b45309; --color-danger: #b91c1c; --color-info: #2563eb; --font-display: "Space Grotesk",ui-sans-serif,system-ui,-apple-system,sans-serif; --font-body: "Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,sans-serif; --font-mono: "JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace; --fs-display-xl: clamp(3rem,6vw + 1rem,5.5rem); --fs-display-lg: clamp(2.5rem,4vw + 1rem,4rem); --fs-h1: 3rem; --fs-h2: 2.25rem; --fs-h3: 1.5rem; --fs-h4: 1.25rem; --fs-h5: 1.0625rem; --fs-body-lg: 1.125rem; --fs-body: 1rem; --fs-body-sm: 0.9375rem; --fs-caption: 0.8125rem; --fs-eyebrow: 0.75rem; --lh-display: 1.05; --lh-heading: 1.15; --lh-body: 1.6; --lh-tight: 1.3; --tracking-display: -0.02em; --tracking-heading: -0.01em; --tracking-body: 0; --tracking-eyebrow: 0.12em; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px; --space-10: 120px; --section-py-desktop: 120px; --section-py-mobile: 70px; --nav-height: 68px; --radius-xs: 4px; --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-xl: 24px; --radius-full: 999px; --shadow-xs: 0 1px 2px rgba(15,25,35,0.04); --shadow-sm: 0 1px 3px rgba(15,25,35,0.06),0 1px 2px rgba(15,25,35,0.04); --shadow-md: 0 4px 12px rgba(15,25,35,0.06),0 2px 4px rgba(15,25,35,0.04); --shadow-lg: 0 12px 32px rgba(15,25,35,0.08),0 4px 8px rgba(15,25,35,0.04); --shadow-xl: 0 24px 48px rgba(15,25,35,0.12),0 8px 16px rgba(15,25,35,0.06); --shadow-focus: 0 0 0 3px rgba(79,70,229,0.25); --ease-standard: cubic-bezier(0.2,0,0,1); --ease-emphasised: cubic-bezier(0.2,0,0.1,1.2); --dur-fast: 120ms; --dur-base: 200ms; --dur-slow: 320ms; }
html { font-size: 16px; }
body { font-family: var(--font-body); font-size: var(--fs-body); line-height: var(--lh-body); color: var(--color-fg-body); background: var(--color-bg); -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; }
.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5, h6 { font-family: var(--font-display); color: var(--color-fg); font-weight: 600; letter-spacing: var(--tracking-heading); line-height: var(--lh-heading); margin: 0px; text-wrap: balance; }
.h1, h1 { font-size: var(--fs-h1); letter-spacing: var(--tracking-display); line-height: var(--lh-display); font-weight: 700; }
.h2, h2 { font-size: var(--fs-h2); }
.h3, h3 { font-size: var(--fs-h3); }
.h4, h4 { font-size: var(--fs-h4); }
p { margin: 0 0 var(--space-4); max-width: 65ch; text-wrap: pretty; }
.lede { font-size: var(--fs-body-lg); color: var(--color-fg-body); }
a { color: var(--color-link); text-decoration: none; font-weight: 500; transition: color var(--dur-fast) var(--ease-standard); }
a:hover { color: var(--color-link-hover); text-decoration: underline; text-underline-offset: 3px; }
::selection { background: color-mix(in srgb,var(--site-primary,#4f46e5) 20%,transparent); color: var(--foundation-dark); }
:root { --gutter: clamp(20px,4vw,48px); --max-w: 1400px; --max-w-wide: 1600px; --site-primary: var(--brand-primary,#0d7a70); --site-primary-700: var(--brand-primary-700,#0a5e57); --site-primary-100: var(--brand-primary-100,#d6ebe8); --site-cta: var(--brand-cta,#c2410c); --site-cta-700: var(--brand-cta-700,#9a3412); }
[data-preset="modern"], body { --font-display: "Space Grotesk",system-ui,sans-serif; --font-body: "Plus Jakarta Sans",system-ui,sans-serif; --preset-radius-sm: 8px; --preset-radius-md: 12px; --preset-radius-lg: 20px; --preset-shadow-card: 0 1px 3px rgba(15,25,35,0.06),0 1px 2px rgba(15,25,35,0.04); --preset-shadow-lift: 0 12px 32px rgba(15,25,35,0.08),0 4px 8px rgba(15,25,35,0.04); --preset-tracking-display: -0.025em; --preset-tracking-heading: -0.01em; }
.wrap { max-width: var(--content-max-w,var(--max-w)); }
.wrap, .wrap-wide { margin: 0px auto; padding: 0 var(--gutter); }
h1, h2, h3, h4 { font-family: var(--font-display); color: var(--foundation-dark); margin: 0px; letter-spacing: -0.02em; line-height: 1.05; font-weight: 600; }
h2 { font-size: clamp(2rem, 3.2vw, 2.75rem); line-height: 1.1; }
h3 { font-size: 1.375rem; letter-spacing: -0.01em; line-height: 1.3; }
h4 { font-size: 1.0625rem; letter-spacing: -0.005em; line-height: 1.35; }
p { margin: 0px 0px 16px; max-width: 62ch; }
.lede { font-size: 19px; line-height: 1.55; color: var(--foundation-slate); max-width: 60ch; }
.btn { display: inline-flex; align-items: center; gap: 8px; padding: 13px 20px; border: 0px; border-radius: var(--preset-radius-sm); font-weight: 600; font-size: 15px; line-height: 1; cursor: pointer; text-decoration: none; transition: all .12s var(--ease-standard); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) {
*, ::after, ::before { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}
.l7-root :where(h1, h2, h3, h4, h5) { font-family: var(--font-display,"Fraunces","Times New Roman",serif); font-weight: 500; letter-spacing: -0.015em; margin: 0px; }

/* 5ad88df77f73d9b6.css */
.l6-root :where(h1, h2, h3, h4) { font-family: var(--font-display,"Fraunces","Times New Roman",serif); font-weight: 500; letter-spacing: -0.015em; margin: 0px; }
@keyframes fo-vqin {
0% { opacity: 0; transform: translateY(8px); }
100% { opacity: 1; transform: none; }
}

/* 74f184e7f7f8a374.css */
@keyframes cn-pulse {
0% { transform: scale(0.6); opacity: 0.7; }
100% { transform: scale(1.6); opacity: 0; }
}
@keyframes cn-skel-pulse {
0%, 100% { opacity: 0.35; }
50% { opacity: 0.6; }
}

/* efc26dc6467135fc.css */
.area-landing-root :where(h1, h2, h4) { font-family: var(--font-display,"Fraunces","Times New Roman",serif); font-weight: 500; letter-spacing: -0.02em; margin: 0px; }
.item-detail-root :where(h1, h2, h4) { font-family: var(--font-display,"Fraunces","Times New Roman",serif); font-weight: 500; letter-spacing: -0.02em; margin: 0px; }
.uxmc-verbatim article, .uxmc-verbatim blockquote, .uxmc-verbatim div, .uxmc-verbatim figure, .uxmc-verbatim h1, .uxmc-verbatim h2, .uxmc-verbatim h3, .uxmc-verbatim h4, .uxmc-verbatim h5, .uxmc-verbatim h6, .uxmc-verbatim li, .uxmc-verbatim p, .uxmc-verbatim section { max-width: none; }
.uxmc-verbatim { max-width: none; width: auto; margin: 0px; padding: 0px; }
@font-face { font-family: ElegantIcons; src: url("https://csyuuvlssxxkiqiiugcq.supabase.co/storage/v1/object/public/site-assets/logistaff/wp-content/plugins/skyboot-custom-icons-for-elementor/assets/fonts/ElegantIcons.woff") format("woff"); font-weight: 400; font-style: normal; font-display: block; }
@font-face { font-family: "Bricolage Grotesque"; src: url("https://fonts.gstatic.com/s/bricolagegrotesque/v9/3y9H6as8bTXq_nANBjzKo3IeZx8z6up5BeSl5jBNz_19PpbpMXuECpwUxJBOm_OJWiawA1XphjhQYg.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }
@font-face { font-family: "DM Sans"; src: url("https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6z9mXgjU0.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yygg_vb.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }

/* a9accbfc0a15f4cb.css */
@font-face { font-family: "Bricolage Grotesque"; src: url("https://fonts.gstatic.com/s/bricolagegrotesque/v9/3y9H6as8bTXq_nANBjzKo3IeZx8z6up5BeSl5jBNz_19PpbpMXuECpwUxJBOm_OJWiawA1XphjhQYg.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }
@font-face { font-family: "DM Sans"; src: url("https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6z9mXgjU0.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yygg_vb.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }

/* layout <style> */
:root { --font-display: 'Space Grotesk', sans-serif; --font-body: 'Plus Jakarta Sans', sans-serif; --section-pad: 120px; --section-pad-sm: 70px; --container-max: 1200px; --nav-h: 68px; --uxmc-dark: #0f1923; --uxmc-navy: #1a2736; --uxmc-slate: #2d3d4f; --uxmc-mid: #64748b; --uxmc-light: #94a3b8; --uxmc-pale: #e2e8f0; --uxmc-wash: #f1f5f9; --uxmc-white: #ffffff; --uxmc-indigo: #4f46e5; --uxmc-indigo-light: #818cf8; --uxmc-indigo-wash: #e0e7ff; --uxmc-coral: #be185d; --uxmc-coral-light: #ec4899; --uxmc-coral-wash: #fce7f3; }

/* layout <style> */
:root { --content-max-w: 100%; --content-max-w-wide: 100%; --brand-primary: #033249; --brand-primary-light: #355b6d; --brand-primary-dark: #032b3e; --brand-secondary: #be185d; --brand-secondary-light: #cb467d; --brand-secondary-dark: #a2144f; --brand-accent: #a855f7; --brand-background: #ffffff; --brand-background-alt: #fafafa; --brand-surface: #ffffff; --brand-surface-hover: #f7f7f7; --brand-text: #1f2937; --brand-text-muted: #6b7280; --brand-text-on-primary: #ffffff; --brand-text-on-secondary: #ffffff; --brand-border: #e5e7eb; --brand-border-light: #f3f4f6; --color-success: #22c55e; --color-warning: #f59e0b; --color-error: #ef4444; --color-info: #3b82f6; --brand-wash: #f0f3f4; --brand-ice: #fcf3f7; --brand-dark: #022231; --brand-navy: #032f45; --brand-primary-rgb: 3, 50, 73; --brand-secondary-rgb: 190, 24, 93; --brand-dark-mode: 0; --font-heading: "Barlow Condensed", sans-serif; --font-body: "Barlow", sans-serif; --font-mono: "Fira Code", "JetBrains Mono", monospace; --radius-sm: 0.125rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-full: 9999px; --radius-default: 0.5rem; --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); --spacing-section: 4rem; --container-max: 1280px; }

/* layout <style> */

/* UXMC's <body class="min-h-screen flex flex-col"> */
body { min-height: 100vh; display: flex; flex-direction: column; }