/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/


:root {
    --ink: #142722;
    --ink-2: #234239;
    --paper: #f4f2eb;
    --paper-deep: #e6e3da;
    --sage: #d7e2d7;
    --mint: #8ebfa8;
    --gold: #d9b16f;
    --orange: #d96a3b;
    --line: rgba(20, 39, 34, .17);
    --mono: "IBM Plex Mono", monospace;
    --sans: "Archivo", Arial, sans-serif;
    --shadow: 0 24px 60px rgba(17, 40, 33, .14);
}
#requestDemo .icon-active svg,
#requestDemo .icon-inactive svg {
    transform: rotate(-45deg);
}
#menubar-231 .e-n-menu-heading > li:last-child {
    border: 1px solid rgba(20, 39, 34, .17);
    color: #142722 !important;
	margin-left: 15px;
	
}
div#requestDemo {
    padding: 10px 14px;
}
div#requestDemo span{
    color: #142722 !important;
}
.eyebrow {
    font: 500 11px / 1.2 var(--mono);
    letter-spacing: .08em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 22px;
    color: #476156;
}
.eyebrow>span {
    width: 23px;
    height: 1px;
    background: currentColor;
}
.hero {
    padding: 86px 0 94px;
}
.hero h1, .statement h2, .section-heading h2, .workflow h2, .capability-heading h2, .verticals h2, .proof-copy h2, .cta-inner h2
 {
    font-size: clamp(43px, 5vw, 74px);
    letter-spacing: -.075em;
    line-height: .96;
    margin: 0;
    font-weight: 600;
}
.hero h1 em, .statement h2 em, .capability-heading h2 em, .cta-inner h2 em
 {
    font-family: Georgia, serif;
    font-weight: 400;
    color: #507663;
}
.hero-intro {
    font-size: 19px;
    line-height: 1.5;
    max-width: 510px;
    margin: 30px 0;
	color:#142722;
}
.hero-actions {
    display: flex;
    align-items: center;
    gap: 26px;
}
.button-primary {
    background: var(--ink);
    color: var(--paper);
}

.button {
    display: inline-flex;
    align-items: center;
    gap: 25px;
    padding: 15px 18px;
    border: 0;
    font: 600 14px var(--sans);
    cursor: pointer;
	    border-radius: 0px;
}
.text-link {
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid var(--ink);
    padding-bottom: 4px;
	color:#142722;
	
}
.text-link span {
    padding-left: 6px;
}
.hero-note {
    font: 500 10px var(--mono);
    text-transform: uppercase;
    letter-spacing: .03em;
    opacity: .65;
    margin-top: 36px;
}
.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}
.reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .65s ease, transform .65s ease;
}
.hero-system {
    background: #1a342d;
    color: #f5f4ef;
    box-shadow: var(--shadow);
    padding: 16px 16px 0;
    min-height: 422px;
}
.system-topline, .system-footer {
    font:600 11px var(--mono);
    letter-spacing: .04em;
    color: #b7cbbd;
    display: flex;
    align-items: center;
    gap: 8px;
}
.pulse {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #f1bb66;
    box-shadow: 0 0 0 4px rgba(241, 187, 102, .18);
}
.system-topline>span:last-child {
    margin-left: auto;
}
.system-map {
    height: 345px;
    position: relative;
    margin-top: 12px;
    border: 1px solid rgba(198, 225, 204, .17);
    overflow: hidden;
    background: #173128;
}
.map-grid {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(194, 229, 203, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(194, 229, 203, .07) 1px, transparent 1px);
    background-size: 42px 42px;
}
.route-a {
    width: 223px;
    left: 103px;
    top: 125px;
    transform: rotate(16deg);
}
.route {
    position: absolute;
    border-top: 1px dashed #99bfa8;
    transform-origin: left;
}
.route-b {
    width: 206px;
    left: 103px;
    top: 125px;
    transform: rotate(-23deg);
}

