/* Shared V2 feature header system.
   All production feature-page hero layout and visual CSS lives here.
   Add new header variants to this file instead of page-level <style> blocks. */

.lq-feature-header-v2,
.lq-feature-header-v2 * {
  box-sizing: border-box;
}

.lq-feature-header-v2 {
  --lq-header-label-size: 10.3px;
  --lq-header-meta-size: 11.5px;
  --lq-header-body-size: 13.8px;
  --lq-lab-label-size: var(--lq-header-label-size);
  --lq-lab-meta-size: var(--lq-header-meta-size);
  --lq-lab-body-size: var(--lq-header-body-size);
  --lq-lab-title-size: 16px;
  --lq-lab-value-size: 30px;
  position: relative;
  width: min(1380px, 100%);
  max-width: 1380px;
  min-height: 520px;
  margin: 0 auto 22px;
  overflow: hidden;
  border-radius: 0 0 20px 20px;
  background: #f5f7fc;
  /* Legacy style.css still assigns illustration backgrounds by page ID.
     The new header system owns its background via ::after. */
  background-image: none !important;
}

.lq-feature-header-v2::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: -86px;
  width: 52%;
  height: 60%;
  background-image:
    url('../../images/header/background.png');
  background-repeat: no-repeat, no-repeat;
  background-position: right bottom;
  background-size: cover;
  opacity: 1;
  pointer-events: none;
}

.lq-feature-header-v2__copy {
  position: absolute;
  z-index: 5;
  top: 180px;
  left: 7.5%;
  width: 46%;
  max-width: 640px;
  text-align: left;
}

.lq-feature-header-v2__eyebrow {
  margin: 0 0 14px;
  color: #ff3b06;
  font-family: var(--lq-font-meta);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.lq-feature-header-v2__title {
  width: 100%;
  max-width: 640px;
  margin: 0 0 20px;
  color: var(--lq-ink);
  font-family: 'Geist', 'Roboto', Arial, sans-serif !important;
  font-size: clamp(34px, 2.2vw, 38px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.035em;
  text-align: left !important;
}

.lq-feature-header-v2__title .highlight {
  position: relative;
  display: inline;
  margin: 0 -.02em;
  padding: 0 .06em;
  border-radius: .8em .3em;
  background-image: linear-gradient(
    to right,
    rgba(195, 219, 226, .10),
    rgba(195, 219, 226, .50) 4%,
    rgba(195, 219, 226, .30)
  );
  background-repeat: no-repeat;
  background-position: 0 90%;
  background-size: 100% 30%;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.lq-feature-header-v2__subtitle {
  width: 100%;
  max-width: 570px;
  margin: 0;
  color: #45536a;
  font-size: 19px;
  line-height: 1.62;
  text-align: left;
}

.lq-feature-header-v2__visual {
  position: absolute;
  z-index: 4;
  top: 95px;
  right: 2.1%;
  width: min(650px, 47%);
  height: 330px;
  pointer-events: auto;
  user-select: none;
  -webkit-user-select: none;
  isolation: isolate;
  transform: scale(.87);
  transform-origin: right center;
}

/* Hero visuals are decorative UI: never allow text/image selection inside them. */
.lq-feature-header-v2__visual *,
.lq-lab-vis,
.lq-lab-vis * {
  user-select: none !important;
  -webkit-user-select: none !important;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
}

/* Shared header cards. */
.lq-feature-header-v2 .lq-header-card {
  border: 1px solid #dfe6ef;
  border-radius: 16px;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 15px 38px rgba(38, 54, 82, .09);
}

.lq-feature-header-v2 .lq-header-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #fff1ec;
  color: #ff3b06;
  font-size: 11px;
}

/* Order Processing */
.lq-header-order-workflow{
  position:absolute;
  z-index:2;
  left:7%;
  top:62px;
  width:390px;
  min-height:188px;
  overflow:hidden;
}

.lq-header-order-pane{
  min-width:0;
  padding:28px 30px 24px;
}

.lq-header-order-pane__head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:18px;
}
.lq-header-order-pane__head .lq-header-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  margin:0;
  border-radius:10px;
  font-size:11px;
}
.lq-header-order-pane__head small{margin:0}

.lq-header-order-pane small{
  display:block;
  color:#94a0b1;
  font-family:var(--lq-font-meta);
  font-size:var(--lq-header-label-size);
  font-weight:800;
  line-height:1.2;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.lq-header-order-pane>b{
  display:block;
  color:#31425d;
  font-family:var(--lq-font-heading);
  font-size:var(--lq-header-body-size);
  font-weight:700;
  line-height:1.18;
}
.lq-header-order-pane>em{
  display:block;
  margin-top:6px;
  color:#8592a5;
  font-family:var(--lq-font-meta);
  font-size:var(--lq-header-meta-size);
  font-style:normal;
  font-weight:700;
  line-height:1.25;
  text-transform:uppercase;
}

.lq-header-order-result{
  margin-top:20px;
  padding-top:16px;
  display:flex;
  align-items:center;
  gap:10px;
  border-top:1px solid #e6ebf1;
}
.lq-header-order-result>span{
  width:26px;
  height:26px;
  flex:0 0 26px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eef8f2;
  color:#2f8f5b;
  font-size:9px;
}
.lq-header-order-result>b{
  color:#31425d;
  font-family:var(--lq-font-heading);
  font-size:var(--lq-header-body-size);
  font-weight:700;
}

.lq-header-order-pill{
  z-index:4;
  min-height:58px!important;
  padding:8px 15px 8px 8px!important;
}
.lq-header-order-pill>i{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
}
.lq-header-order-pill small{margin-bottom:2px!important}

.lq-header-order-pill--extract{
  left:286px;
  top:44px;
  width:300px;
}
.lq-header-order-pill--extract b{line-height:1.1!important}
.lq-header-order-pill--extract em{
  margin-top:3px!important;
  white-space:nowrap;
}

.lq-header-order-pill--confirmation{
  right:18px;
  top:224px;
  bottom:auto;
  min-width:268px;
}

.lq-header-flow,
.lq-header-order-arrow--one,
.lq-header-order-arrow--two{display:none!important}

/* Warehousing */
.lq-header-warehouse-map {
  position: absolute;
  z-index: 2;
  left: 8%;
  top: 72px;
  width: 62%;
  height: 198px;
  padding: 16px 17px;
}

.lq-header-warehouse-cardtop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.lq-header-warehouse-tag {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #8996a8;
  font-family: var(--lq-font-meta);
  font-size: var(--lq-header-label-size);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.lq-header-warehouse-tag i {
  color: #ff3b06;
}

.lq-header-warehouse-pill {
  min-height: 22px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 999px;
  background: #fff2ed;
  color: #d84d25;
  font-family: var(--lq-font-meta);
  font-size: 8.5px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.lq-header-warehouse-pill::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #ff3b06;
}

.lq-header-warehouse-racks {
  height: 128px;
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.lq-header-warehouse-rack {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  gap: 6px;
}

.lq-header-warehouse-rack span {
  border: 1px solid #e0e7ef;
  border-radius: 7px;
  background: #f3f6fa;
}

.lq-header-warehouse-rack span.is-active {
  position: relative;
  border-color: #ffbfa9;
  background: #fff1eb;
}

.lq-header-warehouse-rack span.is-active::after {
  content: "A-04-12";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #d84d25;
  font-family: var(--lq-font-meta);
  font-size: 9px;
  font-weight: 800;
}

.lq-header-warehouse-pallet {
  position: absolute;
  z-index: 3;
  right: 6%;
  top: 108px;
  width: 228px;
  padding: 12px 13px;
  display: flex;
  align-items: center;
  gap: 10px;
  overflow: hidden;
  border: 1px solid #dfe6ef;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .72) 0%, rgba(255, 255, 255, .54) 100%);
  box-shadow: 0 14px 30px -22px rgba(20, 30, 50, .30), inset 0 1px 0 rgba(255, 255, 255, .86);
  backdrop-filter: blur(4px) saturate(150%);
  -webkit-backdrop-filter: blur(4px) saturate(150%);
}

.lq-header-warehouse-pallet::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, .34) 0%, rgba(255, 255, 255, .10) 36%, rgba(255, 255, 255, 0) 68%);
}

.lq-header-warehouse-pallet > i {
  position: relative;
  z-index: 1;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #fff1ec;
  color: #ff3b06;
  font-size: 11px;
}

