:root {
  --blue-950: #072451;
  --blue-900: #08346f;
  --blue-700: #0a63ce;
  --blue-600: #1478e6;
  --blue-100: #e8f2ff;
  --ink: #10213b;
  --muted: #627089;
  --line: #dfe6ef;
  --surface: #f4f7fb;
  --green: #27b65d;
  --green-dark: #168544;
  --amber: #f2a93b;
  --white: #ffffff;
  --shadow: 0 24px 60px rgba(7, 36, 81, 0.14);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--white); font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
body.modal-open { overflow: hidden; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 50; color: white; transition: background .25s, box-shadow .25s; }
.site-header.scrolled { background: rgba(255,255,255,.97); color: var(--ink); box-shadow: 0 8px 30px rgba(17,40,75,.08); }
.nav-shell { height: 78px; max-width: 1240px; margin: auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.brand { display: inline-flex; align-items: center; gap: 11px; flex: 0 0 auto; }
.brand-mark { width: 46px; height: 46px; background: white; overflow: hidden; border-radius: 8px; box-shadow: 0 6px 18px rgba(0,0,0,.14); }
.brand-mark img { width: 100%; height: 100%; object-fit: contain; }
.brand-copy { display: flex; flex-direction: column; line-height: 1.05; }
.brand-copy strong { font-size: 19px; font-weight: 800; }
.brand-copy small { margin-top: 5px; font: 600 8px/1 "Manrope", sans-serif; letter-spacing: 1.4px; opacity: .72; }
.desktop-nav { display: flex; align-items: center; gap: 34px; margin-left: auto; }
.desktop-nav a { position: relative; font-size: 14px; font-weight: 500; }
.desktop-nav a::after { content: ""; position: absolute; height: 2px; left: 50%; right: 50%; bottom: -10px; background: var(--green); transition: left .2s, right .2s; }
.desktop-nav a:hover::after { left: 0; right: 0; }
.nav-actions { display: flex; align-items: center; gap: 10px; }
.language-picker { height: 40px; padding: 0 9px; display: flex; align-items: center; gap: 5px; border: 1px solid rgba(255,255,255,.32); border-radius: 5px; color: inherit; }
.scrolled .language-picker { border-color: var(--line); }
.language-picker > svg:first-child { width: 17px; }.language-picker > svg:last-child { width: 13px; pointer-events: none; }
.language-select { max-width: 112px; padding: 0 16px 0 2px; appearance: none; border: 0; outline: 0; color: inherit; background: transparent; cursor: pointer; font-size: 12px; }
.language-select option { color: var(--ink); background: white; }
.mobile-language-picker { display: none; }
.btn { min-height: 44px; padding: 0 19px; border: 0; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; font-weight: 600; cursor: pointer; transition: transform .2s, background .2s, color .2s, box-shadow .2s; }
.btn svg { width: 17px; height: 17px; }
.btn:hover { transform: translateY(-2px); }
.btn-primary { color: white; background: var(--blue-600); box-shadow: 0 8px 18px rgba(20,120,230,.25); }
.btn-primary:hover { background: var(--blue-700); }
.btn-accent { color: white; background: var(--green); box-shadow: 0 10px 24px rgba(39,182,93,.28); }
.btn-accent:hover { background: var(--green-dark); }
.btn-ghost { color: white; border: 1px solid rgba(255,255,255,.52); background: rgba(255,255,255,.08); }
.btn-ghost:hover { background: rgba(255,255,255,.16); }
.icon-btn { width: 44px; height: 44px; padding: 0; border: 0; border-radius: 6px; display: inline-grid; place-items: center; background: transparent; color: inherit; cursor: pointer; }
.icon-btn svg { width: 23px; height: 23px; }
.menu-toggle { display: none; }
.mobile-nav { display: none; }

.hero { position: relative; min-height: 740px; height: min(860px, 92vh); color: white; background: url("assets/hero-logistics.jpg") center 46% / cover no-repeat; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; }
.hero-overlay { position: absolute; inset: 0; background: rgba(4,31,70,.76); }
.hero::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 72px 72px; pointer-events: none; }
.hero-inner { position: relative; z-index: 2; width: 100%; max-width: 1240px; margin: auto; padding: 130px 24px 54px; display: grid; grid-template-columns: 1.1fr .9fr; gap: 80px; align-items: center; }
.eyebrow { margin: 0 0 18px; color: var(--blue-700); font: 700 12px/1.3 "Manrope", "Noto Sans SC", sans-serif; letter-spacing: 1.8px; }
.eyebrow span { width: 28px; height: 2px; display: inline-block; margin-right: 9px; vertical-align: middle; background: var(--green); }
.eyebrow.light { color: #b9d7ff; }
.hero h1 { margin: 0; font-size: 68px; line-height: 1.08; letter-spacing: 0; font-weight: 800; }
.hero-lead { margin: 14px 0 18px; font-size: 34px; line-height: 1.35; font-weight: 500; }
.hero-lead strong { color: #62de8e; }
.hero-description { max-width: 600px; margin: 0; color: rgba(255,255,255,.78); font-size: 17px; line-height: 1.9; }
.hero-actions { display: flex; gap: 12px; margin-top: 32px; }
.hero-actions .btn { min-height: 50px; padding: 0 23px; }
.hero-status { width: 100%; max-width: 480px; justify-self: end; padding: 24px; border: 1px solid rgba(255,255,255,.2); border-radius: 8px; background: rgba(7,36,81,.82); box-shadow: 0 25px 80px rgba(0,0,0,.24); backdrop-filter: blur(10px); }
.status-head { display: flex; align-items: center; justify-content: space-between; color: rgba(255,255,255,.58); font-size: 12px; }
.status-head > div { color: white; font: 600 12px "Manrope", sans-serif; letter-spacing: .7px; }
.live-dot { width: 8px; height: 8px; display: inline-block; margin-right: 7px; border-radius: 50%; background: #48dd7f; box-shadow: 0 0 0 5px rgba(72,221,127,.13); }
.route-map { height: 218px; position: relative; margin: 18px 0; border-radius: 6px; overflow: hidden; background: #0a396f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='220' viewBox='0 0 400 220'%3E%3Cg fill='none' stroke='%23568ab8' stroke-opacity='.32' stroke-width='1'%3E%3Cpath d='M24 43l38-17 45 11 34-17 29 22 42-13 38 20 42-12 36 20 48-7v92l-47 15-42-17-40 23-42-8-43 23-40-21-45 8-33-18z'/%3E%3Cpath d='M64 26l13 38 46 20 14 50m57-103l9 45 47 35 23 62m55-116l-33 45-13 58'/%3E%3C/g%3E%3C/svg%3E") center / cover no-repeat; }
.map-label { position: absolute; z-index: 3; padding: 4px 7px; color: white; background: rgba(4,27,60,.86); border-radius: 3px; font-size: 10px; }
.map-label.china { left: 67%; top: 53%; }.map-label.usa { left: 8%; top: 44%; }.map-label.eu { left: 38%; top: 25%; }
.route { position: absolute; height: 1px; background: #55d98a; transform-origin: left center; box-shadow: 0 0 8px #55d98a; }
.route-one { width: 145px; left: 25%; top: 48%; transform: rotate(-22deg); }.route-two { width: 200px; left: 21%; top: 49%; transform: rotate(8deg); }
.node { position: absolute; z-index: 2; width: 10px; height: 10px; border: 2px solid white; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 7px rgba(39,182,93,.18); }
.node-one { left: 70%; top: 58%; }.node-two { left: 42%; top: 30%; }.node-three { left: 19%; top: 55%; }
.status-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.status-grid div { min-width: 0; }.status-grid span, .status-grid strong, .status-grid em { display: block; }
.status-grid span { color: rgba(255,255,255,.58); font-size: 11px; }.status-grid strong { margin: 6px 0 3px; color: white; font: 700 19px "Manrope", sans-serif; }.status-grid em { color: #57db88; font-size: 10px; font-style: normal; }
.hero-foot { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; max-width: 1240px; min-height: 106px; margin: 0 auto; padding: 0 24px; border-top: 1px solid rgba(255,255,255,.18); }
.hero-foot div { display: flex; align-items: center; gap: 13px; padding: 20px 26px; border-right: 1px solid rgba(255,255,255,.12); }.hero-foot div:first-child { padding-left: 0; }.hero-foot div:last-child { border-right: 0; }
.hero-foot strong { font: 700 23px "Manrope", sans-serif; color: #64df90; white-space: nowrap; }.hero-foot span { color: rgba(255,255,255,.66); font-size: 12px; }

.trust-strip { min-height: 104px; padding: 25px 24px; display: flex; align-items: center; justify-content: center; gap: 54px; border-bottom: 1px solid var(--line); }
.trust-strip p { color: #8792a4; font-size: 13px; white-space: nowrap; }.trust-items { display: flex; align-items: center; justify-content: center; gap: 38px; flex-wrap: wrap; }
.trust-items span { display: inline-flex; align-items: center; gap: 7px; color: #53627a; font: 600 14px "Manrope", "Noto Sans SC", sans-serif; }.trust-items svg { width: 18px; color: var(--blue-700); }
.section { padding: 112px 24px; }.section-head { max-width: 1180px; margin: 0 auto 54px; display: grid; grid-template-columns: 1.25fr .75fr; align-items: end; gap: 70px; }
.section-head h2, .wms-copy h2, .insight-copy h2, .faq-intro h2, .contact-inner h2 { margin: 0; font-size: 42px; line-height: 1.25; letter-spacing: 0; }
.section-head > p { margin: 0 0 2px; color: var(--muted); font-size: 15px; line-height: 1.9; }
.products-section { background: var(--surface); }
.product-console { max-width: 1180px; min-height: 550px; margin: auto; display: grid; grid-template-columns: 300px 1fr; background: white; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; box-shadow: var(--shadow); }
.product-tabs { padding: 20px 0; background: #f9fbfe; border-right: 1px solid var(--line); }
.product-tab { width: 100%; min-height: 116px; padding: 20px 24px; display: grid; grid-template-columns: 36px 1fr 20px; align-items: center; text-align: left; color: #66758a; background: transparent; border: 0; border-left: 3px solid transparent; cursor: pointer; }
.product-tab > svg:first-child { width: 23px; }.product-tab > svg:last-child { width: 17px; opacity: 0; transform: translateX(-5px); transition: .2s; }.product-tab span { color: var(--ink); font-size: 16px; font-weight: 700; }.product-tab small { display: block; margin-top: 7px; color: #8b97a8; font-size: 11px; font-weight: 400; }
.product-tab.active { color: var(--blue-700); background: white; border-left-color: var(--blue-600); }.product-tab.active > svg:last-child { opacity: 1; transform: none; }
.product-display { padding: 50px 46px; display: grid; grid-template-columns: .8fr 1.2fr; gap: 48px; align-items: center; }
.product-display { transition: opacity .16s ease, transform .16s ease; }
.product-display.switching { opacity: .35; transform: translateY(4px); }
.product-number { color: var(--blue-600); font: 700 12px "Manrope", sans-serif; letter-spacing: 1px; }.product-copy h3 { margin: 12px 0; font-size: 32px; }.product-copy > p { margin: 0; color: var(--muted); line-height: 1.8; font-size: 14px; }
.check-list { list-style: none; padding: 0; margin: 25px 0; display: grid; gap: 13px; }.check-list li { display: flex; align-items: flex-start; gap: 9px; color: #43516a; font-size: 13px; }.check-list svg { width: 17px; color: var(--green); flex: 0 0 auto; }
.text-link { padding: 0; border: 0; background: none; display: inline-flex; align-items: center; gap: 8px; color: var(--blue-700); font-weight: 700; cursor: pointer; }.text-link svg { width: 17px; transition: transform .2s; }.text-link:hover svg { transform: translateX(4px); }
.dashboard-art { align-self: stretch; padding: 20px; background: #f6f9fd; border: 1px solid #dce5f0; border-radius: 8px; box-shadow: 0 16px 35px rgba(11,61,118,.11); }
.dash-top { display: flex; justify-content: space-between; font-size: 12px; font-weight: 700; }.dash-date { color: #7c889b; font-weight: 400; }.dash-date svg { width: 12px; vertical-align: middle; }
.kpi-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 16px 0; }.kpi-row div { padding: 13px; background: white; border: 1px solid #e8edf4; border-radius: 5px; }.kpi-row span,.kpi-row strong,.kpi-row em { display: block; }.kpi-row span { color: #8590a0; font-size: 9px; }.kpi-row strong { margin: 7px 0 5px; font: 700 14px "Manrope", sans-serif; }.kpi-row em { color: var(--green); font-size: 8px; font-style: normal; }
.chart-wrap { padding: 16px 15px 10px; background: white; border: 1px solid #e8edf4; border-radius: 5px; }.chart-bars { height: 145px; display: flex; align-items: flex-end; gap: 9px; border-bottom: 1px solid #e8edf4; background-image: linear-gradient(#edf1f6 1px, transparent 1px); background-size: 100% 36px; }.chart-bars i { flex: 1; display: block; background: var(--blue-600); border-radius: 2px 2px 0 0; opacity: .84; }.chart-bars i:nth-child(3n) { background: var(--green); }.chart-legend { display: flex; justify-content: space-between; margin-top: 9px; color: #8792a3; font-size: 8px; }.chart-legend b { width: 7px; height: 7px; display: inline-block; background: var(--blue-600); border-radius: 2px; }
.orders-mini { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 10px; }.orders-mini > div { padding: 10px; display: flex; align-items: center; gap: 8px; background: white; border: 1px solid #e8edf4; border-radius: 5px; }.order-icon { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 4px; }.order-icon svg { width: 13px; }.order-icon.blue { color: var(--blue-600); background: #e6f1ff; }.order-icon.green { color: var(--green); background: #e7f8ed; }.order-icon.amber { color: #d78918; background: #fff2dc; }.orders-mini p { margin: 0; color: #8290a3; font-size: 8px; }.orders-mini strong { display: block; color: var(--ink); font: 700 12px "Manrope", sans-serif; }

.chain-section { min-height: 680px; position: relative; color: white; background: var(--blue-950); overflow: hidden; }
.chain-background { position: absolute; inset: 0; background: url("assets/global-freight.jpg") center / cover no-repeat; opacity: .14; }
.chain-inner { position: relative; max-width: 1180px; margin: auto; }.section-head-light { margin-left: 0; margin-right: 0; }.section-head-light > p { color: rgba(255,255,255,.65); }
.chain-flow { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 22px; }.chain-flow::before { content: ""; position: absolute; top: 64px; left: 9%; right: 9%; height: 1px; background: rgba(255,255,255,.28); }
.chain-flow article { position: relative; z-index: 1; }.step-num { color: rgba(255,255,255,.38); font: 700 11px "Manrope", sans-serif; }.step-icon { width: 62px; height: 62px; margin: 15px 0 24px; display: grid; place-items: center; color: white; background: var(--blue-700); border: 7px solid var(--blue-950); border-radius: 50%; box-shadow: 0 0 0 1px rgba(255,255,255,.3); }.step-icon svg { width: 23px; }.chain-flow article:nth-child(4) .step-icon { background: var(--green-dark); }.chain-flow h3 { margin: 0 0 10px; font-size: 19px; }.chain-flow p { margin: 0; color: rgba(255,255,255,.62); font-size: 12px; line-height: 1.7; }
.chain-tags { margin-top: 58px; padding: 22px 28px; display: flex; justify-content: space-around; gap: 25px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.06); border-radius: 6px; }.chain-tags span { display: flex; align-items: center; gap: 9px; color: rgba(255,255,255,.8); font-size: 13px; }.chain-tags svg { width: 17px; color: #65df92; }

.wms-grid { max-width: 1180px; margin: auto; display: grid; grid-template-columns: .92fr 1.08fr; gap: 92px; align-items: center; }.wms-visual { height: 640px; position: relative; }.wms-visual > img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; }
.visual-label { position: absolute; left: 24px; right: -36px; bottom: 28px; min-height: 86px; padding: 17px 20px; display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 13px; color: var(--ink); background: white; border-radius: 6px; box-shadow: var(--shadow); }.visual-label > svg { width: 24px; color: var(--blue-600); }.visual-label span { font-size: 13px; font-weight: 700; }.visual-label small { display: block; margin-top: 5px; color: #8a96a7; font: 400 10px "Manrope", sans-serif; }.visual-label strong { color: var(--green-dark); font: 700 22px "Manrope", sans-serif; }
.warehouse-badge { position: absolute; top: 24px; right: -22px; width: 116px; padding: 17px; color: white; background: var(--blue-700); border-radius: 6px; box-shadow: 0 16px 30px rgba(10,99,206,.3); }.warehouse-badge strong,.warehouse-badge span { display: block; }.warehouse-badge strong { font: 700 24px "Manrope", sans-serif; }.warehouse-badge span { margin-top: 4px; color: rgba(255,255,255,.72); font-size: 9px; }
.wms-copy { padding-left: 10px; }.wms-copy .lead { margin: 22px 0 30px; color: var(--muted); font-size: 15px; line-height: 1.9; }.feature-list { display: grid; gap: 10px; }.feature-list > div { padding: 17px 0; display: grid; grid-template-columns: 48px 1fr; gap: 16px; border-bottom: 1px solid var(--line); }.feature-list > div > span { width: 44px; height: 44px; display: grid; place-items: center; color: var(--blue-700); background: var(--blue-100); border-radius: 6px; }.feature-list svg { width: 21px; }.feature-list h3 { margin: 0 0 6px; font-size: 16px; }.feature-list p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.wms-metrics { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 30px; }.wms-metrics div { border-right: 1px solid var(--line); }.wms-metrics div + div { padding-left: 24px; }.wms-metrics div:last-child { border: 0; }.wms-metrics strong,.wms-metrics span { display: block; }.wms-metrics strong { color: var(--blue-700); font: 700 24px "Manrope", sans-serif; }.wms-metrics span { margin-top: 4px; color: #7f8b9d; font-size: 11px; }

.solutions-section { background: var(--surface); }.solution-grid { max-width: 1180px; margin: auto; display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }.solution-card { min-height: 354px; padding: 28px; display: flex; flex-direction: column; background: white; border: 1px solid var(--line); border-radius: 7px; transition: transform .25s, box-shadow .25s, border .25s; }.solution-card:hover { transform: translateY(-7px); border-color: #9bc8fb; box-shadow: 0 18px 38px rgba(7,54,105,.1); }.solution-card.featured { color: white; background: var(--blue-900); border-color: var(--blue-900); }.solution-top { display: flex; align-items: center; justify-content: space-between; color: #9aa5b5; }.solution-top span { font: 700 11px "Manrope", sans-serif; }.solution-top svg { width: 27px; color: var(--blue-600); }.featured .solution-top svg { color: #64df90; }.solution-card h3 { margin: 30px 0 13px; font-size: 21px; }.solution-card p { min-height: 66px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.8; }.featured p { color: rgba(255,255,255,.68); }.solution-card ul { padding: 0; margin: 22px 0 25px; display: flex; flex-wrap: wrap; gap: 7px; list-style: none; }.solution-card li { padding: 5px 8px; color: #63728a; background: #eef3f8; border-radius: 3px; font-size: 10px; }.featured li { color: #d5e7fb; background: rgba(255,255,255,.1); }.solution-card a { margin-top: auto; display: flex; align-items: center; justify-content: space-between; color: var(--blue-700); font-size: 12px; font-weight: 700; }.featured a { color: #64df90; }.solution-card a svg { width: 16px; }

.insight-band { min-height: 670px; display: grid; grid-template-columns: 1fr 1fr; background: var(--blue-950); color: white; }.insight-image { min-height: 670px; }.insight-image img { width: 100%; height: 100%; object-fit: cover; }.insight-copy { padding: 95px max(50px, calc((100vw - 1180px)/2)) 80px 72px; }.insight-copy h2 { max-width: 480px; }.advantage-list { margin-top: 38px; display: grid; }.advantage-list > div { padding: 22px 0; display: grid; grid-template-columns: 40px 1fr; gap: 14px; border-top: 1px solid rgba(255,255,255,.14); }.advantage-list strong { color: #5edb8b; font: 700 11px "Manrope", sans-serif; }.advantage-list span { color: rgba(255,255,255,.64); font-size: 13px; line-height: 1.75; }.advantage-list b { display: block; margin-bottom: 4px; color: white; font-size: 16px; }

.faq-section { max-width: 1180px; margin: auto; display: grid; grid-template-columns: .65fr 1.35fr; gap: 100px; }.faq-intro p:last-child { color: var(--muted); line-height: 1.8; }.faq-list { border-top: 1px solid var(--line); }.faq-item { border-bottom: 1px solid var(--line); }.faq-item button { width: 100%; min-height: 76px; padding: 18px 4px; border: 0; background: none; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: var(--ink); text-align: left; font-weight: 700; cursor: pointer; }.faq-item button svg { width: 20px; color: var(--blue-600); transition: transform .25s; }.faq-item.open button svg { transform: rotate(45deg); }.faq-answer { max-height: 0; overflow: hidden; transition: max-height .3s ease; }.faq-answer p { margin: 0; padding: 0 52px 25px 4px; color: var(--muted); font-size: 13px; line-height: 1.8; }
.contact-section { padding: 0 24px 76px; }.contact-inner { max-width: 1180px; min-height: 300px; margin: auto; padding: 58px 66px; color: white; background: var(--blue-700); border-radius: 8px; display: flex; align-items: center; justify-content: space-between; gap: 60px; overflow: hidden; position: relative; }.contact-inner::after { content: "CC"; position: absolute; right: 12%; bottom: -75px; color: rgba(255,255,255,.08); font: 800 220px/1 "Manrope", sans-serif; }.contact-inner > * { position: relative; z-index: 1; }.contact-inner h2 { max-width: 700px; }.contact-inner p:not(.eyebrow) { margin: 17px 0 0; color: rgba(255,255,255,.72); }.btn-large { min-height: 54px; padding: 0 25px; flex: 0 0 auto; }

.site-footer { color: rgba(255,255,255,.68); background: #061a36; }.footer-main { max-width: 1180px; margin: auto; padding: 70px 24px 58px; display: grid; grid-template-columns: 2fr .7fr .7fr 1.25fr; gap: 65px; }.brand-light { color: white; }.footer-brand p { max-width: 350px; margin: 23px 0 0; font-size: 13px; line-height: 1.9; }.footer-links,.footer-contact { display: flex; flex-direction: column; gap: 13px; }.footer-main h3 { margin: 0 0 9px; color: white; font-size: 14px; }.footer-links a { font-size: 12px; }.footer-links a:hover { color: white; }.footer-contact p { margin: 0 0 5px; display: flex; align-items: flex-start; gap: 9px; font-size: 11px; line-height: 1.7; }.footer-contact svg { width: 15px; flex: 0 0 auto; margin-top: 2px; color: #55d988; }.footer-bottom { max-width: 1180px; min-height: 70px; margin: auto; padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-top: 1px solid rgba(255,255,255,.1); font-size: 10px; }
.footer-contact a { color: white; font: 600 13px "Manrope", sans-serif; letter-spacing: .3px; }
.footer-contact a:hover, .modal-phone:hover { color: var(--green); }

.modal { position: fixed; inset: 0; z-index: 100; display: none; align-items: center; justify-content: center; padding: 20px; }.modal.open { display: flex; }.modal-backdrop { position: absolute; inset: 0; background: rgba(2,18,40,.74); backdrop-filter: blur(5px); }.modal-panel { width: min(520px,100%); max-height: calc(100vh - 40px); position: relative; z-index: 1; overflow-y: auto; padding: 38px; background: white; border-radius: 8px; box-shadow: 0 30px 90px rgba(0,0,0,.3); }.modal-close { position: absolute; top: 18px; right: 18px; color: #67758a; background: var(--surface); }.modal-panel h2 { margin: 0 0 9px; font-size: 30px; }.modal-panel > p:not(.eyebrow) { margin: 0 0 24px; color: var(--muted); font-size: 13px; line-height: 1.7; }.modal form { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }.modal label { display: grid; gap: 7px; color: #3a4960; font-size: 12px; font-weight: 600; }.modal label:nth-child(3),.modal label:nth-child(4) { grid-column: 1/-1; }.modal input,.modal select,.modal textarea { width: 100%; border: 1px solid #d8e0ea; border-radius: 5px; padding: 11px 12px; outline: none; resize: vertical; color: var(--ink); background: white; }.modal input:focus,.modal select:focus,.modal textarea:focus { border-color: var(--blue-600); box-shadow: 0 0 0 3px rgba(20,120,230,.1); }.modal form .btn { grid-column: 1/-1; margin-top: 3px; }.form-note { grid-column: 1/-1; margin: -4px 0 0; color: #98a2b1; text-align: center; font-size: 9px; }.form-success { padding: 32px 0 10px; text-align: center; }.form-success > span { width: 58px; height: 58px; margin: auto; display: grid; place-items: center; color: white; background: var(--green); border-radius: 50%; }.form-success h3 { margin: 18px 0 8px; font-size: 22px; }.form-success p { margin: 0 0 22px; color: var(--muted); }
.modal-phone { color: var(--blue-700); font-weight: 700; white-space: nowrap; }

.reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }.reveal.visible { opacity: 1; transform: none; }.delay-1 { transition-delay: .1s; }.delay-2 { transition-delay: .18s; }.delay-3 { transition-delay: .26s; }

@media (max-width: 1050px) {
  .desktop-nav { gap: 18px; }.desktop-nav a { font-size: 12px; }.hero-inner { gap: 40px; }.hero h1 { font-size: 58px; }.product-display { padding: 36px 28px; gap: 28px; }.wms-grid { gap: 58px; }.solution-grid { grid-template-columns: repeat(2,1fr); }.insight-copy { padding-left: 50px; }.footer-main { grid-template-columns: 1.5fr .7fr .7fr 1fr; gap: 36px; }
}
@media (max-width: 820px) {
  .site-header { background: rgba(255,255,255,.97); color: var(--ink); box-shadow: 0 5px 24px rgba(17,40,75,.08); }.nav-shell { height: 70px; }.desktop-nav,.nav-actions > .btn,.nav-actions > .language-picker { display: none; }.menu-toggle { display: grid; }.mobile-nav { position: absolute; top: 70px; left: 0; right: 0; padding: 14px 24px 22px; display: grid; gap: 0; color: var(--ink); background: white; border-top: 1px solid var(--line); box-shadow: 0 14px 30px rgba(9,43,83,.1); transform: translateY(-12px); opacity: 0; visibility: hidden; transition: .2s; }.mobile-nav.open { transform: none; opacity: 1; visibility: visible; }.mobile-nav a { padding: 14px 3px; border-bottom: 1px solid #edf1f5; font-size: 14px; }.mobile-language-picker { padding: 14px 3px 2px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }.mobile-language-picker span { display: flex; align-items: center; gap: 8px; font-size: 13px; }.mobile-language-picker svg { width: 17px; color: var(--blue-700); }.mobile-language-picker .language-select { max-width: 170px; padding: 8px 28px 8px 12px; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 4px; }.hero { min-height: 860px; height: auto; }.hero-inner { padding-top: 128px; grid-template-columns: 1fr; gap: 42px; }.hero-status { justify-self: start; max-width: 550px; }.hero-foot { grid-template-columns: repeat(2,1fr); }.hero-foot div:nth-child(2) { border-right: 0; }.trust-strip { flex-direction: column; gap: 12px; }.section { padding: 82px 24px; }.section-head { grid-template-columns: 1fr; gap: 16px; }.section-head h2,.wms-copy h2,.insight-copy h2,.faq-intro h2,.contact-inner h2 { font-size: 34px; }.product-console { grid-template-columns: 1fr; }.product-tabs { padding: 0; display: grid; grid-template-columns: repeat(4,1fr); border: 0; border-bottom: 1px solid var(--line); }.product-tab { min-height: 92px; padding: 12px 8px; grid-template-columns: 1fr; place-items: center; text-align: center; border-left: 0; border-bottom: 3px solid transparent; }.product-tab.active { border-left: 0; border-bottom-color: var(--blue-600); }.product-tab span { font-size: 12px; }.product-tab small,.product-tab > svg:last-child { display: none; }.product-display { min-height: 500px; }.chain-flow { grid-template-columns: repeat(3,1fr); row-gap: 36px; }.chain-flow::before { display: none; }.chain-tags { flex-wrap: wrap; justify-content: flex-start; }.wms-grid { grid-template-columns: 1fr; }.wms-visual { height: 520px; max-width: 580px; }.wms-copy { padding-left: 0; }.insight-band { grid-template-columns: 1fr; }.insight-image { min-height: 420px; height: 420px; }.insight-copy { padding: 72px 24px; }.faq-section { grid-template-columns: 1fr; gap: 42px; }.contact-inner { padding: 48px 40px; align-items: flex-start; flex-direction: column; }.footer-main { grid-template-columns: 1.5fr 1fr 1fr; }.footer-contact { grid-column: 1/-1; }
}
@media (max-width: 580px) {
  .nav-shell { padding: 0 16px; }.brand-mark { width: 40px; height: 40px; }.brand-copy strong { font-size: 17px; }.hero-inner { padding: 120px 18px 42px; }.hero h1 { font-size: 42px; }.hero-lead { font-size: 25px; }.hero-description { font-size: 14px; }.hero-actions { align-items: stretch; flex-direction: column; }.hero-actions .btn { width: 100%; }.hero-status { padding: 16px; }.route-map { height: 180px; }.status-grid { gap: 5px; }.status-grid strong { font-size: 15px; }.hero-foot { padding: 0 18px; }.hero-foot div { padding: 15px 10px; gap: 8px; }.hero-foot div:first-child { padding-left: 10px; }.hero-foot strong { font-size: 16px; }.trust-items { gap: 16px 22px; }.trust-items span { font-size: 12px; }.section { padding: 68px 18px; }.section-head { margin-bottom: 36px; }.section-head h2,.wms-copy h2,.insight-copy h2,.faq-intro h2,.contact-inner h2 { font-size: 28px; }.product-tabs { grid-template-columns: repeat(2,1fr); }.product-display { padding: 30px 18px; grid-template-columns: 1fr; }.dashboard-art { min-height: 350px; }.chain-flow { grid-template-columns: repeat(2,1fr); }.chain-tags { padding: 18px; }.chain-tags span { width: calc(50% - 13px); }.wms-grid { gap: 54px; }.wms-visual { height: 470px; margin-right: 14px; }.visual-label { left: 14px; right: -14px; }.warehouse-badge { right: -14px; }.wms-metrics div + div { padding-left: 14px; }.solution-grid { grid-template-columns: 1fr; }.solution-card { min-height: 310px; }.insight-image { min-height: 320px; height: 320px; }.insight-copy { padding: 60px 18px; }.faq-answer p { padding-right: 12px; }.contact-section { padding: 0 18px 50px; }.contact-inner { padding: 38px 24px; }.contact-inner .btn { width: 100%; }.footer-main { padding: 56px 18px 40px; grid-template-columns: 1fr 1fr; }.footer-brand,.footer-contact { grid-column: 1/-1; }.footer-bottom { padding: 20px 18px; align-items: flex-start; flex-direction: column; gap: 8px; }.modal-panel { padding: 32px 20px 24px; }.modal form { grid-template-columns: 1fr; }.modal label { grid-column: 1/-1; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *,*::before,*::after { animation: none !important; transition-duration: .01ms !important; }.reveal { opacity: 1; transform: none; } }