.map-node {
    position: absolute;
    background: #e8eee7;
    color: var(--ink);
    min-width: 130px;
    padding: 11px 13px;
    box-shadow: 0 8px 17px rgba(0, 0, 0, .19);
}
.map-node.node-hq {
    left: 26px;
    top: 105px;
    background: #d9b16f;
}
.map-node span, .map-node i {
    font: 500 9px var(--mono);
    font-style: normal;
    color: #587164;
    display: block;
}
.map-node strong {
    font-size: 12px;
    line-height: 1.1;
    display: block;
    margin: 5px 0;
}
.node-active {
    border-left: 4px solid var(--orange);
}
.node-property {
    right: 23px;
    top: 50px;
}
.map-node i {
    color: #567b68;
}
.node-property:nth-of-type(6) {
    right: 55px;
    top: 220px;
}
.node-property:nth-of-type(7) {
    left: 196px;
    top: 243px;
}
.vehicle-one {
    left: 138px;
    top: 135px;
}
.vehicle {
    position: absolute;
    padding: 7px 9px;
    background: #274c41;
    border: 1px solid #789685;
    font: 500 10px var(--mono);
    color: #e3eee6;
}
.vehicle-two {
    left: 121px;
    top: 168px;
}
.vehicle b {
    color: #fff;
    display: block;
}
.vehicle small {
    font-size: 8px;
    color: #a4c7b1;
}
.event-card {
    position: absolute;
    left: 23px;
    bottom: 18px;
    background: #254a3f;
    border: 1px solid #537463;
    display: flex;
    gap: 8px;
    padding: 9px 12px;
    width: 240px;
}
.event-icon {
    font-size: 13px;
    color: #e0b268;
}
.event-card small {
    display: block;
    font: 400 8px var(--mono);
    color: #b9cfbf;
}
.event-card strong {
    font-size: 10px;
}
.system-footer {
    padding: 13px 2px;
    height: 42px;
}
.proof-strip {
    background: #dde5da;
    border-top: 1px solid rgba(20, 39, 34, .1);
    border-bottom: 1px solid rgba(20, 39, 34, .1);
}
.proof-strip-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 34px;
    padding: 21px 0;
}
.proof-strip-grid p {
    margin: 0;
    font-size: 13px;
    line-height: 1.35;
    display: flex;
    gap: 12px;
	color: #142722;
}
.proof-strip-grid span {
    font: 500 10px var(--mono);
    color: #527565;
    padding-top: 2px;
}
.owner-control-heading {
   display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.8fr);
    column-gap: 2rem;
    row-gap: 1.8rem;
    align-items: end;
    margin-bottom: 3.25rem;
}
.owner-control-heading .eyebrow {
    grid-column: 1 / -1;
    margin: 0;
}
.owner-control-heading h2 {
    max-width: 40rem;
    margin: 0;
    color: #0d3329;
    font-size: clamp(2.45rem, 4.1vw, 4.45rem);
    letter-spacing: -0.065em;
    line-height: 0.93;
}
.owner-control-heading > p:last-child
 {
    max-width: 31rem;
    margin: 0 0 0.25rem;
    color: #496056;
    font-size: .9rem;
    line-height: 1.6;
    font-family: var(--sans);
}
.owner-control-heading h2 em {
    color: #537c67;
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 400;
}
.owner-control-grid
 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid rgba(13, 51, 41, 0.2);
    border-left: 1px solid rgba(13, 51, 41, 0.2);
}
.owner-control-card
 {
    min-height: 15.25rem;
    padding: 1.65rem 1.7rem 1.8rem;
    border-right: 1px solid rgba(13, 51, 41, 0.2);
    border-bottom: 1px solid rgba(13, 51, 41, 0.2);
    background: #f9faf6;
}
.owner-control-card .owner-control-number
 {
    display: block;
    margin-bottom: 3.4rem;
    color: #668475;
    font-family: 'IBM Plex Mono', monospace;
    font-size: 0.63rem;
    letter-spacing: 0.08em;
}
.owner-control-card h3 {
    max-width: 29rem;
    margin: 0 0 0.65rem;
    color: #123c31;
    font-size: clamp(1.2rem, 1.6vw, 1.55rem);
    letter-spacing: -0.045em;
    line-height: 1.05;
}
.owner-control-card p {
    max-width: 34rem;
    margin: 0;
    color: #53675e;
    font-size: 0.79rem;
    line-height: 1.5;
}
.owner-control-card:nth-child(2), .owner-control-card:nth-child(3)
 {
    background: #dbe6dc;
}
.property-wedge h2 {
    font-size: clamp(44px, 5vw, 72px);
    letter-spacing: -.075em;
    line-height: .94;
    margin: 0;
}
.property-wedge h2 em {
    font: 400 1em Georgia, serif;
    color: #507663;
}
.property-wedge-copy>p:last-child {
    font-size: 17px;
    line-height: 1.56;
    max-width: 450px;
    margin: 27px 0 0;
	color: var(--ink);
}
.property-wedge-map {
    height: 334px;
    background: #dfe9df;
    border: 1px solid #c6d3c6;
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(rgba(31, 64, 53, .09) 1px, transparent 1px), linear-gradient(90deg, rgba(31, 64, 53, .09) 1px, transparent 1px);
    background-size: 40px 40px;
}
.wedge-core {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #1e463a !important;
    color: #edf3ed;
    width: 183px;
    padding: 15px;
}
.wedge-core, .wedge-signal {
    position: absolute;
    background: #f8f6ef;
    box-shadow: 0 8px 18px rgba(24, 54, 45, .13);
    z-index: 2;
}
.wedge-core small {
    font: 500 8px var(--mono);
    display: block;
    color: #b9d2c0;
}
.signal-one {
    left: 33px;
    top: 35px;
    border-top: 3px solid #d9b16f;
}
.signal-two {
    right: 30px;
    top: 48px;
    border-top: 3px solid #5b8c75;
}
.signal-three {
    left: 40px;
    bottom: 39px;
    border-top: 3px solid #d96a3b;
}
.signal-four {
    right: 36px;
    bottom: 38px;
    border-top: 3px solid #1e463a;
}
.wedge-signal {
    width: 142px;
    padding: 10px 11px;
}
.line-one {
    left: 171px;
    top: 98px;
    width: 154px;
    transform: rotate(29deg);
}
.wedge-line {
    position: absolute;
    border-top: 1px dashed #729783;
    transform-origin: left;
    z-index: 1;
}
.line-two {
    left: 301px;
    top: 105px;
    width: 124px;
    transform: rotate(138deg);
}
.line-three {
    left: 176px;
    top: 234px;
    width: 143px;
    transform: rotate(-31deg);
}
.line-four {
    left: 302px;
    top: 225px;
    width: 127px;
    transform: rotate(39deg);
}
.wedge-signal b {
    display: block;
    font-size: 10px;
    margin-bottom: 3px;
	color: var(--ink);
}
.wedge-signal span {
    color: #5a7165;
}
.wedge-core span, .wedge-signal span {
    font: 400 8px var(--mono);
    display: block;
}
.wedge-core strong {
    font-size: 18px;
    line-height: 1.06;
    display: block;
    margin: 7px 0;
}
.wedge-core span, .wedge-signal span {
    font: 400 8px var(--mono);
    display: block;
}
.intelligence-heading .eyebrow {
    grid-column: 1 / -1;
}

