:root {
  --ink: #1d211e;
  --ink-2: #2e342f;
  --paper: #ece9df;
  --paper-deep: #d8d5c9;
  --milk: #f8f7f1;
  --acid: #d3ff3f;
  --orange: #f36b3b;
  --muted: #666a61;
  --line: rgba(29, 33, 30, .18);
  --mono: ui-monospace, "Courier New", monospace;
  --sans: Arial, sans-serif;
  --max: 1320px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: var(--paper); color: var(--ink); font-family: var(--sans); font-size: 16px; line-height: 1.45; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
::selection { background: var(--acid); color: var(--ink); }

.skip-link { position: fixed; z-index: 30; left: 12px; top: -60px; padding: 10px 14px; background: var(--acid); color: var(--ink); font-weight: 800; transition: top .2s; }
.skip-link:focus { top: 12px; }
.section-shell { width: min(calc(100% - 48px), var(--max)); margin: 0 auto; }
.site-header { width: min(calc(100% - 48px), var(--max)); height: 86px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); position: relative; z-index: 10; }
.wordmark { display: inline-flex; align-items: center; gap: 7px; font-weight: 800; letter-spacing: -.07em; font-size: 20px; }
.wordmark-mark { width: 26px; height: 26px; display: inline-grid; place-items: center; border-radius: 50%; background: var(--ink); color: var(--acid); font-family: var(--mono); font-size: 15px; letter-spacing: -.15em; }
.wordmark i { font-weight: 400; color: var(--orange); font-style: normal; margin: 0 1px; }
.wordmark small { font-family: var(--mono); font-size: 11px; letter-spacing: .07em; }
.site-nav { display: flex; align-items: center; gap: 30px; font-size: 13px; font-weight: 700; }
.site-nav > a:not(.nav-cta) { transition: opacity .2s; }
.site-nav > a:not(.nav-cta):hover { opacity: .55; }
.nav-cta { display: inline-flex; gap: 9px; align-items: center; padding: 10px 13px; background: var(--ink); color: var(--acid); }
.nav-cta span { font-size: 17px; line-height: .7; }
.menu-button { display: none; border: 0; background: none; width: 42px; height: 42px; padding: 10px 6px; }
.menu-button span { display: block; height: 2px; background: var(--ink); margin: 5px 0; transition: transform .2s; }

.hero { min-height: 698px; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr); align-items: center; gap: clamp(40px, 6vw, 116px); padding: 76px 0 90px; overflow: hidden; }
.eyebrow, .section-label { font-family: var(--mono); font-size: 11px; letter-spacing: .07em; font-weight: 500; }
.eyebrow { display: flex; align-items: center; gap: 8px; margin: 0 0 24px; }
.live-dot { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 0 rgba(243,107,59,.55); animation: dot-pulse 2s infinite; }
.hero h1 { margin: 0; max-width: 780px; font-size: clamp(42px, 5.25vw, 78px); line-height: .99; letter-spacing: -.07em; font-weight: 800; }.hero-break { display: block; height: 0; }
.hero-lead { max-width: 570px; margin: 32px 0 0; font-size: 17px; line-height: 1.6; color: var(--ink-2); }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 38px; }
.button { min-height: 56px; display: inline-flex; align-items: center; justify-content: center; gap: 20px; border: 0; padding: 15px 21px; font-size: 13px; font-weight: 800; transition: transform .2s, background .2s, color .2s; }
.button:hover { transform: translateY(-3px); }
.button-primary { background: var(--ink); color: var(--acid); }
.button-primary span { font-size: 21px; line-height: .7; }
.text-link { font-size: 13px; font-weight: 800; border-bottom: 1px solid var(--ink); padding-bottom: 4px; }
.text-link span { color: var(--orange); padding-left: 5px; }
.hero-note { max-width: 500px; margin: 30px 0 0; color: var(--muted); font-size: 12px; line-height: 1.6; }

