/* /247_logistic_website/static/src/css/site.css */
 :root{--paper: #F6F3FA; --paper-2: #ECE5F4; --card: #FFFFFF; --ink: #2E1656; --ink-2: #4A3272; --muted: #6C6181; --volt: #5CC28E; --signal: #6A3FA0; --error: #D93A2B; --line: rgba(46, 22, 86, .16); --serif: 'Fraunces', 'Times New Roman', serif; --sans: 'Space Grotesk', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif; --mono: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace; --nav-h: 78px; --ease: cubic-bezier(.2, .8, .2, 1);}html, body{height: auto !important; overflow: visible !important;}html, :root{scroll-behavior: auto !important;}body{overflow-x: clip !important; background: var(--paper) !important;}#wrapwrap{height: auto !important; min-height: 100vh; overflow: visible !important; padding-top: 0 !important;}header#top, footer#bottom, footer.o_footer{display: none !important;}.lg-root{position: relative; font-family: var(--sans); font-size: 17px; line-height: 1.55; color: var(--ink); background: var(--paper); -webkit-font-smoothing: antialiased;}.lg-root *, .lg-root *::before, .lg-root *::after{box-sizing: border-box;}.lg-root :where(h1, h2, h3, h4){font-family: var(--serif); color: inherit; margin: 0; font-weight: 600; letter-spacing: -.02em; line-height: 1.02; font-variation-settings: "opsz" 144, "SOFT" 50;}.lg-root :where(p){margin: 0;}.lg-root :where(a){color: inherit; text-decoration: none;}.lg-root :where(dl, dd, ul, ol){margin: 0; padding: 0; list-style: none;}.lg-root svg{display: block;}.lg-root ::selection{background: var(--volt); color: var(--ink);}[hidden]{display: none !important;}section[id]{scroll-margin-top: var(--nav-h);}.lg-container{width: 100%; max-width: 1320px; margin: 0 auto; padding-inline: clamp(16px, 4vw, 40px); position: relative;}.lg-center{text-align: center;}.lg-mono{font-family: var(--mono); font-size: .78em; letter-spacing: .04em; text-transform: uppercase;}.lg-muted{color: var(--muted);}.lg-pre{white-space: pre-line;}.lg-root em{font-style: italic; font-weight: 500;}.lg-js [data-reveal], .lg-js [data-hero], .lg-js [data-stamp]{opacity: 0;}.lg-js [data-split]{visibility: hidden;}@media (prefers-reduced-motion: reduce){.lg-js [data-reveal], .lg-js [data-hero], .lg-js [data-stamp]{opacity: 1;}.lg-js [data-split]{visibility: visible;}}.lg-w{display: inline-block; overflow: hidden; vertical-align: top; padding: .04em .06em .24em; margin: -.04em -.06em -.24em;}.lg-w > span{display: inline-block; will-change: transform;}.lg-curtain{position: fixed; inset: 0; z-index: 2000; background: var(--ink); display: grid; place-items: center; pointer-events: none; visibility: hidden;}.lg-loading .lg-curtain{visibility: visible; pointer-events: all;}html.lg-loading, html.lg-loading body{overflow: hidden !important;}.lg-curtain-bar{position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: rgba(246, 243, 250, .14);}.lg-curtain-bar i{display: block; height: 100%; background: var(--volt); transform: scaleX(0); transform-origin: 0 50%;}.lg-curtain-bolt{width: 64px; height: 96px; fill: var(--volt);}.lg-curtain-count{position: absolute; right: clamp(16px, 4vw, 40px); bottom: 24px; font: 600 clamp(48px, 10vw, 140px)/1 var(--serif); color: var(--paper); font-variation-settings: "opsz" 144;}.lg-grain{position: fixed; inset: -100%; z-index: 1500; pointer-events: none; opacity: .09; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(/247_logistic_website/static/src/css/%23n)'/%3E%3C/svg%3E"); animation: lgGrain 1s steps(4) infinite;}@keyframes lgGrain{0%{transform: translate(0, 0);}25%{transform: translate(-3%, 2%);}50%{transform: translate(2%, -3%);}75%{transform: translate(-2%, -1%);}100%{transform: translate(1%, 3%);}}.lg-cursor{position: fixed; top: 0; left: 0; z-index: 1900; pointer-events: none; display: none; opacity: 0; transition: opacity .3s;}.lg-cursor.is-on{opacity: 1;}.lg-cursor span{display: block; width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 50%; background: var(--volt); border: 2px solid var(--ink); transition: width .25s var(--ease), height .25s var(--ease), margin .25s var(--ease), background .25s;}.lg-cursor.is-hover span{width: 56px; height: 56px; margin: -28px 0 0 -28px; background: rgba(92, 194, 142, .35);}@media (hover: hover) and (pointer: fine){.lg-js .lg-cursor{display: block;}}#lg-progress{position: fixed; top: 0; left: 0; right: 0; height: 4px; z-index: 1100; background: var(--volt); transform: scaleX(0); transform-origin: 0 50%; border-bottom: 1px solid var(--ink);}.lg-nav{position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding-top: env(safe-area-inset-top, 0px); transition: background .35s, border-color .35s, transform .45s var(--ease); border-bottom: 1px solid transparent;}.lg-nav.is-scrolled{background: rgba(246, 243, 250, .9); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom-color: var(--line);}.lg-nav.is-hidden{transform: translateY(-110%);}.lg-nav-inner{height: var(--nav-h); display: flex; align-items: center; gap: 28px;}.lg-brand{display: inline-flex; align-items: center; gap: 10px;}.lg-brand-mark{width: 40px; height: 40px; transition: transform .5s var(--ease);}.lg-brand:hover .lg-brand-mark{transform: rotate(-12deg) scale(1.06);}.lg-brand-word{font: 700 24px/1 var(--serif); letter-spacing: -.02em;}.lg-brand-word sup{font: 600 11px/1 var(--mono); top: -1.1em; margin-left: 2px; padding: 2px 4px; border: 1.5px solid currentColor; border-radius: 4px;}.lg-nav-links{display: flex; gap: 2px; margin-left: auto;}.lg-nav-links a{position: relative; padding: 8px 12px; font-size: 15px; font-weight: 500;}.lg-nav-links a i{font: 500 10px var(--mono); font-style: normal; vertical-align: super; margin-right: 3px; color: var(--muted);}.lg-nav-links a::after{content: ""; position: absolute; left: 12px; right: 12px; bottom: 3px; height: 2px; background: var(--ink); transform: scaleX(0); transform-origin: right; transition: transform .35s var(--ease);}.lg-nav-links a:hover::after, .lg-nav-links a.is-active::after{transform: scaleX(1); transform-origin: left;}.lg-nav-links a.is-active i{color: var(--signal);}.lg-burger{display: none; margin-left: auto; width: 48px; height: 48px; border: 2px solid var(--ink); border-radius: 50%; background: var(--volt); position: relative; cursor: pointer;}.lg-burger span{position: absolute; left: 12px; right: 12px; height: 2px; background: var(--ink); transition: transform .35s var(--ease);}.lg-burger span:first-child{top: 18px;}.lg-burger span:last-child{top: 26px;}.lg-nav.is-open .lg-burger span:first-child{transform: translateY(4px) rotate(45deg);}.lg-nav.is-open .lg-burger span:last-child{transform: translateY(-4px) rotate(-45deg);}.lg-btn{position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 26px; border: 2px solid var(--ink); border-radius: 999px; font: 600 16px/1 var(--sans); cursor: pointer; overflow: hidden; isolation: isolate; transition: transform .25s var(--ease), box-shadow .25s var(--ease), color .3s; white-space: nowrap;}.lg-btn::before{content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; transform: translateY(101%); transition: transform .45s var(--ease);}.lg-btn:hover::before{transform: translateY(0);}.lg-btn:hover{transform: translate(-2px, -2px); box-shadow: 4px 4px 0 var(--ink);}.lg-btn:active{transform: translate(0, 0); box-shadow: 0 0 0 var(--ink);}.lg-btn-volt{background: var(--volt); color: var(--ink) !important;}.lg-btn-volt::before{background: var(--paper);}.lg-btn-ink{background: var(--ink); color: var(--paper) !important;}.lg-btn-ink::before{background: var(--signal);}.lg-btn-line{background: transparent; color: var(--ink) !important;}.lg-btn-line::before{background: var(--volt);}.lg-btn-block{width: 100%;}.lg-btn[disabled]{opacity: .55; pointer-events: none;}.lg-nav-cta{min-height: 44px; padding: 0 20px; font-size: 15px;}.lg-lang{display: flex; gap: 6px;}.lg-lang-btn{display: inline-grid; place-items: center; min-width: 48px; height: 44px; padding: 0 12px; border: 2px solid var(--ink); border-radius: 999px; font: 700 15px/1 var(--sans); transition: background .25s, transform .25s var(--ease);}.lg-lang-btn:hover{background: var(--volt); transform: rotate(-4deg);}.lg-lang-btn[lang^="ar"]{font: 700 17px/1 'Reem Kufi', 'IBM Plex Sans Arabic', sans-serif;}.lg-label{display: inline-flex; align-items: center; gap: 10px; font: 600 12.5px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase;}.lg-label::before{content: ""; width: 26px; height: 2px; background: currentColor;}.lg-thread{position: absolute; top: 0; left: 0; width: 100%; height: 100px; z-index: 0; pointer-events: none; overflow: visible;}.lg-thread-base{fill: none; stroke: var(--line); stroke-width: 2; stroke-dasharray: 2 10; stroke-linecap: round;}.lg-thread-line{fill: none; stroke: var(--ink); stroke-width: 2.5; stroke-linecap: round;}.lg-spark-halo{fill: var(--volt); stroke: var(--ink); stroke-width: 2;}.lg-spark-bolt{fill: var(--ink);}.lg-hero, .lg-section, .lg-process, .lg-tracking, .lg-bands, .lg-footer{position: relative; z-index: 1;}.lg-hero{min-height: 100svh; display: flex; flex-direction: column; justify-content: flex-end; padding: calc(var(--nav-h) + 40px) 0 clamp(40px, 6vw, 72px); overflow: hidden; background: var(--paper);}.lg-hero-canvas{position: absolute; inset: 0; z-index: 0;}.lg-hero-canvas canvas{display: block; width: 100% !important; height: 100% !important;}.lg-hero-veil{position: absolute; inset: 0; z-index: 1; pointer-events: none; background: radial-gradient(ellipse 70% 60% at 25% 72%, rgba(246, 243, 250, .92), rgba(246, 243, 250, .55) 55%, rgba(246, 243, 250, 0) 80%);}.lg-hero-ar{position: absolute; z-index: 1; left: 36%; top: 7vh; font: 700 clamp(130px, 21vw, 330px)/1 'Reem Kufi', var(--serif); color: transparent; -webkit-text-stroke: 2px rgba(46, 22, 86, .14); pointer-events: none; user-select: none;}.lg-hero-inner{z-index: 2;}.lg-kicker{display: flex; align-items: center; gap: 14px; font-weight: 500; margin-bottom: 22px;}.lg-kicker .lg-mono{padding: 6px 10px; border: 1.5px solid var(--ink); border-radius: 999px; background: var(--volt);}.lg-hero-title{font-size: clamp(54px, 10.4vw, 170px); line-height: .92 !important; letter-spacing: -.045em !important; max-width: 12ch;}.lg-hero-title em{color: var(--ink); position: relative;}.lg-hero-foot{display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 28px; margin-top: clamp(28px, 4vw, 48px);}.lg-hero-sub{max-width: 460px; font-size: clamp(17px, 1.5vw, 20px); color: var(--ink-2);}.lg-hero-actions{display: flex; flex-wrap: wrap; gap: 12px;}.lg-spin-badge{position: absolute; z-index: 2; right: clamp(16px, 5vw, 72px); top: calc(var(--nav-h) + 4vh); width: clamp(120px, 13vw, 190px);}.lg-badge-bg{fill: var(--volt); stroke: var(--ink); stroke-width: 3;}.lg-badge-text{font: 600 14.5px var(--mono); letter-spacing: .18em; fill: var(--ink);}.lg-badge-bolt{fill: var(--ink);}.lg-hero-stats{position: absolute; z-index: 2; right: clamp(16px, 5vw, 72px); top: 46%; display: grid; gap: 18px; text-align: right;}.lg-hero-stats dt{font: 600 clamp(30px, 3.2vw, 48px)/1 var(--serif); letter-spacing: -.03em;}.lg-hero-stats dd{font: 500 12px var(--mono); text-transform: uppercase; letter-spacing: .1em; color: var(--muted);}.lg-scroll-cue{position: absolute; z-index: 2; left: 50%; bottom: 18px; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 8px;}.lg-scroll-cue i{width: 2px; height: 40px; background: var(--ink); transform-origin: top; animation: lgCue 1.8s var(--ease) infinite;}@keyframes lgCue{0%{transform: scaleY(0);}50%{transform: scaleY(1); transform-origin: top;}51%{transform-origin: bottom;}100%{transform: scaleY(0); transform-origin: bottom;}}.lg-bands{padding-block: 50px; overflow: hidden;}.lg-band{border-block: 2px solid var(--ink); padding-block: 16px; white-space: nowrap;}.lg-band-volt{background: var(--volt); transform: rotate(-2.5deg); position: relative; z-index: 2;}.lg-band-ink{background: var(--ink); color: var(--paper); transform: rotate(1.8deg); margin-top: -26px;}.lg-band-track{display: inline-flex; align-items: center; gap: 32px; will-change: transform;}.lg-band span{font: 600 clamp(28px, 4vw, 56px)/1 var(--serif); letter-spacing: -.02em;}.lg-band-ink span{font-style: italic; font-weight: 400;}.lg-band .lg-bolt{width: 26px; height: 40px; fill: var(--ink); flex-shrink: 0;}.lg-band-ink i{font-style: normal; color: var(--volt); font-size: 28px;}.lg-section{padding-block: clamp(90px, 12vw, 170px);}.lg-head{max-width: 860px; margin-bottom: clamp(48px, 7vw, 90px);}.lg-head .lg-label{margin-bottom: 26px;}.lg-title{font-size: clamp(44px, 7vw, 108px); line-height: .95 !important; letter-spacing: -.04em !important;}.lg-title em{font-weight: 400;}.lg-lead{margin-top: 26px; max-width: 560px; font-size: clamp(17px, 1.5vw, 20px); color: var(--ink-2);}.lg-svc-list{border-top: 2px solid var(--ink);}.lg-svc{position: relative; display: grid; grid-template-columns: 110px 1.1fr 1.3fr auto; grid-template-areas: "n t p a" "n t g a"; column-gap: 32px; row-gap: 10px; align-items: start; padding: 34px 8px; border-bottom: 2px solid var(--ink); isolation: isolate; cursor: default;}.lg-svc::before{content: ""; position: absolute; inset: 0; z-index: -1; background: var(--volt); transform: scaleY(0); transform-origin: bottom; transition: transform .55s var(--ease);}.lg-svc:hover::before{transform: scaleY(1);}.lg-svc-n{grid-area: n; padding-top: 10px;}.lg-svc h3{grid-area: t; font-size: clamp(30px, 3.4vw, 50px); transition: transform .55s var(--ease);}.lg-svc:hover h3{transform: translateX(14px); font-style: italic;}.lg-svc p{grid-area: p; color: var(--ink-2); padding-top: 6px;}.lg-svc-tags{grid-area: g; color: var(--muted);}.lg-svc-arrow{grid-area: a; font-size: 34px; line-height: 1; transition: transform .55s var(--ease);}.lg-svc:hover .lg-svc-arrow{transform: rotate(45deg);}.lg-process{background: var(--ink); color: var(--paper); overflow: hidden;}.lg-process-pin{min-height: 100vh; display: flex; flex-direction: column; justify-content: center; padding-block: calc(var(--nav-h) + 10px) 40px;}.lg-process .lg-title{font-size: clamp(40px, 5.4vw, 84px);}.lg-process .lg-head{margin-bottom: 10px;}.lg-head-light .lg-label{color: var(--volt);}.lg-ride{position: relative;}.lg-road{position: absolute; left: 0; right: 0; top: 92px; height: 2px; background: rgba(246, 243, 250, .25);}.lg-road-dash{position: absolute; inset: -1px 0; background: repeating-linear-gradient(90deg, var(--volt) 0 26px, transparent 26px 52px);}.lg-van{position: relative; z-index: 2; width: 130px; margin-left: clamp(16px, 6vw, 90px); margin-bottom: 26px;}.lg-van-box{fill: var(--paper); stroke: var(--paper); stroke-width: 3;}.lg-van-cab{fill: var(--volt); stroke: var(--paper); stroke-width: 3;}.lg-van-glass{fill: var(--ink);}.lg-van-bolt{fill: var(--ink);}.lg-van-wheel circle{fill: var(--ink); stroke: var(--paper); stroke-width: 4;}.lg-van-wheel path{stroke: var(--volt); stroke-width: 3;}.lg-process-track{display: flex; gap: 26px; width: max-content; padding-inline: max(clamp(16px, 4vw, 40px), calc((100vw - 1320px) / 2 + 40px));}.lg-step{position: relative; width: min(380px, 80vw); padding: 28px 30px 30px; background: var(--paper); color: var(--ink); border-radius: 6px; flex-shrink: 0;}.lg-step::before, .lg-step::after{content: ""; position: absolute; top: 50%; width: 22px; height: 22px; margin-top: -11px; border-radius: 50%; background: var(--ink);}.lg-step::before{left: -11px;}.lg-step::after{right: -11px;}.lg-step-n{display: block; font: 600 76px/0.9 var(--serif); letter-spacing: -.05em; color: transparent; -webkit-text-stroke: 2px var(--ink);}.lg-stamp-mini{position: absolute; top: 30px; right: 26px; padding: 6px 10px; border: 2px solid var(--signal); color: var(--signal); border-radius: 4px; transform: rotate(6deg); font-weight: 600;}.lg-step h3{margin-top: 18px; font-size: 34px;}.lg-step p{margin-top: 12px; color: var(--ink-2);}.lg-manifesto{margin-top: 34px; font: 500 clamp(30px, 4.4vw, 68px)/1.08 var(--serif); letter-spacing: -.03em; max-width: 22ch; font-variation-settings: "opsz" 144;}.lg-manifesto em{background: linear-gradient(transparent 62%, var(--volt) 62%);}.lg-sw{opacity: .14;}.lg-about-row{display: grid; grid-template-columns: 1fr 1.25fr; gap: clamp(32px, 6vw, 90px); margin-top: clamp(60px, 8vw, 110px); align-items: center;}.lg-stamps{position: relative; height: 380px;}.lg-stamp{position: absolute; width: 190px; height: 190px; border-radius: 50%; display: grid; place-content: center; text-align: center; border: 3px solid var(--signal); color: var(--signal); background: var(--paper); box-shadow: inset 0 0 0 8px var(--paper), inset 0 0 0 10px var(--signal);}.lg-stamp b{font: 600 52px/1 var(--serif); letter-spacing: -.04em;}.lg-stamp small{font: 600 12px var(--mono); letter-spacing: .14em; text-transform: uppercase; margin-top: 6px;}.lg-stamp:nth-child(1){left: 0; top: 10px; transform: rotate(-12deg);}.lg-stamp:nth-child(2){left: 34%; top: 150px; transform: rotate(9deg);}.lg-stamp:nth-child(3){left: 8%; top: 200px; transform: rotate(-4deg);}.lg-stamp-ink{border-color: var(--ink); color: var(--paper); background: var(--ink); box-shadow: inset 0 0 0 8px var(--ink), inset 0 0 0 10px var(--paper);}.lg-stamp-volt{border-color: var(--ink); color: var(--ink); background: var(--volt); box-shadow: inset 0 0 0 8px var(--volt), inset 0 0 0 10px var(--ink);}.lg-values{display: grid; grid-template-columns: 1fr 1fr; gap: 18px;}.lg-value{position: relative; padding: 30px 26px; background: var(--card); border: 2px solid var(--ink); border-radius: 4px; box-shadow: 6px 6px 0 var(--ink); transition: transform .35s var(--ease), box-shadow .35s var(--ease);}.lg-value:hover{transform: translate(-3px, -3px) rotate(-1deg); box-shadow: 10px 10px 0 var(--ink);}.lg-value::before{content: ""; position: absolute; top: -12px; left: 50%; width: 80px; height: 24px; margin-left: -40px; background: rgba(92, 194, 142, .8); transform: rotate(-4deg);}.lg-value h3{margin-top: 14px; font-size: 28px;}.lg-value p{margin-top: 8px; color: var(--ink-2); font-size: 16px;}.lg-tracking{background: var(--volt); padding-block: clamp(90px, 11vw, 150px);}.lg-waybill{position: relative; max-width: 980px; margin: 0 auto; padding: clamp(28px, 5vw, 60px); background: var(--card); border: 2px solid var(--ink); border-radius: 6px; box-shadow: 12px 12px 0 var(--ink);}.lg-waybill-top{display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 2px dashed var(--ink);}.lg-barcode{display: flex; align-items: stretch; height: 42px; gap: 2px;}.lg-barcode i{display: block; background: var(--ink);}.lg-waybill .lg-label{margin-bottom: 18px;}.lg-waybill .lg-title{font-size: clamp(42px, 6vw, 88px);}.lg-track-form{display: flex; gap: 12px; margin-top: 36px;}.lg-track-form input{flex: 1; min-width: 0; min-height: 60px; padding: 0 20px; border: 2px solid var(--ink); border-radius: 999px; background: var(--paper); font-size: 18px; color: var(--ink); outline: 0; transition: box-shadow .25s;}.lg-track-form input:focus{box-shadow: 4px 4px 0 var(--ink);}.lg-track-form .lg-btn{min-height: 60px;}.lg-track-result{margin-top: 34px; padding-top: 26px; border-top: 2px dashed var(--ink);}.lg-track-top{display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap;}.lg-track-ref{font-size: 18px; font-weight: 600;}.lg-badge{padding: 7px 14px; border: 2px solid var(--ink); border-radius: 999px; background: var(--volt); font: 600 13px var(--mono); text-transform: uppercase;}.lg-track-info{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-block: 22px;}.lg-track-info dt{font: 600 11px var(--mono); text-transform: uppercase; letter-spacing: .1em; color: var(--muted);}.lg-track-info dd{margin-top: 4px; font-weight: 600;}.lg-timeline li{position: relative; padding: 0 0 16px 30px;}.lg-timeline li::before{content: ""; position: absolute; left: 7px; top: 10px; bottom: -6px; width: 2px; background: var(--ink); opacity: .25;}.lg-timeline li:last-child::before{display: none;}.lg-timeline li::after{content: ""; position: absolute; left: 0; top: 5px; width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--ink); background: var(--paper);}.lg-timeline li.is-current::after{background: var(--volt); box-shadow: 0 0 0 4px rgba(46, 22, 86, .12);}.lg-track-empty{margin-top: 24px; color: var(--error); font-weight: 600;}.lg-waybill-perf{position: absolute; left: -2px; right: -2px; bottom: -14px; height: 14px; background: radial-gradient(circle at 10px -2px, transparent 9px, var(--card) 10px) 0 0 / 20px 14px repeat-x;}.lg-jobs{display: grid; gap: 14px;}.lg-job{display: grid; grid-template-columns: 90px 1fr auto; gap: 24px; align-items: center; padding: 26px 28px; background: var(--card); border: 2px solid var(--ink); border-radius: 6px; transition: transform .35s var(--ease), box-shadow .35s var(--ease);}.lg-job:hover{transform: translate(-3px, -3px); box-shadow: 6px 6px 0 var(--ink);}.lg-job-n{color: var(--muted); border-right: 2px dashed var(--ink); align-self: stretch; display: flex; align-items: center;}.lg-job h3{font-size: clamp(24px, 2.4vw, 34px);}.lg-job-tags{display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 10px; color: var(--muted);}.lg-modal{position: fixed; inset: 0; z-index: 1600; display: grid; place-items: center; padding: 16px;}.lg-modal-backdrop{position: absolute; inset: 0; background: rgba(46, 22, 86, .6);}.lg-modal-box{position: relative; width: 100%; max-width: 560px; max-height: calc(100svh - 32px); overflow: auto; padding: 34px; background: var(--paper); border: 2px solid var(--ink); border-radius: 6px; box-shadow: 12px 12px 0 var(--volt);}.lg-modal-box h3{font-size: 34px; margin: 14px 40px 24px 0;}.lg-modal-close{position: absolute; top: 18px; right: 18px; width: 44px; height: 44px; border: 2px solid var(--ink); border-radius: 50%; background: var(--volt); font-size: 24px; line-height: 1; cursor: pointer;}.lg-contact-grid{display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(36px, 6vw, 90px); align-items: start;}.lg-contact-list{margin-top: 40px; border-top: 2px solid var(--ink);}.lg-contact-list li{display: grid; grid-template-columns: 110px 1fr; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--line); font-size: 19px; font-weight: 500;}.lg-contact-list small{color: var(--muted); padding-top: 4px;}.lg-contact-list a:hover{background: var(--volt);}.lg-contact-card{padding: clamp(26px, 4vw, 44px); background: var(--card); border: 2px solid var(--ink); border-radius: 6px; box-shadow: 12px 12px 0 var(--ink);}.lg-contact-card-top{display: flex; justify-content: space-between; padding-bottom: 18px; margin-bottom: 24px; border-bottom: 2px dashed var(--ink); color: var(--muted);}.lg-form{display: grid; gap: 18px;}.lg-row{display: grid; grid-template-columns: 1fr 1fr; gap: 18px;}.lg-field label{display: block; margin-bottom: 6px; font: 600 11.5px var(--mono); text-transform: uppercase; letter-spacing: .1em;}.lg-field input, .lg-field select, .lg-field textarea{width: 100%; padding: 12px 2px; border: 0; border-bottom: 2px solid var(--ink); border-radius: 0; background: transparent; font: 500 17px var(--sans); color: var(--ink); outline: 0; transition: background .25s, padding .25s;}.lg-field textarea{resize: vertical; min-height: 110px;}.lg-field input:focus, .lg-field select:focus, .lg-field textarea:focus{background: rgba(92, 194, 142, .35); padding-inline: 10px;}.lg-field.has-error input, .lg-field.has-error textarea{border-bottom-color: var(--error);}.lg-field-error{display: block; margin-top: 4px; color: var(--error); font-size: 13px;}.lg-form-error{color: var(--error); font-size: 14px;}.lg-hp{position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden;}.lg-success{text-align: center; padding: 28px 8px;}.lg-success h4{margin-top: 18px; font-size: 36px;}.lg-success p{margin-top: 8px; color: var(--ink-2);}.lg-check{width: 84px; height: 84px; margin: 0 auto;}.lg-footer{background: var(--ink); color: var(--paper); padding-top: clamp(70px, 9vw, 120px); padding-bottom: env(safe-area-inset-bottom, 0px); overflow: hidden;}.lg-footer-top{display: grid; grid-template-columns: 1.4fr 1fr; gap: 40px;}.lg-footer-cta{font: 500 clamp(34px, 4.6vw, 70px)/1.02 var(--serif); letter-spacing: -.03em;}.lg-footer-cta a{color: var(--volt) !important; font-style: italic; border-bottom: 3px solid var(--volt);}.lg-footer-cols{display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}.lg-footer-cols h4{font: 600 12px var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--volt); margin-bottom: 16px;}.lg-footer-cols a{display: block; padding-block: 5px; color: rgba(246, 243, 250, .78); transition: color .2s, transform .3s var(--ease);}.lg-footer-cols a:hover{color: var(--paper); transform: translateX(6px);}.lg-footer-word{display: flex; justify-content: center; margin-top: clamp(50px, 7vw, 90px); padding-bottom: .2em; font: 700 clamp(90px, 21vw, 330px)/.8 var(--serif); letter-spacing: -.06em; color: var(--paper); user-select: none;}.lg-footer-word span{display: inline-block;}.lg-fw-num{color: var(--volt); font-style: italic; font-weight: 500;}.lg-footer-bottom{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding-block: 26px; margin-top: 20px; border-top: 1px solid rgba(246, 243, 250, .2); font-size: 14px; color: rgba(246, 243, 250, .7);}.lg-thanks{min-height: 86svh; display: flex; align-items: center; padding-top: calc(var(--nav-h) + 40px);}.lg-thanks .lg-lead{margin-inline: auto;}.lg-thanks .lg-btn{margin-top: 34px;}.lg-thanks .lg-check{margin-bottom: 26px;}.lg-404{position: relative; min-height: 100svh; display: flex; align-items: center; padding-block: calc(var(--nav-h) + 30px) 60px; background: var(--paper); overflow: hidden;}.lg-404-canvas{position: absolute; inset: 0; z-index: 0;}.lg-404-canvas canvas{display: block; width: 100% !important; height: 100% !important;}.lg-404-grid{z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 5vw, 70px); align-items: center;}.lg-404-num{display: flex; align-items: center; margin: 22px 0 6px; font: 700 clamp(120px, 17vw, 250px)/.85 var(--serif) !important; letter-spacing: -.06em;}.lg-404-bolt{width: .5em; height: .78em; fill: var(--volt); stroke: var(--ink); stroke-width: 2.5; margin-inline: .02em;}.lg-404 .lg-title{font-size: clamp(36px, 4.6vw, 66px);}.lg-404 .lg-hero-actions{margin-top: 34px;}.lg-404-path{margin-top: 26px; color: var(--muted); word-break: break-all;}.lg-404-path code{padding: 2px 8px; background: var(--volt); color: var(--ink); border-radius: 3px; font-family: var(--mono);}.lg-404-art svg{width: 100%; height: auto; overflow: visible;}.lg-ink-line{fill: none; stroke: var(--ink); stroke-linecap: round;}.lg-ink-fill-paper{fill: var(--card); stroke: var(--ink); stroke-width: 3; stroke-linejoin: round;}.lg-ink-fill-volt{fill: var(--volt); stroke: var(--ink); stroke-width: 3; stroke-linejoin: round;}.lg-ink-fill-ink{fill: var(--ink); stroke: var(--ink); stroke-width: 3;}.lg-svg-mono{font: 600 15px var(--mono); fill: var(--ink); letter-spacing: .06em;}.lg-svg-q{font: 700 46px var(--serif); fill: var(--ink);}.lg-svg-q-sm{font-size: 24px;}.lg-auth{display: grid; grid-template-columns: 1.15fr .85fr; min-height: 100vh;}.lg-auth-art{position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; gap: 40px; padding: clamp(24px, 4vw, 56px); background: var(--paper); border-right: 2px solid var(--ink);}.lg-auth-canvas{position: absolute; inset: 0; z-index: 0;}.lg-auth-canvas canvas{display: block; width: 100% !important; height: 100% !important;}.lg-auth-veil{position: absolute; inset: 0; z-index: 1; pointer-events: none; background: radial-gradient(ellipse 80% 55% at 30% 62%, rgba(246, 243, 250, .9), rgba(246, 243, 250, .4) 60%, rgba(246, 243, 250, 0) 85%);}.lg-auth-art > :not(.lg-auth-canvas):not(.lg-auth-veil){position: relative; z-index: 2;}.lg-auth-art .lg-brand{align-self: flex-start;}.lg-auth-copy .lg-label{margin-bottom: 22px;}.lg-auth-copy .lg-title{font-size: clamp(46px, 6.4vw, 104px); max-width: 11ch;}.lg-auth-tag{color: var(--muted);}.lg-auth-main{position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 28px; padding: clamp(20px, 3.5vw, 48px); background: var(--ink); color: var(--paper);}.lg-auth-top{display: flex; justify-content: space-between; align-items: center; gap: 16px;}.lg-auth-back{font-weight: 500; color: rgba(246, 243, 250, .8) !important; transition: color .2s;}.lg-auth-back:hover{color: var(--volt) !important;}.lg-auth-arrow{display: inline-block; transition: transform .3s var(--ease);}.lg-auth-back:hover .lg-auth-arrow{transform: translateX(-4px);}.lg-auth .lg-lang-btn{border-color: var(--paper); color: var(--paper);}.lg-auth .lg-lang-btn:hover{color: var(--ink);}.lg-auth-card{width: 100%; max-width: 460px; margin: 0 auto; padding: clamp(24px, 3.5vw, 40px); background: var(--card); color: var(--ink); border: 2px solid var(--ink); border-radius: 6px; box-shadow: 12px 12px 0 var(--volt);}.lg-auth-card-top{display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-bottom: 16px; margin-bottom: 22px; border-bottom: 2px dashed var(--ink); color: var(--muted);}.lg-auth-card-top > span:first-child{white-space: nowrap;}.lg-auth-card-top .lg-barcode{height: 26px; max-width: 55%; overflow: hidden;}.lg-auth-hello{font-size: clamp(34px, 3.6vw, 48px); margin-bottom: 22px !important;}.lg-auth-foot{text-align: center; color: rgba(246, 243, 250, .5);}.lg-auth .oe_website_login_container{max-width: none !important; margin: 0 !important; padding: 0 !important;}.lg-auth .oe_login_form, .lg-auth .oe_signup_form, .lg-auth .oe_reset_password_form{max-width: none !important; margin: 0 !important; padding: 0 !important;}.lg-auth form .form-group, .lg-auth form .mb-3, .lg-auth form .field-login, .lg-auth form .field-password{display: block !important; position: relative; margin: 0 0 20px !important;}.lg-auth form label, .lg-auth form .form-label, .lg-auth form .col-form-label{display: block; margin: 0 0 6px; padding: 0; font: 600 11.5px var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ink);}.lg-auth form .login-icon{display: none !important;}.lg-auth form .form-control, .lg-auth form .form-select, .lg-auth form select{width: 100%; height: auto; padding: 12px 2px; border: 0; border-bottom: 2px solid var(--ink); border-radius: 0; background: transparent; box-shadow: none !important; font: 500 17px var(--sans); color: var(--ink); transition: background .25s, padding .25s;}.lg-auth form .form-control:focus, .lg-auth form select:focus{background: rgba(92, 194, 142, .35); padding-inline: 10px; outline: 0;}.lg-auth form .form-control::placeholder{color: var(--muted); opacity: .7;}.lg-auth form .input-group{flex-wrap: nowrap;}.lg-auth form .input-group .btn{border: 0; border-bottom: 2px solid var(--ink); border-radius: 0; background: transparent; color: var(--ink);}.lg-auth form .lg-has-eye{padding-right: 76px;}.lg-eye{position: absolute; right: 2px; bottom: 9px; padding: 4px 10px; border: 1.5px solid var(--ink); border-radius: 999px; background: var(--card); font: 600 11px var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--ink); cursor: pointer;}.lg-eye:hover{background: var(--volt);}.lg-auth form .oe_login_buttons{display: grid !important; gap: 12px; padding-top: 10px !important; text-align: center;}.lg-auth .oe_website_login_container form .oe_login_buttons .btn-primary, .lg-auth form .btn-primary{display: inline-flex; align-items: center; justify-content: center; min-height: 54px; border: 2px solid var(--ink) !important; border-radius: 999px; background: var(--volt) !important; color: var(--ink) !important; font: 600 16px var(--sans); box-shadow: none; transition: transform .25s var(--ease), box-shadow .25s var(--ease);}.lg-auth form .btn-primary:hover, .lg-auth form .btn-primary:focus{transform: translate(-2px, -2px); box-shadow: 4px 4px 0 var(--ink) !important;}.lg-auth form .btn-primary:active{transform: none; box-shadow: none !important;}.lg-auth form .btn-secondary, .lg-auth form .btn-link, .lg-auth form .o_login_auth .btn{min-height: 48px; border: 2px solid var(--ink) !important; border-radius: 999px; background: transparent !important; color: var(--ink) !important; font: 600 15px var(--sans);}.lg-auth form a{color: var(--ink) !important; text-decoration: underline; text-decoration-color: var(--volt); text-decoration-thickness: 3px; text-underline-offset: 3px;}.lg-auth form a:hover{background: var(--volt);}.lg-auth form .alert{margin: 0 0 18px; padding: 12px 14px; border: 2px solid var(--error); border-radius: 4px; background: #FCECEA; color: var(--error); font-weight: 500;}.lg-auth form .alert-success, .lg-auth form .alert-info{border-color: var(--ink); background: rgba(92, 194, 142, .35); color: var(--ink);}.lg-root[dir="rtl"]{--serif: 'Reem Kufi', 'Fraunces', serif; --sans: 'IBM Plex Sans Arabic', 'Space Grotesk', sans-serif; --mono: 'IBM Plex Sans Arabic', 'JetBrains Mono', monospace; font-size: 18px;}.lg-root[dir="rtl"] *, .lg-root[dir="rtl"] *::before{letter-spacing: 0 !important;}.lg-root[dir="rtl"] em{font-family: 'Aref Ruqaa', 'Reem Kufi', serif; font-style: normal; font-weight: 700;}.lg-root[dir="rtl"] .lg-mono, .lg-root[dir="rtl"] .lg-label, .lg-root[dir="rtl"] .lg-field label{text-transform: none; font-size: 13.5px;}.lg-root[dir="rtl"] .lg-hero-title{line-height: 1.18 !important; font-size: clamp(48px, 8.4vw, 136px);}.lg-root[dir="rtl"] .lg-title{line-height: 1.25 !important;}.lg-root[dir="rtl"] .lg-manifesto{line-height: 1.55;}.lg-root[dir="rtl"] .lg-svc h3, .lg-root[dir="rtl"] .lg-step h3, .lg-root[dir="rtl"] .lg-value h3{line-height: 1.3;}.lg-root[dir="rtl"] .lg-band span{font-weight: 700;}.lg-root[dir="rtl"] .lg-footer-cta{line-height: 1.35;}.lg-root[dir="rtl"] .lg-badge-text{font-size: 15px;}.lg-root[dir="rtl"] .lg-svc:hover h3{font-style: normal;}.lg-root[dir="rtl"] .lg-auth-arrow{transform: scaleX(-1);}.lg-root[dir="rtl"] .lg-auth-back:hover .lg-auth-arrow{transform: scaleX(-1) translateX(-4px);}.lg-root[dir="rtl"] .lg-auth form label, .lg-root[dir="rtl"] .lg-eye{text-transform: none; letter-spacing: 0;}.lg-root[dir="rtl"] .lg-process .lg-van svg{transform: scaleX(-1);}.lg-root[dir="rtl"] .lg-brand-word, .lg-root[dir="rtl"] .lg-footer-word{font-family: 'Fraunces', serif;}.lg-root[dir="rtl"] .lg-footer-word .lg-fw-num{font-family: 'Fraunces', serif; font-style: italic; font-weight: 500;}.lg-root[dir="rtl"] .lg-hero-stats dt, .lg-root[dir="rtl"] .lg-stamp b, .lg-root[dir="rtl"] .lg-step-n, .lg-root[dir="rtl"] .lg-404-num{font-family: 'Fraunces', serif;}@media (max-width: 1180px){.lg-nav-links a{padding: 8px 8px; font-size: 14px;}.lg-nav-links a i{display: none;}.lg-hero-stats{display: none;}}@media (max-width: 991px){:root{--nav-h: 70px;}.lg-auth{grid-template-columns: 1fr;}.lg-auth-art{min-height: 42vh; border-right: 0; border-bottom: 2px solid var(--ink);}.lg-auth-tag{display: none;}.lg-auth-main{gap: 32px; padding-bottom: 32px;}.lg-burger{display: block; margin-left: 0;}.lg-lang{margin-left: auto;}.lg-nav-cta{display: none;}.lg-nav-links{position: fixed; inset: 0; z-index: -1; flex-direction: column; justify-content: center; gap: 0; padding: calc(var(--nav-h) + 20px) clamp(16px, 6vw, 40px) 40px; background: var(--volt); clip-path: circle(0 at calc(100% - 44px) 36px); transition: clip-path .7s var(--ease);}.lg-nav.is-open .lg-nav-links{clip-path: circle(150% at calc(100% - 44px) 36px);}.lg-nav-links a{padding: 10px 0; font: 600 clamp(36px, 9vw, 56px)/1.1 var(--serif); border-bottom: 2px solid var(--ink);}.lg-nav-links a::after{display: none;}.lg-nav-links a i{display: inline; font-size: 12px; margin-right: 10px;}.lg-nav.is-open{background: transparent; border-color: transparent; backdrop-filter: none;}.lg-svc{grid-template-columns: 70px 1fr auto; grid-template-areas: "n t a" "n p a" "n g a";}.lg-about-row, .lg-contact-grid, .lg-404-grid, .lg-footer-top{grid-template-columns: 1fr;}.lg-process-track{width: auto; flex-direction: column; max-width: 640px; margin: 0 auto;}.lg-step{width: 100%;}.lg-road, .lg-van{display: none;}.lg-404-art{max-width: 520px;}}@media (max-width: 640px){.lg-root{font-size: 16px;}.lg-scroll-cue{display: none;}.lg-spin-badge{width: 100px; top: calc(var(--nav-h) + 10px);}.lg-svc{grid-template-columns: 1fr auto; grid-template-areas: "n a" "t a" "p p" "g g"; padding: 26px 4px;}.lg-row, .lg-values, .lg-track-info{grid-template-columns: 1fr;}.lg-stamps{height: 320px;}.lg-stamp{width: 150px; height: 150px;}.lg-stamp b{font-size: 40px;}.lg-stamp:nth-child(2){left: 46%; top: 110px;}.lg-stamp:nth-child(3){left: 4%; top: 170px;}.lg-track-form{flex-direction: column;}.lg-job{grid-template-columns: 1fr; gap: 14px;}.lg-job-n{border-right: 0; border-bottom: 2px dashed var(--ink); padding-bottom: 10px;}.lg-contact-list li{grid-template-columns: 1fr; gap: 2px;}.lg-footer-cols{grid-template-columns: 1fr;}.lg-waybill{box-shadow: 6px 6px 0 var(--ink);}.lg-contact-card{box-shadow: 6px 6px 0 var(--ink);}}