.intelligence-heading>p {
    font-size: 17px;
    line-height: 1.55;
    align-self: end;
    margin: 0;
    max-width: 430px;
}
.intelligence-heading h2 {
    font-size: clamp(42px, 4.8vw, 68px);
    letter-spacing: -.075em;
    line-height: .95;
    margin: 0;
}
.intelligence-heading h2 em {
    font: 400 1em Georgia, serif;
    color: #527968;
}
.intelligence-heading>p {
    font-size: 17px;
    line-height: 1.55;
    align-self: end;
    margin: 0;
    max-width: 430px;
	color: var(--ink);
}
.intelligence-canvas {
    background: #1a4034;
    min-height: 405px;
    color: #edf4ed;
    padding: 32px;
    display: grid;
    grid-template-columns: 1fr .72fr;
    grid-template-rows: 1fr auto;
    gap: 30px;
    position: relative;
    overflow: hidden;
}
.intelligence-canvas:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(211, 237, 217, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(211, 237, 217, .08) 1px, transparent 1px);
    background-size: 34px 34px;
    pointer-events: none;
}
.signal-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
    position: relative;
    z-index: 1;
    align-content: center;
}
.signal-grid>div {
    min-height: 98px;
    padding: 12px;
    background: #234e40;
    border: 1px solid rgba(223, 243, 225, .18);
    position: relative;
}
.signal-grid span {
    font: 500 8px var(--mono);
    color: #accfba;
    display: block;
}
.signal-grid b {
    font-size: 15px;
    line-height: 1.05;
    display: block;
    margin: 17px 0 5px;
}
.signal-grid small {
    font: 400 8px var(--mono);
    color: #b8d1c0;
}
.intelligence-core {
    align-self: center;
    background: #e5b86c;
    color: #17392f;
    padding: 20px;
    position: relative;
    z-index: 1;
    box-shadow: 12px 12px 0 rgba(10, 33, 27, .18);
}
.intelligence-core small {
    font: 500 8px var(--mono);
    display: block;
}
.intelligence-core strong {
    font-size: 28px;
    line-height: .98;
    display: block;
    margin: 15px 0;
}
.intelligence-core span {
    font: 400 8px / 1.45 var(--mono);
    display: block;
}
.intelligence-output {
    grid-column: 1 / -1;
    display: flex;
    gap: 10px;
    position: relative;
    z-index: 1;
    border-top: 1px solid rgba(223, 243, 225, .25);
    padding-top: 18px;
}
.ai-capabilities {
    margin-top: 20px;
    background: #f4f2eb;
    border: 1px solid #ccd3c8;
    padding: 38px;
    display: grid;
    grid-template-columns: .85fr 1.35fr;
    gap: 38px;
    position: relative;
}
.ai-capabilities-intro h3 {
    font-size: 30px;
    line-height: 1.03;
    letter-spacing: -.06em;
    margin: 0;
}
.ai-capabilities-intro>p:last-child {
    font-size: 15px;
    line-height: 1.55;
    margin: 17px 0 0;
	color: var(--ink);
}
.communications-callout {
    display: grid;
    grid-template-columns: .88fr 1fr .78fr;
    gap: 44px;
    align-items: center;
    background: #f4f2eb;
    border: 1px solid #ccd3c8;
    padding: 38px;
    margin-top: 20px;
}
.communications-callout .eyebrow {
    margin-bottom: 15px;
}
.communications-callout h3 {
    font-size: 29px;
    letter-spacing: -.055em;
    line-height: 1.05;
    margin: 0;
}
.communications-callout>p {
    font-size: 15px;
    line-height: 1.55;
    margin: 0;
	color: var(--ink);
}
.notification-path
 {
    background: #dfe9df;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font: 500 9px var(--mono);
    color: #23483c;
}
.notification-path span {
    background: #f8f7f1;
    padding: 7px;
	font-size: 10px;
    font-weight: 600;
}
.intelligence-heading {
    display: grid;
    grid-template-columns: 1.1fr .75fr;
    gap: 80px;
    margin-bottom: 62px;
}
.notification-path i
 {
    font-style: normal;
    color: #d16d42;
}
.notification-path small {
    display: block;
    width: 100%;
    margin-top: 3px;
    color: #5f7969;
    font: 500 9px var(--mono);
}
.intelligence-output span {
    font: 500 9px var(--mono);
    border: 1px solid rgba(223, 243, 225, .25);
    padding: 8px 9px;
    color: #c7ddcc;
}
.ai-capability-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 22px;
}
.ai-capability-list li {
    border-top: 1px solid #c9d0c5;
    padding: 12px 0;
}
.ai-capability-list b {
    display: block;
    font-size: 12px;
    margin-bottom: 3px;
	color: var(--ink);
}
.ai-capability-list span {
    font-size: 12px;
    line-height: 1.4;
    color: #53685e;
    display: block;
}
.communications-callout>p strong
 {
    font-weight: 700;
    color: #315d4d;
}
.human-control {
    grid-column: 1 / -1;
    background: #20453a;
    color: #edf4ed;
    padding: 16px 18px;
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 20px;
    align-items: center;
}
.human-control span {
    font: 500 11px var(--mono);
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #ddb773;
}
.human-control p {
    margin: 0;
    font-size: 14px;
    line-height: 1.45;
}
.statement-layout {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 80px;
    align-items: start;
    border-top: 1px solid var(--line);
    padding-top: 39px;
	color: var(--ink);
}
.statement h2 {
    font-size: clamp(38px, 4vw, 58px);
}