.dispatch-board { width: min(100%, 478px); justify-self: end; background: var(--ink); color: var(--milk); padding: 17px; position: relative; box-shadow: 12px 12px 0 var(--orange); transform: rotate(1.3deg); }
.dispatch-board::before { content: ""; position: absolute; width: 115px; height: 115px; right: -47px; top: -42px; background: var(--acid); z-index: -1; border-radius: 50%; }
.board-topline, .board-bottomline { display: flex; justify-content: space-between; color: rgba(248,247,241,.65); font: 10px var(--mono); letter-spacing: .04em; }
.pulse { color: var(--acid); }
.board-order { margin-top: 38px; padding: 13px 0 17px; border-bottom: 1px solid rgba(248,247,241,.22); display: flex; justify-content: space-between; align-items: flex-end; }
.order-ident { display: flex; gap: 8px; align-items: center; }
.order-ident span { padding: 3px 5px; background: var(--orange); color: var(--ink); font: 10px var(--mono); font-weight: 500; }
.order-ident b { font: 500 18px var(--mono); letter-spacing: -.03em; }
.order-meta { display: flex; flex-direction: column; align-items: end; gap: 4px; font: 10px var(--mono); color: rgba(248,247,241,.66); }
.order-meta span:last-child { color: var(--acid); }
.route-map { position: relative; padding: 29px 4px 24px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 3px; }
.route-line { height: 1px; background: rgba(248,247,241,.22); position: absolute; left: 16px; right: 16px; top: 38px; }
.route-step { z-index: 1; display: flex; flex-direction: column; gap: 10px; align-items: start; color: rgba(248,247,241,.48); font: 9px var(--mono); line-height: 1.25; }
.route-step i { display: grid; place-items: center; width: 20px; height: 20px; border: 1px solid rgba(248,247,241,.32); background: var(--ink); border-radius: 50%; font-style: normal; font-size: 8px; }
.route-step small { font: 8px var(--mono); opacity: .7; }
.route-step.is-complete, .route-step.is-active { color: var(--milk); }
.route-step.is-complete i { background: var(--milk); color: var(--ink); border-color: var(--milk); }
.route-step.is-active i { border-color: var(--acid); background: var(--acid); color: var(--ink); box-shadow: 0 0 0 6px rgba(211,255,63,.16); animation: scan-pulse 1.8s infinite; }
.route-step.is-active small { color: var(--acid); opacity: 1; }
.scan-ticket { min-height: 69px; padding: 12px; background: var(--milk); color: var(--ink); display: grid; grid-template-columns: 100px 1fr 22px; align-items: center; gap: 10px; }
.barcode { display: flex; gap: 3px; height: 28px; align-items: stretch; overflow: hidden; }
.barcode i { display: block; background: var(--ink); width: 3px; }.barcode i:nth-child(2n) { width: 6px; }.barcode i:nth-child(3n) { width: 2px; }.barcode i:nth-child(4n) { width: 8px; }
.scan-ticket strong { display: block; font: 500 11px var(--mono); }.scan-ticket span { display: block; margin-top: 3px; color: var(--muted); font: 9px var(--mono); }
.scan-ok { display: grid; place-items: center; width: 22px; height: 22px; background: var(--acid); border-radius: 50%; font-size: 14px; }
.board-bottomline { margin-top: 15px; color: var(--acid); }

.section-label { display: flex; align-items: center; gap: 12px; color: var(--muted); }
.section-label > span { color: var(--orange); }
.section-label-light { color: rgba(248,247,241,.65); }.section-label-light > span { color: var(--acid); }
.pain { padding: 142px 0 150px; border-top: 1px solid var(--line); }
.pain > .section-label { margin-bottom: 52px; }
.pain-layout { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(320px, .77fr); gap: clamp(52px, 10vw, 170px); align-items: start; }
h2 { margin: 0; font-size: clamp(37px, 4.4vw, 64px); font-weight: 800; letter-spacing: -.07em; line-height: 1.01; } h2 em, .brief-copy em, .connector em { color: var(--orange); font-style: normal; }
.pain h2 { max-width: 680px; }.pain-list { border-top: 1px solid var(--ink); }.pain-list article { display: grid; grid-template-columns: 43px 1fr; gap: 12px; padding: 19px 0; border-bottom: 1px solid var(--line); }.pain-list span { font: 10px var(--mono); color: var(--orange); }.pain-list p { margin: 0; font-size: 14px; line-height: 1.55; }

