:root {
  --al-field-black: #07110c;
  --al-deep-forest: #0d2418;
  --al-operations-green: #173c28;
  --al-brand-lime: #a8d42e;
  --al-active-lime: #c3eb4a;
  --al-harvest-gold: #d5a34b;
  --al-route-red: #e45145;
  --al-warm-bone: #f1f2e9;
  --al-mist-grey: #c6cfc7;
  --al-soft-white: #fafbf6;
  --al-white: #ffffff;
  --al-text: #111a14;
  --al-muted: #5f6c63;
  --al-surface: #f8faf4;
  --al-surface-muted: #e7ece5;
  --al-surface-field: #eef2e7;
  --al-success: #3d7b31;
  --al-warning: #9c6b18;
  --al-error: #b8322a;
  --al-focus: #e45145;
  --al-line: rgba(18, 43, 29, 0.16);
  --al-line-dark: rgba(241, 242, 233, 0.18);
  --al-shadow-sm: 0 12px 32px rgba(7, 17, 12, 0.08);
  --al-shadow-lg: 0 30px 80px rgba(7, 17, 12, 0.18);
  --al-radius-sm: 12px;
  --al-radius-md: 22px;
  --al-radius-lg: 36px;
  --al-radius-pill: 999px;
  --al-shell: min(100% - 40px, 1440px);
  --al-narrow: min(100% - 40px, 900px);
  --al-grid-columns: 12;
  --al-space-xs: .5rem;
  --al-space-sm: 1rem;
  --al-space-md: 2rem;
  --al-space-lg: 4rem;
  --al-section: clamp(5rem, 8vw, 9rem);
  --al-text-sm: .82rem;
  --al-text-base: 1rem;
  --al-text-lead: clamp(1.08rem, 1.7vw, 1.3rem);
  --al-leading-tight: 1.05;
  --al-leading-body: 1.65;
  --al-font: "Manrope", "Aptos", "Segoe UI", Arial, sans-serif;
  --al-font-display: "Barlow Condensed", "Arial Narrow", "Aptos Display", sans-serif;
  --al-z-header: 1000;
  --al-z-overlay: 1100;
  --al-breakpoint-mobile: 560px;
  --al-breakpoint-tablet: 820px;
  --al-breakpoint-nav: 1100px;
  --al-motion-fast: 180ms;
  --al-motion-base: 350ms;
  --al-motion-slow: 700ms;
  --al-ease: cubic-bezier(.2, .75, .25, 1);
  color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; overflow-x: clip; }
body { margin: 0; background: var(--al-soft-white); color: var(--al-text); font: 400 1rem/1.65 var(--al-font); text-rendering: optimizeLegibility; overflow-x: clip; }
main { background: radial-gradient(circle at 12% 18%, rgba(168, 212, 46, .055), transparent 24rem), linear-gradient(180deg, var(--al-soft-white), #f3f5ee); }
body.menu-open { overflow: hidden; }
img, svg { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; text-decoration-thickness: .08em; text-underline-offset: .18em; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
h1, h2, h3, p, figure, blockquote { margin-top: 0; }
h1, h2, h3 { text-wrap: balance; overflow-wrap: break-word; }
h1, h2 { font-family: var(--al-font-display); font-weight: 800; letter-spacing: -.035em; line-height: .98; }
h1 { font-size: clamp(3.35rem, 7.8vw, 8rem); }
h2 { font-size: clamp(2.55rem, 5.1vw, 5rem); }
h3 { font-size: clamp(1.28rem, 2vw, 1.75rem); line-height: 1.18; }
p { max-width: 68ch; }
:focus-visible { outline: 3px solid var(--al-focus); outline-offset: 4px; }
[hidden] { display: none !important; }

.shell, .container { width: var(--al-shell); min-width: 0; margin-inline: auto; }
.narrow { width: var(--al-narrow); }
.section { padding-block: var(--al-section); position: relative; }
.section-bone { background: radial-gradient(circle at 88% 16%, rgba(168, 212, 46, .08), transparent 23rem), var(--al-warm-bone); }
.section-dark { color: var(--al-soft-white); background: var(--al-field-black); }
.section-dark p { color: var(--al-mist-grey); }
.skip-link { position: fixed; z-index: 9999; top: .75rem; left: .75rem; transform: translateY(-180%); padding: .75rem 1rem; border-radius: var(--al-radius-sm); background: var(--al-active-lime); color: var(--al-field-black); font-weight: 800; }
.skip-link:focus { transform: none; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.eyebrow { margin-bottom: 1.15rem; color: var(--al-operations-green); font-size: .78rem; font-weight: 800; letter-spacing: .16em; line-height: 1.3; text-transform: uppercase; }
.section-dark .eyebrow, .hero .eyebrow { color: var(--al-active-lime); }
.section-heading { max-width: 820px; margin-bottom: clamp(2.5rem, 5vw, 5rem); }
.section-heading h2 { margin-bottom: 1.5rem; }
.section-heading > p:last-child { margin-bottom: 0; color: var(--al-muted); font-size: clamp(1.05rem, 1.5vw, 1.25rem); }
.section-dark .section-heading > p:last-child { color: var(--al-mist-grey); }

.button-row { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem; }
.button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: .8rem; padding: .85rem 1.35rem; border: 1px solid transparent; border-radius: var(--al-radius-pill); font-weight: 800; line-height: 1.2; text-align: center; text-decoration: none; cursor: pointer; transition: transform .22s var(--al-ease), background .22s, border-color .22s, color .22s; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--al-brand-lime); color: var(--al-field-black); box-shadow: 0 12px 32px rgba(168, 212, 46, .18); }
.button-primary:hover { background: var(--al-active-lime); }
.button-ghost { border-color: rgba(250, 251, 246, .42); color: var(--al-soft-white); background: rgba(7, 17, 12, .3); backdrop-filter: blur(12px); }
.button-ghost:hover { border-color: var(--al-active-lime); color: var(--al-active-lime); }
.button-dark { background: var(--al-field-black); color: var(--al-soft-white); }
.button-small { min-height: 44px; padding: .7rem 1.05rem; font-size: .9rem; }
.button-block { width: 100%; }
.text-link { display: inline-flex; gap: .45rem; color: var(--al-operations-green); font-weight: 800; }
.section-dark .text-link { color: var(--al-active-lime); }
.text-button { border: 0; background: transparent; color: var(--al-operations-green); font-weight: 800; text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }

.site-header { position: fixed; z-index: var(--al-z-header); inset: 0 0 auto; height: 82px; color: var(--al-soft-white); transition: background .25s, box-shadow .25s, color .25s; }
.site-header.is-scrolled, body:not([data-page="home"]) .site-header { background: rgba(7, 17, 12, .94); box-shadow: 0 1px 0 rgba(255,255,255,.1); backdrop-filter: blur(18px); }
.header-shell { height: 100%; display: flex; align-items: center; gap: 2rem; }
.brand { display: block; flex: 0 0 auto; width: 190px; height: 40px; overflow: visible; }
.brand img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
.nav-panel { display: flex; flex: 1; align-items: center; justify-content: space-between; gap: 1.5rem; }
.primary-nav { display: flex; align-items: center; gap: clamp(.65rem, 1.4vw, 1.6rem); }
.nav-link, .login-link { position: relative; padding-block: .55rem; color: rgba(250,251,246,.82); font-size: .89rem; font-weight: 700; text-decoration: none; white-space: nowrap; }
.nav-link::after { content: ""; position: absolute; inset: auto 0 0; height: 2px; background: var(--al-active-lime); transform: scaleX(0); transform-origin: left; transition: transform .2s; }
.nav-link:hover, .nav-link[aria-current="page"], .login-link:hover { color: var(--al-active-lime); }
.nav-link[aria-current="page"]::after, .nav-link:hover::after { transform: scaleX(1); }
.header-actions { display: flex; align-items: center; gap: 1rem; }
.menu-toggle { display: none; }

.hero { min-height: 100svh; display: grid; align-items: end; position: relative; isolation: isolate; overflow: hidden; }
.hero-media, .hero-shade { position: absolute; z-index: -2; inset: 0; }
.hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 52%; }
.hero-shade { z-index: -1; background: linear-gradient(90deg, rgba(7,17,12,.94) 0%, rgba(7,17,12,.74) 42%, rgba(7,17,12,.2) 75%), linear-gradient(0deg, rgba(7,17,12,.84) 0%, transparent 42%); }
.hero-grid { position: absolute; z-index: -1; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg, black, transparent 58%); }
.hero-grid span { position: absolute; left: 2rem; bottom: 2rem; color: rgba(255,255,255,.42); font-size: .62rem; font-weight: 800; letter-spacing: .16em; }
.hero-grid span:last-child { left: auto; right: 2rem; top: 7rem; bottom: auto; writing-mode: vertical-rl; }
.hero-content { padding-block: clamp(9rem, 17vh, 12rem) clamp(6rem, 12vh, 9rem); }
.hero-content h1 { max-width: 1050px; margin-bottom: 1.5rem; }
.hero-content h1 span { display: block; }
.hero-mobile-status { display: none; }
.hero-lead { max-width: 720px; margin-bottom: 2rem; color: var(--al-soft-white) !important; font-size: clamp(1.15rem, 2vw, 1.45rem); }
.hero-audience { margin: 2.25rem 0 0; color: var(--al-mist-grey) !important; font-size: .88rem; font-weight: 700; }
.hero-facts { display: flex; flex-wrap: wrap; gap: .7rem 1.5rem; padding: 0; margin: 2.25rem 0 0; list-style: none; color: var(--al-mist-grey); font-size: .88rem; font-weight: 700; }
.hero-facts li::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: .6rem; border-radius: 50%; background: var(--al-active-lime); box-shadow: 0 0 0 5px rgba(195,235,74,.13); }
.hero-route { position: absolute; z-index: -1; width: min(52vw, 760px); right: 1vw; bottom: 9vh; opacity: .86; }
.hero-route svg { overflow: visible; }
.hero-route path { fill: none; stroke-linecap: round; }
.route-shadow { stroke: rgba(7,17,12,.7); stroke-width: 13; }
.route-line { stroke: var(--al-active-lime); stroke-width: 4; stroke-dasharray: 3 13; animation: routeMove 16s linear infinite; }
.route-departure { fill: none; stroke: var(--al-route-red); stroke-width: 4; stroke-dasharray: 3 13; animation: routeMove 18s linear infinite reverse; }
.hero-route circle { fill: var(--al-route-red); stroke: var(--al-soft-white); stroke-width: 3; }
.hero-route .departure-dot { fill: var(--al-harvest-gold); }
.route-tag { position: absolute; padding: .35rem .65rem; border-radius: var(--al-radius-pill); background: rgba(7,17,12,.82); color: white; font-size: .7rem; font-weight: 800; }
.route-tag-start { left: 0; bottom: 2%; }.route-tag-end { right: 3%; top: 6%; }
.route-tag-departure { left: 41%; bottom: 12%; }
.scroll-cue { position: absolute; right: 2rem; bottom: 2rem; display: flex; align-items: center; gap: .6rem; color: var(--al-mist-grey); font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; writing-mode: vertical-rl; }
.scroll-cue span { width: 1px; height: 46px; background: linear-gradient(var(--al-active-lime), transparent); }
@keyframes routeMove { to { stroke-dashoffset: -160; } }

.story { padding-block: var(--al-section); }
.story-intro { display: grid; grid-template-columns: .55fr 1.45fr; gap: 3rem; margin-bottom: 5rem; }
.story-intro > * { min-width: 0; }
.story-intro > p:last-child { align-self: end; color: var(--al-mist-grey); font-size: 1.12rem; }
.story-intro h2 { grid-column: 2; margin-top: -3.4rem; }
.story-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: clamp(3rem, 7vw, 7rem); }
.story-stage { position: sticky; top: 108px; height: calc(100svh - 140px); max-height: 820px; min-height: 580px; border: 1px solid rgba(255,255,255,.12); border-radius: var(--al-radius-lg); overflow: hidden; background: var(--al-deep-forest); box-shadow: var(--al-shadow-lg); }
.story-stage-fallback { position: absolute; inset: 0; background: radial-gradient(circle at 78% 20%, rgba(195,235,74,.18), transparent 30%), repeating-linear-gradient(118deg, transparent 0 52px, rgba(255,255,255,.04) 53px 54px), var(--al-deep-forest); }
.story-image { position: absolute; z-index: 1; inset: 0; opacity: 0; transform: scale(1.025); transition: opacity .7s var(--al-ease), transform 1.2s var(--al-ease); }
.story-image.is-active { opacity: 1; transform: scale(1); }
.story-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(7,17,12,.48), transparent 52%); }
.story-image img { width: 100%; height: 100%; object-fit: cover; }
.story-image[data-story-image="1"] img { object-position: 54% center; }
.story-stage-grid { position: absolute; z-index: 3; inset: 1.5rem 1.5rem auto; display: flex; justify-content: space-between; gap: 1rem; color: rgba(255,255,255,.88); font-size: .65rem; font-weight: 800; letter-spacing: .16em; }
.story-stage-grid span { padding: .4rem .65rem; border: 1px solid rgba(255,255,255,.2); border-radius: var(--al-radius-pill); background: rgba(7,17,12,.56); backdrop-filter: blur(10px); }
.story-progress { position: absolute; z-index: 3; left: 1.5rem; right: 1.5rem; bottom: 1.5rem; height: 3px; background: rgba(255,255,255,.25); }
.story-progress span { display: block; width: 25%; height: 100%; background: var(--al-active-lime); transition: width .45s var(--al-ease); }
.story-chapters { padding-bottom: 15vh; }
.story-chapter { min-height: 75vh; display: flex; flex-direction: column; justify-content: center; border-top: 1px solid var(--al-line-dark); opacity: .48; transition: opacity .35s; }
.story-chapter.is-active { opacity: 1; }
.story-chapter h3 { margin-bottom: 1rem; font-family: var(--al-font-display); font-size: clamp(2rem, 3.4vw, 3.4rem); text-transform: uppercase; }
.story-chapter p:last-child { color: var(--al-mist-grey); }
.chapter-number { margin-bottom: 3rem; color: var(--al-active-lime); font: 800 4.5rem/1 var(--al-font-display); opacity: .35; }
.story-mobile-media { display: none; }
.story-mobile-media:not(.story-mobile-media-v45) { display: none !important; }