.statement-layout>div {
    font-size: 18px;
    line-height: 1.55;
}
.statement-layout>div p:first-child {
    margin-top: 0;
	color: var(--ink);
}
.section-heading {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    margin-bottom: 78px;
}
.eyebrow-light {
    color: #a7c9b5;
}
.model-steps li+li {
    padding-left: 20px;
}
.section-heading h2 {
    font-size: clamp(42px, 4.7vw, 66px);
    grid-row: 2;
	color: #edf0e9;
}
.section-heading>p:last-child
 {
    grid-column: 2;
    grid-row: 2;
    align-self: end;
    font-size: 17px;
    line-height: 1.55;
    max-width: 425px;
    color: #c8d8cd;
    margin: 0;
}
.model-steps {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    border-top: 1px solid rgba(220, 242, 225, .25);
}
.model-steps li {
    padding: 20px 20px 0 0;
    border-right: 1px solid rgba(220, 242, 225, .18);
    min-height: 202px;
}
.model-steps span, .capability-index, .card-number {
    font: 500 10px var(--mono);
    color: #a9d1b7;
}
.operating-model {
    background: var(--ink);
    color: #edf0e9;
    padding: 122px 0;
}
.model-steps strong {
    display: block;
    font-size: 18px;
    margin: 34px 0 9px;
}
.model-steps p {
    font-size: 13px;
    line-height: 1.45;
    color: #bed1c3;
    margin: 0;
}
.workflow-intro {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 80px;
    margin-bottom: 62px;
}
.workflow-intro .eyebrow
 {
    grid-column: 1 / -1;
}
.workflow h2 {
    font-size: clamp(38px, 4.2vw, 60px);
}
.workflow-intro>p:last-child {
    align-self: end;
    font-size: 17px;
    max-width: 100%;
    margin: 0;
	color: var(--ink);
}
.workflow-board {
    background: #dfe5dc;
    padding: 36px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    position: relative;
}
.board-path {
    position: absolute;
    left: 17%;
    right: 17%;
    top: 50%;
    border-top: 1px dashed #72917f;
}
.workflow-card {
    min-height: 157px;
    position: relative;
    padding: 16px;
    background: #f7f6f1;
    border: 1px solid rgba(34, 64, 54, .18);
    z-index: 1;
}
.card-number {
    position: absolute;
    right: 14px;
    top: 15px;
}
.workflow-card small {
    display: block;
    font: 500 9px var(--mono);
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #638072;
}
.workflow-card strong {
    font-size: 18px;
    line-height: 1.1;
    display: block;
    margin: 21px 0 7px;
}
.workflow-card i {
    font: 400 10px var(--mono);
    font-style: normal;
    color: #70867b;
}
.workflow-card:nth-child(odd) {
    background: #214239;
    color: #f7f6f1;
}
.capability-heading {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 40px;
    margin-bottom: 60px;
}
.capability-heading .eyebrow {
    grid-column: 1 / -1;
}

.capability-heading>p {
    align-self: end;
    font-size: 17px;
    margin: 0;
    max-width: 100%;
	color: var(--ink);
}
.capability-heading h2 {
    font-size: clamp(40px, 4.3vw, 63px);
}
.capability-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
.capability.capability-large {
    background: #1e3d34;
    color: #f4f2eb;
    grid-column: span 2;
    min-height: 350px;
}