.contour { background: var(--ink); color: var(--milk); padding: 138px 0 130px; position: relative; overflow: hidden; }.contour::after { content: "FBS"; position: absolute; right: -28px; bottom: -86px; font-size: min(28vw, 390px); letter-spacing: -.12em; line-height: .75; font-weight: 800; color: rgba(248,247,241,.035); pointer-events: none; }
.contour-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(190px, .38fr); gap: 35px 80px; align-items: end; }.contour-head .section-label { grid-column: 1 / -1; }.contour h2 { font-size: clamp(42px, 5vw, 72px); }.contour h2 em { font-style: normal; color: var(--acid); }.contour-head p { max-width: 350px; margin: 0 0 5px; color: rgba(248,247,241,.68); font-size: 14px; line-height: 1.6; }
.contour-flow { position: relative; z-index: 1; list-style: none; padding: 0; margin: 72px 0 0; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid rgba(248,247,241,.26); }.flow-item { min-height: 151px; position: relative; padding: 17px; display: flex; flex-direction: column; gap: 25px; border-right: 1px solid rgba(248,247,241,.26); border-bottom: 1px solid rgba(248,247,241,.26); color: rgba(248,247,241,.63); transition: background .25s, color .25s; }.flow-item:nth-child(4n) { border-right: 0; }.flow-item:nth-last-child(-n+4) { border-bottom: 0; }.flow-item:hover, .flow-item.is-on { color: var(--ink); background: var(--acid); }.flow-num { font: 10px var(--mono); }.flow-item b { display: block; font-size: 18px; letter-spacing: -.04em; }.flow-item small { display: block; max-width: 160px; margin-top: 4px; font-size: 11px; line-height: 1.35; }.flow-item > i { display: none; }.contour-footer { position: relative; z-index: 1; max-width: 580px; margin: 32px 0 0; color: rgba(248,247,241,.62); font-size: 13px; line-height: 1.65; }

.modules { padding: 142px 0; }.modules-heading { display: grid; grid-template-columns: .44fr 1fr; align-items: end; gap: 40px; }.modules-heading h2 { max-width: 740px; }.modules-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 64px; }.module-card { min-height: 390px; position: relative; display: flex; flex-direction: column; padding: 24px; overflow: hidden; border: 1px solid var(--line); background: var(--milk); transition: transform .25s, box-shadow .25s; }.module-card:hover { transform: translate(-4px, -4px); box-shadow: 7px 7px 0 var(--ink); }.module-card-head { display: flex; justify-content: space-between; font: 10px var(--mono); color: var(--orange); }.module-tag { color: var(--muted); }.module-card h3 { margin: 46px 0 9px; font-size: 29px; line-height: 1; letter-spacing: -.06em; }.module-card p { max-width: 420px; margin: 0; font-size: 14px; line-height: 1.6; }.module-card > small { margin-top: auto; padding-top: 24px; color: var(--muted); font: 10px/1.4 var(--mono); }.module-card-wide { grid-column: 1 / -1; min-height: 280px; display: grid; grid-template-columns: .58fr 1.2fr .92fr; gap: 28px; align-items: end; background: var(--paper-deep); }.module-card-wide .module-card-head { position: absolute; top: 24px; left: 24px; right: 24px; }.module-card-wide-copy h3 { margin: 0 0 12px; }.module-card-wide-copy p { max-width: 550px; }.agent-queries { display: grid; gap: 7px; align-self: center; margin-top: 28px; font: 10px/1.45 var(--mono); }.agent-queries span { position: relative; display:block; padding: 11px 13px 11px 29px; border: 1px solid var(--line); background: var(--milk); }.agent-queries span::before { content: "?"; position: absolute; left: 11px; color: var(--orange); font: 500 14px var(--mono); }
.stock-bars { height: 77px; position: relative; margin-top: 30px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; align-items: end; gap: 7px; padding: 0 10px; }.stock-bars i { display: block; width: 38px; background: var(--ink); }.stock-bars i:nth-child(1) { height: 38%; }.stock-bars i:nth-child(2) { height: 75%; background: var(--orange); }.stock-bars i:nth-child(3) { height: 58%; background: var(--acid); }.stock-bars b { position: absolute; right: 10px; top: 0; font: 10px var(--mono); }.order-strips { margin-top: 28px; display: grid; gap: 5px; }.order-strips i { height: 23px; display: grid; grid-template-columns: 31px 1fr; gap: 9px; align-items: center; padding: 0 7px; background: var(--paper-deep); font: 9px var(--mono); font-style: normal; }.order-strips i:nth-child(2) { width: 83%; background: var(--acid); }.order-strips i:nth-child(3) { width: 70%; }.order-strips i span { height: 2px; background: var(--ink); opacity: .5; }.warehouse-scan { width: 177px; height: 83px; position: relative; margin-top: 24px; padding: 21px 14px; background: var(--ink); color: var(--milk); font-family: var(--mono); }.scan-corners::before, .scan-corners::after { content: ""; position: absolute; width: 13px; height: 13px; border: solid var(--acid); }.scan-corners::before { left: 8px; top: 8px; border-width: 2px 0 0 2px; }.scan-corners::after { right: 8px; bottom: 8px; border-width: 0 2px 2px 0; }.warehouse-scan b { display: block; font-size: 14px; }.warehouse-scan i { display: block; margin-top: 2px; color: var(--acid); font-size: 10px; font-style: normal; }.print-sheet { width: 200px; height: 79px; position: relative; margin-top: 23px; background: var(--paper-deep); padding: 12px; display: grid; gap: 5px; transform: rotate(-2deg); }.print-sheet div { height: 16px; background: repeating-linear-gradient(90deg, var(--ink) 0 2px, transparent 2px 4px, var(--ink) 4px 9px, transparent 9px 11px); }.print-sheet span { position: absolute; right: -23px; bottom: 6px; padding: 3px 6px; background: var(--orange); font: 10px var(--mono); }