.data-flow { background: radial-gradient(circle at 8% 18%, rgba(168,212,46,.13), transparent 22rem), repeating-linear-gradient(112deg, transparent 0 76px, rgba(23,60,40,.035) 77px 79px), var(--al-soft-white); overflow: hidden; }
.data-flow-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(3rem, 8vw, 8rem); align-items: center; }
.data-flow-copy h2 { margin-bottom: 1.5rem; }
.data-flow-copy > p:last-child { color: var(--al-muted); font-size: 1.08rem; }
.data-flow-visual { position: relative; min-height: 540px; border: 1px solid var(--al-line); border-radius: var(--al-radius-lg); background: linear-gradient(145deg, #e7ecdf, #fff); box-shadow: var(--al-shadow-sm); overflow: hidden; }
.data-flow-visual::before { content: ""; position: absolute; inset: 0; opacity: .16; background: repeating-linear-gradient(112deg, transparent 0 38px, rgba(23,60,40,.17) 39px 41px); }
.data-flow-visual svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.data-flow-visual path { fill: none; stroke: var(--al-operations-green); stroke-width: 3; stroke-dasharray: 4 10; stroke-linecap: round; }
.source-note, .unified-order { position: absolute; z-index: 2; padding: 1rem; border-radius: var(--al-radius-sm); box-shadow: var(--al-shadow-sm); }
.source-note { width: 145px; background: white; transform: rotate(-2deg); }
.source-note span { display: block; color: var(--al-muted); font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; }
.source-note strong { display: block; margin-top: .3rem; }
.note-order { left: 4%; top: 9%; }.note-field { left: 4%; bottom: 9%; transform: rotate(2deg); }.note-driver { right: 4%; top: 7%; transform: rotate(1deg); }
.unified-order { width: min(46%, 300px); left: 50%; top: 54%; transform: translate(-50%,-50%); background: var(--al-deep-forest); color: white; }
.unified-order h3 { margin-bottom: 1rem; font-family: var(--al-font-display); font-size: 2.1rem; }
.unified-order ul { display: grid; gap: .55rem; padding: 0; margin: 0; list-style: none; color: var(--al-mist-grey); font-size: .82rem; }
.unified-order li::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: .55rem; border-radius: 50%; background: var(--al-active-lime); }
.example-label { position: absolute; right: 1rem; bottom: .8rem; color: var(--al-muted); font-size: .68rem; }

.product-proof { background: radial-gradient(circle at 87% 24%, rgba(213,163,75,.13), transparent 28rem), linear-gradient(135deg, var(--al-soft-white), #e8eee8); }
.product-tabs { border: 1px solid var(--al-line); border-radius: var(--al-radius-lg); background: rgba(255,255,255,.68); box-shadow: var(--al-shadow-sm); overflow: hidden; }
.tab-list { display: flex; gap: .25rem; padding: .5rem; border-bottom: 1px solid var(--al-line); background: rgba(241,242,233,.75); }
.tab-list button { flex: 1; min-height: 50px; border: 0; border-radius: var(--al-radius-pill); background: transparent; color: var(--al-muted); font-weight: 800; cursor: pointer; }
.tab-list button[aria-selected="true"] { background: var(--al-deep-forest); color: var(--al-active-lime); }
.product-panel { min-height: 600px; display: grid; grid-template-columns: minmax(280px, .62fr) minmax(0, 1.38fr); align-items: center; gap: clamp(2rem, 5vw, 5rem); padding: clamp(2rem, 5vw, 5rem); }
.product-copy h3 { font-family: var(--al-font-display); font-size: clamp(2.2rem, 4vw, 4rem); text-transform: uppercase; }
.product-copy p { color: var(--al-muted); }
.app-frame { position: relative; margin: 0; padding: .8rem; border: 1px solid rgba(255,255,255,.16); border-radius: var(--al-radius-md); background: #111a14; box-shadow: var(--al-shadow-lg); }
.app-frame::before { content: ""; display: block; width: 6px; height: 6px; margin: 0 0 .65rem .35rem; border-radius: 50%; background: var(--al-route-red); box-shadow: 12px 0 0 var(--al-harvest-gold), 24px 0 0 var(--al-brand-lime); }
.app-frame img { width: 100%; border-radius: calc(var(--al-radius-md) - 9px); }
.app-frame figcaption { position: absolute; right: 1rem; bottom: 1rem; padding: .3rem .55rem; border-radius: var(--al-radius-pill); background: rgba(7,17,12,.85); color: white; font-size: .65rem; }
.app-frame-phone { width: min(100%, 330px); justify-self: center; border-radius: 42px; padding: .65rem; }
.app-frame-phone img { border-radius: 32px; }
.app-frame-phone::before { width: 30%; height: 5px; margin: 0 auto .55rem; border-radius: var(--al-radius-pill); box-shadow: none; background: #26342b; }
.app-frame-desktop { width: min(100%, 1000px); justify-self: end; }

.feature-narrative::before, .industries-preview::before, .pricing-preview::before, .final-cta::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .45; background-image: radial-gradient(circle at 18% 72%, transparent 0 13rem, rgba(23,60,40,.07) 13.1rem 13.25rem, transparent 13.35rem 17rem, rgba(23,60,40,.045) 17.1rem 17.2rem, transparent 17.3rem); }
.feature-narrative > *, .industries-preview > *, .pricing-preview > *, .final-cta > * { position: relative; }
.industries-preview { background: linear-gradient(180deg, #fbfcf7, #eef2e8); }
.pricing-preview { background-image: radial-gradient(circle at 88% 18%, rgba(195,235,74,.11), transparent 24rem), repeating-linear-gradient(112deg, transparent 0 86px, rgba(255,255,255,.025) 87px 89px); }
.final-cta { background: radial-gradient(circle at 92% 70%, rgba(168,212,46,.19), transparent 23rem), var(--al-soft-white); }

.feature-flow { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--al-line); border-left: 1px solid var(--al-line); margin-bottom: 2.5rem; }
.flow-card { min-height: 270px; padding: 2rem; border-right: 1px solid var(--al-line); border-bottom: 1px solid var(--al-line); background: rgba(250,251,246,.38); }
.flow-card span, .section-index { color: var(--al-operations-green); font: 800 2.4rem/1 var(--al-font-display); opacity: .38; }
.flow-card h3 { margin: 4rem 0 .75rem; }
.flow-card p { margin: 0; color: var(--al-muted); }
.industry-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.industry-card { min-height: 360px; display: flex; flex-direction: column; padding: 2rem; border: 1px solid var(--al-line); border-radius: var(--al-radius-md); background: var(--al-warm-bone); text-decoration: none; transition: transform .25s var(--al-ease), background .25s, box-shadow .25s; }
.industry-card:hover { transform: translateY(-6px); background: white; box-shadow: var(--al-shadow-sm); }
.industry-card span { color: var(--al-route-red); font-weight: 800; }
.industry-card h3 { margin-top: auto; }
.industry-card p { color: var(--al-muted); }
.industry-card strong { color: var(--al-operations-green); font-size: .9rem; }
.pricing-preview-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 1.5rem; }
.pricing-preview-card { display: flex; min-height: 310px; flex-direction: column; padding: 2rem; border: 1px solid var(--al-line-dark); border-radius: var(--al-radius-md); background: rgba(255,255,255,.04); }
.pricing-preview-card.is-featured { border-color: var(--al-brand-lime); background: var(--al-deep-forest); }
.pricing-preview-card .price { margin: auto 0 1rem; color: white; font: 800 clamp(2.2rem, 4vw, 3.5rem)/1 var(--al-font-display); }
.pricing-preview-card .price small { font: 600 .78rem/1 var(--al-font); color: var(--al-mist-grey); }
.price-note { color: var(--al-muted); font-size: .78rem; }
.section-dark .price-note { color: var(--al-mist-grey); }
.final-cta { overflow: hidden; }
.final-cta-inner { display: grid; grid-template-columns: 1.5fr .5fr; gap: 3rem; align-items: end; }
.final-cta h2 { max-width: 950px; margin-bottom: 0; }
.final-cta-inner > div:last-child { display: grid; gap: 1rem; justify-items: start; }

.page-hero { min-height: 640px; display: flex; align-items: flex-end; padding: clamp(9rem, 17vw, 13rem) 0 clamp(5rem, 8vw, 8rem); position: relative; overflow: hidden; }
.page-hero::before { content: ""; position: absolute; width: 700px; height: 700px; right: -230px; bottom: -380px; border: 1px solid rgba(195,235,74,.2); border-radius: 50%; box-shadow: 0 0 0 70px rgba(195,235,74,.025), 0 0 0 150px rgba(195,235,74,.02); }
.page-hero-grid { display: grid; grid-template-columns: 1.02fr .98fr; gap: clamp(3rem, 7vw, 8rem); align-items: center; }
.page-hero h1 { margin-bottom: 1.5rem; font-size: clamp(3.3rem, 6.5vw, 6.8rem); }
.page-hero p:not(.eyebrow) { color: var(--al-mist-grey); font-size: clamp(1.08rem, 1.7vw, 1.3rem); }
.hero-app-frame { transform: perspective(1200px) rotateY(-7deg) rotateX(3deg); }
.anchor-nav { position: sticky; z-index: 20; top: 78px; border-bottom: 1px solid var(--al-line); background: rgba(250,251,246,.94); backdrop-filter: blur(14px); }
.anchor-nav .shell { display: flex; gap: 1.4rem; padding-block: .9rem; overflow-x: auto; scrollbar-width: none; }
.anchor-nav a { color: var(--al-muted); font-size: .83rem; font-weight: 800; white-space: nowrap; text-decoration: none; }
.anchor-nav a:hover { color: var(--al-operations-green); }
.process-line { display: flex; align-items: center; gap: 1rem; color: var(--al-operations-green); font-weight: 800; }
.process-line i { flex: 1; height: 2px; background: linear-gradient(90deg, var(--al-brand-lime), var(--al-operations-green)); }
.feature-section { scroll-margin-top: 125px; }
.feature-detail { display: grid; grid-template-columns: minmax(0, 1fr) minmax(350px, .9fr); align-items: center; gap: clamp(3rem, 8vw, 8rem); }
.feature-detail.reverse .feature-copy { order: 2; }
.feature-copy h2 { margin-bottom: 1.5rem; }
.feature-copy > p:not(.eyebrow) { color: var(--al-muted); font-size: 1.08rem; }
.section-dark .feature-copy > p:not(.eyebrow) { color: var(--al-mist-grey); }
.check-list { display: grid; gap: .8rem; padding: 0; margin: 2rem 0 0; list-style: none; }
.check-list li { position: relative; padding-left: 1.75rem; }
.check-list li::before { content: ""; position: absolute; left: 0; top: .58em; width: 9px; height: 9px; border-radius: 50%; background: var(--al-brand-lime); box-shadow: 0 0 0 5px rgba(168,212,46,.14); }
.signal-card, .destination-card, .portal-card, .data-stack, .radar-card { position: relative; min-height: 390px; padding: clamp(2rem, 5vw, 4rem); border: 1px solid var(--al-line); border-radius: var(--al-radius-lg); background: white; box-shadow: var(--al-shadow-sm); overflow: hidden; }
.signal-label, .map-chip { display: inline-flex; padding: .35rem .65rem; border-radius: var(--al-radius-pill); background: var(--al-active-lime); color: var(--al-field-black); font-size: .72rem; font-weight: 800; }
.signal-card > strong { display: block; margin: 2rem 0 4rem; font: 800 2.2rem/1 var(--al-font-display); text-transform: uppercase; }
.signal-row { display: flex; justify-content: space-between; padding-block: .8rem; border-top: 1px solid var(--al-line); }
.signal-row b { color: var(--al-operations-green); }
.signal-route { position: absolute; width: 220px; height: 220px; right: -90px; top: -80px; border: 20px solid rgba(168,212,46,.15); border-radius: 50%; }
.map-illustration { position: relative; min-height: 440px; border-radius: var(--al-radius-lg); background: #dce5d9; overflow: hidden; box-shadow: var(--al-shadow-sm); }
.map-illustration::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(35deg, transparent 44%, rgba(255,255,255,.75) 45%, rgba(255,255,255,.75) 49%, transparent 50%); }
.field { position: absolute; border: 2px solid rgba(23,60,40,.35); background: repeating-linear-gradient(75deg, #b6c98d 0 8px, #c6d79c 9px 17px); }
.field-a { inset: 8% 48% 44% 5%; clip-path: polygon(8% 0, 100% 8%, 84% 94%, 0 100%); }
.field-b { inset: 48% 7% 8% 43%; clip-path: polygon(10% 10%, 100% 0, 88% 100%, 0 82%); }
.map-illustration svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.map-illustration path { fill: none; stroke: var(--al-route-red); stroke-width: 5; stroke-dasharray: 4 11; stroke-linecap: round; }
.map-illustration circle { fill: var(--al-deep-forest); stroke: white; stroke-width: 4; }
.map-chip { position: absolute; left: 1rem; bottom: 1rem; }
.map-caption, .radar-card > p { position: absolute; right: 1rem; bottom: 1rem; color: var(--al-muted); font-size: .7rem; }
.radar-card { background: #0b1c13; border-color: var(--al-line-dark); }
.radar-grid { position: absolute; inset: 0; opacity: .3; background-image: linear-gradient(rgba(195,235,74,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(195,235,74,.13) 1px, transparent 1px); background-size: 44px 44px; }
.vehicle-dot { position: absolute; padding: .45rem .7rem .45rem 1.75rem; border: 1px solid rgba(255,255,255,.18); border-radius: var(--al-radius-pill); background: rgba(7,17,12,.8); color: white; font-size: .72rem; font-weight: 800; }
.vehicle-dot::before { content: ""; position: absolute; left: .6rem; top: 50%; width: 8px; height: 8px; border-radius: 50%; background: var(--al-active-lime); transform: translateY(-50%); box-shadow: 0 0 0 5px rgba(195,235,74,.14); }
.dot-one { left: 12%; top: 23%; }.dot-two { right: 10%; top: 47%; }.dot-three { left: 31%; bottom: 15%; }
.data-stack { display: grid; align-content: center; gap: .8rem; background: var(--al-deep-forest); }
.data-stack div { padding: 1.1rem; border: 1px solid var(--al-line-dark); border-radius: var(--al-radius-sm); background: rgba(255,255,255,.05); color: white; }
.data-stack span { display: block; color: var(--al-mist-grey); font-size: .72rem; text-transform: uppercase; letter-spacing: .1em; }
.destination-card { display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(145deg, var(--al-warm-bone), white); }
.destination-icon { position: absolute; right: 2rem; top: 2rem; width: 64px; height: 64px; display: grid; place-items: center; border-radius: 50%; background: var(--al-route-red); color: white; font-size: 2rem; }
.portal-card { color: var(--al-soft-white); background: var(--al-operations-green); }
.portal-head { display: flex; align-items: center; gap: 1rem; margin-bottom: 5rem; }
.portal-head span { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 50%; background: var(--al-active-lime); color: var(--al-field-black); font-weight: 900; }
.portal-line { width: 100%; height: 12px; margin-top: 1rem; border-radius: 10px; background: rgba(255,255,255,.16); }.portal-line.short { width: 62%; }
.portal-status { display: inline-block; margin-top: 3rem; padding: .45rem .8rem; border-radius: var(--al-radius-pill); background: var(--al-active-lime); color: var(--al-field-black); font-weight: 800; }
.document-stack { position: relative; min-height: 450px; display: grid; place-items: center; border-radius: var(--al-radius-lg); background: var(--al-deep-forest); }
.portal-card .example-label, .data-stack .example-label, .document-stack .example-label { color: var(--al-mist-grey); }
.doc-page { width: 58%; min-height: 320px; padding: 2.2rem; position: relative; background: white; box-shadow: 18px 18px 0 rgba(168,212,46,.25); transform: rotate(-3deg); }
.doc-page span { color: var(--al-operations-green); font-weight: 900; letter-spacing: .1em; }.doc-page h3 { margin: 3rem 0; }.doc-page i { display: block; height: 8px; margin: .8rem 0; background: var(--al-warm-bone); }.doc-page b { position: absolute; right: 1rem; bottom: 1rem; color: var(--al-route-red); }
.role-orbit { position: relative; min-height: 430px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--al-line); background: radial-gradient(circle, rgba(168,212,46,.16), transparent 60%); }
.orbit-center, .orbit-role { position: absolute; display: grid; place-items: center; border-radius: 50%; font-weight: 800; }
.orbit-center { width: 145px; height: 145px; background: var(--al-deep-forest); color: var(--al-active-lime); }
.orbit-role { width: 92px; height: 92px; border: 1px solid var(--al-line); background: white; box-shadow: var(--al-shadow-sm); }.role-office { top: 4%; }.role-driver { left: 2%; bottom: 12%; }.role-customer { right: 2%; bottom: 12%; }

.industry-orbit { display: flex; align-items: center; gap: 1rem; }
.industry-orbit span { width: 125px; height: 125px; display: grid; place-items: center; border: 1px solid var(--al-line-dark); border-radius: 50%; color: var(--al-active-lime); font: 800 1.2rem var(--al-font-display); text-transform: uppercase; }
.industry-orbit i { flex: 1; height: 2px; min-width: 30px; background: var(--al-brand-lime); }
.industry-heading { display: grid; grid-template-columns: 140px 1fr; gap: 2rem; margin-bottom: 4rem; }
.industry-columns { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; }
.industry-columns article { padding: 2rem 0; border-top: 1px solid var(--al-line); }
.industry-columns p { color: var(--al-muted); }
.outcome-card { padding: 2rem !important; border: 0 !important; border-radius: var(--al-radius-md); background: var(--al-deep-forest); color: white; }
.section-dark .industry-columns article { border-color: var(--al-line-dark); }.section-dark .industry-columns p { color: var(--al-mist-grey); }.section-dark .outcome-card { background: var(--al-operations-green); }
.benefit-band { display: flex; flex-wrap: wrap; gap: .75rem; }.benefit-band span { padding: .8rem 1rem; border: 1px solid var(--al-line); border-radius: var(--al-radius-pill); background: white; font-weight: 800; }

.direct-contact { display: grid; gap: .75rem; align-content: end; padding: 2rem; border: 1px solid var(--al-line-dark); border-radius: var(--al-radius-md); background: rgba(255,255,255,.05); }
.direct-contact small { color: var(--al-mist-grey); }
.builder-step { padding: 0; margin: 0 0 4rem; border: 0; }
.builder-step legend { width: 100%; margin-bottom: 1.4rem; font: 800 clamp(1.45rem, 2.3vw, 2rem) var(--al-font); }
.builder-step legend span { margin-right: .75rem; color: var(--al-route-red); font-family: var(--al-font-display); }
.choice-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .8rem; }
.choice-grid-plans { grid-template-columns: repeat(3, 1fr); }
.choice-card { position: relative; display: block; min-height: 155px; padding: 1.4rem; border: 1px solid var(--al-line); border-radius: var(--al-radius-md); background: white; cursor: pointer; transition: border-color .2s, transform .2s, box-shadow .2s; }
.choice-card:hover { transform: translateY(-2px); box-shadow: var(--al-shadow-sm); }
.choice-card:has(input:checked) { border: 2px solid var(--al-operations-green); padding: calc(1.4rem - 1px); box-shadow: 0 0 0 4px rgba(168,212,46,.18); }
.choice-card input { position: absolute; top: 1rem; right: 1rem; width: 19px; height: 19px; accent-color: var(--al-operations-green); }
.choice-card strong { display: block; padding-right: 1.8rem; font-size: 1.08rem; }.choice-card p { margin: .65rem 0 0; color: var(--al-muted); font-size: .86rem; line-height: 1.45; }.choice-price { display: block; margin-top: 1.2rem; color: var(--al-operations-green); font-weight: 900; }
.choice-badge { display: inline-flex; margin-top: .7rem; padding: .25rem .5rem; border-radius: var(--al-radius-pill); background: var(--al-active-lime); color: var(--al-field-black); font-size: .68rem; font-weight: 900; }
.field-hint { color: var(--al-muted); font-size: .8rem; }
.price-summary { position: sticky; top: 105px; padding: 2rem; border-radius: var(--al-radius-lg); background: var(--al-deep-forest); color: white; box-shadow: var(--al-shadow-lg); }
.price-summary h2 { font-size: 2.5rem; }.summary-selection { display: grid; gap: .45rem; padding-block: 1.25rem; border-block: 1px solid var(--al-line-dark); color: var(--al-mist-grey); font-size: .85rem; }.summary-prices { margin-block: 1.5rem; }.summary-prices > div { display: flex; align-items: end; justify-content: space-between; gap: 1rem; padding-block: .85rem; border-bottom: 1px solid var(--al-line-dark); }.summary-prices span { color: var(--al-mist-grey); font-size: .78rem; }.summary-prices strong { color: var(--al-active-lime); font-size: 1.15rem; text-align: right; }.summary-saving { color: var(--al-active-lime); font-weight: 800; }.price-summary .text-button { width: 100%; margin-top: 1rem; color: var(--al-active-lime); }.summary-disclaimer { margin: 1.25rem 0 0; color: var(--al-mist-grey); font-size: .73rem; }.three-column, .value-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }.three-column article, .value-grid article { padding: 2rem; border-top: 3px solid var(--al-brand-lime); background: white; }.three-column p, .value-grid p { color: var(--al-muted); }

.form-process { padding: 0; margin: 0; list-style: none; }.form-process li { display: flex; gap: 1rem; padding: 1.2rem 0; border-bottom: 1px solid var(--al-line-dark); }.form-process li > span { color: var(--al-active-lime); font-family: var(--al-font-display); font-size: 1.8rem; font-weight: 800; }.form-process strong, .form-process small { display: block; }.form-process small { color: var(--al-mist-grey); }
.direct-contact a { color: var(--al-active-lime); font-size: clamp(1.35rem, 2.3vw, 2rem); font-weight: 800; }
.form-section { background: linear-gradient(135deg, var(--al-warm-bone), var(--al-soft-white)); }
.form-layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.form-card { padding: clamp(1.4rem, 4vw, 3.5rem); border: 1px solid var(--al-line); border-radius: var(--al-radius-lg); background: white; box-shadow: var(--al-shadow-sm); }
.form-heading { margin-bottom: 2.5rem; }.form-heading h2 { margin-bottom: 1rem; font-size: clamp(2.2rem, 4vw, 3.8rem); }.form-heading p:last-child { color: var(--al-muted); }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.1rem; }
.form-card label { display: grid; gap: .5rem; margin-bottom: 1.1rem; color: var(--al-deep-forest); font-size: .86rem; font-weight: 800; }
.form-card input:not([type="checkbox"]):not([type="radio"]), .form-card select, .form-card textarea { width: 100%; min-height: 52px; padding: .85rem 1rem; border: 1px solid #8f9c92; border-radius: var(--al-radius-sm); background: #fff; color: var(--al-text); transition: border-color .2s, box-shadow .2s; }
.form-card textarea { min-height: 150px; resize: vertical; }
.form-card input:hover, .form-card select:hover, .form-card textarea:hover { border-color: var(--al-operations-green); }
.form-card input:focus, .form-card select:focus, .form-card textarea:focus { border-color: var(--al-operations-green); outline: 0; box-shadow: 0 0 0 4px rgba(168,212,46,.22); }
.form-card [aria-invalid="true"] { border-color: var(--al-route-red) !important; box-shadow: 0 0 0 3px rgba(228,81,69,.14); }
.field-error { color: #a32620; font-size: .78rem; font-weight: 700; }
.form-fieldset, .intent-fieldset { padding: 0; margin: 2rem 0; border: 0; }.form-fieldset legend, .intent-fieldset legend { margin-bottom: 1rem; font-size: 1rem; font-weight: 900; }
.interest-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; }
.interest-grid label { display: flex; min-height: 66px; align-items: center; gap: .7rem; padding: .85rem; margin: 0; border: 1px solid var(--al-line); border-radius: var(--al-radius-sm); background: var(--al-soft-white); cursor: pointer; }.interest-grid label:has(input:checked) { border-color: var(--al-operations-green); background: rgba(168,212,46,.15); }.interest-grid input { width: 18px; height: 18px; flex: 0 0 auto; accent-color: var(--al-operations-green); }
.consent { display: flex !important; grid-template-columns: auto 1fr; align-items: flex-start; gap: .75rem !important; margin-top: 1.5rem !important; }.consent input { width: 20px; height: 20px; margin-top: .15rem; flex: 0 0 auto; accent-color: var(--al-operations-green); }.consent span { font-weight: 500; }.honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.form-actions { display: flex; align-items: center; gap: 1rem; margin-top: 1.5rem; }.form-actions p { margin: 0; color: var(--al-muted); font-size: .82rem; }
.error-summary, .form-success { margin-bottom: 1.5rem; padding: 1rem 1.2rem; border-radius: var(--al-radius-sm); }.error-summary { border: 1px solid var(--al-route-red); background: #fff0ed; color: #7e1b17; }.error-summary ul { margin-bottom: 0; }.form-success { border: 1px solid var(--al-brand-lime); background: #eef8d1; color: var(--al-deep-forest); }.form-success p { margin: .25rem 0 0; }.configured-notice:not(:empty) { padding: .8rem 1rem; border-left: 4px solid var(--al-brand-lime); background: var(--al-warm-bone); }
.form-aside { position: sticky; top: 110px; padding: 2rem 0; }.form-aside h2 { font-size: 2.7rem; }.aside-note, .security-note { margin-top: 2rem; padding: 1.2rem; border-radius: var(--al-radius-sm); background: var(--al-deep-forest); color: white; }.aside-note p, .security-note { font-size: .82rem; }.aside-note p { margin: .4rem 0 0; color: var(--al-mist-grey); }
.intent-options { display: grid; grid-template-columns: repeat(4, 1fr); gap: .65rem; }.intent-options label { margin: 0; cursor: pointer; }.intent-options input { position: absolute; opacity: 0; pointer-events: none; }.intent-options span { min-height: 92px; display: flex; flex-direction: column; justify-content: center; padding: 1rem; border: 1px solid var(--al-line); border-radius: var(--al-radius-sm); background: var(--al-soft-white); }.intent-options small { color: var(--al-muted); font-weight: 500; }.intent-options input:checked + span { border: 2px solid var(--al-operations-green); padding: calc(1rem - 1px); background: rgba(168,212,46,.16); }.intent-options input:focus-visible + span { outline: 3px solid var(--al-route-red); outline-offset: 3px; }
.intent-panel { margin-top: 2rem; padding: 2rem; border: 1px solid var(--al-line); border-radius: var(--al-radius-md); background: var(--al-warm-bone); }.intent-heading { margin-bottom: 1.5rem; }.intent-heading h3 { margin-bottom: .4rem; }.intent-heading p { margin: 0; color: var(--al-muted); }.security-note { margin: 0 0 1.2rem; background: #41241f; }.number-list { display: grid; gap: 1rem; padding: 0; list-style: none; }.number-list li { display: flex; gap: 1rem; padding-top: 1rem; border-top: 1px solid var(--al-line); }.number-list span { color: var(--al-route-red); font: 800 1.8rem var(--al-font-display); }.number-list p { margin: .25rem 0 0; color: var(--al-muted); }

.manifesto { display: grid; grid-template-columns: .45fr 1.2fr; gap: 3rem; }.manifesto blockquote { grid-column: 2; font: 800 clamp(2.4rem, 5vw, 5rem)/1.03 var(--al-font-display); letter-spacing: -.03em; text-transform: uppercase; }.manifesto-copy { grid-column: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; color: var(--al-muted); }.value-grid article > span { color: var(--al-route-red); font-weight: 900; }.field-band { background: linear-gradient(120deg, #dfe9ce, var(--al-warm-bone)); }.field-band::before { content: ""; position: absolute; inset: 0; opacity: .18; background: repeating-linear-gradient(112deg, transparent 0 45px, rgba(23,60,40,.18) 46px 48px); }.field-band-inner { position: relative; display: grid; grid-template-columns: 1.2fr .8fr; gap: 4rem; align-items: end; }
.support-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }.support-card { min-height: 320px; display: flex; flex-direction: column; padding: 2rem; border: 1px solid var(--al-line); border-radius: var(--al-radius-md); background: white; text-decoration: none; }.support-card > span { color: var(--al-route-red); font-weight: 900; }.support-card h3 { margin-top: auto; }.support-card p { color: var(--al-muted); }.support-card strong { color: var(--al-operations-green); }.support-check { display: grid; grid-template-columns: .8fr 1fr .75fr; gap: 3rem; align-items: start; }.support-check .security-note { margin: 0; }
.not-found { min-height: 100svh; display: grid; place-items: center; padding-top: 90px; }.not-found-inner { position: relative; padding-block: 5rem; }.error-code { position: absolute; right: 0; top: 0; color: rgba(195,235,74,.08); font: 900 min(42vw, 30rem)/.8 var(--al-font-display); }.not-found h1 { max-width: 900px; position: relative; }.not-found p:not(.eyebrow) { color: var(--al-mist-grey); font-size: 1.2rem; }

.legal-page main { padding-bottom: var(--al-section); }.legal-page .page-hero { min-height: auto; padding-bottom: 3.5rem; }.legal-page .page-hero.compact { padding-top: 10rem; }.legal-page .legal-content { width: min(100% - 40px, 860px); }.legal-page .legal-content h2 { margin: 3.5rem 0 1rem; font-size: clamp(1.8rem, 3vw, 2.6rem); text-transform: none; letter-spacing: -.02em; }.legal-page .legal-content h3 { margin-top: 2rem; }.legal-page .legal-content p, .legal-page .legal-content li { color: #354139; }.legal-page .legal-content a { color: var(--al-operations-green); }.legal-page .legal-content table { width: 100%; border-collapse: collapse; overflow-x: auto; display: block; }.legal-page .legal-content th, .legal-page .legal-content td { padding: .75rem; border: 1px solid var(--al-line); text-align: left; vertical-align: top; }

.site-footer { padding-top: 5rem; background: #040a07; color: var(--al-soft-white); }.footer-grid { display: grid; grid-template-columns: 1.6fr repeat(3, 1fr); gap: 3rem; padding-bottom: 4rem; }.brand-footer { width: 190px; height: 68px; }.footer-brand p { color: var(--al-mist-grey); }.footer-grid h2 { margin-bottom: 1.2rem; color: var(--al-active-lime); font: 800 .8rem var(--al-font); letter-spacing: .12em; text-transform: uppercase; }.footer-grid > div:not(.footer-brand) { display: flex; flex-direction: column; align-items: flex-start; gap: .55rem; }.footer-grid a { color: var(--al-mist-grey); text-decoration: none; }.footer-grid a:hover { color: var(--al-active-lime); }.footer-bottom { display: flex; justify-content: space-between; gap: 1rem; padding-block: 1.2rem; border-top: 1px solid var(--al-line-dark); color: #93a096; font-size: .75rem; }

/*
 * Inhalt bleibt ohne JavaScript und vor dem ersten Scrollen vollständig sichtbar.
 * Die Reveal-Klasse ist nur noch ein dezenter Interaktions-Hook und keine
 * Voraussetzung für die Lesbarkeit der Seite.
 */
.reveal { opacity: 1; transform: none; transition: transform var(--al-motion-base) var(--al-ease); }
.reveal.is-visible { opacity: 1; transform: none; }

/* Motion system: page entry, route trace, story crossfade, interface feedback. */
@media (min-width: 821px) {
  .hero-home .hero-content h1 { max-width: 1000px; font-size: clamp(3.35rem, 6.8vw, 6.9rem); }
}

@media (max-width: 1100px) {
  .site-header { height: 70px; }.brand { width: 165px; height: 36px; }.header-shell { justify-content: space-between; }.menu-toggle { display: inline-flex; align-items: center; gap: .7rem; min-height: 44px; padding: .65rem .85rem; border: 1px solid rgba(255,255,255,.25); border-radius: var(--al-radius-pill); background: rgba(7,17,12,.45); color: white; font-weight: 800; }.menu-icon, .menu-icon::before, .menu-icon::after { width: 18px; height: 2px; display: block; position: relative; background: currentColor; transition: transform .2s; }.menu-icon::before, .menu-icon::after { content: ""; position: absolute; left: 0; }.menu-icon::before { top: -6px; }.menu-icon::after { top: 6px; }.menu-toggle[aria-expanded="true"] .menu-icon { background: transparent; }.menu-toggle[aria-expanded="true"] .menu-icon::before { top: 0; transform: rotate(45deg); }.menu-toggle[aria-expanded="true"] .menu-icon::after { top: 0; transform: rotate(-45deg); }
  .nav-panel { position: fixed; inset: 70px 0 0; display: grid; align-content: start; padding: 2rem max(20px, calc((100vw - 920px)/2)); background: var(--al-field-black); opacity: 0; visibility: hidden; transform: translateY(-12px); transition: opacity .2s, visibility .2s, transform .2s; overflow-y: auto; }.nav-panel.is-open { opacity: 1; visibility: visible; transform: none; }.primary-nav { display: grid; align-items: stretch; gap: 0; }.nav-link { padding: 1rem 0; border-bottom: 1px solid var(--al-line-dark); font: 800 clamp(1.5rem, 4vw, 2.4rem) var(--al-font-display); text-transform: uppercase; }.header-actions { margin-top: 2rem; }.login-link { padding: .8rem 0; }
  .story-intro { grid-template-columns: 1fr; }.story-intro h2 { grid-column: auto; margin-top: 0; }.story-layout { grid-template-columns: 1.2fr .8fr; gap: 2rem; }.feature-flow { grid-template-columns: repeat(2, 1fr); }.industry-grid { grid-template-columns: repeat(2, 1fr); }.choice-grid-plans { grid-template-columns: 1fr; }.intent-options { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 820px) {
  :root { --al-shell: min(100% - 32px, 720px); --al-narrow: min(100% - 32px, 720px); --al-section: clamp(4rem, 14vw, 6rem); }
  .data-flow-layout { grid-template-columns: 1fr; }
  h1 { font-size: clamp(3.1rem, 14vw, 5.8rem); }.hero { min-height: 860px; }.hero-content { padding-top: 9rem; }.hero-shade { background: linear-gradient(0deg, rgba(7,17,12,.95) 0%, rgba(7,17,12,.62) 64%, rgba(7,17,12,.2)); }.hero-media img { object-position: 62% center; transform: scale(1.12); }.hero-route { width: 88vw; right: -14vw; bottom: 31%; opacity: .65; }.scroll-cue { display: none; }
  .story-layout { display: block; }.story-stage { display: none; }.story-chapters { padding: 0; }.story-chapter { min-height: auto; padding: 0 0 4.5rem; opacity: 1; border: 0; }.story-mobile-media { display: block; height: min(64vw, 470px); margin: 0 -16px 2rem; overflow: hidden; border-radius: var(--al-radius-md); }.story-mobile-media img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.08); }.chapter-number { margin-bottom: 1rem; font-size: 3rem; }
  .product-panel { min-height: 0; grid-template-columns: 1fr; }.product-panel .app-frame { order: -1; }.feature-flow, .pricing-preview-grid, .three-column, .value-grid, .support-grid { grid-template-columns: 1fr; }.industry-grid { grid-template-columns: 1fr 1fr; }.industry-card { min-height: 300px; }
  .page-hero { min-height: 680px; }.page-hero-grid, .feature-detail, .feature-detail.reverse, .final-cta-inner, .field-band-inner, .form-layout { grid-template-columns: 1fr; }.feature-detail.reverse .feature-copy { order: initial; }.page-hero-grid { gap: 2.5rem; }.hero-app-frame { transform: none; }.feature-detail .app-frame-phone { order: -1; }.industry-columns { grid-template-columns: 1fr; }.industry-heading { grid-template-columns: 80px 1fr; }.price-summary, .form-aside { position: static; }.price-summary { order: -1; }.choice-grid-plans { grid-template-columns: repeat(3, 1fr); }.form-aside { border-top: 1px solid var(--al-line); }.manifesto { grid-template-columns: 1fr; }.manifesto blockquote, .manifesto-copy { grid-column: auto; }.manifesto-copy { grid-template-columns: 1fr 1fr; }.support-check { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }.footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 560px) {
  :root { --al-shell: min(100% - 24px, 520px); --al-narrow: min(100% - 24px, 520px); --al-radius-lg: 25px; }
  .hero-home .hero-route { width: 100%; right: 0; }
  .hero-home .hero-route { bottom: 27%; opacity: .38; }
  .hero-home .route-tag { display: none; }
  .hero-mobile-status { display: inline-flex; margin: -.35rem 0 1rem; padding: .35rem .65rem; border-radius: var(--al-radius-pill); background: rgba(7,17,12,.72); color: var(--al-active-lime); font-size: .7rem; font-weight: 800; }
  .hero-home .hero-content h1 { font-size: 2.1rem; }
  .data-flow-visual { min-height: 500px; }
  .source-note { width: 120px; padding: .75rem; font-size: .8rem; }
  .unified-order { width: 56%; padding: .85rem; }
  body { font-size: .96rem; }.menu-label { display: none; }.hero { min-height: 800px; }.hero-content { padding-bottom: 4.5rem; }.hero-content h1 { font-size: clamp(3.05rem, 15.5vw, 4.5rem); }.hero-lead { font-size: 1.05rem; }.button-row { align-items: stretch; }.button-row .button { width: 100%; }.hero-facts { display: grid; gap: .55rem; }.hero-route { width: 118vw; right: -35vw; bottom: 32%; }.story-intro { margin-bottom: 3rem; }.story-mobile-media { height: 63vw; margin-inline: 0; }.story-mobile-media img { transform: scale(1.18); }.tab-list { overflow-x: auto; }.tab-list button { min-width: 105px; }.product-panel { padding: 1.25rem; }.product-copy h3 { font-size: 2.2rem; }.app-frame { padding: .45rem; }.feature-flow { border: 0; gap: .75rem; }.flow-card { min-height: 230px; border: 1px solid var(--al-line); border-radius: var(--al-radius-md); }.flow-card h3 { margin-top: 3rem; }.industry-grid, .choice-grid, .choice-grid-plans, .form-grid, .interest-grid, .manifesto-copy { grid-template-columns: 1fr; }.industry-card { min-height: 270px; }.final-cta-inner { align-items: stretch; }.final-cta-inner .button { width: 100%; }.page-hero { min-height: 610px; padding-top: 8rem; }.page-hero h1 { font-size: clamp(3rem, 14.5vw, 4.3rem); }.industry-orbit { gap: .35rem; }.industry-orbit span { width: 90px; height: 90px; }.industry-heading { grid-template-columns: 1fr; gap: 1rem; }.industry-columns article { padding-block: 1rem; }.process-line { align-items: flex-start; gap: .4rem; font-size: .68rem; }.process-line i { margin-top: .55em; }.signal-card, .destination-card, .portal-card, .data-stack, .radar-card { min-height: 330px; padding: 1.4rem; }.map-illustration { min-height: 330px; }.role-orbit { min-height: 340px; }.orbit-role { width: 76px; height: 76px; font-size: .8rem; }.doc-page { width: 72%; }.direct-contact { padding: 1.2rem; }.form-card { padding: 1.2rem; border-radius: var(--al-radius-md); }.intent-options { grid-template-columns: 1fr 1fr; }.intent-options span { min-height: 86px; padding: .8rem; }.intent-options input:checked + span { padding: calc(.8rem - 1px); }.intent-panel { padding: 1rem; }.form-actions { align-items: stretch; flex-direction: column; }.form-actions .button { width: 100%; }.price-summary { padding: 1.4rem; }.footer-grid { grid-template-columns: 1fr 1fr; }.footer-brand { grid-column: 1 / -1; }.footer-bottom { flex-direction: column; }.legal-page .legal-content { width: min(100% - 24px, 860px); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  .reveal { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) and (min-width: 821px) {
  .story-layout { display: block; }
  .story-stage { display: none; }
  .story-chapters { padding: 0; }
  .story-chapter { min-height: auto; padding: 0 0 4.5rem; opacity: 1; border: 0; }
  .story-mobile-media-v45 { display: block; width: min(100%, 960px); height: min(52vw, 620px); margin: 0 0 2rem; overflow: hidden; border-radius: var(--al-radius-lg); }
  .story-mobile-media-v45 img { width: 100%; height: 100%; object-fit: cover; }
}

@media print {
  .site-header, .site-footer, .button, .text-button, .anchor-nav { display: none !important; }
  body { background: white; color: black; font-size: 11pt; }
  .section, .page-hero { min-height: 0; padding: 1.2cm 0; background: white !important; color: black !important; }
  .price-summary { position: static; color: black; background: white; border: 1px solid #777; box-shadow: none; }
  .summary-prices strong, .price-summary .eyebrow, .price-summary p { color: black !important; }
  .legal-page .legal-content { width: 100%; }
  a { color: black; text-decoration: none; }
}
/* V48 All-in-One product narrative */
.hero-livebar{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.hero-livebar span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:rgba(4,15,10,.58);backdrop-filter:blur(8px);color:#dbe8df;font-size:12px;font-weight:750}.hero-livebar i{width:7px;height:7px;border-radius:50%;background:#a3e635;box-shadow:0 0 0 5px rgba(163,230,53,.14)}
.all-in-one-flow{background:linear-gradient(180deg,#f4f1e9 0%,#e9eee5 100%)}.all-in-one-steps{counter-reset:steps;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin:40px 0 0;padding:0;list-style:none;border:1px solid rgba(21,52,37,.14);border-radius:12px;overflow:hidden;background:rgba(21,52,37,.15)}.all-in-one-steps li{position:relative;min-height:250px;padding:24px 18px;background:#f7f5ee}.all-in-one-steps li:not(:last-child):after{content:"";position:absolute;z-index:2;right:-7px;top:44px;width:13px;height:13px;border-top:2px solid #56735d;border-right:2px solid #56735d;transform:rotate(45deg);background:#f7f5ee}.all-in-one-steps span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#183b29;color:#c9f39a;font-weight:850;font-size:12px}.all-in-one-steps h3{margin:45px 0 10px;font-size:22px}.all-in-one-steps p{min-height:76px;color:#506157;font-size:14px;line-height:1.55}.all-in-one-steps strong{display:block;padding-top:12px;border-top:1px solid rgba(21,52,37,.12);color:#214b33;font-size:13px}
.all-in-one-product{background:radial-gradient(circle at 78% 9%,rgba(95,151,81,.18),transparent 32%),linear-gradient(145deg,#07140d,#10271b 70%,#0a1c13)}.product-tabs-code{border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0b1d14;box-shadow:0 34px 90px rgba(0,0,0,.28)}.product-tabs-code .product-panel{align-items:stretch}.product-tabs-code .product-copy ul{display:grid;gap:8px;padding:0;margin:22px 0 0;list-style:none}.product-tabs-code .product-copy li{padding-left:20px;position:relative;color:#c5d3c9}.product-tabs-code .product-copy li:before{content:"";position:absolute;left:0;top:.6em;width:8px;height:2px;background:#a3e635}.fleetlive-demo{position:relative;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(220px,.7fr);min-height:470px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#15241b}.fleet-map{position:relative;min-height:470px;overflow:hidden;background:radial-gradient(circle at 67% 28%,rgba(130,159,87,.38),transparent 22%),linear-gradient(135deg,#34483a,#1d3024)}.fleet-map:before,.fleet-map:after{content:"";position:absolute;border:1px solid rgba(210,226,188,.13);background:rgba(91,125,72,.18);transform:rotate(-8deg)}.fleet-map:before{inset:5% 44% 53% 4%}.fleet-map:after{inset:60% 58% -9% -8%}.fleet-map svg{position:absolute;inset:0;width:100%;height:100%}.fleet-map .road{fill:none;stroke:#b6ad92;stroke-width:35}.fleet-map .road.secondary{stroke-width:18}.fleet-map .active-route{fill:none;stroke:#a3e635;stroke-width:6;stroke-linecap:round;stroke-dasharray:10 9}.fleet-map .field-shape{fill:rgba(154,188,105,.2);stroke:rgba(216,240,178,.5);stroke-width:2}.fleet-pin{position:absolute;display:grid;place-items:center;width:42px;height:42px;border:3px solid #e9f7e6;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:#1b5a36;color:#fff;font-size:10px;font-weight:900;box-shadow:0 8px 24px rgba(0,0,0,.25)}.fleet-pin::first-line{transform:rotate(45deg)}.pin-a{left:17%;top:64%}.pin-b{left:45%;top:49%;background:#375a76}.pin-c{left:63%;top:33%;background:#8b6831}.pin-d{left:71%;top:57%;background:#486d2b}.pin-e{left:31%;top:23%;background:#74443e}.fleet-target{position:absolute;right:8%;top:13%;padding:7px 9px;border-radius:5px;background:#f3f5ed;color:#15241b;font-size:11px;font-weight:850}.fleetlive-demo aside{padding:25px 20px;background:#0c1811}.fleetlive-demo aside>p{margin:0;color:#9aad9f;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.fleetlive-demo h4{margin:8px 0 4px;color:#fff;font-size:21px}.fleetlive-demo aside>span{color:#a3e635;font-size:12px}.fleetlive-demo dl{display:grid;gap:1px;margin:25px 0 0;background:rgba(255,255,255,.1)}.fleetlive-demo dl div{padding:11px;background:#10251a}.fleetlive-demo dt{color:#84998a;font-size:10px;text-transform:uppercase}.fleetlive-demo dd{margin:3px 0 0;color:#e4eee6;font-size:13px}.fleetlive-demo .example-label{position:absolute;left:12px;bottom:10px}
.driver-code-demo{max-width:390px;margin:auto;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(160deg,#13261a,#08130d);box-shadow:0 30px 65px rgba(0,0,0,.3)}.driver-top{display:flex;justify-content:space-between;gap:10px;color:#a9baae;font-size:11px}.driver-top i{font-style:normal;color:#a3e635}.driver-code-demo h3{margin:13px 0;color:#fff;font-size:19px;line-height:1.65;text-wrap:wrap;overflow-wrap:normal}.driver-map{position:relative;aspect-ratio:1.25;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#536447,#2f4035)}.driver-map svg{width:100%;height:100%}.driver-field{fill:rgba(171,203,111,.26);stroke:#d9f0aa;stroke-width:3}.driver-approach,.driver-exit{fill:none;stroke-width:7;stroke-linecap:round}.driver-approach{stroke:#6fda68}.driver-exit{stroke:#e45145}.driver-map circle{fill:#fff;stroke:#163e27;stroke-width:4}.driver-map span{position:absolute;left:10px;bottom:10px;padding:6px 8px;border-radius:5px;background:#07140d;color:#fff;font-size:11px}.driver-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.driver-actions button,.planning-map-demo button{min-height:42px;border:0;border-radius:6px;background:#a3e635;color:#132115;font-weight:850}.driver-actions button:last-child{border:1px solid rgba(255,255,255,.16);background:transparent;color:#e9f2eb}.driver-code-demo small,.worktime-demo small,.evaluation-demo small{display:block;margin-top:11px;color:#819487;font-size:10px}
.worktime-demo,.evaluation-demo{align-self:center;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:linear-gradient(145deg,#13291c,#0a1810)}.worktime-demo header,.evaluation-demo header{display:flex;justify-content:space-between;align-items:center;gap:16px}.worktime-demo header span{display:inline-flex;padding:5px 8px;border-radius:99px;background:rgba(163,230,53,.13);color:#c8f58e;font-size:11px;font-weight:800}.worktime-demo header strong{color:#fff;font-size:30px;font-variant-numeric:tabular-nums}.worktime-now{margin:25px 0;padding:18px;border-left:3px solid #a3e635;background:rgba(255,255,255,.04)}.worktime-now span{color:#91a595;font-size:11px}.worktime-now h3{margin:5px 0;color:#fff;line-height:1.65;text-wrap:wrap;overflow-wrap:normal}.worktime-now p{margin:0;color:#c6d2c9;font-size:13px}.worktime-bars{display:grid;gap:11px}.worktime-bars i{position:relative;display:flex;justify-content:space-between;padding:9px 10px;overflow:hidden;background:rgba(255,255,255,.04);font-style:normal}.worktime-bars i:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--bar);background:rgba(113,173,79,.22)}.worktime-bars span,.worktime-bars b{position:relative;color:#e7efe9;font-size:12px}.evaluation-demo header span{color:#9fb0a4;font-size:11px}.evaluation-demo h3{margin:3px 0;color:#fff;line-height:1.65;text-wrap:wrap;overflow-wrap:normal}.evaluation-demo header>strong{color:#a3e635;font-size:28px}.evaluation-demo .progress{height:8px;margin:24px 0;border-radius:99px;background:rgba(255,255,255,.09);overflow:hidden}.evaluation-demo .progress i{display:block;width:58%;height:100%;background:#8fca58}.evaluation-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.evaluation-kpis div{padding:13px 10px;background:rgba(255,255,255,.045)}.evaluation-kpis span,.evaluation-kpis b{display:block}.evaluation-kpis span{color:#8da093;font-size:10px}.evaluation-kpis b{margin-top:3px;color:#fff}.tour-rows{display:grid;gap:5px;margin-top:17px}.tour-rows span{padding:9px;background:rgba(255,255,255,.04);color:#c8d4cc;font-size:11px}.tour-rows i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#a3e635}
.planning-intelligence{background:linear-gradient(180deg,#eef0e8,#f5f2ea)}.planning-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:34px 0 18px}.planning-cases article{padding:22px;border:1px solid rgba(29,65,45,.13);border-radius:10px;background:#fbfaf5}.planning-cases h3{margin:18px 0 8px;font-size:20px}.planning-cases p{color:#56655b}.planning-cases small{font-family:monospace;color:#3f694c}.case-status{display:inline-flex;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.case-status.ready{background:#dcedc7;color:#244d31}.case-status.check{background:#fff0b7;color:#6c4c03}.case-status.missing{background:#f9d4d0;color:#7c2c25}.planning-map-demo{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.55fr);min-height:470px;overflow:hidden;border:1px solid rgba(21,52,37,.16);border-radius:12px;background:#173124;box-shadow:0 32px 70px rgba(28,54,39,.18)}.planning-map-canvas{position:relative;min-height:470px;overflow:hidden;background:radial-gradient(circle at 69% 28%,rgba(168,188,111,.28),transparent 25%),linear-gradient(135deg,#5b6d50,#31483a)}.planning-map-canvas:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:42px 42px}.planning-map-canvas svg{position:absolute;inset:0;width:100%;height:100%}.map-road{fill:none;stroke:#c1bba5;stroke-width:34}.map-field{fill:rgba(141,180,89,.24);stroke:#d8ecb9;stroke-width:3}.map-approach,.map-departure{fill:none;stroke-width:8;stroke-linecap:round}.map-approach{stroke:#6ee06c}.map-departure{stroke:#e45145}.map-target{fill:#fff;stroke:#173124;stroke-width:5}.map-label{position:absolute;padding:6px 8px;border-radius:5px;background:#f8f7f0;color:#173124;font-size:11px;font-weight:800}.label-start{left:5%;bottom:16%}.label-target{right:13%;top:30%}.label-green{left:43%;bottom:34%;color:#25612d}.label-red{right:5%;bottom:32%;color:#993c33}.planning-map-demo aside{padding:27px 23px;color:#fff}.planning-map-demo aside>p{color:#a3e635;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.planning-map-demo aside h3{font-size:21px}.planning-map-demo dl{display:grid;gap:1px;margin:22px 0;background:rgba(255,255,255,.1)}.planning-map-demo dl div{padding:10px;background:#10271b}.planning-map-demo dt{color:#8fa296;font-size:10px}.planning-map-demo dd{margin:3px 0 0;font-size:12px}.planning-map-demo small{display:block;margin-top:10px;color:#8fa296}
.resilience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:35px 0 25px}.resilience-grid article{min-height:315px;padding:25px;border:1px solid rgba(23,58,40,.13);border-radius:10px;background:#f9f8f2}.resilience-grid article>span{font-family:monospace;color:#4f7458;font-size:11px}.resilience-grid h3{margin:24px 0 9px}.resilience-grid p{color:#56655b}.sync-line{display:flex;align-items:center;gap:9px;margin-top:30px;padding:12px;background:#e9f0e5;color:#315139;font-size:12px}.sync-line i{width:9px;height:9px;border-radius:50%;background:#69ad51}.pdf-mini{display:grid;gap:8px;margin:25px auto 0;width:160px;padding:17px;background:white;box-shadow:0 14px 34px rgba(25,48,34,.14)}.pdf-mini b{font-size:10px;color:#21442e}.pdf-mini i{height:3px;background:#d8dfd9}.pdf-mini i:nth-of-type(2){width:73%}.pdf-mini strong{margin-top:10px;color:#264d34}.brand-pins{display:flex;gap:8px;margin-top:37px}.brand-pins i{display:grid;place-items:center;width:48px;height:48px;border:2px solid #fff;border-radius:50% 50% 50% 9px;transform:rotate(-45deg);background:#275e3b;color:white;font-style:normal;font-size:10px;font-weight:900}.brand-pins i:nth-child(2){background:#927236}.brand-pins i:nth-child(3){background:#4f718e}.brand-pins i:nth-child(4){background:#70994c}
@media(max-width:1050px){.all-in-one-steps{grid-template-columns:repeat(3,1fr)}.all-in-one-steps li:nth-child(3):after{display:none}.fleetlive-demo,.planning-map-demo{grid-template-columns:1fr}.fleetlive-demo aside{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fleetlive-demo aside dl{grid-column:1/-1}.planning-map-demo aside{display:grid;grid-template-columns:1fr 1fr;gap:10px}.planning-map-demo aside dl{grid-column:1/-1}.planning-map-demo aside button,.planning-map-demo aside small{grid-column:1/-1}}
@media(max-width:760px){.hero-livebar{display:grid;grid-template-columns:1fr 1fr}.all-in-one-steps{grid-template-columns:1fr}.all-in-one-steps li{min-height:0}.all-in-one-steps li:not(:last-child):after{display:none}.all-in-one-steps h3{margin-top:20px}.all-in-one-steps p{min-height:0}.planning-cases,.resilience-grid{grid-template-columns:1fr}.fleet-map,.planning-map-canvas{min-height:360px}.fleetlive-demo aside,.planning-map-demo aside{display:block}.product-tabs-code .tab-list{overflow:auto;justify-content:flex-start}.evaluation-kpis{grid-template-columns:1fr}.driver-actions{grid-template-columns:1fr}}
@media(max-width:460px){.hero-livebar{grid-template-columns:1fr}.fleet-map,.planning-map-canvas{min-height:300px}.map-label{font-size:9px}.label-red{display:none}}
@media(prefers-reduced-motion:reduce){.fleet-map .active-route{stroke-dasharray:none}}
.functions-hero-demo{overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:#0b1f15;box-shadow:0 30px 70px rgba(0,0,0,.3)}.functions-hero-demo>header{display:flex;align-items:center;gap:12px;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.08)}.functions-hero-demo header span{color:#a3e635;font:700 11px monospace}.functions-hero-demo header strong{flex:1;color:#fff;font-size:13px}.functions-hero-demo header i{padding:4px 7px;border-radius:99px;background:rgba(163,230,53,.13);color:#c7ef96;font-size:10px;font-style:normal}.functions-hero-map{position:relative;min-height:300px;background:linear-gradient(135deg,#5b6e50,#2e4537)}.functions-hero-map svg{position:absolute;inset:0;width:100%;height:100%}.fh-road{fill:none;stroke:#c3bca4;stroke-width:29}.fh-route{fill:none;stroke:#a3e635;stroke-width:6;stroke-linecap:round;stroke-dasharray:9 8}.fh-field{fill:rgba(164,199,103,.24);stroke:#d9edb6;stroke-width:2}.functions-hero-map circle{fill:#fff;stroke:#173c28;stroke-width:4}.functions-hero-map span{position:absolute;left:12px;bottom:12px;padding:6px 8px;border-radius:5px;background:#07110c;color:#fff;font-size:11px}.functions-hero-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.09)}.functions-hero-kpis div{padding:12px;background:#0d2418}.functions-hero-kpis span,.functions-hero-kpis b{display:block}.functions-hero-kpis span{color:#8fa195;font-size:9px}.functions-hero-kpis b{margin-top:3px;color:#fff;font-size:13px}.functions-hero-demo>small{display:block;padding:8px 13px;color:#7f9386;font-size:9px}.map-illustration .route-red{stroke:#e45145;stroke-dasharray:8 7}.offline-sequence{display:grid;grid-template-columns:auto minmax(30px,1fr) auto minmax(30px,1fr) auto;align-items:center;gap:9px;padding:28px;border:1px solid rgba(23,60,40,.14);border-radius:10px;background:#f8f7f1}.offline-sequence span{display:grid;place-items:center;min-width:110px;min-height:110px;padding:12px;border-radius:50%;background:#173c28;color:#d9e7dc;text-align:center;font:12px/1.5 monospace}.offline-sequence b{color:#c3eb4a;font-family:inherit}.offline-sequence i{height:3px;background:linear-gradient(90deg,#759260,#a3e635);position:relative}.offline-sequence i:after{content:"";position:absolute;right:0;top:-4px;border-left:8px solid #a3e635;border-top:5px solid transparent;border-bottom:5px solid transparent}@media(max-width:720px){.functions-hero-kpis{grid-template-columns:1fr}.offline-sequence{grid-template-columns:1fr}.offline-sequence span{border-radius:9px}.offline-sequence i{width:3px;height:30px;margin:auto}.offline-sequence i:after{right:-4px;top:auto;bottom:0;transform:rotate(90deg)}}

/* AgriLoad V52 premium layer — content-hashed by the build. */
:root {
  --premium-ink: #09120d;
  --premium-forest: #102a1b;
  --premium-green: #214e32;
  --premium-lime: #b7df38;
  --premium-bone: #f1f1e8;
  --premium-paper: #fbfcf7;
  --premium-line: rgba(13, 36, 24, .15);
}

body { background: var(--premium-paper); }
main { background: radial-gradient(circle at 8% 32%, rgba(183, 223, 56, .05), transparent 28rem), var(--premium-paper); }
.site-header { height: 88px; }
.site-header::after { content: ""; position: absolute; inset: auto 0 0; height: 1px; background: rgba(255,255,255,.12); }
.header-shell { width: min(100% - 48px, 1520px); }
.brand-original { width: 202px; height: 52px; padding: 6px 0; }
.brand-original img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
.brand-footer { width: 218px; height: 58px; filter: none; }
.button-outline { border-color: var(--premium-line); color: var(--premium-ink); background: transparent; }
.button-outline:hover { border-color: var(--premium-green); }
.lead-copy { color: var(--al-muted); font-size: clamp(1.15rem, 2vw, 1.45rem); line-height: 1.62; }

/* Homepage hero */
.premium-hero { min-height: max(780px, 100svh); display: grid; align-items: center; position: relative; isolation: isolate; overflow: hidden; padding: 10.5rem 0 6rem; }
.premium-hero-media, .premium-hero-shade { position: absolute; z-index: -2; inset: 0; }
.premium-hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: 54% 50%; }
.premium-hero-shade { z-index: -1; background: linear-gradient(90deg, rgba(6,15,10,.97) 0%, rgba(6,15,10,.88) 34%, rgba(6,15,10,.54) 67%, rgba(6,15,10,.34) 100%), linear-gradient(0deg, rgba(6,15,10,.92), transparent 58%); }
.premium-hero-layout { display: grid; grid-template-columns: minmax(0,.88fr) minmax(520px,1.12fr); gap: clamp(3rem,6vw,7rem); align-items: center; }
.premium-hero-copy { position: relative; z-index: 2; }
.premium-hero-copy h1 { max-width: 760px; margin: 0 0 1.5rem; font-size: clamp(4.6rem,8.3vw,9.5rem); line-height: .78; letter-spacing: -.052em; }
.premium-hero-copy h1 em { color: var(--premium-lime); font-style: normal; }
.premium-hero-copy > p:not(.eyebrow) { max-width: 660px; margin-bottom: 2rem; color: #f6f8f2; font-size: clamp(1.08rem,1.55vw,1.34rem); }
.premium-hero-textlink { display: inline-flex; gap: .6rem; margin-top: 1.7rem; color: #fff; font-weight: 800; text-decoration: none; }
.premium-hero-textlink:hover { color: var(--premium-lime); }
.premium-hero-root { min-width: 0; }
.premium-hero-fallback { min-height: 430px; display: grid; place-content: end start; gap: .35rem; padding: 2rem; border: 1px solid rgba(255,255,255,.18); background: rgba(8,22,14,.62); }
.premium-hero-fallback span, .premium-hero-fallback small { color: #cbd5cb; }
.premium-proof-strip { position: absolute; inset: auto 50% 0 auto; width: min(100% - 48px,1520px); transform: translateX(50%); display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.16); }
.premium-proof-strip span { min-height: 68px; display: flex; align-items: center; padding: 0 1.2rem; border-right: 1px solid rgba(255,255,255,.13); color: rgba(255,255,255,.74); font-size: .76rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.premium-proof-strip span::before { content: ""; width: 7px; height: 7px; margin-right: .7rem; border-radius: 50%; background: var(--premium-lime); box-shadow: 0 0 0 5px rgba(183,223,56,.11); }

/* Motion hero product scene */
.premium-hero-visual { min-height: 500px; position: relative; border: 1px solid rgba(255,255,255,.2); border-radius: 14px; overflow: hidden; background: rgba(7,17,12,.72); box-shadow: 0 34px 100px rgba(0,0,0,.38); backdrop-filter: blur(12px); }
.premium-map-grid { position: absolute; inset: 0; opacity: .36; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 48px 48px; }
.premium-field-map { position: absolute; inset: 1.1rem; width: calc(100% - 2.2rem); height: calc(100% - 2.2rem); }
.premium-field-map path { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.premium-field-boundary { fill: rgba(183,223,56,.1) !important; stroke: rgba(183,223,56,.44); stroke-width: 2; stroke-dasharray: 6 9; }
.premium-road { stroke: rgba(255,255,255,.2); stroke-width: 20; }
.premium-route-in { stroke: var(--premium-lime); stroke-width: 5; }
.premium-route-out { stroke: var(--al-route-red); stroke-width: 4; stroke-dasharray: 8 10; }
.premium-target { fill: var(--premium-lime); stroke: white; stroke-width: 3; }
.premium-truck-marker { position: absolute; top: 207px; left: 115px; width: 58px; height: 28px; filter: drop-shadow(0 8px 10px rgba(0,0,0,.5)); }
.premium-truck-marker span { position: absolute; inset: 2px 20px 5px 0; border-radius: 3px 0 0 3px; background: #d7ddd7; }
.premium-truck-marker i { position: absolute; inset: 0 0 4px 34px; border-radius: 3px 7px 3px 1px; background: #24633d; }
.premium-truck-marker b, .premium-truck-marker::after { content: ""; position: absolute; bottom: 0; width: 9px; height: 9px; border: 2px solid #d8d8d2; border-radius: 50%; background: #07110c; }
.premium-truck-marker b { left: 9px; }.premium-truck-marker::after { right: 7px; }
.premium-tour-card { position: absolute; z-index: 3; width: min(280px,50%); left: 1.4rem; bottom: 1.4rem; padding: 1.25rem; border: 1px solid rgba(255,255,255,.16); border-radius: 10px; background: rgba(7,17,12,.91); box-shadow: 0 20px 45px rgba(0,0,0,.28); }
.premium-data-label { display: block; color: #708276; font-size: .66rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.section-dark .premium-data-label, .premium-tour-card .premium-data-label { color: var(--premium-lime); }
.premium-tour-card > strong { display: block; margin: .45rem 0; font-size: 1.15rem; }
.premium-tour-card > p { margin: 0 0 .8rem; color: #c5cec5; font-size: .78rem; }
.premium-tour-card dl { display: grid; grid-template-columns: repeat(3,1fr); gap: .4rem; margin: 0; }
.premium-tour-card dl div { min-width: 0; }
.premium-tour-card dt { color: #829087; font-size: .58rem; }.premium-tour-card dd { margin: .15rem 0 0; font-size: .7rem; font-weight: 800; }
.premium-tour-card small { display: flex; align-items: center; gap: .4rem; margin-top: .85rem; color: #9eaba1; font-size: .62rem; }
.premium-tour-card small i { width: 7px; height: 7px; border-radius: 50%; background: var(--premium-lime); }
.premium-report-chip { position: absolute; z-index: 2; top: 1.5rem; right: 1.5rem; display: grid; gap: .2rem; padding: 1rem 1.2rem; border: 1px solid rgba(255,255,255,.16); border-radius: 9px; background: rgba(241,241,232,.96); color: var(--premium-ink); box-shadow: 0 18px 40px rgba(0,0,0,.23); }
.premium-report-chip span { color: #627066; font-size: .6rem; font-weight: 900; letter-spacing: .15em; }.premium-report-chip small { color: #627066; }
.premium-map-legend { position: absolute; z-index: 2; right: 1.2rem; bottom: 1.2rem; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .35rem .8rem; max-width: 245px; color: #d8ded8; font-size: .59rem; }
.premium-map-legend span { display: flex; align-items: center; gap: .3rem; }.premium-map-legend i { width: 15px; height: 3px; background: var(--premium-lime); }.premium-map-legend i.is-red { background: var(--al-route-red); }.premium-map-legend i.is-mixed { background: linear-gradient(90deg,var(--premium-lime) 50%,var(--al-route-red) 50%); }
.premium-example-label { position: absolute; top: 1.25rem; left: 1.25rem; color: rgba(255,255,255,.55); font-size: .56rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

/* Editorial and journey */
.premium-intro { border-bottom: 1px solid var(--premium-line); }
.premium-editorial-grid { display: grid; grid-template-columns: 2fr 7fr 3fr; gap: clamp(2rem,5vw,6rem); align-items: start; }
.premium-editorial-grid h2 { max-width: 920px; margin-bottom: 1.5rem; }
.premium-side-note { padding: 1.25rem 0 1.25rem 1.3rem; border-left: 3px solid var(--premium-lime); color: var(--al-muted); font-size: .91rem; }
.premium-journey-section { overflow: clip; }
.premium-journey { min-height: 240vh; }
.premium-journey-sticky { min-height: calc(100svh - 110px); position: sticky; top: 88px; display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(2rem,6vw,7rem); align-items: center; }
.premium-journey-copy h2 { max-width: 630px; }.premium-journey-copy > p:last-of-type { max-width: 590px; color: var(--al-muted); }
.premium-journey-copy ol { display: grid; grid-template-columns: repeat(2,1fr); gap: 0; padding: 0; margin: 2.4rem 0 0; list-style: none; border-top: 1px solid var(--premium-line); }
.premium-journey-copy li { border-bottom: 1px solid var(--premium-line); }
.premium-journey-copy li:nth-child(odd) { border-right: 1px solid var(--premium-line); }
.premium-journey-copy button { width: 100%; min-height: 62px; display: flex; align-items: center; gap: .8rem; padding: .75rem; border: 0; background: transparent; color: #6a746d; text-align: left; cursor: pointer; }
.premium-journey-copy button span { font: 800 1.2rem/1 var(--al-font-display); }.premium-journey-copy button strong { font-size: .8rem; }
.premium-journey-copy li.is-active button { background: var(--premium-ink); color: white; }.premium-journey-copy li.is-active button span { color: var(--premium-lime); }
.premium-journey-stage { min-width: 0; }
.premium-journey-stage > article { overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: var(--premium-ink); color: white; box-shadow: 0 32px 80px rgba(7,17,12,.2); }
.premium-journey-stage > article > header, .premium-journey-stage > article > footer { display: flex; justify-content: space-between; gap: 1rem; padding: .9rem 1.2rem; color: #96a197; font-size: .64rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.journey-canvas { min-height: 470px; position: relative; display: grid; place-items: center; padding: 3rem; overflow: hidden; background: radial-gradient(circle at 72% 25%, rgba(183,223,56,.14), transparent 16rem), linear-gradient(135deg,#10251a,#07110c); }
.journey-canvas::before { content: ""; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size: 42px 42px; }
.journey-window { z-index: 2; width: min(100%,560px); border: 1px solid rgba(255,255,255,.16); border-radius: 10px; overflow: hidden; background: #f7f8f2; color: var(--premium-ink); box-shadow: 0 22px 55px rgba(0,0,0,.3); }
.journey-window-top { display: flex; justify-content: space-between; padding: .8rem 1rem; border-bottom: 1px solid var(--premium-line); background: white; }.journey-window-top span { font-weight: 900; }.journey-window-top small { color: #6b776f; }
.journey-window-body { padding: 1.8rem; }.journey-window-body h3 { margin: .45rem 0 .65rem; font-size: clamp(1.8rem,3.5vw,3rem); }.journey-window-body p { color: var(--al-muted); }.journey-window-body > strong { display: block; margin-top: 1.5rem; color: var(--premium-green); font: 800 clamp(1.8rem,4vw,3.2rem)/1 var(--al-font-display); }
.journey-lines { display: grid; gap: .5rem; margin-top: 1.4rem; }.journey-lines i { height: 7px; width: 100%; border-radius: 99px; background: #e0e5de; }.journey-lines i:nth-child(2){width:74%}.journey-lines i:nth-child(3){width:48%}
.journey-index { position: absolute; right: 1rem; bottom: -1.6rem; color: rgba(255,255,255,.06); font: 900 13rem/1 var(--al-font-display); }
.journey-route { position: absolute; inset: 10% 5%; }.journey-route::before { content: ""; position: absolute; left: 5%; right: 5%; top: 50%; height: 3px; background: linear-gradient(90deg,var(--premium-lime) 82%,var(--al-route-red) 82%); transform: rotate(-11deg); }.journey-route i { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: white; box-shadow: 0 0 0 7px rgba(255,255,255,.08); }.journey-route i:nth-child(1){left:5%;top:65%}.journey-route i:nth-child(2){left:22%;top:58%}.journey-route i:nth-child(3){left:40%;top:48%}.journey-route i:nth-child(4){left:58%;top:39%}.journey-route i:nth-child(5){left:76%;top:31%}.journey-route i:nth-child(6){right:3%;top:26%;background:var(--al-route-red)}
.premium-journey-fallback { padding: 3rem; border: 1px solid var(--premium-line); }.premium-journey-fallback ol { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; padding: 1px; list-style-position: inside; background: var(--premium-line); }.premium-journey-fallback li { padding: 1rem; background: var(--premium-paper); }

/* Homepage solution cards */
.premium-heading-split { max-width: none; display: grid; grid-template-columns: 1.45fr .55fr; gap: clamp(2rem,6vw,7rem); align-items: end; }
.premium-heading-split > p { color: var(--al-muted); }
.premium-solution-grid { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid var(--premium-line); border-left: 1px solid var(--premium-line); }
.premium-solution-card { min-height: 450px; display: grid; grid-template-rows: auto 1fr auto auto; gap: 1.2rem; position: relative; padding: clamp(1.5rem,3vw,3rem); border-right: 1px solid var(--premium-line); border-bottom: 1px solid var(--premium-line); color: inherit; text-decoration: none; overflow: hidden; transition: background .25s,color .25s; }
.premium-solution-card:hover { background: var(--premium-ink); color: white; }.premium-solution-card:hover p:not(.eyebrow) { color: #bfc9c0; }.premium-solution-card:hover .eyebrow { color: var(--premium-lime); }
.premium-solution-wide { grid-column: span 2; min-height: 360px; grid-template-columns: 1.05fr .95fr; grid-template-rows: auto 1fr auto; }.premium-solution-wide .premium-card-index { grid-column: 1/-1; }.premium-solution-wide > strong { grid-column: 1/-1; }
.premium-card-index { color: #7c877f; font: 800 1rem/1 var(--al-font-display); }.premium-solution-card h3 { margin-bottom: .8rem; font: 800 clamp(2.5rem,5vw,5rem)/.88 var(--al-font-display); letter-spacing: -.04em; }.premium-solution-card p { color: var(--al-muted); }.premium-solution-card > strong { align-self: end; font-size: .83rem; }
.mini-fleet-map,.mini-field { min-height: 160px; position: relative; border: 1px solid currentColor; opacity: .86; overflow: hidden; background-image: linear-gradient(rgba(97,117,103,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(97,117,103,.14) 1px,transparent 1px); background-size: 30px 30px; }.mini-fleet-map::before,.mini-field::before { content:"";position:absolute;width:130%;height:4px;left:-12%;top:57%;background:var(--premium-lime);transform:rotate(-9deg); }.mini-fleet-map i { position:absolute;width:14px;height:14px;border:3px solid white;border-radius:50%;background:var(--premium-green);box-shadow:0 3px 9px #07110c; }.mini-fleet-map i:nth-child(1){left:23%;top:54%}.mini-fleet-map i:nth-child(2){left:55%;top:44%}.mini-fleet-map i:nth-child(3){left:78%;top:33%}.mini-fleet-map b { position:absolute;right:7%;bottom:8%;width:22%;height:34%;border:1px dashed var(--premium-lime);background:rgba(183,223,56,.09); }
.mini-phone { width: min(70%,220px); align-self:end; justify-self:center; display:grid;gap:.7rem;padding:1.2rem;border:7px solid var(--premium-ink);border-radius:22px;background:white;color:var(--premium-ink);box-shadow:0 18px 40px rgba(7,17,12,.16); }.premium-solution-card:hover .mini-phone{border-color:#fff}.mini-phone span{font-size:.58rem;letter-spacing:.12em}.mini-phone b{font:800 2.3rem/1 var(--al-font-display)}.mini-phone i{height:80px;background:linear-gradient(135deg,#dde6d7,#9db886);clip-path:polygon(6% 15%,86% 0,96% 76%,34% 100%)}
.mini-field b{position:absolute;left:60%;top:28%;width:30%;height:50%;border:2px dashed var(--premium-lime);background:rgba(183,223,56,.08);clip-path:polygon(12% 0,100% 10%,80% 100%,0 80%)}.mini-field i{position:absolute;left:44%;top:51%;width:10px;height:10px;border-radius:50%;background:var(--premium-lime)}
.mini-time { align-self:end;padding:1.4rem;border-left:4px solid var(--premium-lime);background:#eef2e9;color:var(--premium-ink)}.mini-time strong{display:block;font:800 4rem/1 var(--al-font-display)}.mini-time span{font-size:.72rem;font-weight:800}
.mini-report { align-self:center;display:grid;gap:.7rem;padding:2rem;border:1px solid #c8d0c7;background:white;color:var(--premium-ink);box-shadow:0 20px 45px rgba(7,17,12,.14)}.mini-report span{font-size:.64rem;font-weight:900;letter-spacing:.14em}.mini-report i{height:8px;background:#dce1da}.mini-report i:nth-of-type(2){width:68%}.mini-report b{font:800 3rem/1 var(--al-font-display);color:var(--premium-green)}

/* Portal and software entry */
.premium-portal-grid,.premium-software-teaser-grid,.premium-two-column { display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,9rem);align-items:center }.premium-portal h2{margin-bottom:1.4rem}.premium-portal .button{margin-top:1rem}.portal-flow{display:grid;gap:1px;padding:1px;background:rgba(255,255,255,.14)}.portal-flow article{display:grid;grid-template-columns:46px 1fr;gap:.15rem 1rem;padding:1.1rem;background:#11251a}.portal-flow article span{grid-row:span 2;color:var(--premium-lime);font:800 1.8rem/1 var(--al-font-display)}.portal-flow article small{color:#9eaaa1}.portal-flow>p{padding:1rem;margin:0;background:#0a160f;color:#aeb9b0;font-size:.72rem}
.premium-software-teaser{background:radial-gradient(circle at 82% 22%,rgba(183,223,56,.15),transparent 26rem),linear-gradient(135deg,#f6f7f0,var(--premium-bone))}.software-system-stage{min-height:430px;position:relative;display:grid;align-content:center;gap:.8rem;padding:clamp(1rem,4vw,3rem);isolation:isolate}.software-system-stage::before{content:"";position:absolute;inset:4% 0;border:1px solid rgba(33,78,50,.16);background-image:linear-gradient(rgba(33,78,50,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(33,78,50,.07) 1px,transparent 1px);background-size:34px 34px;z-index:-1}.software-system-stage article{display:grid;grid-template-columns:minmax(110px,.6fr) 1.25fr auto;gap:1rem;align-items:center;padding:1.2rem 1.35rem;border:1px solid var(--premium-line);background:rgba(251,252,247,.92);box-shadow:0 14px 30px rgba(7,17,12,.08)}.software-system-stage article.is-active{margin-left:clamp(.5rem,4vw,3rem);border-color:var(--premium-green);background:var(--premium-ink);color:#fff;box-shadow:0 24px 50px rgba(7,17,12,.22)}.software-system-stage span{font-size:.67rem;font-weight:900;letter-spacing:.12em}.software-system-stage small{color:#647168;font-weight:800}.software-system-stage .is-active span,.software-system-stage .is-active small{color:var(--premium-lime)}.software-system-stage i{position:absolute;right:1rem;top:10%;bottom:10%;width:3px;background:linear-gradient(var(--premium-lime) 0 68%,var(--al-route-red) 68%);z-index:-1}

/* Shared premium page heroes */
.premium-page-hero { min-height: 680px; padding-top: 11rem; background: radial-gradient(circle at 82% 32%,rgba(183,223,56,.16),transparent 24rem),linear-gradient(135deg,#07110c,#153321); }
.premium-page-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,black)}
.premium-page-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,8rem);align-items:center}.premium-page-hero h1{max-width:800px}.premium-page-hero .button{margin-top:1rem}
.premium-orbit{min-height:450px;position:relative;border:1px solid rgba(255,255,255,.16);border-radius:50%}.premium-orbit::before,.premium-orbit::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%}.premium-orbit::before{inset:14%}.premium-orbit::after{inset:31%}.premium-orbit span{position:absolute;padding:.45rem .65rem;border:1px solid rgba(255,255,255,.18);background:#0b1a11;color:#c8d2c9;font-size:.6rem;font-weight:900;letter-spacing:.12em}.premium-orbit span:nth-child(1){left:42%;top:-2%}.premium-orbit span:nth-child(2){right:-4%;top:25%}.premium-orbit span:nth-child(3){right:4%;bottom:11%}.premium-orbit span:nth-child(4){left:35%;bottom:-2%}.premium-orbit span:nth-child(5){left:-3%;bottom:19%}.premium-orbit span:nth-child(6){left:-7%;top:24%}.premium-orbit i{position:absolute;inset:42%;border-radius:50%;background:var(--premium-lime);box-shadow:0 0 60px rgba(183,223,56,.5)}
.premium-role-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--premium-line);border-left:1px solid var(--premium-line)}.premium-role-grid article{min-height:270px;padding:clamp(1.2rem,2.5vw,2.4rem);border-right:1px solid var(--premium-line);border-bottom:1px solid var(--premium-line)}.premium-role-grid article>span{display:block;margin-bottom:3rem;color:var(--premium-green);font:800 1rem/1 var(--al-font-display);letter-spacing:.08em}.premium-role-grid h3{margin-bottom:.8rem}.premium-role-grid p{color:var(--al-muted);font-size:.92rem}
.premium-path{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--premium-line)}.premium-path a{min-height:310px;display:flex;flex-direction:column;padding:1.5rem;border-right:1px solid var(--premium-line);text-decoration:none;transition:background .2s,color .2s}.premium-path a:last-child{border:0}.premium-path a:hover{background:var(--premium-ink);color:#fff}.premium-path span{font-size:.61rem;font-weight:900;letter-spacing:.12em}.premium-path h2{margin:auto 0 1rem;font-size:2rem}.premium-path p{color:var(--al-muted);font-size:.84rem}.premium-path a:hover p{color:#bac4bb}.check-list{display:grid;gap:.8rem;padding:0;list-style:none}.check-list li{position:relative;padding-left:1.7rem}.check-list li::before{content:"";position:absolute;left:0;top:.58em;width:8px;height:8px;border-radius:50%;background:var(--premium-lime);box-shadow:0 0 0 5px rgba(183,223,56,.15)}

/* Product page demos */
.premium-phone-demo{width:min(100%,380px);justify-self:center;padding:1.2rem;border:10px solid #020604;border-radius:34px;background:#fafbf6;color:var(--premium-ink);box-shadow:0 35px 70px rgba(0,0,0,.35)}.premium-phone-demo header{display:flex;justify-content:space-between;color:#59665d;font-size:.6rem;font-weight:900;letter-spacing:.1em}.premium-phone-demo header i{color:var(--premium-green)}.premium-phone-demo h2{margin:1.4rem 0 .3rem;font-size:2.4rem}.premium-phone-demo>p{color:#657169!important;font-size:.8rem!important}.phone-map{min-height:240px;position:relative;margin:1rem 0;background:linear-gradient(135deg,#e3eadc,#b8cbaa);overflow:hidden}.phone-map b{position:absolute;inset:17% 10% 22% 34%;background:rgba(88,130,57,.35);border:2px dashed #497336;clip-path:polygon(9% 0,96% 12%,82% 100%,0 80%)}.phone-map i{position:absolute;left:-5%;right:15%;top:63%;height:4px;background:var(--premium-lime);transform:rotate(-12deg)}.phone-map span{position:absolute;left:1rem;bottom:1rem;padding:.35rem .5rem;background:var(--premium-ink);color:white;font-size:.62rem;font-weight:800}.phone-action{padding:.8rem;border-radius:7px;background:var(--premium-lime);text-align:center;font-weight:900}.premium-phone-demo>small{display:block;margin-top:.7rem;color:#7d8980;text-align:center}
.product-schematic{min-height:430px;position:relative;overflow:hidden;border:1px solid var(--premium-line);background-image:linear-gradient(rgba(23,60,40,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(23,60,40,.08) 1px,transparent 1px);background-size:40px 40px}.product-schematic>span{position:absolute;top:1rem;left:1rem;font-size:.63rem;font-weight:900;letter-spacing:.14em}.field-schematic::before{content:"";position:absolute;left:40%;top:14%;width:48%;height:67%;background:rgba(110,151,83,.21);border:2px dashed #597e43;clip-path:polygon(16% 0,100% 14%,82% 100%,0 78%)}.field-schematic i{position:absolute;left:4%;width:72%;height:4px;transform:rotate(-14deg)}.field-schematic .route-green{top:61%;background:var(--premium-lime)}.field-schematic .route-red{top:68%;left:57%;background:var(--al-route-red)}.field-schematic b{position:absolute;left:35%;top:50%;padding:.4rem .55rem;background:var(--premium-ink);color:#fff;font-size:.7rem}
.fleet-page-map,.planning-page-map{min-height:460px;position:relative;border:1px solid rgba(255,255,255,.16);overflow:hidden;background:linear-gradient(135deg,rgba(42,78,50,.65),rgba(6,16,10,.8));background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:42px 42px}.fleet-page-route{position:absolute;left:-10%;right:-10%;top:52%;height:5px;background:var(--premium-lime);transform:rotate(-13deg)}.vehicle-label{position:absolute;padding:.4rem .55rem;border:2px solid white;border-radius:4px;background:var(--premium-green);font-size:.62rem;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.34)}.vehicle-label::before{content:"";display:inline-block;width:7px;height:7px;margin-right:.35rem;border-radius:50%;background:var(--premium-lime)}.vehicle-label.v1{left:16%;top:59%}.vehicle-label.v2{left:47%;top:43%}.vehicle-label.v3{right:10%;top:28%}.vehicle-label.is-offline{background:#5d665f}.vehicle-label.is-offline::before{background:#b5bcb7}.fleet-page-map aside{position:absolute;left:1rem;right:1rem;bottom:1rem;display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(7,17,12,.9)}.fleet-page-map aside small{color:var(--premium-lime);font-weight:900;letter-spacing:.1em}.fleet-page-map aside span{margin-left:auto;color:#aab4ac;font-size:.65rem}
.live-status-board{border:1px solid var(--premium-line);background:#fff;box-shadow:0 25px 60px rgba(7,17,12,.1)}.live-status-board header{display:flex;justify-content:space-between;padding:1.1rem;border-bottom:1px solid var(--premium-line);font-size:.7rem;font-weight:900;letter-spacing:.1em}.live-status-board article{display:grid;grid-template-columns:20px 1fr auto;gap:.7rem;padding:1rem;border-bottom:1px solid var(--premium-line)}.live-status-board article i{width:10px;height:10px;margin-top:.4rem;border-radius:50%;background:var(--premium-lime)}.live-status-board article span{color:#718078;font-size:.75rem}.live-status-board article.is-muted{opacity:.6}.live-status-board article.is-muted i{background:#7a857d}.live-status-board>small{display:block;padding:1rem;color:#758078}
.planning-page-map svg{width:100%;height:100%}.planning-page-map path{fill:none;stroke-linecap:round}.planning-page-map .field{fill:rgba(183,223,56,.1);stroke:rgba(183,223,56,.55);stroke-width:2;stroke-dasharray:7 9}.planning-page-map .road{stroke:rgba(255,255,255,.18);stroke-width:20}.planning-page-map .approach{stroke:var(--premium-lime);stroke-width:5}.planning-page-map .departure{stroke:var(--al-route-red);stroke-width:5}.planning-page-map circle{fill:var(--premium-lime);stroke:white;stroke-width:3}.map-chip{position:absolute;padding:.35rem .5rem;border-radius:4px;background:#07110c;font-size:.6rem;font-weight:900}.map-chip.chip-a{left:18%;bottom:21%}.map-chip.chip-b{right:5%;top:48%;border-left:3px solid var(--al-route-red)}.map-chip.chip-c{right:30%;top:24%;border-left:3px solid var(--premium-lime)}.planning-page-map>small{position:absolute;right:1rem;bottom:1rem;color:#aab4ac}
.planning-checklist{border:1px solid var(--premium-line);background:#fff;box-shadow:0 24px 55px rgba(7,17,12,.09)}.planning-checklist article{display:grid;grid-template-columns:30px 1fr;gap:.8rem;padding:1.2rem;border-bottom:1px solid var(--premium-line)}.planning-checklist i{width:16px;height:16px;margin-top:.2rem;border:4px solid white;border-radius:50%;box-shadow:0 0 0 1px #768379}.planning-checklist i.ok{background:var(--premium-lime)}.planning-checklist i.attention{background:var(--al-route-red)}.planning-checklist span{display:grid}.planning-checklist small{color:#748078}.planning-checklist>p{padding:1rem;margin:0;color:#748078;font-size:.72rem}
.time-page-card{padding:1.6rem;border:1px solid rgba(255,255,255,.17);background:rgba(7,17,12,.82);box-shadow:0 30px 70px rgba(0,0,0,.32)}.time-page-card header{display:flex;align-items:center;justify-content:space-between;color:var(--premium-lime);font-size:.66rem;font-weight:900;letter-spacing:.14em}.time-page-card header i{width:9px;height:9px;border-radius:50%;background:var(--premium-lime);box-shadow:0 0 0 6px rgba(183,223,56,.12)}.time-page-card>strong{display:block;margin:2rem 0 .3rem;font:800 clamp(4rem,8vw,7rem)/1 var(--al-font-display)}.time-page-card>p{color:#aeb9b0!important}.time-page-card>div{display:grid;grid-template-columns:100px 1fr 45px;gap:.8rem;align-items:center;margin-top:1rem;font-size:.73rem}.time-page-card>div b{height:8px;background:linear-gradient(90deg,var(--premium-lime) var(--value),rgba(255,255,255,.12) var(--value))}.time-page-card footer{margin-top:1.7rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.13);color:#919e94;font-size:.7rem}.timeline-demo{display:grid;grid-template-columns:70px 1fr;border-top:1px solid var(--premium-line)}.timeline-demo>span,.timeline-demo>article{padding:1rem;border-bottom:1px solid var(--premium-line)}.timeline-demo>span{font:800 1.3rem/1 var(--al-font-display);color:var(--premium-green)}.timeline-demo>article{display:grid}.timeline-demo small{color:#718078}.timeline-demo>p{grid-column:1/-1;color:#718078;font-size:.72rem}
.report-page-sheet{padding:2rem;border-radius:3px;background:white;color:var(--premium-ink);box-shadow:18px 18px 0 rgba(255,255,255,.08),0 30px 70px rgba(0,0,0,.32);transform:rotate(1deg)}.report-page-sheet header{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;padding-bottom:1rem;border-bottom:2px solid var(--premium-green);font-size:.66rem;font-weight:900;letter-spacing:.1em}.report-page-sheet h2{margin:1.5rem 0;font-size:2.4rem}.report-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.report-kpis span{display:grid;padding:.8rem;background:#eef1eb}.report-kpis small{color:#69766d}.report-kpis strong{font:800 1.7rem/1 var(--al-font-display)}.report-page-sheet>i{display:block;width:100%;height:8px;margin-top:.8rem;background:#dfe5dd}.report-page-sheet>i:nth-of-type(2){width:78%}.report-page-sheet>i:nth-of-type(3){width:55%}.report-page-sheet footer{margin-top:1.5rem;color:#6e796f;font-size:.68rem}.document-stack{min-height:460px;position:relative}.document-stack article{position:absolute;width:70%;height:70%;display:grid;align-content:start;gap:.7rem;padding:1.6rem;border:1px solid #cbd2ca;background:#fff;box-shadow:0 20px 45px rgba(7,17,12,.11)}.document-stack article:nth-child(1){left:4%;top:4%;z-index:3}.document-stack article:nth-child(2){left:18%;top:15%;z-index:2;transform:rotate(4deg)}.document-stack article:nth-child(3){left:29%;top:25%;transform:rotate(8deg)}.document-stack article span{font-size:.68rem;font-weight:900;letter-spacing:.14em}.document-stack article i{height:8px;background:#dce2da}.document-stack article i:nth-of-type(2){width:76%}

/* About */
.founder-placeholder{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at center,rgba(183,223,56,.17),transparent 46%),rgba(7,17,12,.55)}.founder-placeholder span{display:grid;width:150px;aspect-ratio:1;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:var(--premium-lime);font:800 5rem/1 var(--al-font-display)}.founder-placeholder strong{margin-top:1.3rem;font-size:1.2rem}.founder-placeholder small{color:#9daba0}.premium-story-grid{display:grid;grid-template-columns:2fr 8fr 2fr;gap:clamp(2rem,5vw,6rem)}.premium-story-grid>div{grid-column:2}.premium-story-grid>div p{font-size:1.05rem}.premium-founder-line{border-top:1px solid var(--premium-line)}

/* Software packages and request configurator */
.pricing-principle,.request-assurance,.protected-access-card{display:grid;gap:.85rem;padding:clamp(1.5rem,4vw,3rem);border:1px solid rgba(255,255,255,.18);background:rgba(7,17,12,.58);box-shadow:0 28px 70px rgba(0,0,0,.22)}.pricing-principle>span,.request-assurance>strong,.protected-access-card>span{color:var(--premium-lime);font-size:.68rem;font-weight:900;letter-spacing:.14em}.pricing-principle>strong{font:800 clamp(2.2rem,4vw,4rem)/.95 var(--al-font-display)}.pricing-principle p,.request-assurance span,.request-assurance small{color:#b9c4bb}.software-plan-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;margin-top:3rem;background:var(--premium-line);border:1px solid var(--premium-line)}.software-plan-card{grid-column:span 2;min-height:520px;display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:clamp(1.25rem,2.5vw,2rem);background:#fff}.software-plan-card:nth-child(4),.software-plan-card:nth-child(5){grid-column:span 3}.software-plan-card.is-featured{background:var(--premium-ink);color:#fff}.software-plan-card>p{margin-bottom:.8rem;color:var(--premium-green);font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.software-plan-card.is-featured>p{color:var(--premium-lime)}.software-plan-card h3{min-height:2em;margin-bottom:1rem;font-size:clamp(2.2rem,3vw,3.5rem)}.software-plan-card>span{min-height:6.8rem;color:var(--al-muted);font-size:.92rem}.software-plan-card.is-featured>span{color:#b9c4bb}.software-plan-card ul{display:grid;gap:.75rem;width:100%;padding:1.3rem 0;margin:1rem 0 1.5rem;border-top:1px solid currentColor;list-style:none}.software-plan-card li{position:relative;padding-left:1.3rem;font-size:.84rem}.software-plan-card li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--premium-lime)}.software-plan-card .button{width:100%;margin-top:auto}.software-plan-card.is-featured .button-outline{color:#fff;border-color:rgba(255,255,255,.35)}.software-plan-badge{position:absolute;right:1rem;top:1rem;min-height:auto!important;padding:.35rem .5rem;background:var(--premium-lime);color:var(--premium-ink)!important;font-size:.6rem!important;font-weight:900}.software-plan-vat{grid-column:1/-1;margin:0;padding:.9rem 1.2rem;background:var(--premium-bone);color:#647168;font-size:.76rem}.pricing-legal-note{margin-top:1rem;color:#657169;font-size:.78rem}.access-model{display:grid;gap:1px;background:var(--premium-line);border:1px solid var(--premium-line)}.access-model article{display:grid;grid-template-columns:48px 1fr;gap:.25rem 1rem;padding:1.2rem;background:#fff}.access-model article span{grid-row:span 2;color:var(--premium-green);font:800 1.8rem/1 var(--al-font-display)}.access-model article p{color:var(--al-muted);font-size:.84rem}.configurator-shell{display:grid;grid-template-columns:minmax(230px,.55fr) minmax(0,1.45fr);gap:clamp(2rem,6vw,6rem);align-items:start}.configurator-intro{position:sticky;top:120px}.configurator-progress{display:grid;gap:1px;padding:0;margin:2rem 0 0;background:var(--premium-line);list-style:none}.configurator-progress li{display:flex;gap:.8rem;align-items:center;min-height:54px;padding:.7rem 1rem;background:#fff;color:#6a776e;font-size:.78rem;font-weight:800}.configurator-progress li span{color:var(--premium-green);font:800 1.15rem/1 var(--al-font-display)}.configurator-progress li.is-active{background:var(--premium-ink);color:#fff}.configurator-progress li.is-active span{color:var(--premium-lime)}.configurator-progress li.is-complete::after{content:"✓";margin-left:auto;color:var(--premium-green)}.software-configurator{max-width:none}.config-step{display:grid;gap:1.5rem;padding:0;border:0}.config-step>legend{width:100%;padding:0 0 1.2rem;border-bottom:1px solid var(--premium-line);font:800 clamp(2.1rem,4vw,3.6rem)/1 var(--al-font-display)}.config-step>legend span{color:var(--premium-green)}.config-package-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.config-package-choice{display:block;position:relative}.config-package-choice>input{position:absolute;inset:.8rem auto auto .8rem;z-index:1;width:1.15rem;height:1.15rem}.config-package-choice>span{min-height:180px;display:grid;align-content:start;gap:.45rem;padding:1.1rem 1rem 1rem 2.7rem;border:1px solid var(--premium-line);background:#fff}.config-package-choice strong{font-size:1.05rem}.config-package-choice small{color:var(--premium-green);font-weight:900}.config-package-choice i{color:var(--al-muted);font-size:.78rem;font-style:normal}.config-package-choice input:checked+span{border-color:var(--premium-green);box-shadow:inset 0 0 0 2px var(--premium-green);background:#f1f5ea}.config-package-choice input:focus-visible+span{outline:3px solid var(--premium-lime);outline-offset:3px}.config-module-fieldset{padding:0;border:0}.config-module-fieldset>legend{padding:0 0 .8rem;font-weight:900}.config-actions{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid var(--premium-line)}.config-summary{padding:1.2rem;border-left:4px solid var(--premium-lime);background:var(--premium-bone)}.config-summary dl{display:grid;gap:.8rem;margin:0}.config-summary dl div{display:grid;grid-template-columns:minmax(150px,.55fr) 1fr;gap:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--premium-line)}.config-summary dt{font-size:.72rem;font-weight:900;text-transform:uppercase}.config-summary dd{margin:0;color:#4f5e54}.protected-access-card strong{font:800 clamp(1.8rem,3.6vw,3.4rem)/1 var(--al-font-display)}.protected-access-card i{height:2px;background:linear-gradient(90deg,var(--premium-lime),transparent)}.protected-access-card small{color:#aeb9b0}.portal-fact-list{display:grid;gap:1px;padding:1px;background:var(--premium-line);list-style:none}.portal-fact-list li{display:grid;grid-template-columns:50px 1fr;gap:1rem;padding:1.25rem;background:#fff}.portal-fact-list li>span{color:var(--premium-green);font:800 1.8rem/1 var(--al-font-display)}.portal-fact-list p{color:var(--al-muted);font-size:.86rem}.narrow-copy{max-width:820px}.legal-draft-notice{padding:1.3rem;margin-bottom:2rem;border-left:4px solid var(--al-route-red);background:#f5ebe8}.legal-draft-notice strong{color:var(--al-error)}

/* Footer */
.site-footer{background:#050c08}.footer-grid{grid-template-columns:1.4fr repeat(3,1fr)}.footer-grid>div:not(.footer-brand){display:grid;align-content:start;gap:.55rem}.footer-grid h2{margin-bottom:.6rem;font-family:var(--al-font);font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}.footer-grid a{color:#b9c4bb;text-decoration:none}.footer-grid a:hover{color:var(--premium-lime)}

/* Exact approved logo asset is rendered by the shared header and footer shell. */
.report-page-sheet header { grid-template-columns: 120px 1fr auto; }
.report-page-sheet header img { width: 120px; height: auto; }

/* Responsive */
@media(max-width:1200px){
  .premium-hero-layout{grid-template-columns:1fr 1fr;gap:2.5rem}.premium-hero-copy h1{font-size:clamp(4.5rem,8vw,7.5rem)}
  .premium-role-grid{grid-template-columns:repeat(2,1fr)}.premium-path{grid-template-columns:repeat(3,1fr)}.premium-path a:nth-child(3){border-right:0}.premium-path a:nth-child(-n+3){border-bottom:1px solid var(--premium-line)}
  .software-plan-grid{grid-template-columns:repeat(2,1fr)}.software-plan-card,.software-plan-card:nth-child(4),.software-plan-card:nth-child(5){grid-column:auto}
}
@media(max-width:1100px){
  .premium-hero{padding-top:9rem}.premium-hero-layout{grid-template-columns:1fr}.premium-hero-copy{max-width:760px}.premium-hero-root{width:min(100%,760px)}.premium-proof-strip{position:relative;inset:auto;width:var(--al-shell);transform:none;margin:3rem auto -6rem}.premium-hero{display:block}.premium-journey-sticky{grid-template-columns:1fr;align-content:center}.premium-journey{min-height:300vh}.premium-editorial-grid{grid-template-columns:1fr 2fr}.premium-side-note{grid-column:2}.premium-page-hero-grid{grid-template-columns:1fr}.premium-page-hero-grid>div:last-child{width:min(100%,720px)}
}
@media(max-width:820px){
  :root{--al-section:clamp(4rem,13vw,6rem)}
  .header-shell{width:min(100% - 30px,1520px)}.brand-original{width:172px;height:48px}
  .premium-hero{min-height:auto;padding:8.5rem 0 4.5rem}.premium-hero-media img{object-position:62% center}.premium-hero-shade{background:linear-gradient(0deg,rgba(6,15,10,.97) 0%,rgba(6,15,10,.75) 62%,rgba(6,15,10,.54) 100%)}.premium-hero-copy h1{font-size:clamp(4.2rem,17vw,7.2rem)}.premium-hero-visual{min-height:470px}.premium-proof-strip{grid-template-columns:1fr 1fr;margin-bottom:-4.5rem}.premium-proof-strip span:nth-child(2){border-right:0}
  .premium-editorial-grid,.premium-story-grid{grid-template-columns:1fr}.premium-editorial-grid>*,.premium-story-grid>div{grid-column:auto}.premium-side-note{grid-column:auto}.premium-journey-section{padding-block:4rem}.premium-journey{min-height:auto}.premium-journey-sticky{min-height:auto;position:relative;top:auto}.premium-journey-stage{order:-1}.premium-journey-copy ol{grid-template-columns:1fr}.premium-journey-copy li:nth-child(odd){border-right:0}.journey-canvas{min-height:430px;padding:1.4rem}.journey-index{font-size:9rem}
  .premium-heading-split,.premium-solution-grid,.premium-portal-grid,.premium-software-teaser-grid,.premium-two-column,.configurator-shell{grid-template-columns:1fr}.premium-solution-wide{grid-column:auto;min-height:450px;grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto}.premium-solution-wide .premium-card-index,.premium-solution-wide>strong{grid-column:auto}.premium-solution-card{min-height:390px}.premium-role-grid{grid-template-columns:1fr 1fr}.premium-path{grid-template-columns:1fr 1fr}.premium-path a:nth-child(3){border-right:1px solid var(--premium-line)}.premium-path a:nth-child(even){border-right:0}.software-system-stage{min-height:360px}.premium-page-hero{min-height:auto;padding:9rem 0 5rem}.premium-orbit{min-height:370px}.founder-placeholder{min-height:340px}.configurator-intro{position:relative;top:auto}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .premium-hero{padding-top:7.2rem}.premium-hero-copy h1{font-size:clamp(3.9rem,19vw,5.7rem)}.premium-hero-copy>p:not(.eyebrow){font-size:1rem}.premium-hero .button-row .button{width:100%}.premium-hero-visual{min-height:500px;border-radius:8px}.premium-field-map{inset:.4rem;width:calc(100% - .8rem);height:calc(100% - .8rem)}.premium-tour-card{left:.8rem;right:.8rem;bottom:.8rem;width:auto}.premium-report-chip{top:2.8rem;right:.8rem}.premium-map-legend{display:none}.premium-example-label{top:.7rem;left:.7rem}.premium-truck-marker{left:50px}.premium-proof-strip{grid-template-columns:1fr}.premium-proof-strip span{min-height:52px;border-right:0}
  .premium-editorial-grid h2{font-size:clamp(2.8rem,14vw,4.2rem)}.premium-journey-copy ol{display:block}.journey-canvas{min-height:390px;padding:.8rem}.journey-window-body{padding:1.1rem}.journey-window-body h3{font-size:1.65rem}.premium-journey-stage>article>header,.premium-journey-stage>article>footer{font-size:.55rem}.premium-solution-grid{display:block;border-left:1px solid var(--premium-line)}.premium-solution-card{min-height:400px}.premium-solution-card h3{font-size:3.3rem}.premium-role-grid,.premium-path,.software-plan-grid,.footer-grid{grid-template-columns:1fr}.premium-role-grid article{min-height:220px}.premium-role-grid article>span{margin-bottom:2rem}.premium-path a{min-height:240px;border-right:0}.premium-path a:nth-child(3){border-right:0}.premium-orbit{min-height:310px}.premium-orbit span{font-size:.5rem}.premium-orbit span:nth-child(2){right:-1%}.premium-orbit span:nth-child(6){left:-1%}.fleet-page-map,.planning-page-map{min-height:360px}.fleet-page-map aside{display:grid}.fleet-page-map aside span{margin:0}.vehicle-label.v3{display:none}.report-kpis{grid-template-columns:1fr}.report-page-sheet{padding:1.1rem}.report-page-sheet h2{font-size:1.8rem}.report-page-sheet header{grid-template-columns:auto 1fr}.report-page-sheet header b{grid-column:1/-1}.premium-phone-demo{border-width:7px}.software-system-stage{min-height:300px;padding:.4rem}.software-system-stage article{grid-template-columns:1fr;gap:.35rem}.config-package-grid{grid-template-columns:1fr}.config-actions{align-items:stretch;flex-direction:column-reverse}.config-actions .button{width:100%}.config-summary dl div{grid-template-columns:1fr;gap:.2rem}.premium-page-hero h1{font-size:clamp(3.4rem,16vw,5.2rem)}
}
@media(prefers-reduced-motion:reduce){
  .premium-journey{min-height:auto}.premium-journey-sticky{position:relative;top:auto;min-height:auto}.premium-solution-card,.premium-hero-textlink{transition:none}
}
@media print{.configurator-progress,.config-actions{display:none!important}}

/* AgriLoad V55 — FIELD FLOW / agency redesign. Loaded last in the single CSS bundle. */
:root {
  --ink: #111814;
  --forest: #183522;
  --forest-deep: #0c1c12;
  --field: #3f633b;
  --lime: #a9cb58;
  --lime-bright: #c9e576;
  --lime-ink: #26350f;
  --harvest: #c89a4b;
  --sky: #7396a5;
  --route-red: #e45145;
  --bone: #f2efe7;
  --paper: #fbfaf6;
  --white: #fff;
  --muted: #5f6b64;
  --line: #d9ded6;
  --line-dark: rgba(255,255,255,.16);
  --shadow: 0 24px 70px rgba(17,24,20,.14);
  --shadow-soft: 0 14px 38px rgba(17,24,20,.09);
  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l: 14px;
  --shell: min(100% - clamp(40px,8vw,112px),1520px);
  --section: clamp(4.5rem,8vw,8.25rem);
  --font: "Aptos","Segoe UI",Arial,sans-serif;
  --display: "Arial Narrow","Aptos Display","Segoe UI",Arial,sans-serif;
  color-scheme: light;
  --al-field-black: var(--forest-deep);
  --al-deep-forest: var(--forest);
  --al-operations-green: var(--forest);
  --al-brand-lime: var(--lime);
  --al-active-lime: var(--lime-bright);
  --al-harvest-gold: var(--harvest);
  --al-route-red: var(--route-red);
  --al-warm-bone: var(--bone);
  --al-soft-white: var(--paper);
  --al-text: var(--ink);
  --al-muted: var(--muted);
  --al-line: rgba(17,24,20,.14);
  --al-radius-sm: var(--radius-s);
  --al-radius-md: var(--radius-m);
  --al-radius-lg: var(--radius-l);
  --al-radius-pill: var(--radius-s);
  --al-shell: var(--shell);
  --al-section: var(--section);
  --al-font: var(--font);
  --al-font-display: var(--display);
}

html { scroll-padding-top: 84px; }
body { background: var(--bone); color: var(--ink); font-family: var(--font); }
main { background: var(--paper); }
.motion-controller { position: fixed; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); pointer-events: none; }
h1,h2 { font-family: var(--display); font-weight: 800; letter-spacing: -.045em; line-height: .94; }
h1 { font-size: clamp(3.5rem,7.2vw,8.4rem); }
h2 { font-size: clamp(2.6rem,5vw,5.35rem); }
h3 { letter-spacing: -.025em; }
p { line-height: 1.65; }
.shell,.container { width: var(--shell); }
.section { padding-block: var(--section); }
.section-bone { background: var(--bone); }
.section-dark { background: var(--forest-deep); }
.eyebrow { color: var(--field); font-size: .76rem; letter-spacing: .15em; }
.section-dark .eyebrow,.v55-hero .eyebrow,.v55-final-cta .eyebrow,.v55-portal .eyebrow { color: var(--lime-bright); }
.section-heading { max-width: 900px; margin-bottom: clamp(2.5rem,5vw,4.75rem); }
.v55-heading-split { max-width: none; display: grid; grid-template-columns: minmax(0,1.3fr) minmax(260px,.7fr); gap: clamp(2rem,6vw,7rem); align-items: end; }
.v55-heading-split > p,.v55-heading-split > a { align-self: end; }
.button { min-height: 48px; padding: .78rem 1.18rem; border-radius: var(--radius-s); font-size: .91rem; box-shadow: none; }
.button-primary { background: var(--lime); color: var(--lime-ink); }
.button-primary:hover { background: var(--lime-bright); }
.button-dark { background: var(--forest); color: var(--white); }
.button-dark:hover { background: var(--forest-deep); }
.button-outline { border-color: rgba(17,24,20,.28); color: var(--ink); background: transparent; }
.button-ghost { border-color: rgba(255,255,255,.45); background: rgba(12,28,18,.25); backdrop-filter: none; color: var(--white); }
.button:hover { transform: translateY(-1px); }
.v55-text-link { display: inline-flex; align-items: center; gap: .55rem; color: var(--forest); font-weight: 800; text-decoration: none; }
.v55-text-link:hover { color: var(--field); text-decoration: underline; }
:focus-visible { outline: 3px solid var(--sky); outline-offset: 4px; }

/* Header */
.site-header { height: 78px; color: var(--white); }
.site-header::after { background: rgba(255,255,255,.14); }
.site-header.is-scrolled,body:not([data-page="home"]) .site-header { background: rgba(12,28,18,.97); box-shadow: 0 1px 0 rgba(255,255,255,.12); backdrop-filter: blur(16px); }
.header-shell { width: var(--shell); gap: clamp(1rem,3vw,3rem); }
.brand { width: 166px; height: 36px; padding: 0; overflow: visible; }
.brand img { object-fit: contain; object-position: left center; }
.nav-panel { gap: 1rem; }
.primary-nav { gap: clamp(.55rem,1.5vw,1.45rem); }
.nav-link,.login-link { color: rgba(255,255,255,.82); font-size: .86rem; }
.nav-link:hover,.nav-link[aria-current="page"],.login-link:hover { color: var(--lime-bright); }
.nav-link::after { background: var(--lime); }
.header-actions { gap: .8rem; }

/* Hero */
.v55-hero { min-height: max(760px,100svh); position: relative; display: grid; align-items: center; isolation: isolate; overflow: hidden; padding: clamp(9rem,16vh,12rem) 0 6.4rem; color: var(--white); background: var(--forest-deep); }
.v55-hero-media,.v55-hero-scrim { position: absolute; z-index: -2; inset: 0; }
.v55-hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: 62% 50%; }
.v55-hero-scrim { z-index: -1; background: linear-gradient(90deg,rgba(7,18,11,.97) 0%,rgba(7,18,11,.86) 33%,rgba(7,18,11,.45) 63%,rgba(7,18,11,.24)),linear-gradient(0deg,rgba(7,18,11,.9),transparent 60%); }
.v55-hero-grid { display: grid; grid-template-columns: minmax(0,.86fr) minmax(430px,.72fr); gap: clamp(2.5rem,7vw,8rem); align-items: center; }
.v55-hero-copy { z-index: 2; }
.v55-hero-copy h1 { margin: 0 0 1.5rem; font-size: clamp(4.4rem,8.2vw,9rem); line-height: .8; }
.v55-hero-copy h1 em { color: var(--lime-bright); font-style: normal; }
.v55-hero-copy > p:not(.eyebrow) { max-width: 650px; margin-bottom: 2rem; color: rgba(255,255,255,.9); font-size: clamp(1.08rem,1.6vw,1.35rem); }
.v55-hero-copy .v55-text-link { margin-top: 1.45rem; color: var(--white); }
.v55-hero-product { align-self: end; justify-self: end; width: min(100%,470px); position: relative; padding: 1rem; border: 1px solid rgba(255,255,255,.2); border-radius: var(--radius-l); background: rgba(9,25,16,.76); box-shadow: 0 32px 90px rgba(0,0,0,.42); }
.v55-product-kicker { display: flex; justify-content: space-between; gap: 1rem; padding: .25rem .15rem .9rem; color: rgba(255,255,255,.62); font-size: .65rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.v55-product-kicker strong { color: var(--lime-bright); }
.v55-driver-proof { margin: 0; display: grid; grid-template-columns: minmax(150px,.72fr) 1fr; min-height: 330px; overflow: hidden; border-radius: 9px; background: var(--paper); color: var(--ink); }
.v55-driver-proof-crop { position: relative; min-height: 330px; overflow: hidden; background: var(--forest-deep); }
.v55-driver-proof-crop img { position: absolute; width: 190px; max-width: none; left: 50%; top: -8px; transform: translateX(-50%); }
.v55-driver-proof figcaption { align-self: end; display: grid; gap: .5rem; padding: 1.4rem; }
.v55-driver-proof figcaption span { color: var(--field); font-size: .68rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.v55-driver-proof figcaption strong { font-size: 1.25rem; line-height: 1.25; }
.v55-route-pulse { position: absolute; width: 106px; height: 76px; right: -20px; top: 22%; border: 1px solid rgba(255,255,255,.28); border-radius: 9px; background: rgba(12,28,18,.94); }
.v55-route-pulse::before { content: ""; position: absolute; width: 77px; height: 3px; left: 13px; top: 38px; transform: rotate(-16deg); background: linear-gradient(90deg,var(--lime) 0 72%,var(--route-red) 72%); }
.v55-route-pulse i,.v55-route-pulse b,.v55-route-pulse span { position: absolute; width: 9px; height: 9px; border: 2px solid var(--white); border-radius: 50%; background: var(--lime); }
.v55-route-pulse i { left: 11px; top: 44px; }.v55-route-pulse b { right: 32px; top: 21px; }.v55-route-pulse span { right: 10px; top: 17px; background: var(--route-red); }
.v55-hero-facts { position: absolute; inset: auto 50% 0 auto; transform: translateX(50%); display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.2); }
.v55-hero-facts span { min-height: 64px; display: flex; align-items: center; gap: .7rem; padding: .8rem 1rem; border-right: 1px solid rgba(255,255,255,.14); color: rgba(255,255,255,.76); font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.v55-hero-facts b { color: var(--lime-bright); }

/* Product proof and contrast */
.v55-product-proof { background: var(--bone); border-bottom: 1px solid var(--line); }
.v55-proof-grid { display: grid; grid-template-columns: .86fr 1.14fr; gap: clamp(3rem,8vw,9rem); align-items: center; }
.v55-proof-copy h2 { margin-bottom: 1.4rem; }
.v55-proof-copy p { color: var(--muted); font-size: 1.08rem; }
.v55-proof-rail { display: grid; border-top: 1px solid var(--line); }
.v55-proof-rail article { display: grid; grid-template-columns: 110px 1fr 1fr; gap: 1rem; align-items: center; padding: 1.35rem 0; border-bottom: 1px solid var(--line); }
.v55-proof-rail span { color: var(--field); font-size: .68rem; font-weight: 900; letter-spacing: .12em; }
.v55-proof-rail strong { font-size: 1.05rem; }.v55-proof-rail small { color: var(--muted); }
.v55-chat-section { background: linear-gradient(115deg,var(--paper),#eef1e7); }
.v55-contrast-grid { display: grid; grid-template-columns: .76fr 1.24fr; gap: clamp(1.5rem,4vw,4rem); align-items: stretch; }
.v55-chat-card { display: grid; align-content: center; gap: .75rem; padding: clamp(1.4rem,4vw,3rem); border: 1px solid var(--line); border-radius: var(--radius-m); background: var(--bone); }
.v55-chat-card > span { color: var(--muted); font-size: .7rem; font-weight: 800; }
.v55-chat-card p { width: fit-content; max-width: 90%; margin: 0; padding: .72rem .9rem; border: 1px solid rgba(17,24,20,.12); border-radius: 7px; background: var(--white); color: #465149; font-size: .88rem; box-shadow: 0 4px 12px rgba(17,24,20,.05); }
.v55-chat-card p:nth-of-type(even) { justify-self: end; background: #e5ecd9; }
.v55-order-card { padding: clamp(1.5rem,4vw,3rem); border-radius: var(--radius-m); background: var(--forest-deep); color: var(--white); box-shadow: var(--shadow); }
.v55-order-card header { display: flex; justify-content: space-between; gap: 1rem; padding-bottom: 1.4rem; border-bottom: 1px solid var(--line-dark); }
.v55-order-card header div { display: grid; gap: .4rem; }.v55-order-card header span { color: var(--lime-bright); font-size: .66rem; font-weight: 900; letter-spacing: .12em; }.v55-order-card header b { align-self: start; padding: .4rem .6rem; border: 1px solid rgba(169,203,88,.45); border-radius: 6px; color: var(--lime-bright); font-size: .7rem; }
.v55-order-card dl { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; margin: 1.4rem 0; background: rgba(255,255,255,.12); }
.v55-order-card dl div { padding: 1rem; background: var(--forest); }.v55-order-card dt { color: rgba(255,255,255,.58); font-size: .68rem; }.v55-order-card dd { margin: .3rem 0 0; font-weight: 800; }
.v55-order-route { display: grid; grid-template-columns: 12px 1fr 12px 1fr; gap: .65rem; align-items: center; padding: 1rem 0; }
.v55-order-route::before { content: ""; grid-column: 1/4; grid-row: 1; height: 3px; margin-inline: 5px; background: var(--lime); }
.v55-order-route i,.v55-order-route b { z-index: 1; width: 12px; height: 12px; grid-row: 1; border: 2px solid var(--white); border-radius: 50%; background: var(--lime); }.v55-order-route i { grid-column: 1; }.v55-order-route b { grid-column: 3; background: var(--route-red); }.v55-order-route span { grid-row: 2; color: rgba(255,255,255,.7); font-size: .7rem; }.v55-order-route span:first-of-type { grid-column: 1/3; }.v55-order-route span:last-of-type { grid-column: 3/5; }
.v55-order-card > small { color: rgba(255,255,255,.52); }.v55-contrast-outcome { margin: 2.2rem 0 0; color: var(--forest); font-size: clamp(1.4rem,2.5vw,2.2rem); font-weight: 800; text-align: center; }

/* Four-stage story */
.v55-story { background: var(--forest-deep); color: var(--white); overflow: clip; }
.v55-story-intro { margin-bottom: clamp(3rem,7vw,7rem); }
.v55-story-intro h2 { max-width: 980px; }.v55-story-intro > p:last-child { max-width: 720px; color: rgba(255,255,255,.65); font-size: 1.08rem; }
.v55-story-step { width: var(--shell); min-height: min(760px,86svh); display: grid; grid-template-columns: minmax(0,1.22fr) minmax(330px,.78fr); gap: clamp(2rem,6vw,6rem); align-items: center; margin: 0 auto clamp(5rem,9vw,10rem); }
.v55-story-step:last-child { margin-bottom: 0; }
.v55-story-step.is-reverse .v55-story-media { order: 2; }
.v55-story-media { position: relative; min-height: 590px; border: 1px solid rgba(255,255,255,.16); border-radius: var(--radius-l); overflow: hidden; background: var(--forest); box-shadow: 0 30px 80px rgba(0,0,0,.28); }
.v55-story-media picture,.v55-story-media img { width: 100%; height: 100%; position: absolute; inset: 0; }
.v55-story-media img { object-fit: cover; }
.v55-story-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(7,18,11,.42),transparent 46%); pointer-events: none; }
.v55-story-media > span { position: absolute; z-index: 2; left: 1rem; bottom: 1rem; padding: .55rem .7rem; border: 1px solid rgba(255,255,255,.32); border-radius: 6px; background: rgba(7,18,11,.76); color: var(--lime-bright); font-size: .67rem; font-weight: 900; letter-spacing: .12em; }
.v55-story-copy h3 { margin-bottom: 1rem; font: 800 clamp(2.3rem,4.5vw,4.6rem)/.98 var(--display); letter-spacing: -.035em; }
.v55-story-copy > p:not(.eyebrow) { color: rgba(255,255,255,.7); font-size: 1.05rem; }
.v55-story-ui { display: grid; gap: .65rem; margin-top: 2rem; padding: 1.25rem; border: 1px solid rgba(255,255,255,.16); border-radius: 10px; background: var(--forest); }
.v55-story-ui > span { color: var(--lime-bright); font-size: .66rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }.v55-story-ui > strong { font-size: 1.15rem; }
.v55-story-ui dl { display: grid; grid-template-columns: repeat(3,1fr); gap: .55rem; margin: .45rem 0 0; }.v55-story-ui dl div { min-width: 0; padding-top: .65rem; border-top: 1px solid rgba(255,255,255,.14); }.v55-story-ui dt { color: rgba(255,255,255,.54); font-size: .62rem; }.v55-story-ui dd { margin: .2rem 0 0; font-size: .76rem; font-weight: 800; }
.v55-meter { height: 7px; margin-top: .35rem; border-radius: 99px; background: rgba(255,255,255,.15); overflow: hidden; }.v55-meter i { display: block; width: 57%; height: 100%; background: var(--lime); }.v55-story-ui small { color: rgba(255,255,255,.56); }
.v55-weigh-ui dl { grid-template-columns: repeat(3,1fr); }.v55-weigh-ui dd { color: var(--lime-bright); font-size: .9rem; }
.motion-ready .v55-story-step { opacity: 1; transform: none; }
@media (prefers-reduced-motion:no-preference) {
  .motion-ready .v55-story-step:not(.is-in-view) { opacity: .58; transform: translateY(32px); }
  .motion-ready .v55-story-step { transition: opacity .55s ease,transform .55s ease; }
}

/* Genuine product surfaces */
.v55-ui-proof { background: var(--bone); }
.v55-ui-tabs { padding: clamp(1rem,2vw,1.5rem); border: 1px solid var(--line); border-radius: var(--radius-l); background: var(--paper); box-shadow: var(--shadow-soft); }
.v55-tablist { display: flex; gap: .5rem; padding-bottom: 1rem; overflow-x: auto; }
.v55-tablist button { min-width: 140px; min-height: 46px; padding: .7rem 1rem; border: 1px solid var(--line); border-radius: 7px; background: var(--white); color: var(--muted); font-weight: 800; cursor: pointer; }
.v55-tablist button[aria-selected="true"] { border-color: var(--forest); background: var(--forest); color: var(--white); }
.v55-ui-panel { min-height: 540px; padding: clamp(1rem,3vw,2.5rem); border-radius: 10px; background: var(--forest-deep); }
.v55-ui-panel[hidden] { display: none; }
.v55-screen { min-height: 490px; display: grid; grid-template-columns: minmax(0,1fr) 260px; gap: clamp(1.5rem,4vw,4rem); align-items: center; margin: 0; }
.v55-screen img { border: 1px solid rgba(255,255,255,.16); border-radius: 8px; box-shadow: 0 24px 62px rgba(0,0,0,.35); }
.v55-screen figcaption { display: grid; gap: .7rem; color: var(--white); }.v55-screen figcaption strong { font: 800 2rem/1.08 var(--display); }.v55-screen figcaption span { color: rgba(255,255,255,.65); }
.v55-screen-phone { grid-template-columns: minmax(240px,.7fr) 1fr; max-width: 760px; margin-inline: auto; }.v55-screen-phone img { width: min(100%,310px); justify-self: end; }

/* Field access */
.v55-field-access { background: linear-gradient(120deg,#edf0e6,var(--paper)); }
.v55-field-grid { display: grid; grid-template-columns: minmax(320px,.72fr) minmax(0,1.28fr); gap: clamp(3rem,7vw,8rem); align-items: center; }
.v55-field-copy h2 { margin-bottom: 1.4rem; }.v55-field-copy > p { color: var(--muted); font-size: 1.06rem; }.v55-field-copy .button { margin-top: 1rem; }
.v55-field-stage { position: relative; min-height: 650px; border-radius: var(--radius-l); overflow: hidden; background: var(--forest); box-shadow: var(--shadow); }
.v55-field-stage picture,.v55-field-stage picture img { width: 100%; height: 100%; position: absolute; inset: 0; }.v55-field-stage picture img { object-fit: cover; }
.v55-field-stage::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(7,18,11,.68),transparent 54%); pointer-events: none; }
.v55-field-map { position: absolute; z-index: 2; width: min(88%,560px); right: 1.4rem; bottom: 1.4rem; padding: 1rem; border: 1px solid rgba(255,255,255,.2); border-radius: 10px; background: rgba(9,25,16,.93); color: var(--white); box-shadow: 0 20px 55px rgba(0,0,0,.3); }
.v55-field-map svg { width: 100%; height: 250px; border-radius: 7px; background: repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 34px),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 34px),#10261a; }
.v55-field-map path { fill: none; stroke-linecap: round; stroke-linejoin: round; }.v55-field-map .v55-field-shape { fill: rgba(169,203,88,.1); stroke: rgba(169,203,88,.48); stroke-width: 2; stroke-dasharray: 7 8; }.v55-map-road { stroke: rgba(255,255,255,.16); stroke-width: 18; }.v55-map-in { stroke: var(--lime); stroke-width: 5; }.v55-map-out { stroke: var(--route-red); stroke-width: 4; stroke-dasharray: 9 9; }.v55-map-target { fill: var(--lime); stroke: var(--white); stroke-width: 3; }
.v55-field-legend { display: flex; flex-wrap: wrap; gap: .6rem 1rem; padding: .85rem 0; color: rgba(255,255,255,.72); font-size: .66rem; }.v55-field-legend span { display: flex; align-items: center; gap: .4rem; }.v55-field-legend i { width: 20px; height: 3px; background: var(--lime); }.v55-field-legend .is-red { background: var(--route-red); }.v55-field-legend .is-mixed { background: repeating-linear-gradient(90deg,var(--lime) 0 5px,var(--route-red) 5px 10px); }
.v55-field-map > p { display: flex; justify-content: space-between; gap: 1rem; margin: 0; padding-top: .8rem; border-top: 1px solid rgba(255,255,255,.14); }.v55-field-map > p span { color: rgba(255,255,255,.6); font-size: .72rem; }

/* Time, tonnage, proof */
.v55-operations { background: var(--paper); }
.v55-operation-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.v55-operation-grid > article { min-height: 460px; display: flex; flex-direction: column; padding: clamp(1.4rem,3vw,2.8rem); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.v55-operation-grid > article > span { color: var(--field); font-size: .68rem; font-weight: 900; letter-spacing: .12em; }.v55-operation-grid h3 { margin: .7rem 0 1.4rem; font: 800 clamp(2rem,3.2vw,3.25rem)/1 var(--display); }.v55-operation-grid > article > p { margin-top: auto; color: var(--muted); }.v55-operation-grid > article > a { color: var(--forest); font-weight: 800; text-decoration: none; }
.v55-time-demo,.v55-tonnage-demo,.v55-doc-demo { min-height: 150px; margin-bottom: 1.5rem; padding: 1.2rem; border-radius: 9px; background: var(--forest-deep); color: var(--white); }.v55-time-demo strong,.v55-tonnage-demo strong { display: block; color: var(--lime-bright); font: 800 3.1rem/1 var(--display); }.v55-time-demo p { margin: .35rem 0 .8rem; color: rgba(255,255,255,.65); font-size: .75rem; }.v55-time-demo i { display: block; width: 76%; height: 7px; margin-top: .45rem; background: var(--lime); }.v55-time-demo i.is-short { width: 24%; background: var(--harvest); }
.v55-tonnage-demo small { display: block; margin: .4rem 0 1rem; color: rgba(255,255,255,.63); }.v55-tonnage-demo i { display: block; height: 7px; background: rgba(255,255,255,.13); }.v55-tonnage-demo b { display: block; width: 72%; height: 100%; background: var(--lime); }
.v55-doc-demo { display: grid; grid-template-columns: repeat(3,1fr); gap: .5rem; align-items: center; }.v55-doc-demo i { height: 75px; border: 1px solid rgba(255,255,255,.2); background: linear-gradient(135deg,rgba(255,255,255,.16),rgba(169,203,88,.15)); }.v55-doc-demo b { grid-column: 1/-1; color: var(--lime-bright); font-size: .72rem; }

/* Industries */
.v55-industries-preview { background: var(--bone); }
.v55-industry-cards { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; padding: 1px; background: var(--line); }
.v55-industry-cards a { min-height: 480px; position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: .5rem; padding: 1.25rem; overflow: hidden; color: var(--white); text-decoration: none; background: var(--forest); isolation: isolate; }
.v55-industry-cards img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .65s ease; }.v55-industry-cards a::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(0deg,rgba(7,18,11,.9),rgba(7,18,11,.08) 70%); }.v55-industry-cards a:hover img { transform: scale(1.035); }.v55-industry-cards span { color: var(--lime-bright); font-size: .7rem; font-weight: 900; }.v55-industry-cards strong { font: 800 clamp(1.35rem,2vw,2.1rem)/1.05 var(--display); }

/* Portal, pricing, founder and CTA */
.v55-portal { background: var(--forest-deep); color: var(--white); }
.v55-portal-grid { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: clamp(3rem,8vw,9rem); align-items: center; }.v55-portal h2 { margin-bottom: 1.35rem; }.v55-portal p { color: rgba(255,255,255,.67); }.v55-portal .button-outline { margin-top: 1rem; border-color: rgba(255,255,255,.38); color: var(--white); }
.v55-access-flow { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: rgba(255,255,255,.14); }.v55-access-flow article { min-height: 150px; display: grid; align-content: space-between; padding: 1.2rem; background: var(--forest); }.v55-access-flow span { color: var(--lime-bright); font: 800 1.8rem/1 var(--display); }.v55-access-flow strong { font-size: .9rem; }.v55-access-flow small { grid-column: 1/-1; padding: 1rem; background: #07150d; color: rgba(255,255,255,.58); }
.v55-pricing-teaser { background: linear-gradient(120deg,var(--paper),#edf1e5); }
.v55-home-plans { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); }.v55-home-plans article { min-height: 300px; display: flex; flex-direction: column; padding: clamp(1.3rem,3vw,2.5rem); background: var(--paper); }.v55-home-plans article.is-featured { background: var(--forest); color: var(--white); }.v55-home-plans article > span { color: var(--field); font-size: .7rem; font-weight: 900; letter-spacing: .12em; }.v55-home-plans article.is-featured > span { color: var(--lime-bright); }.v55-home-plans strong { margin: .9rem 0; font: 800 clamp(1.7rem,3vw,2.75rem)/1 var(--display); }.v55-home-plans p { color: var(--muted); }.v55-home-plans article.is-featured p { color: rgba(255,255,255,.66); }.v55-home-plans a { margin-top: auto; color: inherit; font-weight: 800; text-decoration: none; }.v55-pricing-actions { margin-top: 1.8rem; justify-content: flex-end; }
.v55-founder { background: var(--bone); }.v55-founder-grid { display: grid; grid-template-columns: minmax(260px,.62fr) minmax(0,1.38fr); gap: clamp(3rem,8vw,9rem); align-items: center; }.v55-founder-mark { min-height: 420px; position: relative; display: grid; place-items: center; overflow: hidden; border-radius: var(--radius-l); background: repeating-linear-gradient(118deg,transparent 0 58px,rgba(255,255,255,.04) 59px 60px),var(--forest); color: var(--white); }.v55-founder-mark span { z-index: 2; font: 800 clamp(5rem,10vw,10rem)/1 var(--display); color: var(--lime-bright); }.v55-founder-mark i,.v55-founder-mark b { position: absolute; border: 1px solid rgba(255,255,255,.2); }.v55-founder-mark i { width: 74%; height: 52%; transform: rotate(-12deg); }.v55-founder-mark b { width: 48%; height: 82%; transform: rotate(18deg); }.v55-founder-grid > div:last-child > p { color: var(--muted); }.v55-founder-grid > div:last-child > p strong { color: var(--ink); }
.v55-final-cta { padding-block: clamp(4.5rem,8vw,7rem); position: relative; overflow: hidden; background: var(--forest-deep); color: var(--white); }.v55-final-cta::before { content: ""; position: absolute; width: 50vw; height: 50vw; right: -18vw; top: -28vw; border: 1px solid rgba(169,203,88,.28); border-radius: 50%; box-shadow: 0 0 0 5vw rgba(169,203,88,.03),0 0 0 10vw rgba(169,203,88,.025); }.v55-final-inner { position: relative; display: grid; grid-template-columns: minmax(0,1.35fr) auto; gap: 2rem; align-items: end; }.v55-final-inner h2 { max-width: 900px; }.v55-final-inner p { color: rgba(255,255,255,.68); }.v55-final-inner > div:last-child { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .75rem; }

/* Shared shell, forms and legacy routes */
.page-hero,.premium-page-hero { padding-top: clamp(9rem,15vw,12rem); background: radial-gradient(circle at 78% 26%,rgba(169,203,88,.14),transparent 25rem),var(--forest-deep); }
.page-hero h1,.premium-page-hero h1 { font-size: clamp(3.4rem,6.5vw,7rem); }
.page-hero-grid,.premium-page-hero-grid { gap: clamp(3rem,7vw,7rem); }
.anchor-nav { background: var(--paper); border-color: var(--line); }
.anchor-nav a { min-height: 44px; display: inline-flex; align-items: center; color: var(--forest); }
.feature-section:nth-of-type(even) { background: var(--bone); }
.feature-detail { gap: clamp(3rem,7vw,8rem); }
.feature-copy > p:not(.eyebrow) { color: var(--muted); }
.software-plan-card,.premium-role-grid article,.industry-columns article,.pricing-principle,.request-assurance { border-radius: var(--radius-m); }
.form-section,.configurator-section { background: linear-gradient(120deg,var(--paper),var(--bone)); }
.form-card { border: 1px solid var(--line); border-radius: var(--radius-m); background: var(--paper); box-shadow: var(--shadow-soft); }
.form-card input,.form-card select,.form-card textarea { min-height: 48px; border: 1px solid #aeb8b0; border-radius: 7px; background: var(--white); color: var(--ink); }
.form-card textarea { min-height: 150px; }.form-card input:focus,.form-card select:focus,.form-card textarea:focus { border-color: var(--field); box-shadow: 0 0 0 3px rgba(63,99,59,.13); }
.form-success { border-color: rgba(63,99,59,.4); background: #eaf2e1; color: var(--ink); }.field-error,.error-summary { color: #8f241d; }.error-summary { border-color: rgba(228,81,69,.45); background: #fff1ef; }
.interest-grid label,.config-package-choice,.config-cycle-choice,.config-module-grid label,.config-setup-grid label { border-radius: 8px; }
.config-summary { border-radius: 8px; }
.legal-page main { background: var(--paper); }
.legal-page .legal-content { max-width: 900px; }

/* Functions */
.v55-function-hero-screen { min-width: 0; margin: 0; padding: .8rem; border: 1px solid rgba(255,255,255,.17); border-radius: var(--radius-m); background: rgba(255,255,255,.06); box-shadow: 0 28px 70px rgba(0,0,0,.35); }.v55-function-hero-screen img { width: 100%; border-radius: 7px; }.v55-function-hero-screen figcaption,.v55-function-screen figcaption,.v55-function-phone figcaption,.v55-screen-single figcaption { padding-top: .65rem; color: rgba(255,255,255,.58); font-size: .67rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.v55-function-phone { margin: 0; justify-self: center; padding: .7rem; border: 1px solid rgba(255,255,255,.18); border-radius: var(--radius-m); background: rgba(255,255,255,.06); }.v55-function-phone img { width: min(100%,330px); border-radius: 9px; box-shadow: 0 24px 55px rgba(0,0,0,.35); }
.v55-function-screen { min-width: 0; margin: 0; padding: .8rem; border: 1px solid var(--line); border-radius: var(--radius-m); background: var(--white); box-shadow: var(--shadow-soft); }.v55-function-screen img { width: 100%; border-radius: 7px; }.v55-function-screen figcaption,.v55-screen-single figcaption { color: var(--muted); }
.worktime-bars .bar-tour { --bar:76%; }.worktime-bars .bar-load { --bar:22%; }.worktime-bars .bar-break { --bar:14%; }
.time-page-card .value-tour { --value:78%; }.time-page-card .value-load { --value:31%; }.time-page-card .value-break { --value:22%; }

/* Pricing */
.v55-pricing-explainer { background: var(--forest-deep); color: var(--white); }.v55-pricing-explainer .eyebrow { color: var(--lime-bright); }.v55-pricing-explainer p { color: rgba(255,255,255,.65); }
.v55-price-flow { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; padding: 1px; margin: 0; list-style: none; background: rgba(255,255,255,.14); }.v55-price-flow li { min-height: 180px; display: grid; align-content: space-between; gap: .5rem; padding: 1.35rem; background: var(--forest); }.v55-price-flow span { color: var(--lime-bright); font: 800 1.7rem/1 var(--display); }.v55-price-flow strong { font-size: 1.05rem; }.v55-price-flow small { color: rgba(255,255,255,.56); }
.v55-cycle-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); }.v55-cycle-grid article { min-height: 210px; display: grid; align-content: end; gap: .7rem; position: relative; padding: 1.5rem; background: var(--paper); }.v55-cycle-grid article.is-featured { background: var(--forest); color: var(--white); }.v55-cycle-grid article > span { position: absolute; top: 1rem; right: 1rem; padding: .35rem .5rem; border-radius: 5px; background: var(--lime); color: var(--lime-ink); font-size: .65rem; font-weight: 900; }.v55-cycle-grid strong { font: 800 2.4rem/1 var(--display); }.v55-cycle-grid p { margin: 0; color: var(--muted); }.v55-cycle-grid .is-featured p { color: rgba(255,255,255,.65); }
.v55-module-grid,.v55-setup-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: var(--line); }.v55-module-grid article,.v55-setup-grid article { min-height: 300px; display: flex; flex-direction: column; padding: 1.35rem; background: var(--paper); }.v55-module-grid span,.v55-setup-grid span { color: var(--field); font-size: .65rem; font-weight: 900; letter-spacing: .12em; }.v55-module-grid h3,.v55-setup-grid h3 { margin: 1rem 0 .55rem; }.v55-module-grid strong,.v55-setup-grid strong { color: var(--forest); }.v55-module-grid p,.v55-setup-grid p { margin-top: auto; color: var(--muted); }
.v55-device-model { background: var(--paper); }
.configurator-progress { grid-template-columns: repeat(5,1fr); }
.config-subfieldset { padding: 0; margin: 2rem 0 0; border: 0; }.config-subfieldset > legend { margin-bottom: 1rem; font-weight: 900; }
.config-cycle-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: .75rem; }.config-cycle-choice { display: block; position: relative; }.config-cycle-choice input { position: absolute; opacity: 0; pointer-events: none; }.config-cycle-choice > span { min-height: 90px; display: grid; align-content: center; gap: .25rem; padding: 1rem; border: 1px solid var(--line); border-radius: 8px; background: var(--white); }.config-cycle-choice input:checked + span { border-color: var(--forest); box-shadow: inset 0 0 0 2px var(--forest); }.config-cycle-choice small { color: var(--muted); }
.config-module-grid,.config-setup-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: .75rem; }.config-module-grid label,.config-setup-grid label { position: relative; display: block; }.config-module-grid input,.config-setup-grid input { position: absolute; opacity: 0; pointer-events: none; }.config-module-grid label > span,.config-setup-grid label > span { min-height: 140px; display: grid; align-content: start; gap: .35rem; padding: 1rem; border: 1px solid var(--line); background: var(--white); }.config-module-grid input:checked + span,.config-setup-grid input:checked + span { border-color: var(--forest); box-shadow: inset 0 0 0 2px var(--forest); }.config-module-grid small,.config-setup-grid small { color: var(--forest); font-weight: 800; }.config-module-grid i,.config-setup-grid i { color: var(--muted); font-size: .78rem; font-style: normal; }
.v55-live-price { display: grid; gap: .45rem; margin-top: 1.5rem; padding: 1.25rem; border: 1px solid rgba(63,99,59,.34); border-radius: 9px; background: #edf3e5; }.v55-live-price span { color: var(--field); font-size: .68rem; font-weight: 900; letter-spacing: .1em; }.v55-live-price strong { font-size: 1.15rem; }.v55-live-price small { color: var(--muted); }

/* Industries */
.v55-industry-hero { display: grid; grid-template-columns: auto 1fr auto 1fr auto; gap: .8rem; align-items: center; padding: clamp(1.5rem,4vw,3rem); border: 1px solid rgba(255,255,255,.16); border-radius: var(--radius-m); background: rgba(255,255,255,.05); }.v55-industry-hero span { color: var(--white); font-size: .72rem; font-weight: 900; letter-spacing: .12em; }.v55-industry-hero i { height: 3px; background: var(--lime); }.v55-industry-hero i:last-of-type { background: linear-gradient(90deg,var(--lime),var(--harvest)); }.v55-industry-hero small { grid-column: 1/-1; color: rgba(255,255,255,.58); }
.v55-industry-layout { display: grid; grid-template-columns: minmax(0,1.02fr) minmax(320px,.98fr); gap: clamp(3rem,7vw,8rem); align-items: center; }.v55-industry-layout.is-reverse figure { order: 2; }.v55-industry-layout figure { min-height: 620px; position: relative; margin: 0; overflow: hidden; border-radius: var(--radius-l); background: var(--forest); box-shadow: var(--shadow); }.v55-industry-layout figure img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }.v55-industry-layout figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(7,18,11,.65),transparent 50%); }.v55-industry-layout figcaption { position: absolute; z-index: 2; left: 1rem; right: 1rem; bottom: 1rem; color: rgba(255,255,255,.72); font-size: .68rem; }.v55-industry-layout h2 { margin-bottom: 1.2rem; }.v55-industry-layout > div > p:not(.eyebrow) { color: var(--muted); }.v55-industry-layout .button { margin-top: 1rem; }
.v55-industry-flow { display: grid; gap: .6rem; padding: 0; margin: 1.5rem 0; list-style: none; }.v55-industry-flow li { display: grid; grid-template-columns: 34px 1fr; gap: .75rem; align-items: center; padding: .7rem 0; border-bottom: 1px solid var(--line); font-weight: 800; }.v55-industry-flow span { color: var(--field); font: 800 1.15rem/1 var(--display); }
.v55-mini-product { display: grid; gap: .35rem; margin: 1.6rem 0; padding: 1rem; border-left: 4px solid var(--lime); background: var(--forest-deep); color: var(--white); }.v55-mini-product span { color: var(--lime-bright); font-size: .64rem; font-weight: 900; letter-spacing: .1em; }.v55-mini-product small { color: rgba(255,255,255,.58); }.v55-mini-weigh { border-left-color: var(--harvest); }

/* About */
.v55-about-mark { min-height: 420px; display: grid; place-content: center; gap: .55rem; position: relative; padding: 2rem; overflow: hidden; border: 1px solid rgba(255,255,255,.17); border-radius: var(--radius-m); background: repeating-linear-gradient(118deg,transparent 0 54px,rgba(255,255,255,.035) 55px 56px),rgba(255,255,255,.05); }.v55-about-mark::before { content: ""; position: absolute; width: 320px; height: 320px; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(-12deg); border: 1px solid rgba(169,203,88,.28); }.v55-about-mark span { z-index: 1; color: var(--lime-bright); font: 800 clamp(5rem,10vw,9rem)/.8 var(--display); }.v55-about-mark strong,.v55-about-mark small,.v55-about-mark i { z-index: 1; }.v55-about-mark small,.v55-about-mark i { color: rgba(255,255,255,.6); }.v55-about-mark i { max-width: 240px; margin-top: 1rem; font-size: .7rem; font-style: normal; }
.v55-about-story { display: grid; grid-template-columns: .4fr 1.6fr; gap: clamp(2rem,8vw,9rem); }.v55-about-story h2 { margin-bottom: 1.5rem; }.v55-about-story p:not(.eyebrow) { color: var(--muted); }
.v55-principle-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: var(--line); }.v55-principle-grid article { min-height: 340px; padding: 1.35rem; background: var(--paper); }.v55-principle-grid span { color: var(--field); font: 800 1.7rem/1 var(--display); }.v55-principle-grid h3 { margin: 4rem 0 1rem; }.v55-principle-grid p { color: var(--muted); }
.v55-practice-section { background: var(--forest-deep); color: var(--white); }.v55-practice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(3rem,8vw,9rem); align-items: center; }.v55-practice-grid p { color: rgba(255,255,255,.65); }.v55-practice-route { min-height: 470px; display: grid; grid-template-columns: auto 1fr; align-content: center; gap: 1rem; padding: 2rem; border: 1px solid rgba(255,255,255,.15); border-radius: var(--radius-m); background: repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 38px),var(--forest); }.v55-practice-route span { min-height: 54px; display: flex; align-items: center; padding: .8rem; border: 1px solid rgba(255,255,255,.16); background: rgba(7,18,11,.42); font-size: .75rem; font-weight: 900; letter-spacing: .12em; }.v55-practice-route i { width: 100%; height: 3px; align-self: center; background: var(--lime); }.v55-practice-route i:last-of-type { background: linear-gradient(90deg,var(--lime),var(--harvest)); }
.v55-about-product { background: var(--paper); }.v55-screen-single { margin: 0; padding: .75rem; border: 1px solid var(--line); border-radius: var(--radius-m); background: var(--white); box-shadow: var(--shadow-soft); }.v55-screen-single img { border-radius: 7px; }

/* Footer */
.site-footer { background: #07150d; color: var(--white); }
.footer-grid { border-color: rgba(255,255,255,.13); }
.footer-brand .brand { width: 180px; height: 40px; }
.site-footer h2 { font-family: var(--font); font-size: .73rem; letter-spacing: .12em; }
.site-footer a { color: rgba(255,255,255,.66); }.site-footer a:hover { color: var(--lime-bright); }.footer-bottom { color: rgba(255,255,255,.5); }

@media (max-width:1100px) {
  :root { --shell: min(100% - 48px,1520px); }
  .site-header { height: 70px; background: rgba(12,28,18,.97); }
  .header-shell { width: var(--shell); }
  .brand { width: 154px; height: 34px; }
  .menu-toggle { min-width: 92px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: .6rem; margin-left: auto; border: 1px solid rgba(255,255,255,.3); border-radius: 7px; background: transparent; color: var(--white); }
  .menu-icon { width: 18px; height: 12px; position: relative; border-top: 2px solid currentColor; border-bottom: 2px solid currentColor; }.menu-icon::after { content: ""; position: absolute; left: 0; right: 0; top: 4px; height: 2px; background: currentColor; }
  .nav-panel { position: fixed; inset: 70px 0 0; min-height: calc(100dvh - 70px); display: none; align-content: start; padding: 2rem 24px; overflow-y: auto; background: var(--forest-deep); backdrop-filter: none; }
  .nav-panel.is-open { display: grid; }
  .primary-nav { display: grid; align-content: start; gap: 0; }
  .nav-link { min-height: 54px; display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,.13); font-size: 1.05rem; }
  .header-actions { align-self: end; display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; padding-top: 2rem; }
  .login-link { min-height: 48px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.3); border-radius: 7px; }
  .v55-hero { padding-top: 8.5rem; }
  .v55-hero-grid { grid-template-columns: minmax(0,1fr) minmax(360px,.8fr); gap: 2rem; }
  .v55-hero-copy h1 { font-size: clamp(4rem,8.7vw,7rem); }
  .v55-hero-product { width: min(100%,420px); }
  .v55-driver-proof { grid-template-columns: 150px 1fr; }
  .v55-story-step { min-height: auto; grid-template-columns: minmax(0,1.1fr) minmax(300px,.9fr); }
  .v55-story-media { min-height: 500px; }
  .v55-industry-cards { grid-template-columns: repeat(2,1fr); }
  .v55-industry-cards a { min-height: 400px; }
  .v55-operation-grid { grid-template-columns: 1fr 1fr; }.v55-operation-grid > article:last-child { grid-column: 1/-1; min-height: 360px; }
  .v55-module-grid,.v55-setup-grid,.v55-principle-grid { grid-template-columns: repeat(2,1fr); }
  .v55-industry-layout { grid-template-columns: minmax(0,1fr) minmax(320px,.9fr); }.v55-industry-layout figure { min-height: 520px; }
}

@media (max-width:820px) {
  :root { --shell: min(100% - 40px,1520px); --section: clamp(4rem,11vw,6rem); }
  h2 { font-size: clamp(2.5rem,10vw,4.2rem); }
  .v55-heading-split,.v55-proof-grid,.v55-field-grid,.v55-portal-grid,.v55-founder-grid,.v55-final-inner { grid-template-columns: 1fr; }
  .v55-hero { min-height: auto; display: block; padding: 8.2rem 0 6rem; }
  .v55-hero-media img { object-position: 58% center; }
  .v55-hero-scrim { background: linear-gradient(90deg,rgba(7,18,11,.94),rgba(7,18,11,.57)),linear-gradient(0deg,rgba(7,18,11,.98),transparent 72%); }
  .v55-hero-grid { grid-template-columns: 1fr; gap: 3rem; }
  .v55-hero-copy { max-width: 680px; }
  .v55-hero-product { width: min(100%,620px); justify-self: start; }
  .v55-driver-proof { grid-template-columns: minmax(160px,.6fr) 1fr; }
  .v55-hero-facts { position: relative; inset: auto; transform: none; margin-top: 3rem; grid-template-columns: repeat(2,1fr); }
  .v55-hero-facts span:nth-child(2) { border-right: 0; }
  .v55-proof-rail article { grid-template-columns: 90px 1fr; }.v55-proof-rail small { grid-column: 2; }
  .v55-contrast-grid { grid-template-columns: 1fr; }
  .v55-story-step,.v55-story-step.is-reverse { width: var(--shell); min-height: auto; grid-template-columns: 1fr; gap: 2rem; margin-bottom: 6rem; }
  .v55-story-step.is-reverse .v55-story-media { order: 0; }
  .v55-story-media { min-height: 520px; }
  .v55-story-copy { max-width: 680px; }
  .v55-ui-panel { min-height: auto; }
  .v55-screen,.v55-screen-phone { min-height: auto; grid-template-columns: 1fr; }
  .v55-screen-phone img { justify-self: center; }
  .v55-field-stage { min-height: 620px; }
  .v55-operation-grid { grid-template-columns: 1fr; }.v55-operation-grid > article:last-child { grid-column: auto; }
  .v55-home-plans { grid-template-columns: 1fr; }
  .v55-price-flow { grid-template-columns: repeat(2,1fr); }.v55-cycle-grid { grid-template-columns: 1fr; }
  .configurator-shell { grid-template-columns: minmax(0,1fr); }
  .configurator-intro,.software-configurator,.config-step,.config-subfieldset,.form-grid { min-width: 0; max-width: 100%; }
  .config-step { width: 100%; min-inline-size: 0; }
  .configurator-progress { width: 100%; max-width: 100%; grid-template-columns: repeat(5,minmax(110px,1fr)); overflow-x: auto; }
  .v55-industry-layout,.v55-industry-layout.is-reverse,.v55-about-story,.v55-practice-grid { grid-template-columns: 1fr; }.v55-industry-layout.is-reverse figure { order: initial; }.v55-about-story { gap: 1.5rem; }.v55-practice-route { min-height: 360px; }
  .v55-founder-mark { min-height: 320px; }
  .v55-final-inner > div:last-child { justify-content: flex-start; }
  .premium-page-hero-grid,.page-hero-grid,.feature-detail,.feature-detail.reverse { grid-template-columns: 1fr; }
  .feature-detail.reverse > * { order: initial; }
}

@media (max-width:560px) {
  :root { --shell: min(100% - 32px,1520px); }
  html { scroll-padding-top: 72px; }
  body { font-size: .98rem; }
  h1 { font-size: clamp(3.2rem,17vw,5rem); }
  h2 { font-size: clamp(2.35rem,13vw,3.55rem); }
  .site-header { height: 66px; }.nav-panel { inset-block-start: 66px; min-height: calc(100dvh - 66px); }.brand { width: 142px; height: 31px; }.menu-toggle { min-width: 78px; }.menu-label { font-size: .78rem; }
  .header-actions { grid-template-columns: 1fr; }
  .button-row { align-items: stretch; }.button-row .button { flex: 1 1 100%; }
  .v55-hero { min-height: 100svh; padding: 7.4rem 0 4.5rem; }
  .v55-hero-media img { object-position: 54% center; }
  .v55-hero-copy h1 { font-size: clamp(3.9rem,19vw,6rem); }
  .v55-hero-copy > p:not(.eyebrow) { font-size: 1.02rem; }
  .v55-hero-product { padding: .7rem; }
  .v55-driver-proof { min-height: 330px; grid-template-columns: 46% 54%; }.v55-driver-proof-crop { min-height: 330px; }.v55-driver-proof-crop img { width: 176px; }.v55-driver-proof figcaption { padding: 1rem; }.v55-driver-proof figcaption strong { font-size: 1rem; }.v55-route-pulse { display: none; }
  .v55-hero-facts { grid-template-columns: 1fr; }.v55-hero-facts span { min-height: 50px; border-right: 0; }.v55-hero-facts span:not(:last-child) { border-bottom: 1px solid rgba(255,255,255,.12); }
  .v55-proof-rail article { grid-template-columns: 1fr; gap: .35rem; }.v55-proof-rail small { grid-column: auto; }
  .v55-chat-card,.v55-order-card { padding: 1rem; }.v55-order-card dl { grid-template-columns: 1fr; }
  .v55-story-media { min-height: 500px; }.v55-story-media img { object-position: center; }.v55-story-copy h3 { font-size: clamp(2.25rem,12vw,3.5rem); }.v55-story-ui dl,.v55-weigh-ui dl { grid-template-columns: 1fr; }
  .v55-tablist { margin-inline: -1rem; padding-inline: 1rem; }.v55-tablist button { min-width: 126px; }.v55-ui-panel { padding: .75rem; }.v55-screen figcaption { padding: .5rem; }.v55-screen figcaption strong { font-size: 1.5rem; }
  .v55-field-stage { min-height: 610px; }.v55-field-map { width: calc(100% - 1.5rem); right: .75rem; bottom: .75rem; padding: .75rem; }.v55-field-map svg { height: 220px; }.v55-field-map > p { display: grid; }.v55-field-legend { gap: .5rem; }
  .v55-operation-grid > article { min-height: 390px; }
  .v55-price-flow,.v55-module-grid,.v55-setup-grid,.v55-principle-grid { grid-template-columns: 1fr; }.v55-price-flow li { min-height: 145px; }.v55-module-grid article,.v55-setup-grid article,.v55-principle-grid article { min-height: 250px; }.v55-principle-grid h3 { margin-top: 2rem; }
  .config-cycle-grid,.config-module-grid,.config-setup-grid { grid-template-columns: 1fr; }
  .software-configurator { width: 100%; }
  .config-step > legend { max-width: 100%; font-size: clamp(1.8rem,10vw,2.55rem); overflow-wrap: anywhere; }
  .configurator-progress { width: 100%; max-width: 100%; margin-inline: 0; padding-inline: 0; grid-template-columns: repeat(5,minmax(0,1fr)); overflow: visible; }
  .configurator-progress li { min-width: 0; min-height: 68px; flex-direction: column; justify-content: center; gap: .25rem; padding: .5rem .2rem; font-size: .58rem; text-align: center; }
  .configurator-progress li span { font-size: .95rem; }
  .configurator-progress li.is-complete::after { display: none; }
  .v55-industry-hero { grid-template-columns: auto 1fr; }.v55-industry-hero span:nth-of-type(2),.v55-industry-hero span:nth-of-type(3),.v55-industry-hero i:nth-of-type(2) { display: none; }.v55-industry-layout figure { min-height: 430px; }
  .v55-industry-cards { grid-template-columns: 1fr; }.v55-industry-cards a { min-height: 360px; }
  .v55-access-flow { grid-template-columns: 1fr; }.v55-access-flow article { min-height: 105px; }.v55-access-flow small { grid-column: auto; }
  .v55-founder-mark { min-height: 260px; }
  .v55-final-inner > div:last-child { display: grid; }.v55-final-inner .button { width: 100%; }
  .form-card { padding: 1rem; }.form-grid { grid-template-columns: 1fr; }.interest-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }.footer-brand { grid-column: 1/-1; }.footer-bottom { display: grid; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .v55-industry-cards img { transform: none !important; }
}