.lq-header-warehouse-pallet > span {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.lq-header-warehouse-pallet small {
  display: block;
  margin-bottom: 4px;
  color: #94a0b1;
  font-family: var(--lq-font-meta);
  font-size: var(--lq-header-label-size);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.lq-header-warehouse-pallet b {
  display: block;
  color: #35465e;
  font-family: var(--lq-font-heading);
  font-size: var(--lq-header-body-size);
  font-weight: 680;
  line-height: 1.18;
}

.lq-header-warehouse-pallet em {
  display: block;
  margin-top: 4px;
  color: #8592a5;
  font-family: var(--lq-font-meta);
  font-size: var(--lq-header-meta-size);
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
  white-space: nowrap;
}

@media screen and (max-width: 1180px) {
  .lq-feature-header-v2__copy {
    left: 6%;
    width: 47%;
    max-width: 640px;
    top: 145px;
  }

  .lq-feature-header-v2__visual {
    right: 1%;
    width: 49%;
    transform: scale(.818);
    transform-origin: right center;
  }
}

@media screen and (max-width: 900px) {
  .lq-feature-header-v2 {
    min-height: 0;
    padding-bottom: 340px;
  }

  .lq-feature-header-v2::after {
    width: 100%;
    height: 48%;
    bottom: -46px;
  }

  .lq-feature-header-v2__copy {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    max-width: none;
    padding: 72px 28px 0;
  }

  .lq-feature-header-v2__title {
    font-size: 38px;
  }

  .lq-feature-header-v2__visual {
    top: auto;
    right: 50%;
    bottom: 32px;
    width: 650px;
    transform: translateX(50%) scale(.800);
    transform-origin: center bottom;
  }
}

@media screen and (max-width: 620px) {
  .lq-feature-header-v2 {
    min-height: 0;
    width: 100%;
    padding-bottom: 270px;
  }

  .lq-feature-header-v2::after {
    width: 100%;
    height: 42%;
    bottom: -50px;
    background-position: center bottom;
    background-size: contain;
  }

  .lq-feature-header-v2__copy {
    padding: 94px 20px 0;
  }

  .lq-feature-header-v2__eyebrow {
    font-size: 12px;
    margin-bottom: 12px;
  }

  .lq-feature-header-v2__title {
    font-size: 33px;
    line-height: 1.08;
  }

  .lq-feature-header-v2__subtitle {
    font-size: 16px;
    line-height: 1.5;
  }

  .lq-feature-header-v2__visual {
    bottom: 78px;
    transform: translateX(50%) scale(.56);
  }
}

@media screen and (max-width: 390px) {
  .lq-feature-header-v2 {
    padding-bottom: 258px;
  }

  .lq-feature-header-v2__copy {
    padding-top: 90px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .lq-feature-header-v2__eyebrow {
    font-size: 11.5px;
  }

  .lq-feature-header-v2__title {
    font-size: 31px;
  }

  .lq-feature-header-v2__visual {
    bottom: 14px;
    transform: translateX(50%) scale(.53);
  }
}




/* Section corners only make sense when the 1380px canvas floats inside the viewport. */
@media screen and (max-width:1380px){
  .lq-feature-header-v2,
  #slide1.lq-home-header-v2{
    border-radius:0;
  }
}

/* Header Lab sandbox styles.
   Kept in the same header stylesheet so visual prototypes and production headers
   never depend on page-level inline CSS. */

#page-wrapper-content{background:#fff}
.lq-header-lab,.lq-header-lab *{box-sizing:border-box}
.lq-header-lab{width:100%;padding:34px 0 80px;background:#fff}
.lq-header-lab__intro{width:min(1380px,calc(100% - 40px));max-width:1380px;margin:0 auto 24px;padding:26px 30px 22px;border:1px solid #e3e8ef;border-radius:18px;background:#fff}
.lq-header-lab__intro-top{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}
.lq-header-lab__intro h1{margin:0;color:#263652;font-family:var(--lq-font-heading);font-size:26px;font-weight:700;line-height:1.1}
.lq-header-lab__intro p{max-width:720px;margin:8px 0 0;color:#6e7b8f;font-size:14px;line-height:1.55}
.lq-header-lab__badge{min-height:31px;padding:0 11px;display:inline-flex;align-items:center;border-radius:999px;background:#fff1ec;color:#d84d25;font-family:var(--lq-font-meta);font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.lq-header-lab__nav{margin-top:18px;display:flex;flex-wrap:wrap;gap:7px}
.lq-header-lab__nav a{min-height:28px;padding:0 10px;display:inline-flex;align-items:center;border:1px solid #e1e7ef;border-radius:999px;background:#f8fafc;color:#56667d;font-family:var(--lq-font-meta);font-size:7.5px;font-weight:750;letter-spacing:.035em;text-decoration:none;text-transform:uppercase}
.lq-header-lab__nav a:hover{border-color:#ffd0c1;color:#d84d25;background:#fff4ef}
.lq-header-lab__locale{margin-top:12px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.lq-header-lab__locale>span{margin-right:4px;color:#8794a8;font-family:var(--lq-font-meta);font-size:8px;font-weight:800;letter-spacing:.06em}
.lq-header-lab__locale a{min-width:30px;height:26px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e1e7ef;border-radius:999px;background:#fff;color:#68778d;font-family:var(--lq-font-meta);font-size:8px;font-weight:800;text-decoration:none}
.lq-header-lab__locale a.is-active{border-color:#ffc4b1;background:#fff1ec;color:#d84d25}

.lq-header-lab__section{position:relative;width:min(1380px,calc(100% - 40px));max-width:1380px;min-height:520px;margin:0 auto 22px;overflow:hidden;border-radius:20px;background:#f5f7fc}
@media screen and (max-width:1380px){.lq-header-lab__section{border-radius:0}}
.lq-header-lab__section--home{
  min-height:760px;
  border-radius:0;
}
.lq-header-lab__section--home::after{
  right:0;
  bottom:-96px;
  width:58%;
  height:66%;
  background-image:url('../../images/header/background.png');
  background-position:right bottom;
  background-size:cover;
  opacity:1;
}

.lq-header-lab__copy--home{
  top:209px;
  left:7.5%;
  width:50%;
  max-width:690px;
}
.lq-header-lab__copy--home .lq-header-lab__eyebrow{
  margin-bottom:12px;
  font-size:14px;
}
.lq-header-lab__copy--home .lq-header-lab__title{
  max-width:690px;
  margin-bottom:26px;
  font-size:clamp(54px,4vw,58px);
  line-height:1.055;
  letter-spacing:-.043em;
}
.lq-header-lab__copy--home .lq-header-lab__subtitle{
  max-width:660px;
  font-size:18px;
  line-height:1.52;
}
.lq-header-lab__actions{
  margin-top:30px;
}

.lq-header-lab__section::after{content:"";position:absolute;z-index:1;right:0;bottom:-60px;width:54%;height:72%;background-image:linear-gradient(90deg,#f5f7fc 0%,rgba(245,247,252,.96) 10%,rgba(245,247,252,.78) 24%,rgba(245,247,252,.35) 44%,rgba(245,247,252,0) 66%),url('../../images/header/background.png');background-repeat:no-repeat,no-repeat;background-position:left bottom,right bottom;background-size:100% 100%,cover;opacity:.46;pointer-events:none}
.lq-header-lab__section-label{position:absolute;z-index:7;top:18px;left:20px;min-height:26px;padding:0 9px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(214,223,233,.92);border-radius:999px;background:rgba(255,255,255,.86);color:#7c899b;font-family:var(--lq-font-meta);font-size:7px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(8px)}
.lq-header-lab__section-label::before{content:"";width:5px;height:5px;border-radius:50%;background:#ff3b06}
.lq-header-lab__copy{position:absolute;z-index:5;top:150px;left:7.5%;width:46%;max-width:640px;text-align:left}
.lq-header-lab__eyebrow{margin:0 0 14px;color:#ff3b06;font-family:var(--lq-font-meta);font-size:12px;font-weight:700;line-height:1.25;letter-spacing:.075em;text-align:left;text-transform:uppercase}
.lq-header-lab__title{width:100%;max-width:640px;margin:0 0 20px;color:var(--lq-ink);font-family:'Geist','Roboto',Arial,sans-serif!important;font-size:clamp(34px,2.2vw,38px);font-weight:800;line-height:1.08;letter-spacing:-.035em;text-align:left!important}
.lq-header-lab__title .highlight{
  position:relative;
  display:inline;
  margin:0 -.02em;
  padding:0 .06em;
  border-radius:.8em .3em;
  background-image:linear-gradient(
    to right,
    rgba(195,219,226,.10),
    rgba(195,219,226,.50) 4%,
    rgba(195,219,226,.30)
  );
  background-repeat:no-repeat;
  background-position:0 90%;
  background-size:100% 30%;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}
.lq-header-lab__subtitle{width:100%;max-width:570px;margin:0;color:#45536a;font-size:16px;line-height:1.62;text-align:left!important}

.lq-lab-vis{position:absolute;z-index:4;top:95px;right:2.1%;width:min(650px,47%);height:330px;pointer-events:auto;user-select:text;-webkit-user-select:text;isolation:isolate;transform:scale(.87);transform-origin:right center}
.lq-lab-card,.lq-lab-mini,.lq-order-step,.lq-dispatch-board,.lq-warehouse-map,.lq-loading-ledger,.lq-invoice-sheet,.lq-doc,.lq-doc-shipment,.lq-portal-window,.lq-analysis-panel,.lq-phone,.lq-awb,.lq-api-code,.lq-api-result,.lq-subscribe-config,.lq-contact-message,.lq-contact-office,.lq-demo-calendar,.lq-demo-selected,.lq-accounting-export{border:1px solid #dfe6ef;background:rgba(255,255,255,.97);box-shadow:0 15px 38px rgba(38,54,82,.09)}
.lq-lab-card,.lq-order-step,.lq-dispatch-board,.lq-warehouse-map,.lq-loading-ledger,.lq-invoice-sheet,.lq-portal-window,.lq-analysis-panel,.lq-awb,.lq-api-code,.lq-api-result,.lq-subscribe-config,.lq-contact-message,.lq-demo-calendar{border-radius:16px}
.lq-lab-mini,.lq-accounting-export,.lq-doc-shipment,.lq-program-node,.lq-contact-office,.lq-demo-selected{border-radius:14px}
.lq-lab-cardtop{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lq-lab-tag{display:inline-flex;align-items:center;gap:7px;color:#8996a8;font-family:var(--lq-font-meta);font-size:6.2px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.lq-lab-tag i{color:#ff3b06}
.lq-lab-pill{min-height:22px;padding:0 8px;display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#fff2ed;color:#d84d25;font-family:var(--lq-font-meta);font-size:5.5px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}
.lq-lab-pill::before{content:"";width:4px;height:4px;border-radius:50%;background:#ff3b06}
.lq-lab-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff1ec;color:#ff3b06;font-size:14px}
.lq-lab-mini{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 13px}
.lq-lab-mini>i{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:#fff1ec;color:#ff3b06;font-size:14px}
.lq-lab-mini small,.lq-order-step small,.lq-doc-shipment small,.lq-analysis-panel small,.lq-contact-office small,.lq-demo-selected small{display:block;margin-bottom:4px;color:#94a0b1;font-family:var(--lq-font-meta);font-size:5.8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.lq-lab-mini b,.lq-doc-shipment b,.lq-contact-office b,.lq-demo-selected b{display:block;color:#35465e;font-family:var(--lq-font-heading);font-size:10.5px;font-weight:680;line-height:1.18}
.lq-lab-mini em,.lq-order-step em,.lq-doc-shipment em,.lq-contact-office em,.lq-demo-selected em{display:block;margin-top:4px;color:#8592a5;font-family:var(--lq-font-meta);font-size:5.7px;font-style:normal;font-weight:700;text-transform:uppercase}
.lq-lab-lines{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible}
.lq-lab-lines path{fill:none;stroke:#a5b5c7;stroke-width:1.45;stroke-linecap:round;stroke-dasharray:5 7}
.lq-lab-lines circle{fill:#ff3b06;stroke:#fff;stroke-width:3}

/* Home */
.lq-header-lab__section.lq-header-lab__section--home::after{
  right:0;
  bottom:-92px;
  width:58%;
  height:65%;
  background-image:url('../../images/header/background.png');
  background-repeat:no-repeat;
  background-position:right bottom;
  background-size:contain;
  opacity:1;
}

.lq-header-lab__section--home .lq-lab-vis--home{
  top:184px;
  right:1.4%;
  width:650px;
  height:450px;
  transform:scale(.87);
  transform-origin:right center;
}

.lq-home-app{
  position:absolute;
  z-index:2;
  left:24px;
  top:78px;
  width:526px;
  height:282px;
  padding:0;
  overflow:hidden;
}

.lq-home-app__bar{
  height:42px;
  padding:0 14px;
  display:grid;
  grid-template-columns:64px 1fr auto;
  align-items:center;
  gap:10px;
  border-bottom:1px solid #edf1f5;
  background:#fbfcfe;
}
.lq-home-app__bar>b{
  color:#5d6d84;
  font-family:var(--lq-font-meta);
  font-size:8.8px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.lq-home-app__dots{display:flex;align-items:center;gap:5px}
.lq-home-app__dots i{
  width:6px;height:6px;border-radius:50%;background:#d6dde7;
}
.lq-home-app__dots i:first-child{background:#ff6a3d}
.lq-home-app__dots i:nth-child(2){background:#f2bd4b}
.lq-home-app__dots i:nth-child(3){background:#52b86b}

.lq-home-app__body{
  height:239px;
  display:flex;
}
.lq-home-app__rail{
  width:50px;
  flex:0 0 50px;
  padding:14px 9px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  border-right:1px solid #edf1f5;
  background:#fafbfd;
}
.lq-home-app__rail span{
  width:30px;height:30px;display:grid;place-items:center;
  border-radius:9px;color:#8996a8;font-size:9px;
}
.lq-home-app__rail span.is-active{
  background:#fff0eb;color:#ff3b06;
}

.lq-home-app__content{
  position:relative;
  flex:1;
  min-width:0;
  padding:16px 18px 14px;
}
.lq-home-app__heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
}
.lq-home-app__heading small{
  display:block;
  margin-bottom:5px;
  color:#8c99ab;
  font-family:var(--lq-font-meta);
  font-size:6.4px;
  font-weight:800;
  letter-spacing:.045em;
}
.lq-home-app__heading strong{
  display:block;
  color:#263652;
  font-family:var(--lq-font-heading);
  font-size:27px;
  font-weight:760;
  line-height:1;
  letter-spacing:-.04em;
}
.lq-home-app__route{
  padding-bottom:1px;
  display:flex;
  align-items:center;
  gap:9px;
}
.lq-home-app__route b{
  color:#34445e;
  font-family:var(--lq-font-heading);
  font-size:14px;
  font-weight:730;
}
.lq-home-app__route i{color:#9dabbc;font-size:8px}

.lq-home-app__data{
  margin-top:14px;
  display:grid;
  grid-template-columns:1.55fr .8fr .8fr;
  gap:7px;
}
.lq-home-app__data>span{
  min-width:0;
  padding:9px 10px;
  border:1px solid #e8edf3;
  border-radius:9px;
  background:#f8fafc;
}
.lq-home-app__data small{
  display:block;
  margin-bottom:4px;
  color:#97a3b4;
  font-family:var(--lq-font-meta);
  font-size:5.8px;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.lq-home-app__data b{
  display:block;
  overflow:hidden;
  color:#45566e;
  font-family:var(--lq-font-heading);
  font-size:8.6px;
  font-weight:650;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.lq-home-app__capture{
  position:absolute;
  right:18px;
  top:103px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:6px 9px 6px 7px;
  border:1px solid #ffd9cc;
  border-radius:999px;
  background:#fff3ee;
  color:#d84d25;
}
.lq-home-app__capture>i{
  width:22px;height:22px;display:grid;place-items:center;
  border-radius:50%;background:#fff;color:#ff3b06;font-size:8px;
}
.lq-home-app__capture small{
  display:block;color:#d86a49;font-family:var(--lq-font-meta);
  font-size:5.4px;font-weight:800;line-height:1.1;letter-spacing:.055em;text-transform:uppercase;
}
.lq-home-app__capture b{
  display:block;margin-top:2px;color:#bd4928;font-family:var(--lq-font-heading);
  font-size:8px;font-weight:700;line-height:1.1;
}

.lq-home-app__workflow{
  position:absolute;
  left:18px;
  right:18px;
  bottom:14px;
  padding-top:13px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  border-top:1px solid #edf1f5;
}
.lq-home-app__workflow>span{
  position:relative;
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
  color:#7b899d;
}
.lq-home-app__workflow>span:not(:first-child)::before{
  content:"";
  position:absolute;
  left:-12px;
  top:50%;
  width:18px;
  height:1px;
  background:#dfe6ee;
}
.lq-home-app__workflow i{
  position:relative;
  z-index:1;
  width:24px;height:24px;flex:0 0 24px;
  display:grid;place-items:center;border-radius:50%;
  background:#f1f4f8;color:#8997aa;font-size:7.5px;
}
.lq-home-app__workflow b{
  min-width:0;
  overflow:hidden;
  color:inherit;
  font-family:var(--lq-font-heading);
  font-size:8.3px;
  font-weight:650;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.lq-home-app__workflow .is-done{color:#57906f}
.lq-home-app__workflow .is-done i{background:#edf8f1;color:#3b9562}
.lq-home-app__workflow .is-active{color:#d84d25}
.lq-home-app__workflow .is-active i{background:#fff0eb;color:#ff3b06}

.lq-home-ai{
  z-index:4;
  right:0;
  top:46px;
  width:224px;
}
.lq-home-ai b{white-space:nowrap}

.lq-home-confirmation{
  z-index:4;
  right:12px;
  bottom:28px;
  min-width:266px;
}

/* Order */
.lq-order-workflow{
  position:absolute;
  z-index:2;
  left:7%;
  top:92px;
  width:500px;
  min-height:188px;
  overflow:hidden;
}
.lq-order-pane{min-width:0;padding:28px 30px 24px}
.lq-order-pane__head{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.lq-order-pane__head .lq-lab-icon{width:34px;height:34px;flex:0 0 34px;margin:0;border-radius:10px;font-size:11px}
.lq-order-pane__head small{margin:0}
.lq-order-pane small{display:block;color:#94a0b1;font-family:var(--lq-font-meta);font-size:var(--lq-lab-label-size);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.lq-order-pane>b{display:block;color:#31425d;font-family:var(--lq-font-heading);font-size:12px;font-weight:700}
.lq-order-pane>em{display:block;margin-top:6px;color:#8592a5;font-family:var(--lq-font-meta);font-size:var(--lq-lab-meta-size);font-style:normal;font-weight:700;text-transform:uppercase}
.lq-order-result{margin-top:20px;padding-top:16px;display:flex;align-items:center;gap:10px;border-top:1px solid #e6ebf1}
.lq-order-result>span{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:50%;background:#eef8f2;color:#2f8f5b;font-size:9px}
.lq-order-result>b{color:#31425d;font-family:var(--lq-font-heading);font-size:12px;font-weight:700}
.lq-order-arrow--one,.lq-order-arrow--two{display:none!important}

/* Dispatch */
.lq-dispatch-board{position:absolute;z-index:2;left:8%;top:66px;width:66%;height:210px;padding:16px 18px}
.lq-dispatch-map{position:relative;height:152px;margin-top:8px;overflow:hidden;border:1px solid #edf1f5;border-radius:12px;background:rgba(248,250,252,.82)}
.lq-dispatch-map svg{position:absolute;inset:0;width:100%;height:100%}
.lq-dispatch-map__roads path{fill:none;stroke:#e7edf4;stroke-width:1.05}
.lq-dispatch-map__route{fill:none;stroke:#7f91aa;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.lq-dispatch-map circle{fill:#fff;stroke:#9daec2;stroke-width:2.4}
.lq-dispatch-map circle.is-start,.lq-dispatch-map circle.is-end{fill:#ff3b06;stroke:#fff;stroke-width:3}
.lq-dispatch-map circle.is-optimized{fill:#fff1ec;stroke:#ff6a3d;stroke-width:3}
.lq-dispatch-map__stop text{fill:#7d8ca1;font-family:var(--lq-font-meta);font-size:9px;font-weight:800;letter-spacing:.02em;text-anchor:middle;text-transform:uppercase;paint-order:stroke;stroke:#f8fafc;stroke-width:5px;stroke-linejoin:round}
.lq-dispatch-map__stop.is-optimized text{fill:#d84d25}
.lq-dispatch-map__stop text.is-start-label{text-anchor:start}
.lq-dispatch-map__stop text.is-end-label{text-anchor:end}
.lq-dispatch-optimized{z-index:3;left:2%;bottom:28px;width:172px}.lq-dispatch-vehicle{z-index:3;right:9%;top:44px;width:150px}

/* Warehouse */
.lq-warehouse-map{position:absolute;z-index:2;left:8%;top:72px;width:62%;height:188px;padding:16px 17px}
.lq-racks{height:128px;margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.lq-rack{display:grid;grid-template-rows:repeat(4,1fr);gap:6px}.lq-rack span{border:1px solid #e0e7ef;border-radius:7px;background:#f3f6fa}.lq-rack span.is-active{position:relative;border-color:#ffbfa9;background:#fff1eb}.lq-rack span.is-active::after{content:"A-04-12";position:absolute;inset:0;display:grid;place-items:center;color:#d84d25;font-family:var(--lq-font-meta);font-size:5.5px;font-weight:800}
.lq-warehouse-pallet{z-index:3;right:6%;top:108px;width:228px}.lq-warehouse-pallet em{white-space:nowrap}

/* Loading equipment */
.lq-loading-ledger{position:absolute;z-index:2;left:10%;top:52px;width:340px;padding:16px 18px}
.lq-loading-customer{max-width:178px;min-width:0;text-align:right}.lq-loading-customer small{display:block;color:#94a0b1;font-family:var(--lq-font-meta);font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.lq-loading-customer b{display:block;margin-top:3px;color:#45566e;font-family:var(--lq-font-heading);font-size:10px;font-weight:700;line-height:1.15}
.lq-ledger-row{display:flex;align-items:center;justify-content:space-between;padding:9px 2px;border-bottom:1px solid #edf1f5;color:#607086;font-size:10px}.lq-ledger-row b{color:#34445e;font-family:var(--lq-font-heading);font-size:12px}.lq-ledger-row b.is-plus{color:#319061}.lq-ledger-row b.is-minus{color:#d9552f}.lq-ledger-total{display:flex;align-items:flex-end;justify-content:space-between;padding-top:12px}.lq-ledger-total span{color:#8794a8;font-family:var(--lq-font-meta);font-size:6px;font-weight:800}.lq-ledger-total strong{color:#263652;font-family:var(--lq-font-heading);font-size:32px;line-height:1}.lq-loading-proof{z-index:3;right:18%;top:170px;width:160px}

/* Accounting */
.lq-invoice-sheet{position:absolute;z-index:2;left:16%;top:32px;width:310px;padding:16px 18px}.lq-invoice-sheet>strong{display:block;margin-top:17px;color:#263652;font-family:var(--lq-font-heading);font-size:22px}.lq-invoice-sheet>small{display:block;margin:5px 0 15px;color:#8390a3;font-family:var(--lq-font-meta);font-size:6px;font-weight:700}.lq-invoice-line,.lq-invoice-total{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-top:1px solid #edf1f5;color:#65748a;font-size:9px}.lq-invoice-line b,.lq-invoice-total b{color:#34445e;font-family:var(--lq-font-heading);font-size:10px}.lq-invoice-total{margin-top:2px;padding-top:14px}.lq-invoice-total b{font-size:16px;color:#263652}.lq-accounting-export{position:absolute;z-index:3;right:16%;top:92px;width:150px;padding:13px;display:flex;align-items:center;gap:10px}.lq-accounting-export>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff1ec;color:#ff3b06}.lq-accounting-export small{display:block;color:#94a0b1;font-family:var(--lq-font-meta);font-size:5.7px;font-weight:800}.lq-accounting-export b{font-family:var(--lq-font-heading);font-size:10.5px;color:#35465e}

/* Documents */
.lq-doc-stack{position:absolute;left:7%;top:50px;width:320px;height:230px}.lq-doc{position:absolute;width:245px;height:155px;padding:18px;border-radius:15px}.lq-doc--back{left:40px;top:38px;transform:rotate(5deg);opacity:.55}.lq-doc--mid{left:20px;top:18px;transform:rotate(-3deg);opacity:.76}.lq-doc--front{left:0;top:0}.lq-doc span{color:#7f8ca0;font-family:var(--lq-font-meta);font-size:6px;font-weight:700}.lq-doc--front strong{display:block;margin-top:28px;color:#263652;font-family:var(--lq-font-heading);font-size:17px}.lq-doc--front small{display:block;margin-top:8px;color:#8794a8;font-family:var(--lq-font-meta);font-size:6px}.lq-doc-match{left:296px;top:128px;width:158px;height:38px}.lq-doc-shipment{position:absolute;right:2%;top:116px;width:178px;padding:15px}

/* Portal */
.lq-portal-window{position:absolute;left:9%;top:50px;width:390px;padding:18px 19px}.lq-portal-user{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid #edf1f5}.lq-portal-user small{display:block;color:#94a0b1;font-family:var(--lq-font-meta);font-size:5.8px;font-weight:800}.lq-portal-user b{display:block;margin-top:4px;color:#263652;font-family:var(--lq-font-heading);font-size:15px}.lq-portal-access{display:grid;gap:8px;margin-top:14px}.lq-portal-access span{min-height:34px;padding:0 10px;display:flex;align-items:center;gap:9px;border:1px solid #e7ebf1;border-radius:9px;background:#f8fafc;color:#596a81;font-size:9px}.lq-portal-access span>i:first-child{width:16px;color:#71829a}.lq-portal-access span i:last-child{margin-left:auto;color:#319061;font-family:var(--lq-font-meta);font-size:6px;font-style:normal;font-weight:800}.lq-portal-status{right:18%;bottom:40px;width:180px}

/* Analysis */
.lq-analysis-panel{position:absolute;left:8%;top:56px;width:72%;height:225px;padding:16px 18px}.lq-analysis-kpi{position:absolute;left:18px;top:16px;width:132px}.lq-analysis-kpi small{margin:0}.lq-analysis-kpi strong{display:block;margin-top:5px;color:#263652;font-family:var(--lq-font-heading);font-size:34px;line-height:1}.lq-analysis-kpi span{display:block;margin-top:6px;color:#319061;font-family:var(--lq-font-meta);font-size:6px;font-weight:800}.lq-analysis-chart{position:absolute;right:18px;top:20px;width:58%;height:104px}.lq-analysis-chart .grid{fill:none;stroke:#e8edf3;stroke-width:1}.lq-analysis-chart .area{fill:rgba(255,59,6,.05);stroke:none}.lq-analysis-chart .line{fill:none;stroke:#ff5a2b;stroke-width:2.2;stroke-linecap:round}.lq-analysis-metrics{position:absolute;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lq-analysis-metrics span{min-height:76px;padding:14px 16px;border-radius:9px;background:#f7f9fc}.lq-analysis-metrics small{margin:0}.lq-analysis-metrics b{display:block;margin-top:4px;color:#35465e;font-family:var(--lq-font-heading);font-size:11px}

/* App */
.lq-phone{position:absolute;z-index:3;left:29%;top:13px;width:210px;height:330px;padding:23px 15px 15px;border-radius:28px}.lq-phone-notch{position:absolute;top:7px;left:50%;width:56px;height:5px;border-radius:999px;background:#d7dee8;transform:translateX(-50%)}.lq-phone-head{padding:10px 5px 14px;border-bottom:1px solid #edf1f5}.lq-phone-head small{color:#ff3b06;font-family:var(--lq-font-meta);font-size:5.5px;font-weight:800}.lq-phone-head b{display:block;margin-top:4px;color:#263652;font-family:var(--lq-font-heading);font-size:16px}.lq-phone-stop{display:flex;gap:10px;padding:13px 5px;border-bottom:1px solid #edf1f5}.lq-phone-stop>i{width:8px;height:8px;margin-top:4px;border:2px solid #fff;border-radius:50%;background:#c9d4e1;box-shadow:0 0 0 1px #c2cedc}.lq-phone-stop.is-active>i{background:#ff3b06;box-shadow:0 0 0 1px #ff9477}.lq-phone-stop small,.lq-phone-stop em{display:block;color:#8a97aa;font-family:var(--lq-font-meta);font-size:5.2px;font-style:normal;font-weight:700}.lq-phone-stop b{display:block;margin:3px 0;color:#405069;font-family:var(--lq-font-heading);font-size:9.5px}.lq-phone-action{margin-top:13px;min-height:32px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;background:#ff3b06;color:#fff;font-family:var(--lq-font-heading);font-size:9px;font-weight:700}.lq-app-gps{z-index:2;left:7%;top:88px;width:160px}.lq-app-pod{z-index:2;right:14%;bottom:72px;width:175px}

/* Air & Sea */
.lq-awb{position:absolute;left:7%;top:44px;width:420px;padding:17px 18px}.lq-awb-head{display:flex;align-items:center;justify-content:space-between}.lq-awb-head b{color:#263652;font-family:var(--lq-font-heading);font-size:14px}.lq-awb-route{margin-top:20px;padding:17px 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5}.lq-awb-route span:last-child{text-align:right}.lq-awb-route small,.lq-awb-grid small{display:block;color:#94a0b1;font-family:var(--lq-font-meta);font-size:5.4px;font-weight:800}.lq-awb-route b{display:block;margin-top:3px;color:#263652;font-family:var(--lq-font-heading);font-size:26px}.lq-awb-route>i{color:#a0aec0;font-size:10px}.lq-awb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.lq-awb-grid span{padding:9px;border-radius:8px;background:#f7f9fc}.lq-awb-grid b{display:block;margin-top:4px;color:#45566e;font-family:var(--lq-font-heading);font-size:9px}.lq-airsea-house{right:90px;bottom:43px;width:180px}

/* API */
.lq-api-code{position:absolute;left:1%;top:45px;width:355px;padding:14px 15px}.lq-api-dots{display:flex;gap:5px;margin-bottom:12px}.lq-api-dots i{width:7px;height:7px;border-radius:50%;background:#ff5f57}.lq-api-dots i:nth-child(2){background:#ffbd2e}.lq-api-dots i:nth-child(3){background:#28c840}.lq-api-endpoint{display:flex;align-items:center;gap:9px;margin-bottom:10px}.lq-api-endpoint span{padding:5px 7px;border-radius:6px;background:#fff0ea;color:#ed5c31;font-family:var(--lq-font-meta);font-size:7px;font-weight:800}.lq-api-endpoint b{color:#263652;font-family:var(--lq-font-meta);font-size:10px}.lq-api-code pre{margin:0;padding:10px 11px;border-radius:10px;background:#f7f9fc;color:#52637a;font-family:var(--lq-font-meta);font-size:7px;line-height:1.6;white-space:pre-wrap}.lq-api-code pre em{color:#a5afbd;font-style:normal}.lq-api-code pre i{color:#4f75c8;font-style:normal}.lq-api-flow{display:none}.lq-api-result{position:absolute;right:0;top:103px;width:220px;padding:16px}.lq-api-result strong{display:block;margin-top:18px;color:#263652;font-family:var(--lq-font-heading);font-size:28px}.lq-api-result small{display:block;margin-top:5px;color:#319061;font-family:var(--lq-font-meta);font-size:6px;font-weight:800}

/* Program */
.lq-program-platform{position:absolute;z-index:2;left:6%;top:42px;width:78%;padding:17px 18px 18px;border:1px solid #dfe6ef;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 15px 38px rgba(38,54,82,.09)}
.lq-program-record{margin-top:16px;padding:13px 14px;display:flex;align-items:center;gap:12px;border:1px solid #e4e9f0;border-radius:12px;background:#f8fafc}
.lq-program-record__icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:10px;background:#fff1ec;color:#ff3b06;font-size:12px}
.lq-program-record__copy{min-width:0;flex:1}
.lq-program-record__copy small{display:block;color:#8d99aa;font-family:var(--lq-font-meta);font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.lq-program-record__copy b{display:block;margin-top:3px;color:#31425d;font-family:var(--lq-font-heading);font-size:14px;font-weight:700}
.lq-program-record__copy em{display:block;margin-top:3px;color:#8390a3;font-family:var(--lq-font-meta);font-size:10px;font-style:normal;font-weight:700;text-transform:uppercase}
.lq-program-record__state{min-height:24px;padding:0 8px;display:inline-flex;align-items:center;border-radius:999px;background:#eef8f2;color:#2f8f5b;font-family:var(--lq-font-meta);font-size:8px;font-weight:800}
.lq-program-modules{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.lq-program-modules>div{min-height:58px;padding:9px 10px;display:flex;align-items:center;gap:9px;border:1px solid #e7ebf1;border-radius:10px;background:#fff}
.lq-program-modules>div>i{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:8px;background:#fff1ec;color:#ff3b06;font-size:10px}
.lq-program-modules small{display:block;color:#94a0b1;font-family:var(--lq-font-meta);font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.lq-program-modules b{display:block;margin-top:3px;color:#405069;font-family:var(--lq-font-heading);font-size:11px;font-weight:700}
.lq-program-data-layer{margin-top:12px;min-height:34px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:9px;background:#263652;color:#fff}
.lq-program-data-layer strong{font-family:var(--lq-font-meta);font-size:8px;font-weight:800;letter-spacing:.06em}
.lq-program-data-layer span{color:#dce4ef;font-family:var(--lq-font-meta);font-size:8px;font-weight:700}
.lq-program-integration{position:absolute;z-index:3;right:2%;top:78px;width:176px;padding:13px 14px;display:flex;align-items:center;gap:10px;border:1px solid #dfe6ef;border-radius:14px;background:rgba(255,255,255,.98);box-shadow:0 15px 38px rgba(38,54,82,.09)}
.lq-program-integration__icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:#fff1ec;color:#ff3b06;font-size:11px}
.lq-program-integration small{display:block;color:#94a0b1;font-family:var(--lq-font-meta);font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.lq-program-integration b{display:block;margin-top:4px;color:#35465e;font-family:var(--lq-font-heading);font-size:11px;font-weight:700}

/* Industries */
.lq-industries-profile{position:absolute;z-index:2;left:9%;top:48px;width:390px;padding:18px 19px}
.lq-industries-types{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.lq-industries-type{min-height:76px;padding:12px 13px;display:flex;align-items:center;gap:10px;border:1px solid #e3e8ef;border-radius:12px;background:#fbfcfe;color:#52627a}
.lq-industries-type>i{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:9px;background:#f1f4f8;color:#718197;font-size:11px}
.lq-industries-type>b{font-family:var(--lq-font-heading);font-size:var(--lq-header-body-size);font-weight:650;line-height:1.2}
.lq-industries-type.is-active{border-color:#ffbaa5;background:#fff4ef;color:#cc4923}
.lq-industries-type.is-active>i{background:#fff;color:#ff3b06}
.lq-industries-shared{z-index:3;right:7%;bottom:19px;width:260px}
.lq-industries-shared em{white-space:nowrap}

/* Subscribe */
.lq-subscribe-config{position:absolute;z-index:2;left:7%;top:42px;width:350px;padding:17px 19px}.lq-sub-row{display:flex;justify-content:space-between;align-items:center;padding:11px 2px;border-bottom:1px solid #edf1f5}.lq-sub-row span b{display:block;color:#405069;font-family:var(--lq-font-heading);font-size:9.5px}.lq-sub-row span small{display:block;margin-top:3px;color:#8c99aa;font-family:var(--lq-font-meta);font-size:5.6px}.lq-sub-row>strong{color:#34445e;font-family:var(--lq-font-heading);font-size:11px}.lq-sub-total{display:flex;align-items:flex-end;justify-content:space-between;padding-top:14px}.lq-sub-total span{color:#8b98aa;font-family:var(--lq-font-meta);font-size:5.8px;font-weight:800}.lq-sub-total b{color:#263652;font-family:var(--lq-font-heading);font-size:18px}.lq-subscribe-success{position:absolute;z-index:3;right:9%;bottom:58px;width:220px;padding:14px 15px;display:flex;align-items:center;gap:11px;border:1px solid #dfe6ef;border-radius:14px;background:rgba(255,255,255,.98);box-shadow:0 15px 38px rgba(38,54,82,.09)}.lq-subscribe-success__icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:50%;background:#eef8f2;color:#2f8f5b;font-size:14px}.lq-subscribe-success small{display:block;margin-bottom:4px;color:#7c899b;font-family:var(--lq-font-meta);font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.lq-subscribe-success b{display:block;color:#35465e;font-family:var(--lq-font-heading);font-size:13px;font-weight:700;line-height:1.2}

/* Contact */
.lq-contact-message{position:absolute;left:15%;top:39px;width:340px;padding:19px 20px}.lq-contact-message>.lq-lab-icon{margin-bottom:13px}.lq-contact-message>small{display:block;color:#94a0b1;font-family:var(--lq-font-meta);font-size:5.8px;font-weight:800}.lq-contact-message>b{display:block;margin-top:5px;color:#263652;font-family:var(--lq-font-heading);font-size:20px}.lq-contact-lines{display:grid;gap:7px;margin:18px 0}.lq-contact-lines i{height:1px;background:#e1e7ef}.lq-contact-lines i:last-child{width:62%}.lq-contact-button{min-height:32px;padding:0 13px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:#ff3b06;color:#fff;font-family:var(--lq-font-heading);font-size:8.5px;font-weight:700}.lq-contact-office{position:absolute;right:3%;bottom:55px;width:235px;padding:14px;display:flex;align-items:center;gap:11px}.lq-contact-office>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff1ec;color:#ff3b06}

/* Demo */
.lq-demo-calendar{position:absolute;left:9%;top:45px;width:360px;padding:18px 19px;display:grid;grid-template-columns:105px 1fr;gap:20px}.lq-demo-date{padding-right:18px;border-right:1px solid #edf1f5;text-align:center}.lq-demo-date small,.lq-demo-date span{display:block;color:#8c99aa;font-family:var(--lq-font-meta);font-size:5.7px;font-weight:800}.lq-demo-date strong{display:block;margin:6px 0;color:#263652;font-family:var(--lq-font-heading);font-size:48px;line-height:1}.lq-demo-slots{display:grid;gap:8px}.lq-demo-slots span{min-height:37px;display:grid;place-items:center;border:1px solid #e2e7ef;border-radius:9px;color:#596980;font-family:var(--lq-font-heading);font-size:10px;font-weight:650}.lq-demo-slots span.is-selected{border-color:#ffbaa5;background:#fff1ec;color:#d84d25}.lq-demo-selected{position:absolute;right:19%;bottom:61px;width:225px;padding:14px;display:flex;align-items:center;gap:11px}.lq-demo-selected em{margin-top:5px}

/* Small floating cards: compact dark pills for contrast and depth. */
.lq-lab-mini,
.lq-header-warehouse-pallet,
.lq-accounting-export,
.lq-doc-shipment,
.lq-api-result,
.lq-program-integration,
.lq-subscribe-success,
.lq-contact-office,
.lq-demo-selected{
  position:absolute;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:64px;
  padding:10px 18px 10px 10px!important;
  overflow:hidden;
  background:#30384d!important;
  border:1px solid #30384d!important;
  border-radius:999px!important;
  color:#fff!important;
  box-shadow:0 18px 38px rgba(24,32,49,.24)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.lq-lab-mini::after,
.lq-header-warehouse-pallet::after,
.lq-accounting-export::after,
.lq-doc-shipment::after,
.lq-api-result::after,
.lq-program-integration::after,
.lq-subscribe-success::after,
.lq-contact-office::after,
.lq-demo-selected::after{
  display:none!important;
}

.lq-lab-mini > *,
.lq-header-warehouse-pallet > *,
.lq-accounting-export > *,
.lq-doc-shipment > *,
.lq-api-result > *,
.lq-program-integration > *,
.lq-subscribe-success > *,
.lq-contact-office > *,
.lq-demo-selected > *{
  position:relative;
  z-index:1;
}

/* White circular icon chips with the Logistiqo orange glyph. */
.lq-lab-mini > i,
.lq-header-warehouse-pallet > i,
.lq-accounting-export > i,
.lq-doc-shipment__icon,
.lq-api-result__icon,
.lq-program-integration__icon,
.lq-subscribe-success__icon,
.lq-contact-office > i,
.lq-demo-selected > .lq-lab-icon{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#ff3b06!important;
  box-shadow:none!important;
}

.lq-doc-shipment__icon i,
.lq-api-result__icon i{
  color:#ff3b06!important;
  font-size:14px;
}

/* Keep labels quiet and values crisp inside the dark pills. */
.lq-lab-mini small,
.lq-header-warehouse-pallet small,
.lq-accounting-export small,
.lq-doc-shipment small,
.lq-api-result small,
.lq-program-integration small,
.lq-subscribe-success small,
.lq-contact-office small,
.lq-demo-selected small{
  display:block;
  margin:0 0 3px!important;
  color:rgba(255,255,255,.82)!important;
  font-family:var(--lq-font-meta);
  font-size:var(--lq-header-label-size)!important;
  font-weight:800;
  line-height:1.2!important;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.lq-lab-mini b,
.lq-header-warehouse-pallet b,
.lq-accounting-export b,
.lq-doc-shipment b,
.lq-api-result b,
.lq-program-integration b,
.lq-subscribe-success b,
.lq-contact-office b,
.lq-demo-selected b{
  display:block;
  margin:0!important;
  color:#fff!important;
  font-family:var(--lq-font-heading);
  font-size:var(--lq-header-body-size)!important;
  font-weight:650!important;
  line-height:1.22!important;
}

.lq-lab-mini em,
.lq-header-warehouse-pallet em,
.lq-accounting-export em,
.lq-doc-shipment em,
.lq-api-result em,
.lq-program-integration em,
.lq-subscribe-success em,
.lq-contact-office em,
.lq-demo-selected em{
  display:block;
  margin:4px 0 0!important;
  color:rgba(255,255,255,.78)!important;
  font-family:var(--lq-font-meta);
  font-size:var(--lq-header-meta-size)!important;
  font-style:normal;
  font-weight:700;
  line-height:1.2!important;
  text-transform:uppercase;
}

/* Shape-specific refinements: wide, low pills instead of tall blobs. */
.lq-header-warehouse-pallet{
  right:2%;
  top:112px;
  width:272px;
}
.lq-header-warehouse-pallet > span{min-width:0}
.lq-header-warehouse-pallet b,
.lq-header-warehouse-pallet em{white-space:nowrap}

.lq-accounting-export{
  right:4%;
  top:102px;
  width:258px;
}
.lq-accounting-export b{white-space:nowrap}

.lq-doc-shipment{
  left:278px;
  right:auto;
  top:116px;
  width:300px;
}
.lq-doc-shipment__copy{min-width:0}
.lq-doc-shipment b,
.lq-doc-shipment em{white-space:nowrap}
.lq-doc-match{display:none!important}

.lq-api-result{
  left:318px;
  right:auto;
  top:108px;
  width:258px;
  z-index:3;
}
.lq-api-result__copy{min-width:0}
.lq-api-result__copy b{
  font-size:24px!important;
  letter-spacing:-.025em;
  white-space:nowrap;
}
.lq-api-result__copy em{white-space:nowrap}

.lq-program-integration{
  right:0;
  top:82px;
  width:238px;
}
.lq-program-integration b{white-space:nowrap}

.lq-contact-office{
  right:1%;
  bottom:54px;
  width:326px;
}
.lq-contact-office b{white-space:nowrap}

/* Production homepage hero */
#slide1.lq-home-header-v2,
#slide1.lq-home-header-v2 *{
  box-sizing:border-box;
}

#slide1.lq-home-header-v2{
  --lq-header-label-size:10.3px;
  --lq-header-meta-size:11.5px;
  --lq-header-body-size:13.8px;
  --lq-lab-label-size:var(--lq-header-label-size);
  --lq-lab-meta-size:var(--lq-header-meta-size);
  --lq-lab-body-size:var(--lq-header-body-size);
  --lq-lab-title-size:16px;
  --lq-lab-value-size:30px;
  position:relative;
  width:min(1380px,100%);
  max-width:1380px;
  min-height:760px;
  margin:0 auto 22px;
  padding:0;
  overflow:hidden;
  border-radius:0;
  background:#f5f7fc;
  background-image:none!important;
  color:var(--lq-ink);
  text-align:left;
  font-size:inherit;
  line-height:normal;
  z-index:4;
}

#slide1.lq-home-header-v2::after{
  content:"";
  position:absolute;
  z-index:1;
  right:0;
  bottom:-92px;
  width:61%;
  height:65%;
  background-image:url('../../images/header/background.png');
  background-repeat:no-repeat;
  background-position:right bottom;
  background-size:contain;
  opacity:1;
  pointer-events:none;
}

.lq-home-header-v2__copy{
  position:absolute;
  z-index:5;
  top:209px;
  left:7%;
  width:45%;
  max-width:690px;
  text-align:left;
}

.lq-home-header-v2__eyebrow{
  margin:0 0 12px;
  color:#ff3b06;
  font-family:var(--lq-font-meta);
  font-size:15px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:.075em;
  text-transform:uppercase;
}

#slide1 .lq-home-header-v2__title{
  width:100%;
  max-width:690px;
  margin:0 0 26px;
  color:var(--lq-ink);
  font-family:'Geist','Roboto',Arial,sans-serif!important;
  font-size:clamp(53px,3vw,53px);
  font-weight:800;
  line-height:1.055;
  letter-spacing:-.043em;
  text-align:left;
}

#slide1 .lq-home-header-v2__title .highlight{
  position:relative;
  display:inline;
  margin:0 -.02em;
  padding:0 .06em;
  border-radius:.8em .3em;
  background-image:linear-gradient(to right,rgba(195,219,226,.10),rgba(195,219,226,.50) 4%,rgba(195,219,226,.30));
  background-repeat:no-repeat;
  background-position:0 90%;
  background-size:100% 30%;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}

#slide1 .lq-home-header-v2__subtitle{
  width:100%;
  max-width:660px;
  margin:0;
  color:#45536a;
  font-size:18px;
  line-height:1.52;
  font-weight:400;
  text-align:left;
}

.lq-home-header-v2__actions{
  margin-top:30px;
}

.lq-home-header-v2__visual{
  position:absolute;
  z-index:4;
  top:154px;
  right:3.4%;
  width:660px;
  height:450px;
  pointer-events:auto;
  user-select:none!important;
  -webkit-user-select:none!important;
  -webkit-user-drag:none;
  -webkit-touch-callout:none;
  isolation:isolate;
  transform:scale(.87);
  transform-origin:right center;
}
.lq-home-header-v2__visual *{
  user-select:none!important;
  -webkit-user-select:none!important;
  -webkit-user-drag:none;
  -webkit-touch-callout:none;
}

@media screen and (max-width:1180px){
  .lq-home-header-v2__copy{
    left:6%;
    width:48%;
  }
  #slide1 .lq-home-header-v2__title{
    font-size:52px;
  }
  .lq-home-header-v2__visual{
    right:0;
    transform:scale(.82);
    transform-origin:right center;
  }
}

@media screen and (max-width:900px){
  #slide1.lq-home-header-v2{
    min-height:0;
    padding-bottom:430px;
  }
  #slide1.lq-home-header-v2::after{
    width:100%;
    height:50%;
    bottom:-70px;
  }
  .lq-home-header-v2__copy{
    position:relative;
    top:auto;
    left:auto;
    width:auto;
    max-width:none;
    padding:55px 28px 0;
  }
  #slide1 .lq-home-header-v2__title{
    max-width:700px;
    font-size:46px;
  }
  #slide1 .lq-home-header-v2__subtitle{
    max-width:660px;
    font-size:18px;
    line-height:1.52;
  }
  .lq-home-header-v2__visual{
    top:auto;
    right:50%;
    bottom:34px;
    width:650px;
    height:450px;
    transform:translateX(50%) scale(.74);
    transform-origin:center bottom;
  }
}

@media screen and (max-width:620px){
  #slide1.lq-home-header-v2{
    padding-top:0;
    padding-bottom:350px;
    background-image:none!important;
  }
  #slide1.lq-home-header-v2::after{
    width:100%;
    height:35%;
    bottom:-50px;
    background-position:center bottom;
    background-size:contain;
  }
  .lq-home-header-v2__copy{
    padding:71px 20px 0;
  }
  .lq-home-header-v2__eyebrow{
    font-size:12px;
  }
  #slide1 .lq-home-header-v2__title{
    margin-top:0;
    font-size:34px;
    line-height:1.08;
  }
  #slide1 .lq-home-header-v2__subtitle{
    font-size:16px;
    line-height:1.52;
  }
  .lq-home-header-v2__actions{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    margin-top:26px;
  }
  .lq-home-header-v2__actions a.orangebutton{
    width:100%;
    min-width:0;
    margin:0!important;
  }
  .lq-home-header-v2__visual{
    bottom:88px;
    transform:translateX(50%) scale(.54);
  }
  .lq-home-ai{right:8px}
  .lq-home-confirmation{right:10px}
}

@media screen and (max-width:390px){
  #slide1.lq-home-header-v2{
    padding-bottom:286px;
  }
  .lq-home-header-v2__copy{
    padding-top:66px;
    padding-left:18px;
    padding-right:18px;
  }
  .lq-home-header-v2__eyebrow{
    font-size:11.5px;
  }
  #slide1 .lq-home-header-v2__title{
    font-size:32px;
  }
  .lq-home-header-v2__visual{
    bottom:14px;
    transform:translateX(50%) scale(.50);
  }
}

/* Homepage corners are opt-in only when the viewport is wider than the 1380px canvas. */
@media screen and (min-width:1381px){
  #slide1.lq-home-header-v2,
  .lq-header-lab__section--home{
    border-radius:0 0 20px 20px;
  }
}

/* Header Lab visual type scale: one readable hierarchy across all concepts. */
.lq-header-lab{
  --lq-lab-label-size:10.3px;
  --lq-lab-meta-size:11.5px;
  --lq-lab-body-size:13.8px;
  --lq-lab-title-size:16px;
  --lq-lab-value-size:30px;
}

.lq-lab-tag{
  font-size:var(--lq-lab-label-size)!important;
  line-height:1.25;
}
.lq-lab-pill{
  font-size:8.5px!important;
  line-height:1.2;
}

.lq-lab-mini small,
.lq-order-step small,
.lq-doc-shipment small,
.lq-analysis-panel small,
.lq-contact-office small,
.lq-demo-selected small,
.lq-accounting-export small,
.lq-portal-user small,
.lq-phone-head small,
.lq-awb-route small,
.lq-awb-grid small,
.lq-api-result small,
.lq-program-record__copy small,
.lq-program-modules small,
.lq-program-integration small,
.lq-contact-message>small,
.lq-demo-date small,
.lq-demo-date span{
  font-size:var(--lq-lab-label-size)!important;
  line-height:1.25;
}

.lq-lab-mini em,
.lq-order-step em,
.lq-doc-shipment em,
.lq-contact-office em,
.lq-demo-selected em,
.lq-home-shipment>small,
.lq-invoice-sheet>small,
.lq-doc span,
.lq-doc--front small,
.lq-analysis-kpi span,
.lq-phone-stop small,
.lq-phone-stop em,
.lq-sub-row span small,
.lq-sub-total span{
  font-size:var(--lq-lab-meta-size)!important;
  line-height:1.3;
}

.lq-lab-mini b,
.lq-doc-shipment b,
.lq-contact-office b,
.lq-demo-selected b,
.lq-accounting-export b,
.lq-order-step b,
.lq-portal-access span,
.lq-analysis-metrics b,
.lq-phone-stop b,
.lq-awb-grid b,
.lq-api-endpoint b,
.lq-program-node b,
.lq-sub-row span b,
.lq-sub-row>strong,
.lq-demo-slots span{
  font-size:var(--lq-lab-body-size)!important;
  line-height:1.3;
  font-weight:600;
}

.lq-dispatch-labels,
.lq-rack span.is-active::after,
.lq-ledger-total span,
.lq-portal-access span i:last-child,
.lq-api-endpoint span{
  font-size:10px!important;
  line-height:1.25;
}

.lq-home-shipment>strong{font-size:32px}
.lq-ledger-total strong{font-size:32px}
.lq-invoice-sheet>strong{font-size:28px}
.lq-analysis-kpi strong{font-size:37px}
.lq-awb-route b{font-size:30px}
.lq-api-result strong{font-size:32px}
.lq-sub-total b{font-size:30px}
.lq-contact-message>b{font-size:25px}
.lq-demo-date strong{font-size:37px}

.lq-api-code pre{
  font-size:10px;
  line-height:1.55;
}
.lq-phone-action,
.lq-contact-button{
  font-size:11px;
}

@media screen and (max-width:1180px){
  .lq-header-lab__intro,.lq-header-lab__section{width:calc(100% - 40px)}
  .lq-header-lab__copy{left:6%;width:47%;max-width:640px;top:145px}
  .lq-lab-vis{right:1%;width:49%;transform:scale(.818);transform-origin:right center}
}
@media screen and (max-width:900px){
  .lq-header-lab{padding-top:18px}.lq-header-lab__intro,.lq-header-lab__section{width:calc(100% - 30px)}
  .lq-header-lab__intro{padding:22px 20px}.lq-header-lab__intro-top{display:block}.lq-header-lab__badge{margin-top:14px}
  .lq-header-lab__section{min-height:0;padding-bottom:340px}.lq-header-lab__section::after{width:100%;height:48%}
  .lq-header-lab__copy{position:relative;top:auto;left:auto;width:auto;max-width:none;padding:72px 28px 0}
  .lq-header-lab__title{font-size:38px}.lq-lab-vis{top:auto;right:50%;bottom:32px;width:650px;transform:translateX(50%) scale(.800);transform-origin:center bottom}
}
@media screen and (max-width:900px){
  .lq-header-lab__section--home{min-height:0;padding-bottom:430px}
  .lq-header-lab__section--home::after{width:100%;height:50%;bottom:-70px}
  .lq-header-lab__copy--home{padding-top:55px}
  .lq-header-lab__copy--home .lq-header-lab__title{font-size:46px;max-width:700px}
  .lq-header-lab__copy--home .lq-header-lab__subtitle{max-width:660px;font-size:18px;line-height:1.52}
  .lq-header-lab__section--home .lq-lab-vis--home{top:auto;right:50%;bottom:34px;width:650px;height:450px;transform:translateX(50%) scale(.74);transform-origin:center bottom}
}
@media screen and (max-width:620px){
  .lq-header-lab__section{min-height:0;padding-bottom:270px}
  .lq-header-lab__section::after{width:100%;height:42%;bottom:0;background-position:center bottom;background-size:contain}
  .lq-header-lab__copy{padding:94px 20px 0}
  .lq-header-lab__eyebrow{font-size:12px;margin-bottom:12px}
  .lq-header-lab__title{font-size:33px;line-height:1.08}
  .lq-header-lab__subtitle{font-size:16px;line-height:1.5}
  .lq-lab-vis{bottom:18px;transform:translateX(50%) scale(.56)}
}
@media screen and (max-width:620px){
  .lq-home-ai{right:8px}
  .lq-home-confirmation{right:10px}
  .lq-header-lab__section--home{padding-bottom:300px}
  .lq-header-lab__section--home::after{width:100%;height:35%;bottom:0;background-position:center bottom;background-size:contain}
  .lq-header-lab__copy--home{padding:71px 20px 0}
  .lq-header-lab__copy--home .lq-header-lab__eyebrow{font-size:12px}
  .lq-header-lab__copy--home .lq-header-lab__title{font-size:34px;line-height:1.08}
  .lq-header-lab__copy--home .lq-header-lab__subtitle{font-size:16px;line-height:1.52}
  .lq-header-lab__actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:26px}
  .lq-header-lab__actions a.orangebutton{width:100%;min-width:0;margin:0!important}
  .lq-header-lab__section--home .lq-lab-vis--home{bottom:18px;transform:translateX(50%) scale(.54)}
}
@media screen and (max-width:390px){
  .lq-header-lab__section{padding-bottom:258px}
  .lq-header-lab__copy{padding-top:90px;padding-left:18px;padding-right:18px}
  .lq-header-lab__eyebrow{font-size:11.5px}
  .lq-header-lab__title{font-size:31px}
  .lq-lab-vis{bottom:14px;transform:translateX(50%) scale(.53)}
  .lq-header-lab__section--home{padding-bottom:286px}
  .lq-header-lab__copy--home{padding-top:66px}
  .lq-header-lab__copy--home .lq-header-lab__eyebrow{font-size:11.5px}
  .lq-header-lab__section--home .lq-lab-vis--home{bottom:14px;transform:translateX(50%) scale(.50)}
}


/* Order Processing V2 no longer uses connector arrows. */
.lq-header-order-arrow--one,
.lq-header-order-arrow--two,
.lq-order-arrow--one,
.lq-order-arrow--two{display:none!important}




/* Multilingual dark-pill sizing: content may grow, long translations wrap cleanly. */
.lq-lab-mini,
.lq-header-warehouse-pallet,
.lq-accounting-export,
.lq-doc-shipment,
.lq-api-result,
.lq-program-integration,
.lq-subscribe-success,
.lq-contact-office,
.lq-demo-selected{
  box-sizing:border-box;
}

.lq-lab-mini > span,
.lq-header-warehouse-pallet > span,
.lq-accounting-export > span,
.lq-doc-shipment__copy,
.lq-api-result__copy,
.lq-program-integration > span,
.lq-subscribe-success > span,
.lq-contact-office > span,
.lq-demo-selected > span{
  min-width:0;
  flex:1 1 auto;
}

.lq-lab-mini small,
.lq-lab-mini b,
.lq-lab-mini em,
.lq-header-warehouse-pallet small,
.lq-header-warehouse-pallet b,
.lq-header-warehouse-pallet em,
.lq-accounting-export small,
.lq-accounting-export b,
.lq-accounting-export em,
.lq-doc-shipment small,
.lq-doc-shipment b,
.lq-doc-shipment em,
.lq-api-result small,
.lq-api-result b,
.lq-api-result em,
.lq-program-integration small,
.lq-program-integration b,
.lq-program-integration em,
.lq-subscribe-success small,
.lq-subscribe-success b,
.lq-subscribe-success em,
.lq-contact-office small,
.lq-contact-office b,
.lq-contact-office em,
.lq-demo-selected small,
.lq-demo-selected b,
.lq-demo-selected em{
  max-width:100%;
  white-space:normal!important;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:auto;
}

/* Message pills use intrinsic width until the safe visual limit, then wrap. */
.lq-hero-pill--message{
  width:max-content!important;
  min-width:260px;
  max-width:min(360px,calc(100% - 24px));
  height:auto;
}
.lq-hero-pill--message > span{
  min-width:0;
  max-width:286px;
}
.lq-hero-pill--message b{
  line-height:1.18!important;
}

/* Hero motion V2: one-shot, state-led choreography. */
.lq-home-header-v2,
.lq-feature-header-v2,
.lq-header-lab__section{
  --lq-motion-enter:420ms;
  --lq-motion-fast:160ms;
  --lq-motion-stagger:110ms;
  --lq-motion-distance:16px;
  --lq-motion-ease:cubic-bezier(.22,.61,.36,1);
}

/* Feature heroes: main UI first, then supporting states/pills. */
html.lq-motion-js .lq-feature-header-v2__visual > *,
html.lq-motion-js .lq-lab-vis:not(.lq-lab-vis--home) > *{
  opacity:0;
  translate:0 var(--lq-motion-distance);
  transition:
    opacity var(--lq-motion-enter) var(--lq-motion-ease) var(--lq-motion-delay,80ms),
    translate var(--lq-motion-enter) var(--lq-motion-ease) var(--lq-motion-delay,80ms);
  will-change:opacity,translate;
}
html.lq-motion-js .lq-feature-header-v2__visual > :nth-child(1),
html.lq-motion-js .lq-lab-vis:not(.lq-lab-vis--home) > :nth-child(1){--lq-motion-delay:70ms}
html.lq-motion-js .lq-feature-header-v2__visual > :nth-child(2),
html.lq-motion-js .lq-lab-vis:not(.lq-lab-vis--home) > :nth-child(2){--lq-motion-delay:230ms}
html.lq-motion-js .lq-feature-header-v2__visual > :nth-child(3),
html.lq-motion-js .lq-lab-vis:not(.lq-lab-vis--home) > :nth-child(3){--lq-motion-delay:390ms}
html.lq-motion-js .lq-feature-header-v2__visual > :nth-child(4),
html.lq-motion-js .lq-lab-vis:not(.lq-lab-vis--home) > :nth-child(4){--lq-motion-delay:520ms}
html.lq-motion-js .lq-feature-header-v2__visual.is-motion-visible > *,
html.lq-motion-js .lq-lab-vis:not(.lq-lab-vis--home).is-motion-visible > *{
  opacity:1;
  translate:0 0;
}

/* A few feature-specific motions explain state changes instead of adding decoration. */
html.lq-motion-js .lq-feature-header-v2__visual .lq-header-order-result,
html.lq-motion-js .lq-lab-vis .lq-order-result{
  opacity:0;
  translate:0 7px;
  transition:
    opacity var(--lq-motion-enter) var(--lq-motion-ease) 430ms,
    translate var(--lq-motion-enter) var(--lq-motion-ease) 430ms;
}
html.lq-motion-js .lq-feature-header-v2__visual.is-motion-visible .lq-header-order-result,
html.lq-motion-js .lq-lab-vis.is-motion-visible .lq-order-result{
  opacity:1;
  translate:0 0;
}

html.lq-motion-js .lq-feature-header-v2__visual .lq-dispatch-map__route,
html.lq-motion-js .lq-lab-vis .lq-dispatch-map__route{
  stroke-dasharray:520;
  stroke-dashoffset:520;
  transition:stroke-dashoffset 620ms var(--lq-motion-ease) 280ms;
}
html.lq-motion-js .lq-feature-header-v2__visual.is-motion-visible .lq-dispatch-map__route,
html.lq-motion-js .lq-lab-vis.is-motion-visible .lq-dispatch-map__route{
  stroke-dashoffset:0;
}

html.lq-motion-js .lq-feature-header-v2__visual .lq-rack span.is-active,
html.lq-motion-js .lq-lab-vis .lq-rack span.is-active{
  opacity:.35;
  scale:.94;
  transition:
    opacity var(--lq-motion-enter) var(--lq-motion-ease) 410ms,
    scale var(--lq-motion-enter) var(--lq-motion-ease) 410ms;
}
html.lq-motion-js .lq-feature-header-v2__visual.is-motion-visible .lq-rack span.is-active,
html.lq-motion-js .lq-lab-vis.is-motion-visible .lq-rack span.is-active{
  opacity:1;
  scale:1;
}

/* Homepage: application appears, data resolves, workflow advances, outcome arrives. */
html.lq-motion-js .lq-home-header-v2__visual .lq-home-app,
html.lq-motion-js .lq-lab-vis--home .lq-home-app{
  opacity:0;
  translate:0 18px;
  transition:
    opacity var(--lq-motion-enter) var(--lq-motion-ease) 60ms,
    translate var(--lq-motion-enter) var(--lq-motion-ease) 60ms;
  will-change:opacity,translate;
}
html.lq-motion-js .lq-home-header-v2__visual.is-motion-visible .lq-home-app,
html.lq-motion-js .lq-lab-vis--home.is-motion-visible .lq-home-app{
  opacity:1;
  translate:0 0;
}

html.lq-motion-js .lq-home-header-v2__visual .lq-home-app__bar,
html.lq-motion-js .lq-home-header-v2__visual .lq-home-app__rail,
html.lq-motion-js .lq-home-header-v2__visual .lq-home-app__heading,
html.lq-motion-js .lq-home-header-v2__visual .lq-home-app__data > span,
html.lq-motion-js .lq-home-header-v2__visual .lq-home-app__capture,
html.lq-motion-js .lq-home-header-v2__visual .lq-home-app__workflow > span,
html.lq-motion-js .lq-lab-vis--home .lq-home-app__bar,
html.lq-motion-js .lq-lab-vis--home .lq-home-app__rail,
html.lq-motion-js .lq-lab-vis--home .lq-home-app__heading,
html.lq-motion-js .lq-lab-vis--home .lq-home-app__data > span,
html.lq-motion-js .lq-lab-vis--home .lq-home-app__capture,
html.lq-motion-js .lq-lab-vis--home .lq-home-app__workflow > span{
  opacity:0;
  translate:0 8px;
  transition:
    opacity 340ms var(--lq-motion-ease) var(--lq-home-step,260ms),
    translate 340ms var(--lq-motion-ease) var(--lq-home-step,260ms);
}

html.lq-motion-js .lq-home-header-v2__visual .lq-home-app__bar,
html.lq-motion-js .lq-lab-vis--home .lq-home-app__bar{--lq-home-step:220ms}
html.lq-motion-js .lq-home-header-v2__visual .lq-home-app__rail,
html.lq-motion-js .lq-lab-vis--home .lq-home-app__rail{--lq-home-step:290ms}
html.lq-motion-js .lq-home-header-v2__visual .lq-home-app__heading,
html.lq-motion-js .lq-lab-vis--home .lq-home-app__heading{--lq-home-step:340ms}
html.lq-motion-js .lq-home-header-v2__visual .lq-home-app__data > :nth-child(1),
html.lq-motion-js .lq-lab-vis--home .lq-home-app__data > :nth-child(1){--lq-home-step:410ms}
html.lq-motion-js .lq-home-header-v2__visual .lq-home-app__data > :nth-child(2),
html.lq-motion-js .lq-lab-vis--home .lq-home-app__data > :nth-child(2){--lq-home-step:470ms}
html.lq-motion-js .lq-home-header-v2__visual .lq-home-app__data > :nth-child(3),
html.lq-motion-js .lq-lab-vis--home .lq-home-app__data > :nth-child(3){--lq-home-step:530ms}
html.lq-motion-js .lq-home-header-v2__visual .lq-home-app__capture,
html.lq-motion-js .lq-lab-vis--home .lq-home-app__capture{--lq-home-step:690ms}
html.lq-motion-js .lq-home-header-v2__visual .lq-home-app__workflow > :nth-child(1),
html.lq-motion-js .lq-lab-vis--home .lq-home-app__workflow > :nth-child(1){--lq-home-step:790ms}
html.lq-motion-js .lq-home-header-v2__visual .lq-home-app__workflow > :nth-child(2),
html.lq-motion-js .lq-lab-vis--home .lq-home-app__workflow > :nth-child(2){--lq-home-step:900ms}
html.lq-motion-js .lq-home-header-v2__visual .lq-home-app__workflow > :nth-child(3),
html.lq-motion-js .lq-lab-vis--home .lq-home-app__workflow > :nth-child(3){--lq-home-step:1010ms}
html.lq-motion-js .lq-home-header-v2__visual .lq-home-app__workflow > :nth-child(4),
html.lq-motion-js .lq-lab-vis--home .lq-home-app__workflow > :nth-child(4){--lq-home-step:1120ms}

html.lq-motion-js .lq-home-header-v2__visual.is-motion-visible .lq-home-app__bar,
html.lq-motion-js .lq-home-header-v2__visual.is-motion-visible .lq-home-app__rail,
html.lq-motion-js .lq-home-header-v2__visual.is-motion-visible .lq-home-app__heading,
html.lq-motion-js .lq-home-header-v2__visual.is-motion-visible .lq-home-app__data > span,
html.lq-motion-js .lq-home-header-v2__visual.is-motion-visible .lq-home-app__capture,
html.lq-motion-js .lq-home-header-v2__visual.is-motion-visible .lq-home-app__workflow > span,
html.lq-motion-js .lq-lab-vis--home.is-motion-visible .lq-home-app__bar,
html.lq-motion-js .lq-lab-vis--home.is-motion-visible .lq-home-app__rail,
html.lq-motion-js .lq-lab-vis--home.is-motion-visible .lq-home-app__heading,
html.lq-motion-js .lq-lab-vis--home.is-motion-visible .lq-home-app__data > span,
html.lq-motion-js .lq-lab-vis--home.is-motion-visible .lq-home-app__capture,
html.lq-motion-js .lq-lab-vis--home.is-motion-visible .lq-home-app__workflow > span{
  opacity:1;
  translate:0 0;
}

html.lq-motion-js .lq-home-header-v2__visual .lq-home-ai,
html.lq-motion-js .lq-lab-vis--home .lq-home-ai{
  opacity:0;
  translate:16px 0;
  transition:
    opacity var(--lq-motion-enter) var(--lq-motion-ease) 560ms,
    translate var(--lq-motion-enter) var(--lq-motion-ease) 560ms;
}
html.lq-motion-js .lq-home-header-v2__visual.is-motion-visible .lq-home-ai,
html.lq-motion-js .lq-lab-vis--home.is-motion-visible .lq-home-ai{
  opacity:1;
  translate:0 0;
}

html.lq-motion-js .lq-home-header-v2__visual .lq-home-confirmation,
html.lq-motion-js .lq-lab-vis--home .lq-home-confirmation{
  opacity:0;
  translate:16px 0;
  transition:
    opacity var(--lq-motion-enter) var(--lq-motion-ease) 1220ms,
    translate var(--lq-motion-enter) var(--lq-motion-ease) 1220ms;
}
html.lq-motion-js .lq-home-header-v2__visual.is-motion-visible .lq-home-confirmation,
html.lq-motion-js .lq-lab-vis--home.is-motion-visible .lq-home-confirmation{
  opacity:1;
  translate:0 0;
}

/* Motion accessibility: preserve every final state without spatial animation. */
@media (prefers-reduced-motion:reduce){
  html.lq-motion-js .lq-feature-header-v2__visual > *,
  html.lq-motion-js .lq-lab-vis:not(.lq-lab-vis--home) > *,
  html.lq-motion-js .lq-home-header-v2__visual .lq-home-app,
  html.lq-motion-js .lq-lab-vis--home .lq-home-app,
  html.lq-motion-js .lq-home-header-v2__visual .lq-home-app__bar,
  html.lq-motion-js .lq-home-header-v2__visual .lq-home-app__rail,
  html.lq-motion-js .lq-home-header-v2__visual .lq-home-app__heading,
  html.lq-motion-js .lq-home-header-v2__visual .lq-home-app__data > span,
  html.lq-motion-js .lq-home-header-v2__visual .lq-home-app__capture,
  html.lq-motion-js .lq-home-header-v2__visual .lq-home-app__workflow > span,
  html.lq-motion-js .lq-home-header-v2__visual .lq-home-ai,
  html.lq-motion-js .lq-home-header-v2__visual .lq-home-confirmation,
  html.lq-motion-js .lq-lab-vis--home .lq-home-app__bar,
  html.lq-motion-js .lq-lab-vis--home .lq-home-app__rail,
  html.lq-motion-js .lq-lab-vis--home .lq-home-app__heading,
  html.lq-motion-js .lq-lab-vis--home .lq-home-app__data > span,
  html.lq-motion-js .lq-lab-vis--home .lq-home-app__capture,
  html.lq-motion-js .lq-lab-vis--home .lq-home-app__workflow > span,
  html.lq-motion-js .lq-lab-vis--home .lq-home-ai,
  html.lq-motion-js .lq-lab-vis--home .lq-home-confirmation,
  html.lq-motion-js .lq-feature-header-v2__visual .lq-header-order-result,
  html.lq-motion-js .lq-lab-vis .lq-order-result,
  html.lq-motion-js .lq-feature-header-v2__visual .lq-rack span.is-active,
  html.lq-motion-js .lq-lab-vis .lq-rack span.is-active{
    opacity:1!important;
    translate:none!important;
    scale:none!important;
    transition:none!important;
    animation:none!important;
  }

  html.lq-motion-js .lq-feature-header-v2__visual .lq-dispatch-map__route,
  html.lq-motion-js .lq-lab-vis .lq-dispatch-map__route{
    stroke-dashoffset:0!important;
    transition:none!important;
  }
}