:root {
  --log-bg: #090d12;
  --log-panel: #0e141b;
  --log-panel-soft: #121a22;
  --log-text: #edf4f5;
  --log-muted: #7d8a91;
  --log-lime: #cfff4d;
  --log-blue: #55d9ff;
  --log-coral: #ff7164;
  --log-line: rgba(169, 201, 210, 0.13);
  --log-line-strong: rgba(169, 201, 210, 0.25);
}

.log-page { color: var(--log-text); background: var(--log-bg); }
.log-page .noise { opacity: 0.14; }
.log-cursor-glow { background: rgba(207, 255, 77, 0.12); }
.log-header { border-color: var(--log-line); background: rgba(9, 13, 18, 0.76); }
.log-header.scrolled { background: rgba(9, 13, 18, 0.94); }
.log-header-cta { border-color: rgba(207, 255, 77, 0.45); color: #0a0e12; background: var(--log-lime); }
.log-header-cta:hover { border-color: var(--log-blue); background: var(--log-blue); }
.log-page .main-nav a:hover { color: var(--log-lime); }
.log-page .menu-toggle { border-color: var(--log-line-strong); }
.log-page .section-kicker { color: #79878e; }
.log-page .button-ghost { border-color: var(--log-line-strong); }
.log-page .button-ghost:hover { border-color: var(--log-lime); color: var(--log-lime); }

.log-hero { position: relative; min-height: 100vh; padding-top: 5.4rem; overflow: hidden; border-bottom: 1px solid var(--log-line); background: radial-gradient(circle at 77% 24%, rgba(85, 217, 255, 0.12), transparent 28%), radial-gradient(circle at 12% 48%, rgba(207, 255, 77, 0.07), transparent 30%), #090d12; }
.log-world-grid { position: absolute; inset: 0; opacity: 0.52; background-image: linear-gradient(var(--log-line) 1px, transparent 1px), linear-gradient(90deg, var(--log-line) 1px, transparent 1px); background-size: 5.5rem 5.5rem; -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 75%, transparent); mask-image: linear-gradient(to bottom, #000 0, #000 75%, transparent); }
.log-world-grid::after { position: absolute; top: -18rem; right: -12rem; width: 52rem; height: 52rem; content: ""; border: 1px solid rgba(85, 217, 255, 0.08); border-radius: 50%; box-shadow: 0 0 0 8rem rgba(85, 217, 255, 0.02), 0 0 0 16rem rgba(85, 217, 255, 0.014); }
.log-breadcrumbs { position: relative; z-index: 2; display: flex; gap: 0.8rem; padding-top: 1.5rem; color: #65747b; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.55rem; letter-spacing: 0.1em; text-transform: uppercase; }
.log-breadcrumbs a { transition: color 0.25s ease; }
.log-breadcrumbs a:hover { color: var(--log-lime); }
.log-hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 0.78fr) minmax(35rem, 1.22fr); align-items: center; gap: clamp(3rem, 5vw, 6rem); padding-block: clamp(5rem, 8vw, 8.5rem) 5rem; }
.log-hero-copy h1 { max-width: 46rem; margin: 1.5rem 0 0; font-size: clamp(4.1rem, 6.5vw, 7rem); font-weight: 510; letter-spacing: -0.08em; line-height: 0.88; }
.log-hero-copy h1 span { color: var(--log-lime); }
.log-eyebrow { color: #819198; }
.log-eyebrow > span { width: 0.48rem; height: 0.48rem; border-radius: 50%; background: var(--log-lime); box-shadow: 0 0 1rem rgba(207, 255, 77, 0.85); }
.log-hero-lead { max-width: 38rem; margin: 2rem 0 0; color: #aab6ba; font-size: 1.05rem; line-height: 1.7; }
.log-button-primary { color: #0a0e12; background: var(--log-lime); }
.log-button-primary:hover { background: #dcff7e; transform: translateY(-0.2rem); }
.log-hero-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 2.1rem; }
.log-hero-tags span { padding: 0.48rem 0.7rem; border: 1px solid var(--log-line); border-radius: 100vw; color: #74848b; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.46rem; letter-spacing: 0.08em; text-transform: uppercase; }

.tower-console { min-height: 38rem; display: grid; grid-template-rows: auto 1fr; overflow: hidden; border: 1px solid var(--log-line-strong); border-radius: 1.4rem; background: rgba(10, 15, 20, 0.92); box-shadow: 0 3rem 8rem rgba(0, 0, 0, 0.52), 0 0 6rem rgba(85, 217, 255, 0.06); transform: perspective(90rem) rotateY(-3deg) rotateX(1deg); }
.tower-head, .lfv-head, .lfv-foot { display: flex; align-items: center; justify-content: space-between; color: #637279; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.46rem; letter-spacing: 0.1em; }
.tower-head { min-height: 3.2rem; padding: 0 1rem; border-bottom: 1px solid var(--log-line); }
.tower-live { color: #a5b1b5; }
.tower-live i { display: inline-block; width: 0.42rem; height: 0.42rem; margin-right: 0.4rem; border-radius: 50%; background: var(--log-lime); box-shadow: 0 0 0.8rem var(--log-lime); }
.tower-body { display: grid; grid-template-columns: 3.4rem 1fr; min-width: 0; }
.tower-side { display: flex; flex-direction: column; align-items: center; gap: 1.4rem; padding-top: 1.2rem; border-right: 1px solid var(--log-line); }
.tower-side b { width: 2rem; height: 2rem; display: grid; place-items: center; border-radius: 0.55rem; color: #0b1014; background: var(--log-lime); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.65rem; }
.tower-side i { width: 1.5rem; height: 1.5rem; border: 1px solid var(--log-line); border-radius: 0.45rem; }
.tower-side i.active { border-color: rgba(207, 255, 77, 0.45); background: rgba(207, 255, 77, 0.1); box-shadow: inset 0 0 0 0.35rem #0d1218; }
.tower-main { min-width: 0; display: grid; grid-template-rows: auto 1fr auto; }
.tower-kpis { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--log-line); }
.tower-kpis > div { min-width: 0; padding: 1rem; border-right: 1px solid var(--log-line); }
.tower-kpis > div:last-child { border-right: 0; }
.tower-kpis small, .tower-kpis strong, .tower-kpis em { display: block; }
.tower-kpis small { color: #67757c; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.43rem; letter-spacing: 0.08em; }
.tower-kpis strong { margin-top: 0.35rem; font-size: 1.5rem; font-weight: 530; letter-spacing: -0.05em; }
.tower-kpis em { margin-top: 0.2rem; color: var(--log-lime); font-size: 0.46rem; font-style: normal; }
.tower-kpis em.risk { color: var(--log-coral); }
.network-map { position: relative; min-height: 26rem; overflow: hidden; background-image: radial-gradient(circle at 50% 50%, rgba(85, 217, 255, 0.05), transparent 48%), linear-gradient(rgba(85, 217, 255, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(85, 217, 255, 0.045) 1px, transparent 1px); background-size: auto, 2rem 2rem, 2rem 2rem; }
.map-land { position: absolute; border: 1px solid rgba(85, 217, 255, 0.08); background: rgba(85, 217, 255, 0.025); filter: blur(0.2px); }
.land-a { top: 10%; left: 5%; width: 34%; height: 43%; border-radius: 67% 33% 55% 45% / 46% 55% 45% 54%; transform: rotate(-9deg); }
.land-b { right: 7%; bottom: 8%; width: 38%; height: 53%; border-radius: 44% 56% 33% 67% / 63% 35% 65% 37%; transform: rotate(8deg); }
.land-c { bottom: 8%; left: 20%; width: 25%; height: 25%; border-radius: 50%; }
.network-map > svg { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; overflow: visible; fill: none; }
.route { stroke: url(#routeGlow); stroke-linecap: round; stroke-width: 1.4; stroke-dasharray: 6 8; opacity: 0.7; }
.route-risk { stroke: var(--log-coral); stroke-dasharray: 3 7; opacity: 0.82; }
.map-node { position: absolute; z-index: 4; display: flex; align-items: center; gap: 0.35rem; color: #829097; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.4rem; }
.map-node i { width: 0.65rem; height: 0.65rem; border: 2px solid #10171e; border-radius: 50%; background: var(--log-lime); box-shadow: 0 0 0 1px var(--log-lime), 0 0 1.2rem rgba(207, 255, 77, 0.65); }
.node-a { top: 69%; left: 8%; }.node-b { top: 32%; left: 39%; }.node-c { top: 24%; right: 12%; }.node-d { right: 5%; bottom: 29%; }
.node-c i, .node-d i { background: var(--log-blue); box-shadow: 0 0 0 1px var(--log-blue), 0 0 1rem rgba(85, 217, 255, 0.7); }
.map-truck { position: absolute; z-index: 5; min-width: 6.4rem; padding: 0.48rem 0.55rem; border: 1px solid rgba(207, 255, 77, 0.28); border-radius: 0.5rem; background: rgba(9, 14, 19, 0.91); box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.32); }
.map-truck span, .map-truck i { display: block; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.38rem; }
.map-truck span { color: #cbd6d9; }.map-truck i { margin-top: 0.25rem; color: var(--log-lime); font-style: normal; }
.truck-a { top: 47%; left: 23%; }.truck-b { right: 21%; bottom: 28%; border-color: rgba(255, 113, 100, 0.4); }.map-truck.risk i { color: var(--log-coral); }
.map-pulse { position: absolute; z-index: 3; width: 0.48rem; height: 0.48rem; border-radius: 50%; background: var(--log-lime); box-shadow: 0 0 1rem var(--log-lime); animation: logPulse 2.1s ease-in-out infinite; }
.pulse-one { top: 39%; left: 48%; }.pulse-two { right: 30%; bottom: 43%; animation-delay: -1s; }
.tower-feed { min-height: 5.1rem; border-top: 1px solid var(--log-line); }
.tower-feed > div { min-height: 2.55rem; display: flex; align-items: center; gap: 0.55rem; padding: 0 0.8rem; border-bottom: 1px solid var(--log-line); color: #829097; font-size: 0.46rem; }
.tower-feed > div:last-child { border-bottom: 0; }.tower-feed i { width: 0.42rem; height: 0.42rem; border-radius: 50%; }.tower-feed i.ok { background: var(--log-lime); }.tower-feed i.warn { background: var(--log-coral); box-shadow: 0 0 0.6rem rgba(255, 113, 100, 0.7); }.tower-feed small { margin-right: 0.55rem; color: #526168; }.tower-feed b { margin-left: auto; color: var(--log-coral); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.38rem; }
.log-hero-facts { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--log-line); border-bottom: 0; border-radius: 1.2rem 1.2rem 0 0; background: rgba(12, 17, 23, 0.72); }
.log-hero-facts > div { min-height: 7rem; display: flex; align-items: center; gap: 1rem; padding: 1.2rem; border-right: 1px solid var(--log-line); }
.log-hero-facts > div:last-child { border-right: 0; }.log-hero-facts small { color: var(--log-lime); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.52rem; }.log-hero-facts span { color: #9aa7ac; font-size: 0.72rem; }

.log-problem { color: #10171d; background: #ecf1ef; }
.log-two-col { display: grid; grid-template-columns: 0.62fr 1.38fr; gap: clamp(3rem, 7vw, 8rem); }
.log-statement h2 { max-width: 68rem; margin: 0; font-size: clamp(3.1rem, 5vw, 5.9rem); font-weight: 520; letter-spacing: -0.065em; line-height: 0.98; }
.log-statement h2 span { color: #829091; }
.log-statement-text { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; margin-top: 3.6rem; }
.log-statement-text p { margin: 0; color: #526064; line-height: 1.76; }

.log-modules, .log-architecture, .log-faq { background: var(--log-bg); }
.log-section-head { display: grid; grid-template-columns: 1.2fr 0.8fr; align-items: end; gap: 4rem; margin-bottom: 4rem; }
.log-section-head h2 { margin: 0; font-size: clamp(3.2rem, 5.3vw, 6rem); font-weight: 510; letter-spacing: -0.07em; line-height: 0.95; }.log-section-head h2 span { color: #56646a; }.log-section-head > p { max-width: 34rem; margin: 0 0 0.5rem auto; color: var(--log-muted); line-height: 1.72; }
.log-bento { display: grid; grid-template-columns: repeat(12, 1fr); gap: 1rem; }
.log-feature { position: relative; min-height: 38rem; display: grid; grid-template-rows: auto 1fr auto; overflow: hidden; border: 1px solid var(--log-line); border-radius: 1.35rem; background: var(--log-panel); transition: border-color 0.3s ease, transform 0.4s var(--ease); }.log-feature:hover { border-color: var(--log-line-strong); transform: translateY(-0.3rem); }
.feature-orders, .feature-planning { grid-column: span 6; }.feature-tracking, .feature-exceptions, .feature-docs { grid-column: span 4; min-height: 36rem; }.feature-mobile-log { grid-column: 1 / -1; min-height: 34rem; grid-template-columns: 0.9fr 1.1fr; grid-template-rows: auto 1fr; }
.log-feature-head { position: relative; z-index: 5; display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.1rem; border-bottom: 1px solid var(--log-line); color: #68777e; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.48rem; letter-spacing: 0.08em; text-transform: uppercase; }.log-feature-head span { color: var(--log-lime); }.log-feature-head i { font-style: normal; }
.log-feature-copy { position: relative; z-index: 5; padding: 1.35rem; border-top: 1px solid var(--log-line); background: rgba(11, 16, 21, 0.88); }.log-feature-copy p { margin: 0 0 0.65rem; color: var(--log-lime); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.52rem; letter-spacing: 0.08em; text-transform: uppercase; }.log-feature-copy h3 { margin: 0; font-size: 1.55rem; font-weight: 540; letter-spacing: -0.04em; line-height: 1.08; }.log-feature-copy > span { display: block; margin-top: 0.8rem; color: var(--log-muted); font-size: 0.76rem; line-height: 1.6; }
.feature-mobile-log .log-feature-head { grid-column: 1 / -1; }.feature-mobile-log .driver-visual { grid-column: 1; grid-row: 2; }.feature-mobile-log .log-feature-copy { grid-column: 2; grid-row: 2; display: flex; flex-direction: column; justify-content: center; border-top: 0; border-left: 1px solid var(--log-line); padding: 3rem; }.feature-mobile-log .log-feature-copy h3 { max-width: 34rem; font-size: 2.25rem; }

.orders-visual { padding: 2rem; }.order-line { min-height: 4.5rem; display: grid; grid-template-columns: 0.7fr 1.3fr auto; align-items: center; gap: 1rem; padding: 0 1rem; border: 1px solid var(--log-line); border-bottom: 0; color: #718087; background: rgba(255,255,255,0.012); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.48rem; }.order-line:first-child { border-radius: 0.8rem 0.8rem 0 0; }.order-line.active { border-color: rgba(207,255,77,0.3); color: #c6d0d3; background: rgba(207,255,77,0.04); }.order-line i { color: #8a989d; font-size: 0.42rem; font-style: normal; }.order-line.active i { color: var(--log-lime); }.order-total { min-height: 8rem; display: grid; grid-template-columns: 1fr auto; align-content: center; gap: 0.35rem 1rem; padding: 1.3rem; border: 1px solid var(--log-line); border-radius: 0 0 0.8rem 0.8rem; background: #0a0f14; }.order-total small, .order-total em { color: #66757b; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.45rem; font-style: normal; }.order-total strong { grid-row: 1 / span 2; grid-column: 2; color: var(--log-lime); font-size: 2.4rem; font-weight: 520; }.order-total em { color: var(--log-blue); }
.planning-visual { position: relative; min-height: 22rem; overflow: hidden; background: radial-gradient(circle at 30% 50%, rgba(207,255,77,0.1), transparent 36%); }.plan-ring { position: absolute; top: 50%; left: 27%; width: 11rem; height: 11rem; display: grid; place-items: center; border: 1px solid rgba(207,255,77,0.2); border-radius: 50%; box-shadow: inset 0 0 0 1.3rem rgba(207,255,77,0.025), inset 0 0 0 2.7rem rgba(207,255,77,0.02); transform: translate(-50%,-50%); }.plan-ring::before { position: absolute; inset: 0.65rem; content: ""; border: 0.65rem solid rgba(207,255,77,0.08); border-top-color: var(--log-lime); border-right-color: rgba(207,255,77,0.45); border-radius: 50%; transform: rotate(35deg); }.plan-ring span { position: relative; z-index: 2; color: var(--log-lime); font-size: 2.25rem; letter-spacing: -0.06em; }.plan-ring small { font-size: 0.7rem; }.plan-routes { position: absolute; top: 27%; right: 7%; width: 48%; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 0.35rem; color: #728087; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.43rem; }.plan-routes i { height: 1px; background: rgba(85,217,255,0.25); }.plan-routes span { grid-column: 1/-1; color: var(--log-blue); }.plan-routes.second { top: 59%; }.plan-routes.second i { background: rgba(207,255,77,0.25); }.plan-routes.second span { color: var(--log-lime); }
.tracking-visual { position: relative; min-height: 22rem; overflow: hidden; background: radial-gradient(circle at center, rgba(85,217,255,0.11), transparent 48%); }.track-phone { position: absolute; top: 1.4rem; left: 50%; width: 13rem; height: 24rem; padding: 2.6rem 1rem 1rem; border: 1px solid var(--log-line-strong); border-radius: 1.8rem; background: linear-gradient(155deg,#17212a,#090d12); box-shadow: 0 2rem 4rem rgba(0,0,0,0.4); transform: translateX(-50%) rotate(-3deg); }.track-phone::before { position: absolute; top: 0.7rem; left: 50%; width: 4.2rem; height: 1rem; content: ""; border-radius: 1rem; background: #06090d; transform: translateX(-50%); }.track-phone small { color: var(--log-blue); font-size: 0.4rem; }.track-phone > strong { display: block; margin-top: 0.35rem; font-size: 1.25rem; font-weight: 540; }.track-road { position: relative; height: 7rem; margin: 1.2rem -1rem; border-block: 1px solid var(--log-line); background-image: linear-gradient(90deg, transparent 48%, rgba(207,255,77,0.18) 50%, transparent 52%); }.track-road::before { position: absolute; top: 50%; right: 8%; left: 8%; height: 1px; content: ""; background: rgba(85,217,255,0.26); transform: rotate(-16deg); }.track-road i,.track-road b { position: absolute; width: 0.55rem; height: 0.55rem; border-radius: 50%; background: var(--log-blue); }.track-road i { top: 59%; left: 13%; }.track-road b { top: 29%; right: 14%; background: var(--log-lime); box-shadow: 0 0 0.8rem var(--log-lime); }.track-road span { position: absolute; top: 39%; left: 50%; width: 1.6rem; height: 1rem; border-radius: 0.25rem; background: var(--log-lime); transform: rotate(-16deg); }.track-eta { display: grid; grid-template-columns: 1fr auto; align-items: center; }.track-eta span { color:#6f7c82;font-size:0.5rem; }.track-eta strong { grid-row:1/span 2;grid-column:2;color:var(--log-text);font-size:1.7rem;font-weight:520; }.track-eta i { color:var(--log-lime);font-size:0.42rem;font-style:normal; }.track-signal { position:absolute;right:1.2rem;bottom:1rem;display:flex;align-items:end;gap:0.18rem; }.track-signal i { width:0.22rem;background:var(--log-blue); }.track-signal i:nth-child(1){height:0.45rem}.track-signal i:nth-child(2){height:0.75rem}.track-signal i:nth-child(3){height:1rem}
.exception-visual { position:relative;min-height:22rem;overflow:hidden;background:radial-gradient(circle at 30% 45%,rgba(255,113,100,0.12),transparent 38%); }.exception-radar { position:absolute;top:45%;left:28%;width:12rem;height:12rem;border:1px solid rgba(255,113,100,0.22);border-radius:50%;box-shadow:inset 0 0 0 2rem rgba(255,113,100,0.018),inset 0 0 0 4rem rgba(255,113,100,0.018);transform:translate(-50%,-50%); }.exception-radar::before,.exception-radar::after { position:absolute;content:"";background:rgba(255,113,100,0.15); }.exception-radar::before{top:50%;right:0;left:0;height:1px}.exception-radar::after{top:0;bottom:0;left:50%;width:1px}.exception-radar i{position:absolute;top:50%;left:50%;width:45%;height:1px;background:var(--log-coral);transform:rotate(-35deg);transform-origin:left}.exception-radar span,.exception-radar b{position:absolute;width:.45rem;height:.45rem;border-radius:50%;background:var(--log-coral);box-shadow:0 0 .8rem var(--log-coral)}.exception-radar span{top:21%;right:24%}.exception-radar b{right:14%;bottom:30%;background:var(--log-blue);box-shadow:0 0 .8rem var(--log-blue)}.exception-card{position:absolute;z-index:2;top:28%;right:6%;width:55%;padding:1rem;border:1px solid rgba(255,113,100,.35);border-radius:.8rem;background:rgba(11,16,22,.92);box-shadow:0 1.5rem 3rem rgba(0,0,0,.38)}.exception-card small{color:var(--log-coral);font-size:.42rem}.exception-card strong,.exception-card span{display:block}.exception-card strong{margin-top:.65rem;font-size:.9rem;font-weight:560}.exception-card span{margin-top:.3rem;color:#7f8c91;font-size:.52rem}.exception-card button{margin-top:1rem;padding:.55rem .65rem;border:1px solid rgba(255,113,100,.28);border-radius:.4rem;color:var(--log-coral);background:rgba(255,113,100,.05);font-size:.38rem}
.docs-visual{position:relative;min-height:22rem;overflow:hidden;background:radial-gradient(circle at 50% 47%,rgba(207,255,77,.07),transparent 42%)}.doc-sheet{position:absolute;top:2rem;width:9rem;height:12rem;padding:1rem;border:1px solid var(--log-line-strong);border-radius:.6rem;background:#131b22;box-shadow:0 1.5rem 3rem rgba(0,0,0,.35)}.sheet-one{left:18%;transform:rotate(-8deg)}.sheet-two{right:16%;transform:rotate(8deg)}.doc-sheet small{color:#94a1a6;font-size:.46rem}.doc-sheet i{display:block;height:.32rem;margin-top:1rem;border-radius:1rem;background:rgba(169,201,210,.1)}.doc-sheet i:nth-of-type(2){width:72%}.doc-sheet i:nth-of-type(3){width:86%}.doc-sheet b{position:absolute;right:.8rem;bottom:.8rem;width:2rem;height:2rem;display:grid;place-items:center;border:1px solid rgba(207,255,77,.34);border-radius:50%;color:var(--log-lime);font-size:.52rem}.sheet-two b{border-color:rgba(85,217,255,.34);color:var(--log-blue)}.doc-result{position:absolute;z-index:4;right:12%;bottom:1.4rem;left:12%;display:grid;grid-template-columns:1fr auto;gap:.25rem;padding:.85rem 1rem;border:1px solid rgba(207,255,77,.28);border-radius:.6rem;background:rgba(8,13,18,.94)}.doc-result span,.doc-result i{color:#68767c;font-size:.4rem;font-style:normal}.doc-result strong{color:var(--log-lime);font-size:.62rem}.doc-result i{grid-row:1/span 2;grid-column:2;align-self:center;color:#9ba7aa}
.driver-visual{position:relative;min-height:31rem;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(85,217,255,.11),transparent 34%)}.driver-phone{position:absolute;z-index:3;top:1.6rem;left:50%;width:15rem;height:28rem;padding:2.7rem 1.1rem 1rem;border:1px solid var(--log-line-strong);border-radius:2rem;background:linear-gradient(155deg,#17212a,#090d12);box-shadow:0 2.5rem 5rem rgba(0,0,0,.48);transform:translateX(-50%) rotate(3deg)}.driver-phone>span{position:absolute;top:.75rem;left:50%;width:4.5rem;height:1rem;border-radius:1rem;background:#06090d;transform:translateX(-50%)}.driver-phone small{color:var(--log-blue);font-size:.43rem}.driver-phone strong{display:block;margin-top:.5rem;font-size:1.25rem;font-weight:540}.driver-phone p{margin:.35rem 0 1rem;color:#7f8d93;font-size:.55rem}.driver-phone>div{min-height:3rem;display:flex;align-items:center;gap:.6rem;border-top:1px solid var(--log-line);color:#9aa6aa;font-size:.58rem}.driver-phone>div i{width:1.4rem;height:1.4rem;border:1px solid var(--log-line-strong);border-radius:.4rem}.driver-phone button{position:absolute;right:1rem;bottom:1rem;left:1rem;min-height:2.8rem;border:0;border-radius:.7rem;color:#0a0e12;background:var(--log-lime);font-size:.46rem;font-weight:700}.driver-orbit{position:absolute;top:50%;left:50%;width:27rem;height:27rem;border:1px dashed rgba(85,217,255,.12);border-radius:50%;transform:translate(-50%,-50%);animation:logSpin 30s linear infinite}.driver-orbit i{position:absolute;top:50%;left:50%;border:1px solid rgba(85,217,255,.08);border-radius:50%;transform:translate(-50%,-50%)}.driver-orbit i:first-child{width:20rem;height:20rem}.driver-orbit i:last-child{width:35rem;height:35rem}

.log-flow { color:#10171d;background:#ecf1ef; }.log-flow-layout{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:clamp(4rem,8vw,9rem)}.log-flow-copy h2{margin:0;font-size:clamp(3rem,4.7vw,5.3rem);font-weight:520;letter-spacing:-.065em;line-height:.98}.log-flow-copy h2 span{color:#718182}.log-flow-copy>p:not(.section-kicker){max-width:34rem;margin:1.8rem 0 0;color:#526064;line-height:1.72}.log-flow-copy ul{margin:2.3rem 0 0;padding:0;border-top:1px solid rgba(16,23,29,.15);list-style:none}.log-flow-copy li{display:flex;align-items:center;gap:1rem;padding:.9rem 0;border-bottom:1px solid rgba(16,23,29,.15);color:#526064;font-size:.82rem}.log-flow-copy li span{color:#4c7c86;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.52rem}.log-flow-visual{min-height:42rem;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border-radius:1.5rem;color:var(--log-text);background:var(--log-bg);box-shadow:0 2.5rem 6rem rgba(41,61,67,.22)}.lfv-head{padding:1rem 1.1rem;border-bottom:1px solid var(--log-line)}.lfv-head i{color:var(--log-lime);font-style:normal}.lfv-canvas{position:relative;min-height:35rem;overflow:hidden;background-image:linear-gradient(var(--log-line) 1px,transparent 1px),linear-gradient(90deg,var(--log-line) 1px,transparent 1px);background-size:4rem 4rem}.lfv-canvas>svg{position:absolute;z-index:1;inset:0;width:100%;height:100%;fill:none;stroke:rgba(85,217,255,.32);stroke-dasharray:5 8;stroke-width:1.2}.lfv-node{position:absolute;z-index:3;width:9rem;min-height:5.2rem;padding:.8rem;border:1px solid var(--log-line-strong);border-radius:.8rem;background:rgba(11,17,23,.95);box-shadow:0 1.3rem 2.5rem rgba(0,0,0,.34)}.lfv-node small,.lfv-node strong,.lfv-node span{display:block}.lfv-node small{color:var(--log-blue);font-size:.42rem}.lfv-node strong{margin-top:.6rem;font-size:.72rem;font-weight:560}.lfv-node span{margin-top:.25rem;color:#718087;font-size:.48rem}.lfv-node.source{top:10%;left:5%}.lfv-node.prediction{top:10%;right:5%;border-color:rgba(255,113,100,.38)}.lfv-node.prediction small{color:var(--log-coral)}.lfv-node.decision{top:41%;left:50%;border-color:rgba(207,255,77,.42);background:radial-gradient(circle at top,rgba(207,255,77,.09),rgba(11,17,23,.96) 67%);transform:translateX(-50%)}.lfv-node.decision small{color:var(--log-lime)}.lfv-node.warehouse{bottom:8%;left:11%}.lfv-node.client{right:11%;bottom:8%}.lfv-dot{position:absolute;z-index:2;width:.55rem;height:.55rem;border-radius:50%;background:var(--log-blue);box-shadow:0 0 1rem var(--log-blue)}.lfv-dot.dot-a{top:28%;left:34%}.lfv-dot.dot-b{right:25%;bottom:27%;background:var(--log-lime);box-shadow:0 0 1rem var(--log-lime)}.lfv-foot{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--log-line)}.lfv-foot span{padding:.9rem 1rem;border-right:1px solid var(--log-line)}.lfv-foot span:last-child{border-right:0}.lfv-foot b{float:right;color:var(--log-lime);font-weight:580}

.log-architecture-stack{display:grid;gap:.65rem}.log-layer{display:grid;grid-template-columns:.8fr 3.2fr;align-items:center;min-height:6.6rem;padding:1.1rem 1.3rem;border:1px solid var(--log-line);border-radius:1rem;background:#0e141a;transition:border-color .3s ease,transform .3s var(--ease)}.log-layer:hover{border-color:var(--log-line-strong);transform:translateX(.35rem)}.log-layer>span{color:#65747b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.5rem;letter-spacing:.09em}.log-layer>div{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem}.log-layer i{min-height:3rem;display:grid;place-items:center;padding:.5rem;border:1px solid var(--log-line);border-radius:.65rem;color:#9eaaae;background:rgba(255,255,255,.012);font-size:.62rem;font-style:normal;text-align:center}.layer-tower{border-color:rgba(207,255,77,.3);background:linear-gradient(90deg,rgba(207,255,77,.06),#0e141a 35%)}.layer-tower>span{color:var(--log-lime)}.layer-tower i{border-color:rgba(207,255,77,.2);color:#e9f6c9;background:rgba(207,255,77,.035)}.layer-data{background:linear-gradient(90deg,rgba(85,217,255,.06),#0e141a 35%)}.layer-ecosystem{opacity:.78}.log-deploy-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:4rem;border-top:1px solid var(--log-line);border-left:1px solid var(--log-line)}.log-deploy-grid article{min-height:14rem;display:flex;flex-direction:column;padding:1.25rem;border-right:1px solid var(--log-line);border-bottom:1px solid var(--log-line)}.log-deploy-grid article>span{color:var(--log-lime);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.5rem}.log-deploy-grid h3{margin:auto 0 .6rem;font-size:1.2rem;font-weight:550;letter-spacing:-.035em}.log-deploy-grid p{margin:0;color:var(--log-muted);font-size:.74rem;line-height:1.6}
.log-seo{color:#10171d;background:#ecf1ef}.log-seo-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:start;gap:clamp(4rem,9vw,10rem)}.log-seo-title{position:sticky;top:8.5rem}.log-seo-title h2{margin:0;font-size:clamp(3.1rem,4.8vw,5.5rem);font-weight:520;letter-spacing:-.065em;line-height:.98}.log-seo-content{display:grid;gap:1rem}.log-seo-content h3{margin:2rem 0 0;font-size:1.55rem;font-weight:560;letter-spacing:-.035em}.log-seo-content h3:first-child{margin-top:0}.log-seo-content p{margin:0;color:#526064;font-size:.96rem;line-height:1.8}
.log-faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;gap:clamp(4rem,9vw,10rem)}.log-faq-title{position:sticky;top:8.5rem}.log-faq-title h2{margin:0;font-size:clamp(3rem,4.7vw,5.3rem);font-weight:520;letter-spacing:-.065em;line-height:.98}.log-faq-list{border-top:1px solid var(--log-line)}.log-faq-list details{border-bottom:1px solid var(--log-line)}.log-faq-list summary{min-height:5.6rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;color:#e5edef;cursor:pointer;font-size:1rem;list-style:none}.log-faq-list summary::-webkit-details-marker{display:none}.log-faq-list summary span{flex:0 0 auto;width:2rem;height:2rem;display:grid;place-items:center;border:1px solid var(--log-line);border-radius:50%;color:var(--log-lime);transition:transform .3s ease,background .3s ease}.log-faq-list details[open] summary span{color:#0b1014;background:var(--log-lime);transform:rotate(45deg)}.log-faq-list details p{max-width:42rem;margin:-.4rem 0 1.7rem;color:var(--log-muted);font-size:.86rem;line-height:1.7}
.log-contact{padding-top:4rem;background:var(--log-bg)}.log-contact-shell{position:relative;min-height:42rem;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:4rem;border:1px solid var(--log-line);border-radius:2rem;background:#0d1319;text-align:center}.log-contact-shell>*:not(.log-contact-grid):not(.log-contact-routes){position:relative;z-index:3}.log-contact-grid{position:absolute;inset:0;opacity:.55;background-image:linear-gradient(var(--log-line) 1px,transparent 1px),linear-gradient(90deg,var(--log-line) 1px,transparent 1px);background-size:5rem 5rem;-webkit-mask-image:radial-gradient(circle,#000,transparent 76%);mask-image:radial-gradient(circle,#000,transparent 76%)}.log-contact-routes{position:absolute;top:50%;left:50%;width:34rem;height:34rem;border:1px dashed rgba(85,217,255,.12);border-radius:50%;transform:translate(-50%,-50%)}.log-contact-routes i{position:absolute;top:50%;left:50%;border:1px solid rgba(207,255,77,.08);border-radius:50%;transform:translate(-50%,-50%)}.log-contact-routes i:first-child{width:22rem;height:22rem}.log-contact-routes i:nth-child(2){width:50rem;height:50rem}.log-contact-routes span{position:absolute;top:17%;right:12%;width:.65rem;height:.65rem;border-radius:50%;background:var(--log-lime);box-shadow:0 0 1rem var(--log-lime)}.log-contact-shell::before{position:absolute;top:50%;left:50%;width:22rem;height:22rem;content:"";border-radius:50%;background:rgba(85,217,255,.08);filter:blur(5rem);transform:translate(-50%,-50%)}.log-contact-shell h2{margin:0;font-size:clamp(3.3rem,7vw,7rem);font-weight:510;letter-spacing:-.075em;line-height:.92}.log-contact-shell h2 span{color:var(--log-lime)}.log-contact-shell>p:not(.eyebrow){max-width:43rem;margin:2rem auto 0;color:var(--log-muted);line-height:1.7}.log-contact-link i{color:#0a0e12;background:var(--log-lime)}.log-contact-link:hover{border-color:var(--log-lime);background:rgba(207,255,77,.035)}.log-back-link{margin-top:1.5rem;color:#6e7c82;font-size:.68rem;transition:color .25s ease}.log-back-link:hover{color:var(--log-lime)}.log-footer{background:var(--log-bg)}

@keyframes logPulse{50%{opacity:.28;transform:scale(.55)}}
@keyframes logSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}

@media (max-width:1180px){.log-hero-layout{grid-template-columns:minmax(0,.75fr) minmax(31rem,1.25fr);gap:2.5rem}.log-hero-copy h1{font-size:clamp(3.8rem,5.8vw,5.8rem)}.tower-console{min-height:35rem}.feature-tracking,.feature-exceptions{grid-column:span 6}.feature-docs{grid-column:1/-1;min-height:31rem}.log-layer{grid-template-columns:.6fr 3.4fr}}
@media (max-width:920px){.log-page .main-nav{background-color:#090d12;background-image:linear-gradient(var(--log-line) 1px,transparent 1px),linear-gradient(90deg,var(--log-line) 1px,transparent 1px)}.log-hero-layout{grid-template-columns:1fr;padding-block:6rem 4rem}.log-hero-copy{max-width:50rem}.tower-console{width:100%;max-width:48rem;justify-self:end;transform:none}.log-hero-facts{grid-template-columns:repeat(2,1fr)}.log-hero-facts>div:nth-child(2){border-right:0}.log-hero-facts>div:nth-child(-n+2){border-bottom:1px solid var(--log-line)}.log-two-col,.log-section-head,.log-flow-layout,.log-seo-grid,.log-faq-layout{grid-template-columns:1fr}.log-section-head{align-items:start}.feature-orders,.feature-planning{grid-column:1/-1}.feature-tracking,.feature-exceptions{grid-column:span 6}.feature-docs{grid-column:1/-1}.log-flow-copy{max-width:48rem}.log-layer{grid-template-columns:1fr;gap:1rem}.log-deploy-grid{grid-template-columns:repeat(2,1fr)}.log-seo-title,.log-faq-title{position:static}}
@media (max-width:620px){.log-hero{padding-top:4.75rem}.log-breadcrumbs{padding-top:1.1rem}.log-hero-layout{padding-block:4.8rem 3rem;gap:3rem}.log-hero-copy h1{font-size:clamp(3.25rem,14.5vw,4.4rem)}.log-hero-lead{font-size:.98rem}.tower-console{min-height:32rem;border-radius:1.05rem}.tower-body{grid-template-columns:2.7rem 1fr}.tower-side{gap:1rem}.tower-side i{width:1.2rem;height:1.2rem}.tower-kpis>div{padding:.75rem .55rem}.tower-kpis strong{font-size:1.12rem}.tower-kpis em{font-size:.36rem}.network-map{min-height:22rem}.map-truck{min-width:5.3rem}.truck-a{left:9%}.truck-b{right:5%}.tower-feed>div{font-size:.4rem}.tower-feed b{display:none}.log-hero-facts{grid-template-columns:1fr}.log-hero-facts>div{border-right:0;border-bottom:1px solid var(--log-line)}.log-hero-facts>div:last-child{border-bottom:0}.log-statement h2,.log-section-head h2,.log-flow-copy h2,.log-seo-title h2,.log-faq-title h2{font-size:2.7rem}.log-statement-text{grid-template-columns:1fr;gap:1.2rem;margin-top:2.2rem}.log-bento{grid-template-columns:1fr}.feature-orders,.feature-planning,.feature-tracking,.feature-exceptions,.feature-docs,.feature-mobile-log{grid-column:1;min-height:31rem}.orders-visual{padding:1rem}.order-line{grid-template-columns:1fr auto;padding:.6rem}.order-line span{grid-column:1/-1;grid-row:2}.feature-mobile-log{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.feature-mobile-log .log-feature-head{grid-column:1}.feature-mobile-log .driver-visual{grid-column:1;grid-row:2}.feature-mobile-log .log-feature-copy{grid-column:1;grid-row:3;border-top:1px solid var(--log-line);border-left:0;padding:1.35rem}.feature-mobile-log .log-feature-copy h3{font-size:1.55rem}.driver-phone{width:14rem}.log-flow-visual{min-height:39rem}.lfv-canvas{min-height:32rem}.lfv-node{width:7rem}.lfv-node.source{left:3%}.lfv-node.prediction{right:3%}.lfv-node.warehouse{left:4%}.lfv-node.client{right:4%}.lfv-foot{font-size:.42rem}.lfv-foot span{padding:.75rem .45rem}.lfv-foot b{display:block;float:none;margin-top:.25rem}.log-layer>div{grid-template-columns:repeat(2,1fr)}.log-layer i:last-child{grid-column:1/-1}.log-deploy-grid{grid-template-columns:1fr}.log-deploy-grid article{min-height:11rem}.log-faq-list summary{font-size:.9rem}.log-contact{padding-top:1rem}.log-contact-shell{min-height:38rem;padding:3rem 1.1rem;border-radius:1.3rem}.log-contact-shell h2{font-size:3.3rem}}
@media (prefers-reduced-motion:reduce){.map-pulse,.driver-orbit{animation:none}}