.compare { padding: 8px 0 150px; display: grid; grid-template-columns: minmax(300px, .75fr) minmax(510px, 1.25fr); gap: clamp(50px, 8vw, 122px); }.compare-intro .section-label { margin-bottom: 51px; }.compare-intro h2 { font-size: clamp(38px, 4.2vw, 60px); }.compare-table { border-top: 2px solid var(--ink); }.compare-row { min-height: 72px; display: grid; grid-template-columns: .75fr 1fr 1fr; gap: 18px; align-items: center; border-bottom: 1px solid var(--line); font-size: 13px; }.compare-head { min-height: 44px; color: var(--muted); font: 10px var(--mono); }.compare-row b { font-size: 13px; }.compare-row span { color: var(--muted); }.compare-row strong { font-size: 13px; font-weight: 700; }.compare-row strong::before { content: "↗"; margin-right: 8px; color: var(--orange); }

.connector { background: var(--orange); color: var(--ink); padding: 100px 0; }.connector-layout { display: grid; grid-template-columns: minmax(200px, .64fr) 1fr; gap: clamp(45px, 12vw, 190px); align-items: center; }.connector-symbol { height: 234px; position: relative; display: grid; place-items: center; font: 500 28px var(--mono); }.connector-symbol span, .connector-symbol b { z-index: 1; display: grid; place-items: center; width: 100px; height: 100px; border-radius: 50%; background: var(--ink); color: var(--acid); font-weight: 500; }.connector-symbol b { position: absolute; right: 18%; bottom: 20px; width: 76px; height: 76px; background: var(--acid); color: var(--ink); font-size: 19px; }.connector-symbol i { position: absolute; width: 75%; height: 1px; background: var(--ink); transform: rotate(34deg); }.connector .section-label { color: rgba(29,33,30,.65); }.connector .section-label > span { color: var(--ink); }.connector h2 { margin-top: 26px; font-size: clamp(38px, 4.4vw, 64px); }.connector h2 em { color: var(--acid); }.connector p { max-width: 650px; margin: 23px 0 0; font-size: 15px; line-height: 1.65; }