.capability {
    background: #e8e5dc;
    padding: 26px;
    min-height: 294px;
    position: relative;
    overflow: hidden;
}
.capability h3 {
    font-size: 25px;
    letter-spacing: -.05em;
    line-height: 1.04;
    margin: 33px 0 12px;
}
.capability p {
    font-size: 14px;
    max-width: 350px;
    margin: 0;
    line-height: 1.45;
	color: var(--ink);
}
.capability-large ul {
    list-style: none;
    padding: 0;
    margin: 24px 0 0;
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}
.capability-large li {
    font: 500 10px var(--mono);
    text-transform: uppercase;
    color: #b9d3c0;
    border-top: 1px solid rgba(235, 245, 237, .28);
    padding-top: 7px;
}
.mini-schedule {
    position: absolute;
    right: 25px;
    bottom: 28px;
    width: 225px;
    background: #2b5044;
    padding: 11px;
}
.mini-schedule>div {
    display: flex;
    gap: 5px;
    align-items: center;
    margin: 5px;
}
.mini-schedule b {
    font: 500 8px var(--mono);
    color: #b7d0bf;
    width: 23px;
}
.mini-schedule span {
    height: 7px;
    flex: 1;
    background: #547466;
}
.mini-schedule small {
    font: 500 9px var(--mono);
    color: #b7d0bf;
}
.mini-schedule .filled {
    background: #d6b070;
}
.check-list, .fleet-status, .incident-note, .plate-read, .report-bars
 {
    position: absolute;
    bottom: 24px;
    left: 25px;
    right: 25px;
}
.check-list span {
    display: flex;
    justify-content: space-between;
    padding: 7px 0;
    border-top: 1px solid #bfc2b8;
    font: 500 11px var(--mono);
	color: var(--ink);
}
.check-list b {
    font-weight: 500;
    color: #4d7b68;
}
.capability.reveal {
    opacity: 1;
}
h3.capability-large1{
	color: #f4f2eb;}
.fleet-status {
    border-top: 1px solid #bfc2b8;
    padding-top: 13px;
    display: grid;
    grid-template-columns: 15px 35px auto;
    align-items: center;
    gap: 7px;
}
.vehicle-dot {
    width: 9px;
    height: 9px;
    border: 2px solid #d9b16f;
    display: block;
}
.fleet-status small {
    font: 400 10px var(--mono);
    color: #607468;
}
.fleet-status strong {
    font-weight: bolder;
    font: 900 20px var(--mono);
    color: var(--ink);
}
.incident-note {
    background: #f4f2eb;
    padding: 12px;
    border-left: 3px solid var(--orange);
}
.incident-note small, .plate-read small
 {
    font: 500 8px var(--mono);
    letter-spacing: .07em;
    color: #8b6445;
    display: block;
}
.incident-note strong, .plate-read strong
 {
    font-size: 13px;
    display: block;
    margin: 4px 0;
	 color: var(--ink);
}
.incident-note span, .plate-read span {
    font: 400 9px var(--mono);
    color: #617267;
}
.plate-read {
    padding: 12px;
    background: #f4f2eb;
}
.report-bars {
    height: 68px;
    display: flex;
    align-items: end;
    gap: 7px;
    border-bottom: 1px solid #a8afa4;
    padding-bottom: 21px;
}
.report-bars i:nth-child(1) {
    height: 23px;
}
.report-bars i:nth-child(2) {
    height: 43px;
}
.report-bars i:nth-child(3) {
    height: 31px;
}
.report-bars i:nth-child(4) {
    height: 53px;
    background: #d9b16f;
}
.report-bars i {
    width: 17px;
    background: #4d7766;
    display: block;
}
.report-bars span {
    position: absolute;
    bottom: 0;
    font: 500 9px var(--mono);
    color: #546d60;
}
.evidence-heading {
    display: grid;
    grid-template-columns: 1.1fr .8fr;
    gap: 75px;
    margin-bottom: 75px;
}
.evidence-heading>p {
    font-size: 17px;
    line-height: 1.55;
    align-self: end;
    margin: 0;
    color: #c8d7cc;
    max-width: 100%;
}
.evidence-modules {
    display: grid;
    gap: 1px;
    background: rgba(224, 244, 229, .2);
    border: 1px solid rgba(224, 244, 229, .2);
}
.evidence-module {
    background: #19362e;
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 60px;
    padding: 54px;
    align-items: center;
}
.evidence-copy h3 {
    font-size: clamp(29px, 3vw, 43px);
    line-height: 1.03;
    letter-spacing: -.06em;
    margin: 24px 0 15px;
	color: #edf2eb;
}
.evidence-copy>p {
    color: #c1d3c5;
    line-height: 1.52;
    margin: 0;
	font-size: 16px;
}
.evidence-heading .eyebrow
 {
    grid-column: 1 / -1;
}
.evidence-copy ul {
    list-style: none;
    padding: 0;
    margin: 24px 0 0;
}
.evidence-copy li
 {
    font: 500 10px var(--mono);
    letter-spacing: .01em;
    border-top: 1px solid rgba(225, 240, 228, .19);
    padding: 9px 0;
    color: #b2cbbc;
}
.evidence-heading h2
 {
    font-size: clamp(42px, 4.6vw, 65px);
    line-height: .98;
    letter-spacing: -.07em;
    margin: 0;
	 color: #edf2eb;
}
.product-evidence {
    background: #19362e;
    color: #edf2eb;
}
.evidence-heading h2 em {
    font-family: Georgia, serif;
    font-weight: 400;
    color: #ddb773;
}
.screen-frame {
    margin: 0;
    background: #f2f0e9;
    color: #19352d;
    padding: 11px;
    box-shadow: 0 19px 45px rgba(0, 0, 0, .25);
    min-width: 0;
}
.screen-frame figcaption {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #c4c8bc;
    padding: 3px 1px 10px;
    font: 500 9px var(--mono);
    letter-spacing: .05em;
}
.screen-frame figcaption span {
    color: #7a705e;
}
.screen-content {
    height: 287px;
    display: flex;
    background: #e4ebe3;
    margin-top: 10px;
}
.screen-content aside {
    background: #20433a;
    width: 44px;
    padding: 13px 12px;
}
.screen-content aside b {
    font: 600 10px var(--sans);
    background: #ddb773;
    color: #1c3c32;
    padding: 3px;
}
.screen-content aside i {
    height: 10px;
    width: 10px;
    border: 1px solid #90b8a1;
    border-radius: 50%;
    display: block;
    margin: 21px auto;
}
.screen-main {
    padding: 17px;
    flex: 1;
}
.screen-title {
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.screen-title strong {
    font-size: 15px;
}
.screen-title small {
    font: 500 8px var(--mono);
    color: #5b7466;
}
.metric-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin: 9px 0;
}
.metric-row div {
    background: #f7f6f0;
    padding: 9px;
}
.metric-row span {
    font-size: 20px;
    font-weight: 600;
    display: block;
}
.metric-row small {
    font: 400 8px var(--mono);
    color: #6b786e;
}
.metric-row .warning span {
    color: #bc613f;
}
.screen-map {
    height: 152px;
    background: #d6e3d8;
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(rgba(30, 65, 53, .09) 1px, transparent 1px), linear-gradient(90deg, rgba(30, 65, 53, .09) 1px, transparent 1px);
    background-size: 30px 30px;
}
.pin-1 {
    left: 25%;
    top: 25%;
}
.pin {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d06b42;
    border: 2px solid #fbf7ef;
    position: absolute;
}
.pin-2 {
    left: 51%;
    top: 46%;
}
.pin-3 {
    left: 70%;
    top: 67%;
    background: #3a725d;
}
.map-event {
    position: absolute;
    right: 9px;
    bottom: 9px;
    background: #fbf8f1;
    padding: 7px 9px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}
figcaption b {
    font-weight: 900 !important;
    font-size: 10px;
}
.map-line {
    position: absolute;
    width: 60%;
    border-top: 2px solid #7ea891;
    top: 42%;
    left: 18%;
    transform: rotate(13deg);
}
.map-event small {
    font: 400 7px var(--mono);
    color: #557465;
    display: block;
}
.map-event strong {
    font-size: 9px;
}
.replace-note {
    display: block;
    margin: 8px 0 0;
    font: 400 8px var(--mono);
    color: #747c71;
}
.evidence-module.reverse .screen-frame {
    order: 1;
}
.evidence-module.reverse .evidence-copy {
    order: 2;
}
.field-screen {
    max-width: 300px;
    justify-self: center;
    width: 100%;
}
.phone {
    background: #e4ebe3;
    margin-top: 10px;
    padding: 12px;
    min-height: 330px;
}
.phone-top {
    display: flex;
    justify-content: space-between;
    font: 500 9px var(--mono);
    border-bottom: 1px solid #bfccbf;
    padding-bottom: 12px;
}
.phone-top b {
    font: 600 11px var(--sans);
}
.route-progress {
    background: #20443a;
    color: #edf4ed;
    padding: 12px;
    margin: 14px 0;
}
.route-progress small {
    font: 400 8px var(--mono);
    color: #b9d1bf;
    display: block;
}
.route-progress strong {
    font-size: 13px;
    display: block;
    margin: 5px 0;
}
.route-progress div {
    height: 4px;
    background: #557767;
}
.route-progress i {
    display: block;
    height: 100%;
    width: 77%;
    background: #ddb773;
}
.task-row {
    display: grid;
    grid-template-columns: 20px 1fr auto;
    gap: 6px;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #c8d2c8;
    font-size: 10px;
}
.task-row.complete span {
    background: #547d6a;
    color: #fff;
}
.task-row small {
    font: 400 8px var(--mono);
    color: #62766a;
}
.task-row span {
    border: 1px solid #628979;
    width: 16px;
    height: 16px;
    display: grid;
    place-items: center;
    font-size: 9px;
}
.phone button {
    width: 100%;
    background: #ddb773 !important;
    border: 0;
    padding: 10px;
    margin-top: 14px;
    font: 600 10px var(--sans);
    color: #19362e !important;
    border-radius: 0px;
}
.lpr-view {
    background: #e4ebe3;
    margin-top: 10px;
    min-height: 287px;
    padding: 17px;
}
.lpr-head {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 11px;
    border-bottom: 1px solid #bfccbf;
    padding-bottom: 11px;
}
.recording-dot {
    width: 7px;
    height: 7px;
    background: #cf6d40;
    border-radius: 50%;
}
.lpr-head small {
    margin-left: auto;
    font: 400 7px var(--mono);
    color: #557465;
}
.plate-card {
    background: #fcfaf4;
    margin: 24px 0 14px;
    padding: 20px 16px;
    border-left: 4px solid #d5ae70;
}
.plate-card small, .plate-card span {
    font: 400 8px var(--mono);
    display: block;
    color: #63766b;
}
.capability.capability-large p {
    color: #f4f2eb;
}
.plate-card strong
 {
    font: 600 27px var(--mono);
    letter-spacing: .05em;
    display: block;
    margin: 9px 0;
}
.lpr-actions {
    display: grid;
    gap: 8px;
}
.lpr-actions span {
    background: #f7f5ef;
    padding: 10px;
    font: 500 9px var(--mono);
    border: 1px solid #c9d0c5;
}
.report-page {
    background: #fffdf8;
    margin-top: 10px;
    min-height: 287px;
    padding: 19px;
}
.report-page header {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #203e35;
    padding-bottom: 12px;
}
.report-page header small {
    display: block;
    font: 400 7px var(--mono);
    color: #63766b;
}
.report-page header b {
    font-size: 14px;
    display: block;
    margin-top: 4px;
}
.report-page header>span {
    font: 400 8px var(--mono);
    text-align: right;
}
.report-stats
 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin: 14px 0;
}
.report-stats span
 {
    background: #edf2eb;
    padding: 8px;
    font: 400 8px var(--mono);
}
.report-stats b {
    font-size: 15px;
    margin-right: 4px;
}
.report-entry {
    display: grid;
    grid-template-columns: 10px 1fr;
    gap: 8px;
    border-top: 1px solid #d4d7d1;
    padding: 9px 0;
}
.report-entry i {
    width: 7px;
    height: 7px;
    background: #56806d;
    border-radius: 50%;
    margin-top: 4px;
}
.report-entry small, .report-entry span
 {
    display: block;
    font: 400 7px var(--mono);
    color: #63766b;
}
.report-entry b {
    font-size: 10px;
    display: block;
    margin: 2px 0;
}
.report-entry {
    display: grid;
    grid-template-columns: 10px 1fr;
    gap: 8px;
    border-top: 1px solid #d4d7d1;
    padding: 9px 0;
}
.report-entry.issue i {
    background: #cf6d40;
}
.operator-trust-inner {
    display: grid;
    grid-template-columns: .7fr 1.25fr .9fr;
    gap: 40px;
    align-items: center;
    padding: 35px 0;
}
.operator-trust .eyebrow
 {
    margin: 0;
}
.eyebrow>span
 {
    width: 23px;
    height: 1px;
    background: currentColor;
}
.trust-statement
 {
    margin: 0;
    font-size: 17px;
    line-height: 1.45;
    font-weight: 600;
    letter-spacing: -.025em;
	color: var(--ink);
}
.trust-points {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.trust-points span {
    font: 500 9px var(--mono);
    padding: 8px 9px;
    border: 1px solid #9db4a0;
    color: #365b4b;
}
.verticals {
    background: #dde5da;
    color: var(--ink);
}
.vertical-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    margin-bottom: 65px;
}
.vertical-header .eyebrow {
    grid-column: 1 / -1;
    color: #496b5d;
}
.verticals h2
 {
    font-size: clamp(39px, 4.4vw, 64px);
}
.vertical-grid
 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}