.proof { padding: 145px 0; }.proof-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; }.proof-heading h2 { max-width: 700px; margin-top: 50px; }.proof-heading h2 em { color: var(--orange); font-style: normal; }.case-card { margin-top: 65px; padding: 21px 22px 26px; background: var(--ink); color: var(--milk); }.case-card-top { display: flex; justify-content: space-between; gap: 20px; font: 10px var(--mono); color: var(--acid); }.case-card-main { display: grid; grid-template-columns: 1.02fr .72fr; gap: clamp(40px, 10vw, 165px); padding: 80px 0 59px; }.case-card h3 { max-width: 680px; margin: 0; font-size: clamp(31px, 3.5vw, 51px); line-height: 1.01; letter-spacing: -.065em; }.case-card-main p { max-width: 405px; margin: 5px 0 0; color: rgba(248,247,241,.7); font-size: 14px; line-height: 1.65; }.case-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 0; background: rgba(248,247,241,.22); }.case-facts > div { min-height: 145px; padding: 18px; background: var(--ink); }.case-facts dt { font: 500 clamp(33px, 4vw, 54px) var(--mono); letter-spacing: -.1em; color: var(--acid); }.case-facts dd { max-width: 180px; margin: 8px 0 0; font-size: 11px; line-height: 1.45; color: rgba(248,247,241,.7); }.case-route { display: grid; grid-template-columns: 175px 1fr; gap: 13px 30px; margin-top: 1px; padding: 22px 0; border-top: 1px solid rgba(248,247,241,.22); border-bottom: 1px solid rgba(248,247,241,.22); }.case-route-label { color: var(--acid); font: 10px/1.35 var(--mono); }.case-route-steps { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; font: 11px var(--mono); }.case-route-steps i { color: var(--orange); font-style: normal; font-size: 17px; }.case-route p { grid-column: 2; max-width: 680px; margin: 0; color: rgba(248,247,241,.68); font-size: 12px; line-height: 1.6; }.case-caption { max-width: 760px; margin: 26px 0 0; color: rgba(248,247,241,.5); font-size: 11px; line-height: 1.6; }

.implementation { padding: 0 0 145px; display: grid; grid-template-columns: minmax(300px, .74fr) minmax(500px, 1.26fr); gap: clamp(50px, 8vw, 120px); }.implementation-title .section-label { margin-bottom: 49px; }.implementation-list { list-style: none; padding: 0; margin: 0; border-top: 2px solid var(--ink); }.implementation-list li { display: grid; grid-template-columns: 76px 1fr; gap: 8px; padding: 25px 0; border-bottom: 1px solid var(--line); }.implementation-list li > span { color: var(--orange); font: 11px var(--mono); }.implementation-list h3 { margin: 0; font-size: 18px; letter-spacing: -.04em; }.implementation-list p { max-width: 540px; margin: 6px 0 0; color: var(--muted); font-size: 13px; line-height: 1.55; }

.faq { padding: 126px 0; border-top: 1px solid var(--line); display: grid; grid-template-columns: minmax(280px, .76fr) minmax(520px, 1.24fr); gap: clamp(50px, 9vw, 140px); }.faq-heading .section-label { margin-bottom: 50px; }.faq-heading h2 { font-size: clamp(36px, 4vw, 58px); }.faq-list { border-top: 2px solid var(--ink); }.faq details { border-bottom: 1px solid var(--line); }.faq summary { position: relative; padding: 21px 42px 21px 0; list-style: none; font-size: 15px; font-weight: 700; cursor: pointer; }.faq summary::-webkit-details-marker { display: none; }.faq summary span { position: absolute; right: 0; top: 17px; color: var(--orange); font: 25px var(--mono); transition: transform .2s; }.faq details[open] summary span { transform: rotate(45deg); }.faq details p { max-width: 570px; padding: 0 0 23px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }

.brief { background: var(--ink); color: var(--milk); padding: 124px 0; }.brief-layout { display: grid; grid-template-columns: minmax(280px, .8fr) minmax(400px, 1fr); gap: clamp(60px, 12vw, 190px); }.brief h2 { margin-top: 28px; font-size: clamp(41px, 4.7vw, 68px); }.brief-copy > p:last-child { max-width: 440px; margin: 30px 0 0; color: rgba(248,247,241,.65); font-size: 14px; line-height: 1.65; }.brief-form { padding: 0; }.brief-form > label, .brief-form fieldset { display: block; margin: 0 0 22px; border: 0; padding: 0; color: rgba(248,247,241,.78); font-size: 11px; font-weight: 700; }.brief-form input[type="text"], .brief-form select, .brief-form textarea { width: 100%; display: block; margin-top: 8px; padding: 11px 0; border: 0; border-bottom: 1px solid rgba(248,247,241,.38); border-radius: 0; outline: none; appearance: none; background: transparent; color: var(--milk); font-size: 15px; font-weight: 500; transition: border-color .2s; }.brief-form select { background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3E%3Cpath d='m1 1 6 6 6-6' fill='none' stroke='%23d3ff3f' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 5px center; }.brief-form select option { color: var(--ink); }.brief-form textarea { resize: vertical; min-height: 67px; }.brief-form input:focus, .brief-form select:focus, .brief-form textarea:focus { border-color: var(--acid); }.brief-form input::placeholder, .brief-form textarea::placeholder { color: rgba(248,247,241,.38); }.brief-form legend { margin-bottom: 11px; }.choice-grid { display: flex; flex-wrap: wrap; gap: 7px; }.choice-grid label { position: relative; cursor: pointer; }.choice-grid input { position: absolute; opacity: 0; }.choice-grid span { display: block; padding: 9px 12px; border: 1px solid rgba(248,247,241,.37); color: rgba(248,247,241,.72); font-size: 12px; font-weight: 600; transition: color .2s, background .2s; }.choice-grid input:checked + span { background: var(--acid); border-color: var(--acid); color: var(--ink); }.choice-grid input:focus-visible + span { outline: 2px solid var(--orange); outline-offset: 2px; }.optional { color: rgba(248,247,241,.4); font-weight: 400; }.brief-form .button { width: 100%; margin-top: 3px; background: var(--acid); color: var(--ink); }.brief-form .button:hover { background: var(--milk); }.form-note { margin: 14px 0 0; color: rgba(248,247,241,.4); font-size: 10px; line-height: 1.5; }.hidden-field { position: absolute; left: -10000px; overflow: hidden; width: 1px; height: 1px; }
.site-footer { min-height: 104px; display: flex; align-items: center; justify-content: space-between; gap: 25px; color: var(--muted); font-size: 11px; }.site-footer .wordmark { color: var(--ink); }.site-footer p { margin: 0; }.site-footer > a:last-child { border-bottom: 1px solid var(--line); padding-bottom: 3px; font-weight: 700; }.site-footer > a:last-child span { color: var(--orange); }

[data-reveal] { opacity: 0; transform: translateY(20px); transition: opacity .6s cubic-bezier(.2,.7,.2,1), transform .6s cubic-bezier(.2,.7,.2,1); transition-delay: var(--delay, 0ms); } [data-reveal].is-revealed { opacity: 1; transform: none; } [data-delay="80"] { --delay: 80ms; } [data-delay="90"] { --delay: 90ms; } [data-delay="100"] { --delay: 100ms; } [data-delay="120"] { --delay: 120ms; } [data-delay="160"] { --delay: 160ms; }
@keyframes dot-pulse { 0%,100% { box-shadow: 0 0 0 0 rgba(243,107,59,.4); } 50% { box-shadow: 0 0 0 7px rgba(243,107,59,0); } } @keyframes scan-pulse { 0%,100% { box-shadow: 0 0 0 0 rgba(211,255,63,.18); } 50% { box-shadow: 0 0 0 8px rgba(211,255,63,0); } }

@media (max-width: 900px) {
  .hero { grid-template-columns: minmax(0, 1fr); min-height: 0; padding: 70px 0 100px; }.hero-copy, .dispatch-board { min-width: 0; }.dispatch-board { justify-self: start; margin: 6px 0 0 22px; }.pain-layout, .compare, .implementation, .faq, .brief-layout { grid-template-columns: 1fr; }.pain-layout { gap: 55px; }.modules-heading { grid-template-columns: 1fr; gap: 28px; }.compare { gap: 54px; }.connector-layout { grid-template-columns: .43fr 1fr; gap: 45px; }.proof-heading { display: block; }.implementation { gap: 54px; }.faq { gap: 53px; }.brief-layout { gap: 60px; }.site-footer { flex-wrap: wrap; padding: 27px 0; }
}
@media (max-width: 900px) {
  .section-shell, .site-header { width: min(calc(100% - 32px), var(--max)); }.site-header { height: 72px; }.menu-button { display: block; }.site-nav { position: absolute; top: 72px; right: 0; display: none; width: min(290px, 100vw); padding: 18px; align-items: stretch; gap: 16px; border: 1px solid var(--line); background: var(--paper); box-shadow: 5px 5px 0 var(--ink); }.site-nav.is-open { display: flex; flex-direction: column; }.nav-cta { justify-content: space-between; }.hero { padding: 54px 0 77px; }.hero h1 { font-size: clamp(40px, 11.8vw, 57px); }.hero-break { display: inline; }.hero-lead { margin-top: 25px; font-size: 15px; }.hero-actions { display: grid; align-items: start; gap: 20px; margin-top: 29px; }.button { width: 100%; }.dispatch-board { width: calc(100% - 16px); margin-left: 0; padding: 14px; transform: rotate(.6deg); box-shadow: 8px 8px 0 var(--orange); }.dispatch-board::before { width: 72px; height: 72px; right: -23px; top: -23px; }.route-map { padding-left: 0; padding-right: 0; overflow: hidden; }.route-step { min-width: 0; font-size: 8px; overflow-wrap: anywhere; }.route-step i { width: 18px; height: 18px; font-size: 7px; }.route-line { left: 9px; right: 9px; }.scan-ticket { grid-template-columns: 74px minmax(0, 1fr) 22px; gap: 8px; }.barcode { gap: 2px; }.pain, .modules, .proof { padding: 90px 0; }.pain > .section-label { margin-bottom: 37px; }.pain-list article { grid-template-columns: 31px 1fr; }.contour { padding: 90px 0; }.contour-head { grid-template-columns: 1fr; gap: 27px; }.contour-flow { grid-template-columns: repeat(2, 1fr); margin-top: 47px; }.flow-item { min-height: 125px; padding: 13px; gap: 17px; }.flow-item:nth-child(4n) { border-right: 1px solid rgba(248,247,241,.26); }.flow-item:nth-child(2n) { border-right: 0; }.flow-item:nth-last-child(-n+4) { border-bottom: 1px solid rgba(248,247,241,.26); }.flow-item:nth-last-child(-n+2) { border-bottom: 0; }.flow-item b { font-size: 16px; }.modules-heading { gap: 23px; }.modules-grid { grid-template-columns: 1fr; margin-top: 43px; }.module-card { min-height: 340px; }.module-card h3 { margin-top: 38px; }.module-card-wide { display: flex; min-height: auto; gap: 0; }.module-card-wide .module-card-head { position: static; }.module-card-wide-copy h3 { margin-top: 42px; }.agent-queries { width: 100%; margin-top: 26px; }.compare { padding: 0 0 90px; }.compare-intro .section-label, .implementation-title .section-label, .faq-heading .section-label { margin-bottom: 38px; }.compare-table { overflow-x: auto; }.compare-row { min-width: 590px; grid-template-columns: .7fr 1fr 1.1fr; }.connector { padding: 68px 0; }.connector-layout { grid-template-columns: 1fr; gap: 19px; }.connector-symbol { width: 200px; height: 170px; }.connector-symbol b { right: 0; bottom: 0; }.connector h2 { margin-top: 20px; }.case-card { margin-top: 44px; padding: 15px; }.case-card-top { flex-direction: column; gap: 8px; }.case-card-main { grid-template-columns: 1fr; gap: 26px; padding: 53px 0 40px; }.case-facts { grid-template-columns: 1fr; }.case-facts > div { min-height: 0; display: grid; grid-template-columns: 112px 1fr; align-items: center; }.case-facts dd { margin: 0; }.implementation { padding-bottom: 90px; }.implementation-list li { grid-template-columns: 45px 1fr; }.faq { padding: 90px 0; }.brief { padding: 88px 0; }.brief-form > label,.brief-form fieldset { margin-bottom: 19px; }.site-footer { align-items: flex-start; flex-direction: column; gap: 13px; }.site-footer p { order: 3; }
}
@media (max-width: 900px) { .case-route { grid-template-columns: 1fr; gap: 15px; padding: 18px 0; }.case-route p { grid-column: 1; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } [data-reveal] { opacity: 1; transform: none; } }

.consent-check { display: grid; grid-template-columns: 16px minmax(0, 1fr); gap: 9px; align-items: start; margin-top: 2px; color: rgba(248,247,241,.56); font-size: .72rem; line-height: 1.45; }
.consent-check input { width: 14px; height: 14px; margin: 3px 0 0; accent-color: var(--acid); }
.consent-check a, .footer-links a { color: inherit; text-decoration-color: var(--orange); text-underline-offset: 3px; }
.form-status { min-height: 1.2em; margin: -4px 0 0; color: var(--orange); font-size: .78rem; line-height: 1.4; }
.footer-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px 20px; }
.footer-links a:last-child { border-bottom: 1px solid var(--line); padding-bottom: 3px; font-weight: 700; }
.footer-links a:last-child span { color: var(--orange); }
@media (max-width: 900px) { .footer-links { justify-content: flex-start; } }