.vertical-grid article {
    border-top: 1px solid #668071;
    padding-top: 16px;
}
.vertical-grid span {
    font: 500 10px var(--mono);
    color: #557465;
}
.vertical-grid h3 {
    font-size: 19px;
    letter-spacing: -.04em;
    line-height: 1.1;
    margin: 40px 0 12px;
}
.vertical-grid p {
    font-size: 13px;
    line-height: 1.48;
    margin: 0;
}
.proof-section {
    padding: 134px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
}
.proof-copy h2
 {
    font-size: clamp(40px, 4.2vw, 60px);
}
.proof-copy>p:not(.eyebrow) {
    font-size: 17px;
    line-height: 1.55;
    margin: 27px 0 30px;
    max-width: 480px;
	color: var(--ink);
}
.dark-link {
    margin-top: 12px;
}
.text-link {
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid var(--ink);
    padding-bottom: 4px;
}
.text-link span {
    padding-left: 6px;
}
.proof-list>div {
    padding: 25px 0;
    border-top: 1px solid var(--line);
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 15px;
}
.proof-list span {
    font: 500 10px var(--mono);
    color: #527565;
}
.proof-list p {
    margin: 0;
    font-size: 16px;
    line-height: 1.45;
	color: var(--ink);
}
.proof-list strong {
    font-weight: 700;
}
.cta-section {
    background: #1b392f;
    color: #f6f5f0;
    padding: 103px 0;
}
.cta-inner {
    display: grid;
    grid-template-columns: 1fr .9fr;
    gap: 30px;
}
.cta-inner h2 {
    font-size: clamp(40px, 4.6vw, 65px);
	color: #f6f5f0;
}
.cta-inner h2 em {
    color: #ddb773;
}
.cta-inner>div>p:last-child {
    font-size: 17px;
    line-height: 1.55;
    max-width: 480px;
    margin: 28px 0 0;
    color: #c9d8cb;
}
.demo-form {
    background: #f5f3ec;
    color: var(--ink);
    padding: 24px;
    align-self: center;
}
.button-warm:hover {
    transform: translateY(-2px);
}
.button-warm {
    background: #d9b16f !important;
    color: #19352d !important;
    width: 100%;
    justify-content: space-between;
    display: inline-flex !important;
    gap: 25px;
    padding: 15px 18px !important;
    border: 0 !important;
    font: 600 14px var(--sans);
    cursor: pointer;
    border-radius: 0px !important;
}
.demo-form label {
    font: 500 10px var(--mono);
    text-transform: uppercase;
    letter-spacing: .06em;
    display: block;
    margin-bottom: 13px;
}
.demo-form input {
    width: 100%;
    display: block;
    border: 0;
    border-bottom: 1px solid #92a096;
    background: transparent;
    padding: 11px 0;
    font: 16px var(--sans);
    margin-top: 5px;
}
@media (min-width: 1025px) and (max-width: 1200px) {
	.statement-layout.reveal.visible {
		grid-template-columns: 1fr 1fr;
		gap: 30px;
	}
	.capability {
		height: auto;
		min-height: 330px;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	#menubar-231 .e-n-menu-heading > li:last-child {
		border:none;
		border-bottom:1px solid #142722 !important;
		margin-left:0px;
	}
	button#menu-toggle-231:hover {
		background: transparent;
	}
		#requestDemo a {
		border: 1px solid rgba(20, 39, 34, .17);
		padding: 10px 14px;
	}
	div#operating_reality {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.statement-layout {
		gap: 10px;
		grid-template-columns: 1fr 1fr;
	}
	.fleet-status {
		bottom: 15px;
		padding-top: 0px;
	}
	.incident-note{
	 bottom: 15px;
	}
	.plate-read{
	 bottom: 10px;
	}
	.capability {
		height: auto;
		min-height: 350px;
	}
	.evidence-heading {
		grid-template-columns: 1.1fr 1fr;
		gap: 10px;
	}
	.proof-section {
		grid-template-columns: .8fr 1fr;
		gap: 40px;
	}
	.model-steps li{padding:20px;}

}
@media (max-width: 767px) {
	.owner-control-grid {
        grid-template-columns: 1fr;
    }
	.owner-control-card {
        min-height: 0;
        padding: 1.45rem 1.25rem 1.6rem;
    }
	.owner-control-card .owner-control-number {
        margin-bottom: 1.8rem;
    }
	.owner-control-heading {
        grid-template-columns: 1fr;
        gap: 1.35rem;
        margin-bottom: 2.4rem;
    }
	.e-n-menu-heading > li:last-child {
		border:none;
		border-bottom:1px solid #142722 !important;
		margin-left:0px !important;
		border-left: 0px !important;
        border-right: 0px !important;
	}
	button#menu-toggle-231:hover {
		background: transparent;
	}
	#requestDemo a {
		border: 1px solid rgba(20, 39, 34, .17);
		padding: 10px 14px;
	}
}
@media (max-width: 560px) {
	.intelligence-core strong {
        font-size: 25px;
    }
	.operating-model, .verticals {
        padding: 82px 0;
    }
	.intelligence-output {
        gap: 6px;
    }
	.signal-grid {
        grid-template-columns: 1fr 1fr;
    }
	.signal-grid>div:last-child {
        grid-column: span 2;
    }
	.signal-grid>div {
        min-height: 82px;
        padding: 9px;
    }
	.intelligence-core {
        padding: 16px;
    }
	.intelligence-canvas {
        padding: 19px;
        gap: 20px;
    }
    .hero {
        min-height: auto;
        padding: 24px 0 2px;
    }
	.hero-actions {
        gap: 18px;
        align-items: flex-start;
        flex-direction: column;
    }
	.hero-note {
		font: 500 11px var(--mono);
		text-transform: uppercase;
		letter-spacing: .03em;
		opacity: 1;
		margin-top: 36px;
		color: var(--ink);
	}
	.proof-strip-grid {
        padding: 18px;
    }
	.ai-capabilities {
        padding: 24px;
    }
	.ai-capability-list {
        grid-template-columns: 1fr;
    }
	.human-control {
        padding: 15px;
    }
	.communications-callout {
        padding: 24px;
    }
	.section-heading1 .section-heading {
		display: inline-block;
	}
	.section-heading1 .section-heading h2 {
		margin-bottom: 42px;
	}
	.model-steps {
        grid-template-columns: 1fr 1fr;
    }
	.model-steps li {
        min-height: 175px;
        padding-right: 12px;
    }
	.model-steps li+li {
        padding-left: 12px;
    }
	.model-steps li:nth-child(even) {
        border-right: 0;
    }
	.workflow-board {
        grid-template-columns: 1fr;
        padding: 18px;
    }
	.capability-large {
        grid-column: auto;
        min-height: 410px;
    }
	.capability-grid {
        grid-template-columns: 1fr;
    }
	.capability-grid .capability {
        grid-column: span 2;
    }
	.evidence-module, .evidence-module.reverse {
        padding: 22px !important;
    }
	.operator-trust-inner {
        padding: 27px 0;
    }
	.vertical-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 850px) {
	.hero-note {
		color: var(--ink);
	}
	.hero {
		padding: 40px 0 0px;
	}
	.section-shell.proof-strip-grid {
		padding: 21px 15px;
	}
	.trust-points {
        justify-content: flex-start;
    }
	.vertical-header {
        grid-template-columns: 1fr;
    }
	.capability-grid {
        grid-template-columns: 1fr 1fr;
    }
	.evidence-module.reverse .evidence-copy {
        order: 0;
    }
	.evidence-module, .evidence-module.reverse {
        grid-template-columns: 1fr;
        gap: 34px;
        padding: 32px;
    }
    .proof-strip-grid, .evidence-heading {
        grid-template-columns: 1fr;
        gap: 17px;
    }
	.human-control {
        grid-template-columns: 1fr;
        gap: 7px;
    }
	.capability-large {
        grid-column: span 2;
    }
	.intelligence-output {
        grid-column: 1;
        flex-wrap: wrap;
    }
	.intelligence-core {
        max-width: 330px;
    }
	.intelligence-heading {
        grid-template-columns: 1fr;
        gap: 28px;
    }
	.intelligence-canvas {
        grid-template-columns: 1fr;
    }
	.ai-capabilities {
        grid-template-columns: 1fr;
        gap: 27px;
    }
	.communications-callout {
        grid-template-columns: 1fr;
        gap: 24px;
    }
	.statement-layout, .section-heading, .workflow-intro, .capability-heading, .proof-section, .cta-inner {
        grid-template-columns: 1fr;
        gap: 32px;
    }
	.workflow-intro .eyebrow, .capability-heading .eyebrow {
        grid-column: 1;
    }
	.operator-trust-inner {
        grid-template-columns: 1fr;
        gap: 20px;
    }
	.section-heading1 .section-heading.reveal.visible {
		display: inline-block;
	}
	.section-heading1 .section-heading h2 {
		margin-bottom: 20px;
	}
	.model-steps {
        grid-template-columns: repeat(3, 1fr);
    }
	.model-steps li:nth-child(3) {
        border-right: 0;
    }
	.check-list {
		bottom: 0px;
	}
	.report-bars{
		padding-bottom: 5px;
	}
	.report-bars span{
		bottom: -13px;
	}
	.screen-frame {
        max-width: 680px;
        width: 100%;
        justify-self: start;
    }
	.verticals {
		padding: 80px 0;
	}
	.vertical-grid {
        grid-template-columns: 1fr 1fr;
    }
}